Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More β
@master/css
Advanced tools
@master/css - npm Package Compare versions
Comparing version 2.0.0-beta.214 to 2.0.0-beta.215
@@ -14,5 +14,3 @@ import mediaQueries from './media-queries'; | ||
| export type VariableDefinition = { | ||
| [key in '' | `@${string}`]?: VariableValue; | ||
| } & { | ||
| [key: string]: VariableValue | VariableDefinition; | ||
| [key in '' | `@${string}` | string]?: VariableValue | VariableDefinition; | ||
| }; | ||
@@ -19,0 +17,0 @@ export type CSSKeyframes = { |
@@ -121,3 +121,3 @@ import type { RuleDefinition } from '../rule'; | ||
| 'transition-property': RuleDefinition; | ||
| 'transitionTiming-function': RuleDefinition; | ||
| 'transition-timing-function': RuleDefinition; | ||
| 'transition-duration': RuleDefinition; | ||
@@ -124,0 +124,0 @@ 'transition-delay': RuleDefinition; |
@@ -89,26 +89,464 @@ declare const variables: { | ||
| }; | ||
| current: string; | ||
| text: { | ||
| strong: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| neutral: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| lightest: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| lighter: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| light: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| gray: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| slate: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| brown: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| orange: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| amber: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| yellow: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| lime: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| green: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| beryl: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| teal: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| cyan: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| sky: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| blue: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| indigo: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| violet: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| purple: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| fuchsia: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| pink: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| crimson: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| red: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| base: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| canvas: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| surface: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| white: string; | ||
| black: string; | ||
| white: string; | ||
| current: string; | ||
| slate: any; | ||
| gray: any; | ||
| brown: any; | ||
| orange: any; | ||
| gold: any; | ||
| yellow: any; | ||
| grass: any; | ||
| green: any; | ||
| beryl: any; | ||
| teal: any; | ||
| cyan: any; | ||
| sky: any; | ||
| blue: any; | ||
| indigo: any; | ||
| violet: any; | ||
| purple: any; | ||
| fuchsia: any; | ||
| pink: any; | ||
| crimson: any; | ||
| red: any; | ||
| frame: { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| gray: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| slate: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| brown: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| orange: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| amber: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| yellow: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| lime: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| green: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| beryl: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| teal: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| cyan: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| sky: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| blue: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| indigo: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| violet: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| purple: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| fuchsia: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| pink: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| crimson: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| red: { | ||
| '5': string; | ||
| '10': string; | ||
| '20': string; | ||
| '30': string; | ||
| '40': string; | ||
| '50': string; | ||
| '60': string; | ||
| '70': string; | ||
| '80': string; | ||
| '90': string; | ||
| '95': string; | ||
| '': { | ||
| '@light': string; | ||
| '@dark': string; | ||
| }; | ||
| }; | ||
| }; | ||
| export default variables; |
@@ -1,1 +0,1 @@ | ||
| {"name":"@master/css","scripts":{"build":"techor pack --declare --external @master/css-renderer @master/css-extractor","dev":"pnpm run build --watch","test":"jest","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"A markup-driven CSS language with enhanced syntax","author":"Aoyue Design LLC.","funding":"https://css.master.co/docs/donate","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/css"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":false,"main":"./dist/index.bundle.js","jsnext:main":"./dist/index.bundle.mjs","esnext":"./dist/index.bundle.mjs","module":"./dist/index.bundle.mjs","browser":"./dist/runtime.browser.bundle.js","types":"./dist/index.d.ts","exports":{".":{"browser":{"import":"./dist/index.bundle.mjs","types":"./dist/runtime.browser.d.ts"},"require":"./dist/index.bundle.js","import":"./dist/index.bundle.mjs","types":"./dist/index.d.ts"}},"bin":{"mcss":"./dist/bin/index.bundle.js","mastercss":"./dist/bin/index.bundle.js"},"files":["dist"],"publishConfig":{"access":"public"},"dependencies":{"@master/normal.css":"^2.0.0-beta.214","@techor/fs":"^2.5.4","@techor/log":"^2.5.4","commander":"^11.0.0"},"devDependencies":{"@techor/extend":"^2.5.4","@techor/pack":"^2.5.4","@types/jest":"^29.5.11","css-shared":"^2.0.0-beta.214","csstype":"^3.1.2","puppeteer":"^21.0.1","vite":"^4.2.1"},"version":"2.0.0-beta.214"} | ||
| {"name":"@master/css","scripts":{"build":"techor pack --declare --external @master/css-renderer @master/css-extractor","dev":"pnpm run build --watch","test":"jest","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"A markup-driven CSS language with enhanced syntax","author":"Aoyue Design LLC.","funding":"https://css.master.co/docs/donate","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/css"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":false,"main":"./dist/index.bundle.js","jsnext:main":"./dist/index.bundle.mjs","esnext":"./dist/index.bundle.mjs","module":"./dist/index.bundle.mjs","browser":"./dist/runtime.browser.bundle.js","types":"./dist/index.d.ts","exports":{".":{"browser":{"import":"./dist/index.bundle.mjs","types":"./dist/runtime.browser.d.ts"},"require":"./dist/index.bundle.js","import":"./dist/index.bundle.mjs","types":"./dist/index.d.ts"}},"bin":{"mcss":"./dist/bin/index.bundle.js","mastercss":"./dist/bin/index.bundle.js"},"files":["dist"],"publishConfig":{"access":"public"},"dependencies":{"@master/normal.css":"^2.0.0-beta.215","@techor/fs":"^2.5.4","@techor/log":"^2.5.4","commander":"^11.0.0"},"devDependencies":{"@techor/extend":"^2.5.4","@techor/pack":"^2.5.4","@types/jest":"^29.5.11","css-shared":"^2.0.0-beta.215","csstype":"^3.1.2","puppeteer":"^21.0.1","vite":"^4.2.1"},"version":"2.0.0-beta.215"} |
@@ -86,4 +86,4 @@ <br> | ||
| ##### Progressive Rendering | ||
| - [Server](https://github.com/master-co/css/tree/beta/packages/server) - Generate Master CSS text from markup on the server | ||
| - [Renderer](https://github.com/master-co/css/tree/beta/packages/renderer) - Pre-renders and injects HTML-required CSS | ||
| - [Nitro Server](https://github.com/master-co/css/tree/beta/packages/server.nitro) - Integrate Master CSS Pre-rendering the Nitro way | ||
@@ -104,6 +104,5 @@ ##### Static Extraction | ||
| ##### Others | ||
| - [Normal CSS](https://github.com/master-co/css/tree/beta/packages/normal.css) - Normalize the browser's styles | ||
| - [Theme Service](https://github.com/master-co/css/tree/beta/packages/theme-service) - A CSS theme-switching service for Master CSS | ||
| - [π§ Class Variant](https://github.com/master-co/css/tree/beta/packages/class-variant) - Create reusable, extensible, and customizable style class variants | ||
| - π§ Resolve Class - Conditionally apply classes and trim it to a non-wrap string | ||
| - [Normal CSS](https://beta.css.master.co/docs/global-styles) - Normalize the browser's styles | ||
| - [Theme Service](https://beta.css.master.co/docs/theme-service) - A CSS theme-switching service for Master CSS | ||
| - [Class Variant](https://beta.css.master.co/docs/class-variant) - Create reusable, extensible, and customizable style class variants | ||
@@ -110,0 +109,0 @@ ## Community |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by6.19%
264827
- Lines of code
- increased by22.78%
2485
Worsened metrics
- Number of lines in readme file
- decreased by-0.81%
122