@master/css 2.0.0-beta.174 → 2.0.0-beta.175

package/dist/config/semantics.d.ts

@@ -1,9 +1,191 @@
-import type { CSSProperties } from '../types/css-properties';
-declare const semantics: Semantics;
-export default semantics;
-type SemanticsBase = CSSProperties | {
-    [key: string]: SemanticsBase;
-};
-export type Semantics = {
-    [key: string]: SemanticsBase;
+declare const semantics: {
+    readonly square: {
+        readonly 'aspect-ratio': "1/1";
+    };
+    readonly video: {
+        readonly 'aspect-ratio': "16/9";
+    };
+    readonly rounded: {
+        readonly 'border-radius': "1e9em";
+    };
+    readonly round: {
+        readonly 'border-radius': "50%";
+    };
+    readonly hidden: {
+        readonly display: "none";
+    };
+    readonly hide: {
+        readonly display: "none";
+    };
+    readonly block: {
+        readonly display: "block";
+    };
+    readonly table: {
+        readonly display: "table";
+    };
+    readonly flex: {
+        readonly display: "flex";
+    };
+    readonly grid: {
+        readonly display: "grid";
+    };
+    readonly contents: {
+        readonly display: "contents";
+    };
+    readonly inline: {
+        readonly display: "inline";
+    };
+    readonly 'inline-block': {
+        readonly display: "inline-block";
+    };
+    readonly 'inline-flex': {
+        readonly display: "inline-flex";
+    };
+    readonly 'inline-grid': {
+        readonly display: "inline-grid";
+    };
+    readonly 'inline-table': {
+        readonly display: "inline-table";
+    };
+    readonly 'table-cell': {
+        readonly display: "table-cell";
+    };
+    readonly 'table-caption': {
+        readonly display: "table-caption";
+    };
+    readonly 'flow-root': {
+        readonly display: "flow-root";
+    };
+    readonly 'list-item': {
+        readonly display: "list-item";
+    };
+    readonly 'table-row': {
+        readonly display: "table-row";
+    };
+    readonly 'table-column': {
+        readonly display: "table-column";
+    };
+    readonly 'table-row-group': {
+        readonly display: "table-row-group";
+    };
+    readonly 'table-column-group': {
+        readonly display: "table-column-group";
+    };
+    readonly 'table-header-group': {
+        readonly display: "table-header-group";
+    };
+    readonly 'table-footer-group': {
+        readonly display: "table-footer-group";
+    };
+    readonly italic: {
+        readonly 'font-style': "italic";
+    };
+    readonly oblique: {
+        readonly 'font-style': "oblique";
+    };
+    readonly isolate: {
+        readonly isolation: "isolate";
+    };
+    readonly overflowed: {
+        readonly overflow: "visible";
+    };
+    readonly untouchable: {
+        readonly 'pointer-events': "none";
+    };
+    readonly static: {
+        readonly position: "static";
+    };
+    readonly fixed: {
+        readonly position: "fixed";
+    };
+    readonly abs: {
+        readonly position: "absolute";
+    };
+    readonly rel: {
+        readonly position: "relative";
+    };
+    readonly sticky: {
+        readonly position: "sticky";
+    };
+    readonly uppercase: {
+        readonly 'text-transform': "uppercase";
+    };
+    readonly lowercase: {
+        readonly 'text-transform': "lowercase";
+    };
+    readonly capitalize: {
+        readonly 'text-transform': "capitalize";
+    };
+    readonly visible: {
+        readonly visibility: "visible";
+    };
+    readonly invisible: {
+        readonly visibility: "hidden";
+    };
+    readonly vw: {
+        readonly width: "100vw";
+    };
+    readonly vh: {
+        readonly height: "100vh";
+    };
+    readonly 'max-vw': {
+        readonly 'max-width': "100vw";
+    };
+    readonly 'max-vh': {
+        readonly 'max-height': "100vh";
+    };
+    readonly 'min-vw': {
+        readonly 'min-width': "100vw";
+    };
+    readonly 'min-vh': {
+        readonly 'min-height': "100vh";
+    };
+    readonly 'center-content': {
+        readonly 'justify-content': "center";
+        readonly 'align-items': "center";
+    };
+    readonly 'sr-only': {
+        readonly position: "absolute";
+        readonly width: "1px";
+        readonly height: "1px";
+        readonly padding: "0";
+        readonly margin: "-1px";
+        readonly overflow: "hidden";
+        readonly clip: "rect(0,0,0,0)";
+        readonly 'white-space': "nowrap";
+        readonly 'border-width': "0";
+    };
+    readonly full: {
+        readonly width: "100%";
+        readonly height: "100%";
+    };
+    readonly center: {
+        readonly left: 0;
+        readonly right: 0;
+        readonly 'margin-left': "auto";
+        readonly 'margin-right': "auto";
+    };
+    readonly middle: {
+        readonly top: 0;
+        readonly bottom: 0;
+        readonly 'margin-top': "auto";
+        readonly 'margin-bottom': "auto";
+    };
+    readonly 'break-spaces': {
+        readonly 'white-space': "break-spaces";
+    };
+    readonly 'break-word': {
+        readonly 'overflow-wrap': "break-word";
+        readonly overflow: "hidden";
+    };
+    readonly 'gradient-text': {
+        readonly '-webkit-text-fill-color': "transparent";
+        readonly '-webkit-background-clip': "text";
+        readonly 'background-clip': "text";
+    };
+    readonly fit: {
+        readonly width: "fit-content";
+        readonly height: "fit-content";
+    };
 };
+export default semantics;

package/dist/config/viewports.d.ts

@@ -1,5 +1,3 @@
-declare const viewports: Viewports;
+import type { Config } from './';
+declare const viewports: Config['viewports'];
 export default viewports;
-export type Viewports = {
-    [key: string]: number | Viewports;
-};

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

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

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

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

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

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

package/dist/core.d.ts

@@ -1,12 +1,12 @@
-import { Rule, RuleMeta, RuleNative } from './rule';
-import type { Config, Animations } from './config';
+import { Rule, RuleNative } from './rule';
+import type { Config } from './config';
+import { RuleConfig } from './config';
 export interface MasterCSS {
     readonly style: HTMLStyleElement;
     readonly host: Element;
     readonly root: Document | ShadowRoot;
-    semantics: [RegExp, [string, string | Record<string, string>]][];
     classes: Record<string, string[]>;
-    colorThemesMap: Record<string, Record<string, string>>;
+    colors: Record<string, Record<string, string>>;
     colorNames: string[];
     themeNames: string[];
     classesBy: Record<string, string[]>;
@@ -16,26 +16,29 @@ export interface MasterCSS {
     globalValues: Record<string, string | number>;
     viewports: Record<string, number>;
     mediaQueries: Record<string, string>;
-    matches: Record<string, RegExp>;
     keyframesMap: Record<string, {
         native: RuleNative;
         count: number;
     }>;
-    animations: Animations;
+    animations: Config['animations'];
 }
 export declare class MasterCSS {
-    config: Config;
+    customConfig: Config;
     static root: MasterCSS;
     static config: Config;
     static instances: MasterCSS[];
-    static refresh: (config: Config) => void;
+    static refresh: (customConfig: Config) => void;
     readonly rules: Rule[];
     readonly ruleBy: Record<string, Rule>;
     readonly countBy: {};
     readonly observing = false;
+    readonly config: Config;
+    private readonly _semanticRuleConfigs;
+    private readonly _orderedRuleConfigs;
+    colorTokenRegExp: RegExp;
     observer: MutationObserver;
     private colorByThemeByColorName;
-    constructor(config?: Config);
+    constructor(customConfig?: Config);
     resolve(): void;
     /**
      * Observe the DOM for changes and update the running stylesheet. (browser only)
@@ -50,7 +53,7 @@ export declare class MasterCSS {
      * @param syntax class syntax
      * @returns css text
      */
-    match(syntax: string): RuleMeta;
+    match(syntax: string): RuleConfig;
     /**
      * Create rules from class syntax
      * @param syntax class syntax
@@ -60,7 +63,7 @@ export declare class MasterCSS {
     /**
      * 根據蒐集到的所有 DOM class 重新 create
      */
-    refresh(config: Config): void;
+    refresh(customConfig?: Config): void;
     destroy(): void;
     /**
      * 透過類名來刪除對應的 rules