@master/css 2.0.0-beta.185 → 2.0.0-beta.186

package/README.md

@@ -65,12 +65,12 @@ Visit [beta.css.master.co](https://beta.css.master.co) to view the full document
 ## Getting Started
 Check out the [official guides](https://beta.css.master.co/docs) to get started with Master CSS, or walk through the [examples](https://github.com/master-co/css/tree/beta/examples) for a quick overview of integrating with your framework.
 
-## Compilation Modes
-Master CSS provides various [compilation modes](https://beta.css.master.co/docs/compilation), allowing you to choose according to the characteristics and needs of different projects.
+## Rendering Modes
+Master CSS provides various [rendering modes](https://beta.css.master.co/docs/rendering-modes), allowing you to choose according to the characteristics and needs of different projects.
 
-- [Progressive Rendering](https://beta.css.master.co/docs/compilation/progressive-rendering) - Scan the requested HTML on the server side, generate CSS rules, and enable runtime-rendering compilation on the browser side
-- [Runtime Rendering](https://beta.css.master.co/docs/compilation/runtime-rendering) - Observe the DOM tree, manipulate CSS rules according to the changed class name, and synchronize to the running style sheet at runtime
-- [Static Extraction](https://beta.css.master.co/docs/compilation/static-extraction) - Scan source files for class names at build time, extract class names, and generate CSS files/virtual modules, then import them in the entry file
+- [Progressive Rendering](https://beta.css.master.co/docs/rendering-modes/progressive-rendering) - Scan the requested HTML on the server side, generate CSS rules, and enable runtime engine on the browser side
+- [Runtime Rendering](https://beta.css.master.co/docs/rendering-modes/runtime-rendering) - Observe the DOM tree, manipulate CSS rules according to the changed class name, and synchronize to the running style sheet at runtime
+- [Static Extraction](https://beta.css.master.co/docs/rendering-modes/static-extraction) - Scan source files for class names at build time, extract class names, and generate CSS files/virtual modules, then import them in the entry file
 
 ## Ecosystem
 We've built various Master CSS core functionality/integration packages:

package/dist/config/index.d.ts

@@ -8,40 +8,11 @@ import rules from './rules';
 import functions from './functions';
 import { CSSDeclarations } from '../types/css-declarations';
 import type { Rule } from '../rule';
-import { CoreLayer, Layer } from '../layer';
 declare const config: Config;
 export { config, mediaQueries, colors, selectors, semantics, rules, functions, animations, variables };
-export interface RuleOptions {
-    id?: string;
-    match?: RegExp | [string, string[]?];
-    resolvedMatch?: RegExp;
-    resolvedVariables?: any;
-    variables?: Record<string, string | number> | Array<string | number | Record<string, string | number>>;
-    order?: number;
-    separators?: string[];
-    shorthand?: string;
-    colored?: boolean;
-    numeric?: boolean;
-    unit?: any;
-    native?: boolean;
-    declarations?: CSSDeclarations;
-    resolvedPropName?: string;
-    layer?: Layer | CoreLayer;
-    analyze?(this: Rule, className: string): [valueToken: string, prefixToken?: string];
-    transform?(this: Rule, value: string): string;
-    declare?(this: Rule, value: string, unit: string): CSSDeclarations;
-    delete?(this: Rule, className: string): void;
-    create?(this: Rule, className: string): void;
-    insert?(this: Rule): void;
-}
-type VariableValue = number | string | VariableGroup | (number | string)[];
+type Variable = number | string | (number | string)[];
 type VariableGroup = {
-    [key: string]: VariableValue;
-};
-type Variables = {
-    [key in keyof typeof rules]: VariableGroup;
-} | {
-    [key in string]: VariableGroup | VariableValue;
+    [key: string]: Variable;
 };
 export interface Config {
     extends?: (Config | {
@@ -54,7 +25,7 @@ export interface Config {
         [key: string]: string | Config['colors'];
     };
     mediaQueries?: {
-        [key: string]: number | Config['mediaQueries'];
+        [key: string]: number | string | Config['mediaQueries'];
     };
     selectors?: {
         [key: string]: string | string[] | Config['selectors'];
@@ -64,9 +35,13 @@ export interface Config {
     } & {
         [key: string]: CSSDeclarations;
     };
-    variables?: Variables;
+    variables?: {
+        [key in keyof typeof rules]: VariableGroup;
+    } | {
+        [key in string]: VariableGroup | Variable;
+    };
     rules?: {
-        [key in keyof typeof rules | string]?: RuleOptions;
+        [key in keyof typeof rules | string]?: Rule['options'];
     };
     rootSize?: number;
     scope?: string;