css | CSS Ecosystem Directory

Bot releases are visible (Hide)

css - v2.0.0-beta.155

Published by github-actions[bot] over 1 year ago

Additions

Theme Service - Complete destruction is optional 2f51ca2

Bug Fixes

CSS - @media and @supports doesn't transform | to #198 31b8e15
React - Repeat to initialize Master CSS 649429e
React - Stored themes were unexpectedly cleared when the DOM was destroyed 7a3f17f

Deprecations

CSS - Use CONFIG_ESM_TEXT instead of CONFIG_TS_TEXT 467c39e

css - v2.0.0-beta.154

Published by github-actions[bot] over 1 year ago

Bug Fixes

Vite - Entries aren't scanned on init 9d4009c
Webpack - Entries aren't scanned on init 8ae7f1c

css - v2.0.0-beta.153

Published by github-actions[bot] over 1 year ago

Bug Fixes

Theme Service - _value and _current are not reset on destruction 3695626

css - v2.0.0-beta.152

Published by github-actions[bot] over 1 year ago

New Features

Theme Service 4e6ae25

Install the theme service separately and initialize it:

import ThemeService from 'theme-service'

export const themeService = new ThemeService({ default: 'dark' })

For React, check out the Theme Service for React.

It helps you set up:

<html class="dark" style="color-scheme: dark">
    <body>
        <h1 class="bg:black@dark bg:white@light">Hello World</h1>
    </body>
</html>

To switch themes:

themeService.switch('light')

Improvements

Compiler - options.standalone optimized build tool and CLI 6df1ec6
Language Server - Remove unused dependencies bd49fd3
Language Service - Remove unused dependencies and bundle vscode-css-languageservice b79919f
React - Rename ThemeProvider to ThemeServiceProvider a9330da
Theme Service - Destroy the theme service c07547e
Theme Service - Rename event theme to themeChange bdb8578
Vite - Scan and generate CSS rules based on the dependency tree 4f1c7b5
Webpack - Scan and generate CSS rules based on the dependency tree 591cdc9

Bug Fixes

Language Service - Critical dependency 4577d8f
React - Wrong switch parameter f12c1bc
Theme Service - options isn't exported from the entry c1aba13
Theme Service - Not updating when system theme preferences change 2c409a0
Webpack - Cannot read properties of undefined (reading '_value') ce01eae

Deprecations

CSS - Remove Theme from @master/css 41c787d

To prevent the core from ever increasing in size, we separate Theme from @master/css.
```
- import { Theme } from '@master/css'
+ import ThemeService from 'theme-service'
```

Tests

Theme Service - getPreInitScript 1c9a84f
Theme Service - Lifecycle a0276df

css - v2.0.0-beta.151

Published by github-actions[bot] over 1 year ago

Bug Fixes

