v2.0.0-rc.30

Bug Fixes

Runtime

• contentDocument was incorrectly recognized as a non-document _{^{@BenSeage 1b101c4}}

v2.0.0-rc.29

Additions

ESLint

• Setting option classDeclarations for checking variable/member declarations _{^{@1aron bd41565}}
  

Language Service

• Setting options for classAttributes classAttributeBindings classDeclarations classFunctions _{^{@1aron ce33aea}}

VSCode

• Restart Master CSS Language Server _{^{@1aron 6d3ad69}}
  

Bug Fixes

Language Service

• Settings type _{^{@1aron 528ecae}}

Deprecations

ESLint

• Use classAttributes classFunctions instead of classMatching calleeMatching _{^{@1aron 4b89f5e}}

v2.0.0-rc.28

Deprecations

• Refactor config.modeDriver to config.modes _{^{@BenSeage 06d67bf}}

  export default {
  -   modeDriver: 'class',
  +   modes: { dark: 'class', light: 'class' }
  }

v2.0.0-rc.27

New Features

• @master/css-explore-config - A utility for exploring a Master CSS config file _{^{@1aron e1e3994}}

Performance Upgrades

• Generate CSS rules using the same CSS instance _{^{@1aron 23e63c5}}
• Simplify semantic rule comparison and manipulation _{^{@1aron 738a1ba}}

Language Service

• Improve CSS generation and hint interaction latency _{^{@1aron 7b2c1a2}}

Additions

• leading alias for line-height _{^{@1aron 4f04d20}}

    <div class="line-height:1">
  + <div class="leading:1">

• text-truncate: alias for lines: _{^{@1aron 3de751e}}

    <div class="lines:3">
  + <div class="text-truncate:3">

• text-underline-position: _{^{@1aron bf0d43c}}

  <p class="text-underline:front-font">
  <p class="text-underline:under">
  <p class="text-underline:left">
  <p class="text-underline:right">

• tracking: alias for letter-spacing: _{^{@1aron ffe607f}}

    <p class="letter-spacing:1">
  + <p class="tracking:1">

• Function generatedCSS(config) _{^{@1aron 3a12c6e}}

Language Service

• styles variables and configuration support all features _{^{@1aron f89bbfb}}
• CSS previews and property information for completion items _{^{@1aron f3079e7}}
• Hint @media() @supports() _{^{@1aron 8ead242}}
• Hint animations _{^{@1aron ecd6eef}}
• Hint at-queries _{^{@1aron 199e3cb}}
• Hint config styles _{^{@1aron 5faa2af}}
• Hint for group syntax _{^{@1aron a960090}}
• Hint full keys and abbreviated keys _{^{@1aron e9364cf}}
• Hint pseudo-class and pseudo-element selectors _{^{@1aron 9e0ae7f}}
• Hint rule scope variables like fg:blue _{^{@1aron b43049e}}
• Hint semantics _{^{@1aron 307932b}}
• Hint syntax values _{^{@1aron 53ef9fe}}
• Hints for all global variables _{^{@1aron 6661765}}
• Support Astro class bindings _{^{@1aron a847a81}}
• Support classes within function calls for clsx, styled, cva, and custom _{^{@1aron 89cea2d}}

Improvements

• @all, @print, @screen, @speech should be set in the default query _{^{@1aron 53ef2d0}}
• Rename config.semantics to config.utilities to prevent confusion with component classes _{^{@1aron 6728364}}

  export default {
  -    semantics: { ... },
  +    utilities: { ... }
  }

• Rules API _{^{@1aron 02f033d}}

Language Service

• Hints are based on the part of the syntax where the cursor is located _{^{@1aron 409190f}}
• Preview final CSS generation with configuration _{^{@1aron 0c09d6e}}
• Rely on reliable selector sources and improve prompt item ordering _{^{@1aron ff923b7}}
• Sorting completion items _{^{@1aron d167afa}}
• Sorting values _{^{@1aron f12521d}}
• Use color-rgba to convert all color spaces to rgba _{^{@1aron 6b3e527}}

Bug Fixes

• text-decoration has no effect in Safari _{^{@1aron 287c7a3}}
• Cannot read properties of undefined (reading 'sheet') _{^{@1aron 09b4227}}
• CSS declarations with vendor prefixes are not preferred, fixed #342 _{^{@1aron 2afedb6 #342}}
• Incorrect class count _{^{@BenSeage a514b25}}
• Negative variables are not scoped to rules _{^{@1aron 5412eb9}}
• Unstable rule scope variable groups _{^{@1aron 6129e5a}}
• Update css.customConfig on refresh _{^{@1aron b84e912}}

Core

• Value in config.variables is not recognized when it is zero, resolved #335 _{^{@0Miles 5f2caa5 #335}}

ESLint

• Flat config uses "languageOptions.parserOptions" to specify parser options, fixed #339 _{^{@1aron 6de5a47 #339}}
• Template literal parsing _{^{@0Miles 34b7414}}

Language Service

• Class is incorrectly positioned in literals _{^{@1aron cab746e}}
• Color editing results are inconsistent with syntax _{^{@1aron e5e1668}}
• Incorrect syntax highlighting, resolved 343 _{^{@0Miles 16731e3}}
• Instance regex capture excess range _{^{@0Miles 83f5636}}
• Missing handling of | syntax delimiters resulted in no rendering of colors _{^{@1aron 54e0321}}
• Missing handling of color value component in function _{^{@1aron 6598bed}}
• Null reference exception in renderSyntaxColors function _{^{@0Miles 1d9277e}}
• Re-type and no hint values _{^{@1aron 28d3cb1}}
• Single quotes in classes are mistaken for syntax _{^{@1aron 415b559}}
• Supports various assignments _{^{@1aron 531c3c6}}
• Syntax highlight _{^{@0Miles [7772d79](7772d79...}}

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