@master/css 2.0.0-alpha.49 → 2.0.0-alpha.50

package/config/breakpoints.d.ts

@@ -0,0 +1,12 @@
+export declare const defaultBreakpoints: {
+    '3xs': number;
+    '2xs': number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    '2xl': number;
+    '3xl': number;
+    '4xl': number;
+};

package/config/colors.d.ts

@@ -0,0 +1,24 @@
+export declare const defaultColors: {
+    slate: any;
+    gray: any;
+    brown: any;
+    orange: any;
+    gold: any;
+    yellow: any;
+    grass: any;
+    green: any;
+    beryl: any;
+    teal: any;
+    cyan: any;
+    sky: any;
+    blue: any;
+    indigo: any;
+    violet: any;
+    purple: any;
+    fuchsia: any;
+    pink: any;
+    crimson: any;
+    red: any;
+    black: string;
+    white: string;
+};

package/config/index.d.ts

@@ -0,0 +1,11 @@
+import { MasterCSSConfig } from '../interfaces/config';
+import { defaultBreakpoints } from './breakpoints';
+import { defaultColors } from './colors';
+import { defaultRootSize } from './root-size';
+import { defaultSelectors } from './selectors';
+import { defaultSemantics } from './semantics';
+import { defaultThemes } from './themes';
+import { defaultValues } from './values';
+import { DefaultRules } from './rules';
+declare const defaultConfig: MasterCSSConfig;
+export { defaultColors, defaultBreakpoints, defaultSemantics, defaultValues, defaultSelectors, defaultThemes, DefaultRules, defaultRootSize, defaultConfig };

package/config/root-size.d.ts

@@ -0,0 +1 @@
+export declare const defaultRootSize = 16;

package/config/rules.d.ts

@@ -0,0 +1,2 @@
+import FontWeight from '../rules/font-weight';
+export declare const DefaultRules: (typeof FontWeight)[];

package/config/selectors.d.ts

@@ -0,0 +1,18 @@
+export declare const defaultSelectors: {
+    '::scrollbar': string;
+    '::scrollbar-button': string;
+    '::scrollbar-thumb': string;
+    '::scrollbar-track': string;
+    '::scrollbar-track-piece': string;
+    '::scrollbar-corner': string;
+    '::slider-thumb': string[];
+    '::slider-runnable-track': string[];
+    '::meter': string;
+    '::resizer': string;
+    '::progress': string;
+    ':first': string;
+    ':last': string;
+    ':even': string;
+    ':odd': string;
+    ':nth(': string;
+};

package/config/semantics.d.ts

@@ -0,0 +1,81 @@
+export 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;
+    'center-content': {
+        'justify-content': string;
+        'align-items': string;
+    };
+    'sr-only': {
+        position: string;
+        width: string;
+        height: string;
+        padding: string;
+        margin: string;
+        overflow: string;
+        clip: string;
+        'white-space': string;
+        'border-width': string;
+    };
+    full: {
+        width: string;
+        height: string;
+    };
+    center: {
+        left: number;
+        right: number;
+        'margin-left': string;
+        'margin-right': string;
+    };
+    middle: {
+        top: number;
+        bottom: number;
+        'margin-top': string;
+        'margin-bottom': string;
+    };
+    'break-spaces': {
+        'white-space': string;
+    };
+    'break-word': {
+        'overflow-wrap': string;
+        overflow: string;
+    };
+};

package/config/themes.d.ts

@@ -0,0 +1 @@
+export declare const defaultThemes: string[];

package/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/config.test.d.ts

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

package/configure.d.ts

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

package/configure.test.d.ts

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

package/constants/start-symbol.d.ts

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

package/core.d.ts

@@ -0,0 +1,68 @@
+import { init } from './init';
+import { MasterCSSConfig } from './interfaces/config';
+import { MasterCSSRule } from './rule';
+declare const MutationObserver: ObjectConstructor | {
+    new (callback: MutationCallback): MutationObserver;
+    prototype: MutationObserver;
+};
+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 ruleOfName: 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: {
+        single: [RegExp, string][];
+        multiple: [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 {};

package/fill-color-scale.d.ts

@@ -0,0 +1 @@
+export declare function fillColorScale(data: any): any;

package/grouping-selectors.test.d.ts

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