CSS - [@media](https://github.com/media) and [@supports](https://github.com/supports) doesn't transform | to #198 7991510
React - Providers aren't exported correctly from the entry dc69ead

css - v2.0.0-beta.150

Published by github-actions[bot] over 1 year ago

Bug Fixes

CSS - calc transforms the value incorrectly 3a25252

css - v2.0.0-beta.149

Published by github-actions[bot] over 1 year ago

Bug Fixes

CSS - calc transforms the value incorrectly e95f9e5

css - v2.0.0-beta.148

Published by github-actions[bot] over 1 year ago

Bug Fixes

CSS - Automatically add negative values for number config.values #211 8a3239d

css - v2.0.0-beta.147

Published by github-actions[bot] over 1 year ago

Bug Fixes

CSS - sheet.ownerNode is null sometimes 626cfc1

css - v2.0.0-beta.146

Published by github-actions[bot] over 1 year ago

Improvements

CSS - Support values in calc() 0f1172f

Deprecations

React - Use the React.lazy instead of LazyCSSProvider c9d4f9b

Examples

Next.js - Upgrade to Next.js v13.4 App Router 1387b82

css - v2.0.0-beta.145

Published by github-actions[bot] over 1 year ago

New Features

CSS - config.themeDriver #177 797da10

css - v2.0.0-beta.144

Published by github-actions[bot] over 1 year ago

Bug Fixes

CSS - root is not defined b06ced0

Examples

Add the Lit example bad7793

css - v2.0.0-beta.143

Published by github-actions[bot] over 1 year ago

New Features

CSS - gradient-text semantic + gradient() shorthand #167 fb92b98
CSS - mcss render .next/**/*.html command for things like Next.js #205 6e95826

Improvements

CSS - overflow:overlay #207 8d5d578
React - Marked providers as 'use client' 6a7cf28

Bug Fixes

CSS - mcss command doesn't refresh when master.css-compiler config is changed 518f023
CSS - mcss command will refresh loop if resolvedConfigPath or resolvedOptionsPath is empty string e199664
CSS - Missed grid-rows match 21b8d88
Language Service - Miss order:last and order:first suggestion 3c2d19e
VSCode Language Service - order and o highlight 7f62cff

css - v2.0.0-beta.142

Published by github-actions[bot] over 1 year ago

Bug Fixes

CSS - Normalize that () in calc is missing spaces #206 3f6ad02
React - Typings 4f507e1
React - Undefined config module ad414fd
Svelte - Undefined config module ea561c4

css - v2.0.0-beta.141

Published by github-actions[bot] over 1 year ago

Additions

Compiler - options.path Specify the custom compiler options file 634eb34

Improvements

Compiler - mcss build --watch log e383c83

Bug Fixes

require cache is not cleared in ESM 6bece4b
Compiler - Compiler parses and compiles comments with Vite #149 0cfa92e
Language Service - Syntax highlighting is not working in Svelte #193 f286728

css - v2.0.0-beta.140

Published by github-actions[bot] over 1 year ago

New Features

CSS - Keyframes

You can now customize CSS keyframes in master.css.js:

export default {
    keyframes: {
        fade: {
            '0%': { opacity: 0 },
            'to': { opacity: 1 }
        },
        …
    }
}

Apply the fade keyframe via animation syntax:

<div class="@fade|.5s|ease"></div>

It only generates the CSS keyframe rule used:

@keyframes fade {
    0% {
        opacity: 0
    }
 
    to {
        opacity: 1
    }
}
 
.\@fade\|\.5s\|ease {
    animation: fade .5s ease
}

Additions

Language Service - Export language server completion getReturnItem function bdd05ba
Language Service - Export Master CSS language server default settings #184 d1e67e8

Bug Fixes

CSS - ' wasn't be decoded aff3f25
CSS - repeat() accidentally converted units #195 ce56692
CSS - Color-related rules af15403
CSS - Incorrect cssRules sort 35fb0a0
CSS - Theme colors are not mapped #199 6ed4238
Language Service - Synchronous require cannot resolve module 'util' 796c452

Deprecations

Keyframes - Built into config.keyframes so deprecate @master/keyframes.css 5c0c987

Remove @master/keyframes.css from your entry and use the above config.keyframes instead:
```
- @import '@master/keyframes.css';
```

css - v2.0.0-beta.139

Published by github-actions[bot] over 1 year ago

Additions

CSS - extractClassesFromHTML() method 0a58818
CSS - renderRules() method 0104b61
CSS - renderRulesFromHTML() method c1b022d

Bug Fixes

CSS - Generated incorrect gap-x gap-y rules dd555cf
CSS - Incorrect @fade keyframe 0eccd0b

css - v2.0.0-beta.138

Published by github-actions[bot] over 1 year ago

Improvements

CSS - config.keyframes format 7461d4b
CSS - config.rules interface feff1dc

Bug Fixes

CSS - Queried a non-Master CSS stylesheet incorrectly db236d3

css - v2.0.0-beta.137

Published by github-actions[bot] over 1 year ago

Performance Upgrades

CSS - Minify and improve border-color matching performance 0786e19
CSS - Minify and improve border-radius matching performance 59a693f
CSS - Minify and improve border-style matching performance 363edca
CSS - Minify and improve border-width matching performance 896132d
CSS - Minify and improve border matching performance 4115342
CSS - Minify and improve gap matching performance 7b68fb8
CSS - Minify and improve scroll-margin scroll-padding matching performance 636d46c