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}}
• Typing blank will not trigger the next hint _{^{@1aron ce73d77}}
• Wrong color syntax but rendering colors _{^{@1aron 0b8fb5d}}

VSCode Language Service

• Vue syntax highlight _{^{@0Miles d56a357}}

Deprecations

• .hide utility class in favor of .hidden _{^{@1aron 43499ad}}

  - <div class="hide">
  + <div class="hidden">

• lh: alias in favor of line-h: _{^{@1aron 8e7dcb2}}

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

• Unused ::meter _{^{@1aron ffa5251}}

Tests

Language Service

• Make sure the configuration is loaded _{^{@1aron d4e401b}}