@master/css 2.0.0-beta.99 → 2.0.0-rc.2

package/dist/config/variables.d.ts

@@ -0,0 +1,551 @@
+declare const variables: {
+    full: string;
+    fit: string;
+    max: string;
+    min: string;
+    'font-family': {
+        mono: string[];
+        sans: string[];
+        serif: string[];
+    };
+    screen: {
+        '4xs': number;
+        '3xs': number;
+        '2xs': number;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        '2xl': number;
+        '3xl': number;
+        '4xl': number;
+    };
+    'font-weight': {
+        thin: number;
+        extralight: number;
+        light: number;
+        regular: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+        heavy: number;
+    };
+    'flex-direction': {
+        col: string;
+        'col-reverse': string;
+    };
+    'box-sizing': {
+        content: string;
+        border: string;
+    };
+    position: {
+        abs: string;
+        rel: string;
+    };
+    'transform-box': {
+        content: string;
+        border: string;
+        padding: string;
+        fill: string;
+        stroke: string;
+        view: string;
+    };
+    'animation-direction': {
+        alt: string;
+        'alt-reverse': string;
+    };
+    'background-clip': {
+        content: string;
+        border: string;
+        padding: string;
+    };
+    'background-origin': {
+        content: string;
+        border: string;
+        padding: string;
+    };
+    order: {
+        first: number;
+        last: number;
+    };
+    'shape-outside': {
+        content: string;
+        border: string;
+        padding: string;
+        margin: string;
+    };
+    'clip-path': {
+        content: string;
+        border: string;
+        padding: string;
+        margin: string;
+        fill: string;
+        stroke: string;
+        view: string;
+        black: string;
+    };
+    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;
+    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;

package/dist/constants/base-unit-regex.d.ts

@@ -0,0 +1 @@
+export declare const BASE_UNIT_REGEX: RegExp;

package/dist/constants/config-esm-text.d.ts

@@ -0,0 +1 @@
+export declare const CONFIG_ESM_TEXT = "/** @type {import('@master/css').Config} */\nexport default {\n    styles: {},\n    rules: {},\n    variables: {},\n    semantics: {},\n    mediaQueries: {},\n    animations: {},\n    selectors: {},\n    functions: {}\n}\n";

package/dist/constants/config-text.d.ts

@@ -0,0 +1 @@
+export declare const CONFIG_TEXT = "/** @type {import('@master/css').Config} */\nmodule.exports = {\n    styles: {},\n    rules: {},\n    variables: {},\n    semantics: {},\n    mediaQueries: {},\n    animations: {},\n    selectors: {},\n    functions: {}\n}\n";

package/dist/constants/config-ts-text.d.ts

@@ -0,0 +1 @@
+export declare const CONFIG_TS_TEXT = "import type { Config } from '@master/css'\n\nexport default {\n    styles: {},\n    rules: {},\n    variables: {},\n    semantics: {},\n    mediaQueries: {},\n    animations: {},\n    selectors: {},\n    functions: {}\n} as Config\n";

package/dist/constants/start-symbol.d.ts

@@ -1,4 +1,4 @@
-export declare const START_SYMBOL: {
+export declare const START_SYMBOLS: {
     '(': string;
     '\'': string;
     '"': string;

package/dist/core.d.ts

@@ -0,0 +1,96 @@
+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;
+    static config: Config;
+    readonly rules: Rule[];
+    readonly ruleBy: Record<string, Rule>;
+    readonly classesUsage: Record<string, number>;
+    readonly config: Config;
+    readonly RegisteredSemanticRules: RegisteredRule[];
+    readonly RegisteredRules: RegisteredRule[];
+    constructor(customConfig?: Config);
+    resolve(): void;
+    /**
+     * Match check if Master CSS syntax
+     * @param className
+     * @returns css text
+     */
+    match(className: string): RegisteredRule | undefined;
+    /**
+     * Generate rules from class name
+     * @param className
+     * @returns Rule[]
+     */
+    generate(className: string): Rule[];
+    /**
+     * Create rule from given syntax
+     * @param syntax
+     * @returns Rule
+     */
+    create(syntax: string): Rule | undefined;
+    /**
+     * 根據蒐集到的所有 DOM class 重新 create
+     */
+    refresh(customConfig?: Config): this;
+    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;
+}
+export declare const masterCSSs: MasterCSS[];
+export {};

package/dist/functions/reorder-for-readable-classes.d.ts

@@ -0,0 +1,12 @@
+import type { Config } from '../config';
+import { MasterCSS } from '../core';
+/**
+ * Sorts classes in a consistent order
+ * @param classes
+ * @param options
+ * @returns consistent classes
+ */
+export default function reorderForReadableClasses(classes: string[], options?: {
+    css?: MasterCSS;
+    config?: Config;
+}): string[];

package/dist/functions/transform-color-with-opacity.d.ts

@@ -0,0 +1 @@
+export declare function transformColorWithOpacity(color: string, opacityStr: string): string;