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

package/esm/config/values.d.ts

@@ -0,0 +1,125 @@
+export declare const defaultValues: {
+    BackgroundClip: {
+        content: string;
+        border: string;
+        padding: string;
+    };
+    BackgroundOrigin: {
+        content: string;
+        border: string;
+        padding: string;
+    };
+    BoxSizing: {
+        content: string;
+        border: string;
+    };
+    ClipPath: {
+        margin: string;
+        fill: string;
+        stroke: string;
+        view: string;
+        content: string;
+        border: string;
+        padding: string;
+    };
+    FlexDirection: {
+        col: string;
+        'col-reverse': string;
+    };
+    FontFamily: {
+        mono: string;
+        sans: string;
+        serif: string;
+    };
+    FontWeight: {
+        thin: number;
+        extralight: number;
+        light: number;
+        regular: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+        heavy: number;
+    };
+    GridAutoColumns: {
+        min: string;
+        max: string;
+    };
+    GridAutoRows: {
+        min: string;
+        max: string;
+    };
+    GridTemplateColumns: {
+        min: string;
+        max: string;
+    };
+    GridTemplateRows: {
+        min: string;
+        max: string;
+    };
+    Order: {
+        first: number;
+        last: number;
+    };
+    Position: {
+        abs: string;
+        rel: string;
+    };
+    ShapeOutside: {
+        margin: string;
+        content: string;
+        border: string;
+        padding: string;
+    };
+    TransformBox: {
+        fill: string;
+        stroke: string;
+        view: string;
+        content: string;
+        border: string;
+        padding: string;
+    };
+    Width: {
+        full: string;
+        fit: string;
+        max: string;
+        min: string;
+    };
+    MinWidth: {
+        full: string;
+        fit: string;
+        max: string;
+        min: string;
+    };
+    MinHeight: {
+        full: string;
+        fit: string;
+        max: string;
+        min: string;
+    };
+    MaxWidth: {
+        full: string;
+        fit: string;
+        max: string;
+        min: string;
+    };
+    MaxHeight: {
+        full: string;
+        fit: string;
+        max: string;
+        min: string;
+    };
+    Height: {
+        full: string;
+        fit: string;
+        max: string;
+        min: string;
+    };
+    FlexBasis: {
+        full: string;
+        fit: string;
+        max: string;
+        min: string;
+    };
+};

package/esm/config/values.js

@@ -0,0 +1,83 @@
+import { defaultBreakpoints } from './breakpoints';
+const boxUnderneath = {
+    content: 'content-box',
+    border: 'border-box',
+    padding: 'padding-box'
+};
+const contentExtrema = {
+    min: 'min-content',
+    max: 'max-content'
+};
+const sizingValues = {
+    full: '100%',
+    fit: 'fit-content',
+    max: 'max-content',
+    min: 'min-content',
+};
+for (const key in defaultBreakpoints) {
+    sizingValues[key] = (defaultBreakpoints[key] / 16) + 'rem';
+}
+export const defaultValues = {
+    BackgroundClip: boxUnderneath,
+    BackgroundOrigin: boxUnderneath,
+    BoxSizing: {
+        content: 'content-box',
+        border: 'border-box',
+    },
+    ClipPath: {
+        ...boxUnderneath,
+        margin: 'margin-box',
+        fill: 'fill-box',
+        stroke: 'stroke-box',
+        view: 'view-box'
+    },
+    FlexDirection: {
+        col: 'column',
+        'col-reverse': 'column-reverse'
+    },
+    FontFamily: {
+        mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace',
+        sans: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji',
+        serif: 'ui-serif, Georgia, Cambria, Times New Roman, Times, serif'
+    },
+    FontWeight: {
+        thin: 100,
+        extralight: 200,
+        light: 300,
+        regular: 400,
+        medium: 500,
+        semibold: 600,
+        bold: 700,
+        extrabold: 800,
+        heavy: 900
+    },
+    GridAutoColumns: contentExtrema,
+    GridAutoRows: contentExtrema,
+    GridTemplateColumns: contentExtrema,
+    GridTemplateRows: contentExtrema,
+    Order: {
+        first: -999999,
+        last: 999999
+    },
+    Position: {
+        abs: 'absolute',
+        rel: 'relative'
+    },
+    ShapeOutside: {
+        ...boxUnderneath,
+        margin: 'margin-box'
+    },
+    TransformBox: {
+        ...boxUnderneath,
+        fill: 'fill-box',
+        stroke: 'stroke-box',
+        view: 'view-box'
+    },
+    Width: sizingValues,
+    MinWidth: sizingValues,
+    MinHeight: sizingValues,
+    MaxWidth: sizingValues,
+    MaxHeight: sizingValues,
+    Height: sizingValues,
+    FlexBasis: sizingValues
+};

package/esm/configure.d.ts

@@ -0,0 +1,2 @@
+import { MasterCSSConfig } from './interfaces/config';
+export declare function configure(...configurations: MasterCSSConfig[]): MasterCSSConfig;

package/esm/configure.js

@@ -0,0 +1,10 @@
+import { defaultConfig } from './config';
+import { extend } from './utils/extend';
+export function configure(...configurations) {
+    if (configurations.length) {
+        return extend(defaultConfig, ...configurations);
+    }
+    else {
+        return defaultConfig;
+    }
+}

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

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

package/esm/constants/start-symbol.js

@@ -0,0 +1,5 @@
+export const START_SYMBOL = {
+    '(': ')',
+    '\'': '\'',
+    '{': '}'
+};

package/esm/css.d.ts

@@ -0,0 +1,65 @@
+import { init } from './init';
+import { MasterCSSConfig } from './interfaces/config';
+import { MasterCSSRule } from './rule';
+declare const MutationObserver: {
+    new (callback: MutationCallback): MutationObserver;
+    prototype: MutationObserver;
+} | ObjectConstructor;
+export default class MasterCSS extends MutationObserver {
+    config: MasterCSSConfig;
+    container?: Element;
+    static init: typeof init;
+    static defaultConfig: MasterCSSConfig;
+    static instances: MasterCSS[];
+    static root: MasterCSS;
+    /**
+     * 全部 sheet 根據目前蒐集到的所有 DOM class 重新 findAndNew
+     */
+    static refresh(config: MasterCSSConfig): void;
+    readonly style: HTMLStyleElement;
+    readonly rules: MasterCSSRule[];
+    readonly ruleOfClass: Record<string, MasterCSSRule>;
+    readonly countOfName: {};
+    private cache;
+    semantics: [RegExp, string][];
+    classes: Record<string, string[]>;
+    colorsThemesMap: Record<string, Record<string, Record<string, string>>>;
+    colorNames: string[];
+    themeNames: string[];
+    relationThemesMap: Record<string, Record<string, string[]>>;
+    relations: Record<string, string[]>;
+    selectors: Record<string, [RegExp, string[]][]>;
+    constructor(config?: MasterCSSConfig, container?: Element);
+    observe(target: Node, options?: MutationObserverInit): this;
+    disconnect(): void;
+    /**
+     * 尋找匹配的 MasterCSSRule 生成實例
+     */
+    findAndNew(name: string): MasterCSSRule | MasterCSSRule[];
+    /**
+     * 根據目前蒐集到的所有 DOM class 重新 findAndNew
+     */
+    refresh(config: MasterCSSConfig): 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
+     */
+    insert(rule: MasterCSSRule): void;
+    delete(className: string): void;
+    findAndInsert(className: string): void;
+}
+declare global {
+    interface Window {
+        MasterCSS: typeof MasterCSS;
+    }
+}
+export {};