v2.0.0-rc.26

⚠️ This release requires some naming changes.

Performance Upgrades

• Parse at-tokens and manipulate abstract syntax nodes _{^{@1aron 947bb5a}}

ESLint

• Move heavy collision checking to workers _{^{@1aron 0476a2a}}

Additions

• Function to check if rules are duplicated _{^{@1aron f9b958c}}
• Function to compare rule modes _{^{@1aron 59d99f8}}
• Function to compare rule queries _{^{@1aron 0f91468}}
• Function to compare rule selectors _{^{@1aron f1c9baa}}
• Function to compare rule states _{^{@1aron b6f97dc}}

Improvements

• Rename config.mediaQueries to config.queries and share it with @media @supports @container _{^{@1aron 2f561d9}}

  export default {
  -   mediaQueries: {
  +   queries: {
          tablet: 1024, 
          desktop: 1280,
  -       landscape: '(orientation:landscape)',
  +       landscape: 'media (orientation:landscape)'
      }
  }

• Rename config.themeDriver to config.modeDriver _{^{@1aron 67f2c2c}}

  export default {
  -   themeDriver: 'class',
  +   modeDriver: 'class',
  }

v2.0.0-rc.25

Bug Fixes

Extractor

• Cannot use import statement outside a module _{^{@1aron 618704a}}

Upgrades

• Master Colors v2 _{^{@1aron 2a63baf}}

v2.0.0-rc.24

Bug Fixes

Svelte

• Refresh triggered on initialization _{^{@BenSeage 28a1435}}

v2.0.0-rc.23

Theme Mode ( Stable v1 )

Renamed ThemeServiceProvider to ThemeModeProvider and separated it into a new repository "master-co/theme-mode" and package "theme-mode" to prevent it from hindering the progress of future Master CSS.

This package automatically switches themes using class="" and color-scheme:; that's it.

For example:

npm install @master/theme-mode.react

-import { ThemeServiceProvider } from '@master/css.react'
+import ThemeModeProvider from '@master/theme-mode.react'

export default function App({ children }) {
    return (
-       <ThemeServiceProvider options={{ default: 'system' }}>{children}</ThemeModeProvider>
+       <ThemeModeProvider preference='system'>{children}</ThemeModeProvider>
    )
}

• The Theme Mode now supports @master/theme-mode.svelte.

Normal CSS ( Stable v2 )

The packages/normal.css is separated into a new repository "master-co/normal.css"

---

Bug Fixes

ESLint

• Cannot read properties of null (reading 'type') _{^{@0Miles 1669ac0}}

Runtime

• Original style#master was removed when refreshing config _{^{@1aron b1f44f1}}

Deprecations

React

• Remove ThemeServiceProvider and use @master/theme-mode.react instead _{^{@1aron d823b83}}

Theme Service

• Use theme-mode instead _{^{@1aron d5208ba}}

Vue

• Remove ThemeServiceProvider and use @master/theme-mode.vue instead _{^{@1aron 72f4cf2}}

v2.0.0-rc.22

To accommodate this release, you'll need to adjust the path of importing styled. We have separated the styled into a new repository at https://github.com/master-co/styled to prevent it from hindering the progress of the Master CSS in the future.

Additions

• @container queries support, resolved #43 _{^{@1aron 27a389a #43}}

  <div class="font:32@container|sidebar(min-width:800px)">

  @container sidebar (min-width:800px) {
      .font\:32\@container\|sidebar\(min-width\:800px\) {
          font-size: 2rem
      }
  }

  ⚠️ This is an experimental release and we have not yet designed a smooth syntax for @container.

Improvements

React

• styled is separated into @master/styled.react _{^{@1aron d07a2aa}}

  -import { styled } from '@master/css.react'
  -import styled from '@master/styled.react'

Vue

• styled is separated into @master/styled.vue _{^{@1aron 01aa33a}}

  -import { styled } from '@master/css.vue'
  -import styled from '@master/styled.vue'

v2.0.0-rc.21

New Features

• Master Colors _{^{@1aron 02bf77a}}

  Starting from this version, the Master CSS color palette has been spun off into a new product called Master Colors. This release is specifically targeted toward users who prefer v1 colors, and separating it will facilitate the future progress of Master CSS.

  You can also install @master/colors from NPM if needed and access the colors object:

  import colors from '@master/colors'
  
  console.log(colors.blue[60])

Documentation

• Use default colors _{^{@1aron 13d0230}}

v2.0.0-rc.20

Bug Fixes

ESLint

• Node must be provided when reporting error if location is not provided _{^{@BenSeage 72ce64c}}
• The same declaration but different selectors or states should not be considered a conflict, fixed #322 _{^{@BenSeage bd10f7d #322}}

v2.0.0-rc.19

Bug Fixes

• Some packages were not released due to NPM Provenance in the previous version _{^{@1aron 15092eb}}

v2.0.0-rc.18

Improvements

Create

• Do not print when package.scripts is undefined _{^{@1aron 3a03dd2}}

Bug Fixes

ESLint

• Failed to load config "@master/css" to extend from _{^{@1aron 16ee5e8}}

  

Vue

• Failed to resolve entry for package "@master/css.vue" _{^{@1aron 05de7e4}}

Tests

• Master CSS ESLint Config is loaded correctly by ESLint _{^{@1aron 63bd733}}

v2.0.0-rc.17

Bug Fixes

• npm create @master/css my-app causes "Cannot found examples" _{^{@1aron f775ecb}}