@master/css 2.0.0-beta.12 → 2.0.0-beta.120

package/dist/index.d.ts

@@ -1,20 +1,9 @@
-export { default } from './css';
-export { default as MasterCSSRule } from './rule';
-export { default as init } from './apis/init';
-export { default as extend } from './apis/extend';
-export { default as render } from './apis/render';
-export { default as renderFromHTML } from './apis/render-from-html';
-export { default as renderIntoHTML } from './apis/render-into-html';
-export { default as fillColorScale } from './apis/fill-color-scale';
-export { default as defaultConfig } from './config';
-export { default as defaultBreakpoints } from './config/breakpoints';
-export { default as defaultColors } from './config/colors';
-export { default as defaultRootSize } from './config/root-size';
-export { default as defaultSelectors } from './config/selectors';
-export { default as defaultSemantics } from './config/semantics';
-export { default as defaultThemes } from './config/themes';
-export { default as defaultScheme } from './config/scheme';
-export { default as defaultValues } from './config/values';
-export { default as DefaultRules } from './config/rules';
-export type { MasterCSSConfig } from './config';
-export type { MasterCSSDeclaration, MasterCSSMedia, MasterCSSMediaFeatureRule, MasterCSSRuleMatching } from './rule';
+export * from './css';
+export * from './rule';
+export * from './theme';
+export { MasterCSS as default } from './css';
+export { default as extend } from 'to-extend';
+export * from './methods';
+export * from './config';
+export type { Declaration, MediaQuery, MediaFeatureRule, RuleMeta } from './rule';
+export type { ThemeConfig, ThemeValue } from './theme';

package/dist/index.node.d.ts

@@ -0,0 +1,2 @@
+export { MasterCSS as default } from './css';
+export * from '.';

package/dist/methods/define-content.d.ts

@@ -0,0 +1,5 @@
+export declare function defineContent({ compiler, jit, ext }?: {
+    compiler?: boolean;
+    jit?: boolean;
+    ext?: string;
+}): string;

package/dist/methods/fill-color-scale.d.ts

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

package/dist/methods/get-sync-with-stored-theme-script.d.ts

@@ -0,0 +1 @@
+export declare function getSyncWithStoredThemeScript(store?: string): string;

package/dist/methods/index.d.ts

@@ -0,0 +1,5 @@
+export * from './render';
+export * from './render-from-html';
+export * from './render-into-html';
+export * from './fill-color-scale';
+export * from './define-content';

package/dist/methods/render-from-html.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from '../config';
+export declare function renderFromHTML(html: string, config?: Config): string;

package/dist/methods/render-into-html.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from '../config';
+export declare function renderIntoHTML(html: string, config?: Config): string;

package/dist/methods/render.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from '../config';
+export declare function render(classes: string[], config?: Config): string;

package/dist/polyfills/css-escape.d.ts

@@ -1 +0,0 @@
-declare const root: typeof globalThis;

package/dist/rule.d.ts

