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}}

v2.0.0-rc.16

Performance Upgrades

Nuxt

• Improve install size and config lookup _{^{@1aron 262f643}}

Updates

CLI

• options.config from master.css.* to master.css _{^{@1aron 97be60f}}

ESLint

• settings.config from master.css.* to master.css _{^{@1aron bcf2629}}

Extractor

• options.config from master.css.* to master.css _{^{@1aron 058a396}}

Language Server

• settings.config from master.css.* to master.css _{^{@1aron 37e1025}}

Bug Fixes

• npm create @master/css causes "[ERR_REQUIRE_ESM]: require() of ES Module" _{^{@1aron a111514}}

React

• styled does not inherit defaultProps after extending _{^{@BenSeage d3ff954}}

Tests

React

• CSSRuntimeProvider e2e _{^{@BenSeage 33e65ff}}

Svelte

• CSSRuntimeProvider e2e _{^{@BenSeage 9f3df8c}}