@master/css 2.0.0-rc.6 → 2.0.0-rc.60

package/dist/core.d.ts

@@ -1,68 +1,107 @@
-import { Rule, NativeRule, RegisteredRule } from './rule';
-import type { Config, AnimationDefinitions } from './config';
-import './types/global';
-type VariableValue = {
-    type: 'string';
-    value: string;
-} | {
-    type: 'number';
-    value: number;
-} | {
-    type: 'color';
-    value: string;
-    space: 'rgb' | 'hsl';
-};
-export type Variable = Omit<VariableValue, 'value' | 'space'> & {
-    value?: any;
-    space?: any;
-    usage?: number;
-    themes?: {
-        [theme: string]: VariableValue;
-    };
-};
-export interface MasterCSS {
-    readonly style: HTMLStyleElement;
-    styles: Record<string, string[]>;
-    stylesBy: Record<string, string[]>;
-    selectors: Record<string, [RegExp, string[]][]>;
-    variables: Record<string, Variable>;
-    mediaQueries: Record<string, string | number>;
-    variablesNativeRules: Record<string, NativeRule>;
-    hasKeyframesRule: boolean;
-    animations: Record<string, AnimationDefinitions & {
-        usage?: number;
-        native?: NativeRule;
-    }>;
-}
-export declare class MasterCSS {
-    customConfig: Config;
+import { SyntaxRule } from './syntax-rule';
+import { Rule } from './rule';
+import Layer from './layer';
+import NonLayer from './non-layer';
+import { DefinedRule, Variable } from './types/syntax';
+import { AnimationDefinitions, Config } from './types/config';
+import { Vendors } from './types/common';
+export default class MasterCSS {
+    customConfig?: Config | undefined;
     static config: Config;
-    readonly rules: Rule[];
-    readonly ruleBy: Record<string, Rule>;
-    readonly classesUsage: Record<string, number>;
+    readonly definedRules: DefinedRule[];
     readonly config: Config;
-    readonly RegisteredSemanticRules: RegisteredRule[];
-    readonly RegisteredRules: RegisteredRule[];
-    constructor(customConfig?: Config);
+    readonly layerStatementRule: Rule;
+    readonly rules: (Layer | Rule)[];
+    readonly animationsNonLayer: NonLayer;
+    readonly baseLayer: {
+        rules: SyntaxRule[];
+        insert(syntaxRule: SyntaxRule): number | undefined;
+        delete(key: string): SyntaxRule | undefined;
+        insertVariables(syntaxRule: SyntaxRule): void;
+        insertAnimations(syntaxRule: SyntaxRule): void;
+        readonly tokenCounts: Map<string, number>;
+        name: string;
+        css: MasterCSS;
+        attach(): void;
+        detach(): void;
+        reset(): void;
+        readonly text: string;
+    } & Layer;
+    readonly themeLayer: Layer;
+    readonly presetLayer: {
+        rules: SyntaxRule[];
+        insert(syntaxRule: SyntaxRule): number | undefined;
+        delete(key: string): SyntaxRule | undefined;
+        insertVariables(syntaxRule: SyntaxRule): void;
+        insertAnimations(syntaxRule: SyntaxRule): void;
+        readonly tokenCounts: Map<string, number>;
+        name: string;
+        css: MasterCSS;
+        attach(): void;
+        detach(): void;
+        reset(): void;
+        readonly text: string;
+    } & Layer;
+    readonly componentsLayer: {
+        rules: SyntaxRule[];
+        insert(syntaxRule: SyntaxRule): number | undefined;
+        delete(key: string): SyntaxRule | undefined;
+        insertVariables(syntaxRule: SyntaxRule): void;
+        insertAnimations(syntaxRule: SyntaxRule): void;
+        readonly tokenCounts: Map<string, number>;
+        name: string;
+        css: MasterCSS;
+        attach(): void;
+        detach(): void;
+        reset(): void;
+        readonly text: string;
+    } & Layer;
+    readonly generalLayer: {
+        rules: SyntaxRule[];
+        insert(syntaxRule: SyntaxRule): number | undefined;
+        delete(key: string): SyntaxRule | undefined;
+        insertVariables(syntaxRule: SyntaxRule): void;
+        insertAnimations(syntaxRule: SyntaxRule): void;
+        readonly tokenCounts: Map<string, number>;
+        name: string;
+        css: MasterCSS;
+        attach(): void;
+        detach(): void;
+        reset(): void;
+        readonly text: string;
+    } & Layer;
+    readonly components: Map<string, string[]>;
+    readonly selectors: Map<string, [RegExp, string[]][]>;
+    readonly variables: Map<string, Variable>;
+    readonly at: Map<string, string | number>;
+    readonly animations: Map<string, AnimationDefinitions>;
+    constructor(customConfig?: Config | undefined);
+    get text(): string;
     resolve(): void;
     /**
      * Match check if Master CSS syntax
      * @param className
      * @returns css text
      */
-    match(className: string): RegisteredRule | undefined;
+    match(className: string): DefinedRule | undefined;
+    /**
+     * Generate syntax rules from class name
+     * @param className
+     * @returns SyntaxRule[]
+     */
+    generate(className: string, mode?: string): SyntaxRule[];
+    generateVendorSelectors(selectorText: string): Record<string, string[]>;
     /**
-     * Generate rules from class name
+     * Create syntax rule from given class name
      * @param className
-     * @returns Rule[]
+     * @returns SyntaxRule
      */
-    generate(className: string): Rule[];
+    create(className: string, fixedClass?: string, mode?: string): SyntaxRule | undefined;
     /**
-     * Create rule from given syntax
-     * @param syntax
-     * @returns Rule
+     * Create syntax rule from given selector text
+     * @param selectorText
      */
-    create(syntax: string): Rule | undefined;
+    createFromSelectorText(selectorText: string): SyntaxRule[] | undefined;
     /**
      * 根據蒐集到的所有 DOM class 重新 create
      */
@@ -70,27 +109,10 @@ export declare class MasterCSS {
     reset(): this;
     destroy(): this;
     add(...classNames: string[]): this;
-    delete(...classNames: string[]): void;
-    /**
-    * 加工插入規則
-    * 1. where
-    * 2. normal
-    * 3. where selectors
-    * 4. normal selectors
-    * 5. media where
-    * 6. media normal
-    * 7. media where selectors
-    * 8. media selectors
-    * 9. media width where
-    * 10. media width
-    * 11. media width where selectors
-    * 12. media width selectors
-    */
-    insert(rule: Rule): void;
-    get text(): string;
-    handleRuleWithAnimationNames(rule: Rule, initializing?: boolean): void;
-    handleRuleWithVariableNames(rule: Rule, initializing?: boolean): void;
-    pushVariableNativeRule(theme: string, variableCSSRule: CSSStyleRule): NativeRule;
+    remove(...classNames: string[]): void;
+    getModeSelector(modeName: string): string | undefined;
+}
+export default interface MasterCSS {
+    supportVendors: Set<Vendors>;
+    style: HTMLStyleElement | null;
 }
-export declare const masterCSSs: MasterCSS[];
-export {};