@@ -1,65 +1,79 @@
-import MasterCSS from './css';
-import type { MasterCSSConfig } from './config';
-export default class MasterCSSRule {
+import type { Config } from './config';
+import type { MasterCSS } from './css';
+export declare class Rule {
     readonly className: string;
-    readonly matching: MasterCSSRuleMatching;
+    readonly meta: RuleMeta;
     css: MasterCSS;
-    readonly prefix: string;
-    readonly symbol: string;
-    readonly token: string;
-    readonly prefixSelectors: string[];
-    readonly vendorSuffixSelectors: Record<string, string[]>;
-    readonly important: boolean;
-    readonly media: MasterCSSMedia;
     readonly at: Record<string, string>;
-    readonly direction: string;
-    readonly themeName: string;
-    readonly unitToken: string;
-    readonly hasWhere: boolean;
-    readonly prioritySelectorIndex: number;
+    readonly priority: number;
     readonly natives: {
         unit: string;
         value: string | Record<string, string | number>;
         text: string;
-        themeName: string;
+        theme: string;
         cssRule?: CSSRule;
     }[];
-    static id: string;
-    static propName: string;
-    static matches: RegExp;
-    static colorStarts: string;
-    static symbol: string;
-    static unit: string;
-    static colorful: boolean;
-    static match(name: string, colorNames: string[]): MasterCSSRuleMatching;
-    constructor(className: string, matching: MasterCSSRuleMatching, css: MasterCSS);
+    constructor(className: string, meta: RuleMeta, css: MasterCSS);
+    get text(): string;
 }
-export default interface MasterCSSRule {
-    readonly order?: number;
-    parseValue(value: string, config: MasterCSSConfig): string;
-    get(declaration: MasterCSSDeclaration): Record<string, any>;
-    getThemeProps(declaration: MasterCSSDeclaration, css: MasterCSS): Record<string, Record<string, string>>;
+export interface Rule {
+    prefix?: string;
+    symbol?: string;
+    token?: string;
+    prefixSelectors?: string[];
+    vendorSuffixSelectors?: Record<string, string[]>;
+    important?: boolean;
+    media?: MediaQuery;
+    direction?: string;
+    theme?: string;
+    unitToken?: string;
+    hasWhere?: boolean;
+    order?: number;
+    constructor: {
+        match?(name: string, matches: RegExp, colorThemesMap: Record<string, Record<string, string>>, colorNames: string[]): RuleMeta;
+    };
 }
-export interface MasterCSSMediaFeatureRule {
+export interface MediaFeatureRule {
     token: string;
     tokenType?: string;
     operator?: string;
     value?: number;
     unit?: string;
 }
-export interface MasterCSSMedia {
+export interface MediaQuery {
     token: string;
     features?: {
-        [key: string]: MasterCSSMediaFeatureRule;
+        [key: string]: MediaFeatureRule;
     };
     type?: string;
 }
-export interface MasterCSSDeclaration {
+export interface Declaration {
     value: any;
     unit: string;
     important: boolean;
 }
-export interface MasterCSSRuleMatching {
-    origin: 'matches' | 'semantics' | 'symbol';
-    value?: string;
+export interface RuleMeta {
+    origin?: 'matches' | 'semantics' | 'symbol';
+    value?: [string, string | Record<string, string>];
+    config?: RuleConfig;
+}
+export interface RuleConfig {
+    id?: string;
+    matches?: string;
+    colorStarts?: string;
+    symbol?: string;
+    colorful?: boolean;
+    unit?: any;
+    prop?: string | false;
+    order?: number;
+    analyzeToken?(token: string, values: Record<string, string | number>, globalValues: Record<string, string | number>): [
+        string,
+        Array<string | {
+            value: string;
+        }>,
+        string
+    ];
+    parseValue?(value: string, config: Config): string;
+    get?(declaration: Declaration): Record<string, any>;
+    getThemeProps?(declaration: Declaration, css: MasterCSS): Record<string, Record<string, string>>;
 }

package/dist/theme.d.ts

@@ -0,0 +1,22 @@
+export declare type ThemeValue = 'dark' | 'light' | 'system' | string;
+export declare class Theme {
+    host: HTMLElement;
+    options?: ThemeConfig;
+    private darkMQL;
+    constructor(host?: HTMLElement, options?: ThemeConfig);
+    get storage(): string;
+    current: string;
+    value: ThemeValue;
+    set(value: ThemeValue, options?: {
+        store?: boolean;
+        emit?: boolean;
+    }): void;
+    syncWithStorage(): void;
+    private removeDarkMQLListener;
+    private onThemeChange;
+    destroy(): void;
+}
+export interface ThemeConfig {
+    default?: ThemeValue;
+    store?: string | false;
+}

package/dist/utils/analyze-unit-value.d.ts

@@ -0,0 +1,4 @@
+export declare function analyzeUnitValue(token: string, rootSize: number, defaultUnit: string): {
+    value: string;
+    unit: string;
+};

package/dist/utils/analyze-value-token.d.ts

@@ -0,0 +1,3 @@
+export declare function analyzeValueToken(valueToken: string, values: Record<string, string | number>, globalValues: Record<string, string | number>, extraSplitSymbols?: string[]): [Array<string | {
+    value: string;
+}>, string];

package/dist/utils/css-escape.d.ts

@@ -0,0 +1 @@
+export declare function cssEscape(value: any): string;

package/dist/utils/delay.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="node" />
+export default function delay(): NodeJS.Timeout;

package/dist/utils/get-css-property-text.d.ts

@@ -1,4 +1,4 @@
-export declare function getCssPropertyText(name: string, property: {
+export declare function getCssPropertyText(name: string | false, property: {
     unit?: string;
     value?: any;
     important?: boolean;

package/dist/utils/is-plain-object.d.ts

@@ -1,4 +1,4 @@
-export declare type PlainObject = Record<string | number | symbol, any>;
+export type PlainObject = Record<string | number | symbol, any>;
 /**
  * Returns whether the payload is a plain JavaScript object (excluding special classes or objects with other prototypes)
  *

package/dist/utils/normalize-css-calc-text.d.ts

@@ -2,4 +2,4 @@
  * 將 calc( 正規化
  * https://aoyue.notion.site/css-calc-2f37632c5cf749949cc060f0f2111443
  */
-export declare function normalizeCssCalcText(value: string): string;
+export declare function normalizeCssCalcText(value: string, rootSize: number, defaultUnit: string): string;

package/dist/utils/parse-rule-value.d.ts

@@ -0,0 +1,5 @@
+export declare function parseRuleValue(token: string | number, defaultUnit?: string, colorNames?: string[], colorThemesMap?: Record<string, Record<string, string>>, rootSize?: number, themes?: string[]): {
+    value: string;
+    unit: string;
+    colorMatched?: boolean;
+};

package/dist/utils/parse-value-unit.d.ts

@@ -1,2 +1,2 @@
-import type { MasterCSSConfig } from '../config';
-export declare function parseValueUnit(value: string, getUnit: (method: string) => string, { rootSize }: MasterCSSConfig): string;
+import type { Config } from '../';
+export declare function parseValueUnit(value: string, getUnit: (method: string) => string, { rootSize }: Config): string;

package/dist/utils/read-package.d.ts

@@ -0,0 +1,2 @@
+import type { PackageJson } from 'pkg-types';
+export declare function readPackage(pkgPath?: string): PackageJson;

package/package.json

@@ -1,162 +1 @@
-{
-    "name": "@master/css",
-    "license": "MIT",
-    "description": "A Virtual CSS language with enhanced syntax. ( ~13KB )",
-    "author": "Aoyue Design LLC.",
-    "funding": "https://docs.master.co/css/donate",
-    "homepage": "https://css.master.co",
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/master-co/css.git"
-    },
-    "keywords": [
-        "style",
-        "styles",
-        "html",
-        "variants",
-        "virtual",
-        "virtual-css",
-        "utility",
-        "css",
-        "ui",
-        "lightweight",
-        "class",
-        "webpack",
-        "plugin",
-        "integration",
-        "vite",
-        "parcel",
-        "build-tools",
-        "mastercss"
-    ],
-    "sideEffects": [
-        "./src/polyfills/css-escape.ts"
-    ],
-    "scripts": {
-        "build:iife": "esbuild src/index.browser.ts --bundle --outfile=dist/index.browser.js --format=iife",
-        "build:cjs": "esbuild src/index.ts --bundle --outfile=dist/index.cjs --format=cjs --platform=node",
-        "build:esm": "esbuild src/index.ts --bundle --outfile=dist/index.mjs --format=esm --platform=node",
-        "build:css": "esbuild src/index.css --bundle --outfile=dist/index.css",
-        "dev:iife": "npm run build:iife -- --watch",
-        "dev:cjs": "npm run build:cjs -- --watch",
-        "dev:esm": "npm run build:esm -- --watch",
-        "prod": "rm -rf dist && npm run build:cjs -- --minify --sourcemap && npm run build:iife -- --minify --sourcemap && npm run build:esm -- --minify --sourcemap && tsc --emitDeclarationOnly",
-        "test": "jest",
-        "lint": "eslint ./src"
-    },
-    "main": "./dist/index.cjs",
-    "jsnext:main": "./dist/index.mjs",
-    "browser": "./dist/index.browser.js",
-    "esnext": "./dist/index.mjs",
-    "module": "./dist/index.mjs",
-    "types": "./dist/index.d.ts",
-    "exports": {
-        ".": {
-            "require": "./dist/index.cjs",
-            "import": "./dist/index.mjs",
-            "types": "./dist/index.d.ts"
-        }
-    },
-    "jest": {
-        "testEnvironment": "node",
-        "transform": {
-            "^.+\\.(t|j)sx?$": "@swc/jest"
-        },
-        "testMatch": [
-            "<rootDir>/tests/*.ts",
-            "<rootDir>/src/**/*.test.ts"
-        ]
-    },
-    "private": false,
-    "publishConfig": {
-        "access": "public"
-    },
-    "engines": {
-        "node": ">=14"
-    },
-    "release": {
-        "plugins": [
-            [
-                "@semantic-release/commit-analyzer",
-                {
-                    "preset": "angular",
-                    "releaseRules": [
-                        {
-                            "type": "docs",
-                            "scope": "README",
-                            "release": "patch"
-                        },
-                        {
-                            "type": "refactor",
-                            "release": "patch"
-                        },
-                        {
-                            "type": "style",
-                            "release": "patch"
-                        }
-                    ],
-                    "parserOpts": {
-                        "noteKeywords": [
-                            "BREAKING CHANGE",
-                            "BREAKING CHANGES"
-                        ]
-                    }
-                }
-            ],
-            "@semantic-release/release-notes-generator",
-            [
-                "@semantic-release/exec",
-                {
-                    "prepareCmd": "npm run prod"
-                }
-            ],
-            [
-                "@semantic-release/github",
-                {
-                    "assets": [
-                        {
-                            "path": "dist/index.browser.js",
-                            "label": "master-css.min.js"
-                        }
-                    ]
-                }
-            ],
-            [
-                "@semantic-release/npm"
-            ]
-        ],
-        "branches": [
-            "+([0-9])?(.{+([0-9]),x}).x",
-            "main",
-            "next",
-            "next-major",
-            {
-                "name": "beta",
-                "prerelease": true
-            },
-            {
-                "name": "alpha",
-                "prerelease": true
-            }
-        ]
-    },
-    "files": [
-        "dist"
-    ],
-    "devDependencies": {
-        "@semantic-release/exec": "^6.0.3",
-        "@swc/core": "^1.3.9",
-        "@swc/jest": "^0.2.23",
-        "@types/jest": "^29.2.0",
-        "@types/node": "^18.11.0",
-        "@typescript-eslint/eslint-plugin": "^5.40.1",
-        "@typescript-eslint/parser": "^5.40.1",
-        "esbuild": "^0.15.10",
-        "eslint": "^8.25.0",
-        "jest": "^29.2.2",
-        "semantic-release": "^19.0.5",
-        "typescript": "^4.8.4",
-        "dedent": "^0.7.0"
-    },
-    "version": "2.0.0-beta.12"
-}
+{"name":"@master/css","scripts":{"build":"aron pack --extra-external @master/css-compiler","dev":"npm run build -- --watch","test":"jest","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"A Virtual CSS language with enhanced syntax ~13KB","author":"Aoyue Design LLC.","funding":"https://docs.master.co/css/donate","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/css"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":["./dist/polyfills/*","./src/polyfills/*","./polyfills/css-escape","./polyfills/*"],"main":"./dist/cjs/index.js","jsnext:main":"./dist/esm/index.js","browser":"./dist/index.browser.js","esnext":"./dist/esm/index.js","module":"./dist/esm/index.js","types":"./dist/index.d.ts","exports":{".":{"node":{"require":"./dist/cjs/index.node.js","import":"./dist/esm/index.node.js","types":"./dist/index.node.d.ts"},"require":"./dist/cjs/index.js","import":"./dist/esm/index.js","types":"./dist/index.d.ts"}},"files":["dist"],"bin":{"mcss":"./dist/cjs/bin/index.js","mastercss":"./dist/cjs/bin/index.js"},"publishConfig":{"access":"public"},"dependencies":{"@master/keyframes.css":"^2.0.0-beta.120","@master/normal.css":"^2.0.0-beta.120","@techor/log":"^1.1.0","chokidar":"^3.5.3","commander":"^10.0.0","esbuild":"^0.16.17","fast-glob":"^3.2.12","fs-extra":"^11.1.0"},"devDependencies":{"to-extend":"^1.5.2","ts-dedent":"^2.2.0"},"version":"2.0.0-beta.120"}

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License
-
-Copyright (c) Aoyue Design LLC.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

package/dist/apis/extend.d.ts

@@ -1,5 +0,0 @@
-declare type ExpandDeep<T> = T extends Record<string | number | symbol, unknown> ? {
-    [K in keyof T]: ExpandDeep<T[K]>;
-} : T extends Array<infer E> ? Array<ExpandDeep<E>> : T;
-export default function extend<T extends Record<string, any>, Tn extends Record<string, any>[]>(object: T, ...otherObjects: Tn): ExpandDeep<any>;
-export {};

package/dist/apis/fill-color-scale.d.ts

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

package/dist/apis/init.d.ts

@@ -1,3 +0,0 @@
-import MasterCSS from '../css';
-import type { MasterCSSConfig } from '../config';
-export default function init(config?: MasterCSSConfig): MasterCSS;

package/dist/apis/render-from-html.d.ts

@@ -1,3 +0,0 @@
-import MasterCSS from '../css';
-import '../polyfills/css-escape';
-export default function renderFromHTML(html: string, css?: MasterCSS): string;

package/dist/apis/render-into-html.d.ts

@@ -1,3 +0,0 @@
-import MasterCSS from '../css';
-import '../polyfills/css-escape';
-export default function renderIntoHTML(html: string, css?: MasterCSS): string;

package/dist/apis/render.d.ts

@@ -1,3 +0,0 @@
-import MasterCSS from '../css';
-import '../polyfills/css-escape';
-export default function render(classes: string[], css?: MasterCSS): string;

package/dist/config/scheme.d.ts

@@ -1,7 +0,0 @@
-declare const defaultScheme: {
-    storage: {
-        sync: boolean;
-        key: string;
-    };
-};
-export default defaultScheme;