@master/css 2.0.0-beta.11 → 2.0.0-beta.111

package/dist/config/semantics.d.ts

@@ -1,45 +1,145 @@
-declare const defaultSemantics: {
-    square: string;
-    video: string;
-    rounded: string;
-    round: string;
-    hidden: string;
-    hide: string;
-    block: string;
-    table: string;
-    flex: string;
-    grid: string;
-    contents: string;
-    inline: string;
-    'inline-block': string;
-    'inline-flex': string;
-    'inline-grid': string;
-    'inline-table': string;
-    'table-cell': string;
-    'table-caption': string;
-    'flow-root': string;
-    'list-item': string;
-    'table-row': string;
-    'table-column': string;
-    'table-row-group': string;
-    'table-column-group': string;
-    'table-header-group': string;
-    'table-footer-group': string;
-    italic: string;
-    oblique: string;
-    isolate: string;
-    overflow: string;
-    untouchable: string;
-    static: string;
-    fixed: string;
-    abs: string;
-    rel: string;
-    sticky: string;
-    uppercase: string;
-    lowercase: string;
-    capitalize: string;
-    visible: string;
-    invisible: string;
+declare const semantics: {
+    square: {
+        'aspect-ratio': string;
+    };
+    video: {
+        'aspect-ratio': string;
+    };
+    rounded: {
+        'border-radius': string;
+    };
+    round: {
+        'border-radius': string;
+    };
+    hidden: {
+        display: string;
+    };
+    hide: {
+        display: string;
+    };
+    block: {
+        display: string;
+    };
+    table: {
+        display: string;
+    };
+    flex: {
+        display: string;
+    };
+    grid: {
+        display: string;
+    };
+    contents: {
+        display: string;
+    };
+    inline: {
+        display: string;
+    };
+    'inline-block': {
+        display: string;
+    };
+    'inline-flex': {
+        display: string;
+    };
+    'inline-grid': {
+        display: string;
+    };
+    'inline-table': {
+        display: string;
+    };
+    'table-cell': {
+        display: string;
+    };
+    'table-caption': {
+        display: string;
+    };
+    'flow-root': {
+        display: string;
+    };
+    'list-item': {
+        display: string;
+    };
+    'table-row': {
+        display: string;
+    };
+    'table-column': {
+        display: string;
+    };
+    'table-row-group': {
+        display: string;
+    };
+    'table-column-group': {
+        display: string;
+    };
+    'table-header-group': {
+        display: string;
+    };
+    'table-footer-group': {
+        display: string;
+    };
+    italic: {
+        'font-style': string;
+    };
+    oblique: {
+        'font-style': string;
+    };
+    isolate: {
+        isolation: string;
+    };
+    overflow: {
+        overflow: string;
+    };
+    untouchable: {
+        'pointer-events': string;
+    };
+    static: {
+        position: string;
+    };
+    fixed: {
+        position: string;
+    };
+    abs: {
+        position: string;
+    };
+    rel: {
+        position: string;
+    };
+    sticky: {
+        position: string;
+    };
+    uppercase: {
+        'text-transform': string;
+    };
+    lowercase: {
+        'text-transform': string;
+    };
+    capitalize: {
+        'text-transform': string;
+    };
+    visible: {
+        visibility: string;
+    };
+    invisible: {
+        visibility: string;
+    };
+    vw: {
+        width: string;
+    };
+    vh: {
+        height: string;
+    };
+    'max-vw': {
+        'max-width': string;
+    };
+    'max-vh': {
+        'max-height': string;
+    };
+    'min-vw': {
+        'min-width': string;
+    };
+    'min-vh': {
+        'min-height': string;
+    };
     'center-content': {
         'justify-content': string;
         'align-items': string;
@@ -79,4 +179,4 @@ declare const defaultSemantics: {
         overflow: string;
     };
 };
-export default defaultSemantics;
+export default semantics;

package/dist/config/themes.d.ts

@@ -1,2 +1,2 @@
-declare const defaultThemes: string[];
-export default defaultThemes;
+declare const themes: string[];
+export default themes;

package/dist/config/values.d.ts

@@ -1,4 +1,4 @@
-declare const defaultValues: {
+declare const values: {
     BackgroundClip: {
         content: string;
         border: string;
@@ -123,4 +123,4 @@ declare const defaultValues: {
         min: string;
     };
 };
-export default defaultValues;
+export default values;

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

@@ -1,5 +1,6 @@
 export declare const START_SYMBOL: {
     '(': string;
     '\'': string;
+    '"': string;
     '{': string;
 };

package/dist/css.d.ts

@@ -1,38 +1,40 @@
-import init from './apis/init';
-import type { MasterCSSConfig } from './config';
-import MasterCSSRule from './rule';
+import type { Config } from './config';
+import Rule, { RuleMatching } from './rule';
 declare const MutationObserver: ObjectConstructor | {
     new (callback: MutationCallback): MutationObserver;
     prototype: MutationObserver;
 };
 export default class MasterCSS extends MutationObserver {
     #private;
-    config?: MasterCSSConfig;
-    root?: Document | ShadowRoot;
-    static init: typeof init;
-    static defaultConfig: MasterCSSConfig;
+    config?: Config;
     static instances: MasterCSS[];
     static root: MasterCSS;
     /**
-     * 全部 sheet 根據目前蒐集到的所有 DOM class 重新 findAndNew
+     * 全部 sheet 根據目前蒐集到的所有 DOM class 重新 create
      */
-    static refresh(config: MasterCSSConfig): void;
+    static refresh(config: Config): void;
     readonly style: HTMLStyleElement;
-    readonly rules: MasterCSSRule[];
-    readonly ruleOfClass: Record<string, MasterCSSRule>;
+    readonly rules: Rule[];
+    readonly ruleOfClass: Record<string, Rule>;
     readonly countOfClass: {};
     readonly host: Element;
+    readonly root: Document | ShadowRoot;
     readonly ready: boolean;
-    semantics: [RegExp, string][];
+    semantics: [RegExp, [string, string | Record<string, string>]][];
     classes: Record<string, string[]>;
-    colorsThemesMap: Record<string, Record<string, Record<string, string>>>;
+    colorThemesMap: Record<string, Record<string, string>>;
     colorNames: string[];
     themeNames: string[];
     relationThemesMap: Record<string, Record<string, string[]>>;
     relations: Record<string, string[]>;
     selectors: Record<string, [RegExp, string[]][]>;
+    values: Record<string, Record<string, string | number>>;
+    globalValues: Record<string, string | number>;
+    breakpoints: Record<string, number>;
+    mediaQueries: Record<string, string>;
+    matches: Record<string, RegExp>;
     private schemeMQL;
-    constructor(config?: MasterCSSConfig, root?: Document | ShadowRoot);
+    constructor(config?: Config);
     get storageScheme(): string;
     set scheme(scheme: string);
     get scheme(): string;
@@ -41,32 +43,43 @@ export default class MasterCSS extends MutationObserver {
     private removeSchemeListener;
     private onThemeChange;
     private cache;
-    observe(options?: MutationObserverInit): this;
+    observe(root: Document | ShadowRoot | null, options?: MutationObserverInit): this;
     disconnect(): void;
     /**
-     * 尋找匹配的 MasterCSSRule 生成實例
+     * 比對是否為 Master CSS 的類名語法
      */
-    findAndNew(name: string): MasterCSSRule | MasterCSSRule[];
+    match(className: string): RuleMatching;
     /**
-     * 根據目前蒐集到的所有 DOM class 重新 findAndNew
+     * 透過類名 ( 包含 .classes ) 生成 rules[]
      */
-    refresh(config: MasterCSSConfig): void;
+    create(className: string): Rule[];
+    /**
+     * 根據蒐集到的所有 DOM class 重新 create
+     */
+    refresh(config: Config): void;
     destroy(): void;
     /**
-     * 1. where
-     * 2. normal
-     * 3. where selectors
-     * 4. normal selectors
-     * 5. media where
-     * 6. media normal
-     * 7. media selectors
-     * 8. media width where
-     * 9. media width
-     * 10. media width selectors
+     * 透過類名來刪除對應的 Rules
      */
-    insert(rule: MasterCSSRule): void;
     delete(className: string): void;
-    findAndInsert(className: string): void;
+    /**
+    * 依類名插入規則
+     */
+    insert(eachClassName: string): boolean;
+    /**
+    * 加工插入規則
+    * 1. where
+    * 2. normal
+    * 3. where selectors
+    * 4. normal selectors
+    * 5. media where
+    * 6. media normal
+    * 7. media selectors
+    * 8. media width where
+    * 9. media width
+    * 10. media width selectors
+     */
+    insertRules(rules: Rule[]): void;
     get text(): string;
 }
 declare global {

package/dist/index.browser.d.ts

@@ -0,0 +1 @@
+export {};