@master/css 2.0.0-beta.10 → 2.0.0-beta.100

package/dist/rules/text-size.d.ts

@@ -1,7 +1,8 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "TextSize";
+    static matches: string;
+    static get prop(): string;
     get(declaration: any): {
         [key: string]: any;
     };

package/dist/rules/text-stroke-color.d.ts

@@ -1,9 +1,10 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "TextStrokeColor";
+    static matches: string;
     static colorStarts: string;
     static colorful: boolean;
+    static get prop(): string;
     get(declaration: any): {
         [key: string]: any;
     };

package/dist/rules/text-stroke-width.d.ts

@@ -1,7 +1,8 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "TextStrokeWidth";
+    static matches: string;
+    static get prop(): string;
     get(declaration: any): {
         [key: string]: any;
     };

package/dist/rules/text-stroke.d.ts

@@ -1,7 +1,8 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "TextStroke";
+    static matches: string;
+    static get prop(): string;
     get(declaration: any): {
         [key: string]: any;
     };

package/dist/rules/text-transform.d.ts

@@ -1,6 +1,5 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "TextTransform";
+    static matches: string;
 }

package/dist/rules/text-underline-offset.d.ts

@@ -1,5 +1,4 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "TextUnderlineOffset";
 }

package/dist/rules/touch-action.d.ts

@@ -1,5 +1,4 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "TouchAction";
 }

package/dist/rules/transform-box.d.ts

@@ -1,6 +1,5 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "TransformBox";
+    static matches: string;
 }

package/dist/rules/transform-origin.d.ts

@@ -1,7 +1,6 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "TransformOrigin";
+    static matches: string;
     static unit: string;
 }

package/dist/rules/transform-style.d.ts

@@ -1,6 +1,5 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "TransformStyle";
+    static matches: string;
 }

package/dist/rules/transform.d.ts

@@ -1,9 +1,8 @@
-import type { MasterCSSConfig } from '../config';
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
-    static propName: string;
+import type { Config } from '../config';
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "Transform";
+    static matches: string;
     static unit: string;
-    parseValue(value: string, { rootSize }: MasterCSSConfig): string;
+    parseValue(value: string, { rootSize }: Config): string;
 }

package/dist/rules/transition-delay.d.ts

@@ -1,7 +1,6 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "TransitionDelay";
+    static matches: string;
     static unit: string;
 }

package/dist/rules/transition-duration.d.ts

@@ -1,7 +1,6 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "TransitionDuration";
+    static matches: string;
     static unit: string;
 }

package/dist/rules/transition-property.d.ts

@@ -1,6 +1,5 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "TransitionProperty";
+    static matches: string;
 }

package/dist/rules/transition-timing-function.d.ts

@@ -1,6 +1,5 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "TransitionTimingFunction";
+    static matches: string;
 }

package/dist/rules/transition.d.ts

@@ -1,7 +1,6 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "Transition";
     static symbol: string;
-    static propName: string;
     order: number;
 }

package/dist/rules/user-drag.d.ts

@@ -1,7 +1,6 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "UserDrag";
     get(declaration: any): {
         [key: string]: any;
     };

package/dist/rules/user-select.d.ts

@@ -1,7 +1,6 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "UserSelect";
     get(declaration: any): {
         [key: string]: any;
     };

package/dist/rules/variable.d.ts

@@ -1,8 +1,9 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "Variable";
+    static matches: string;
     static unit: string;
+    static get prop(): string;
     get(declaration: any): {
         [key: string]: any;
     };

package/dist/rules/vertical-align.d.ts

@@ -1,6 +1,5 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "VerticalAlign";
+    static matches: string;
 }

package/dist/rules/visibility.d.ts

@@ -1,5 +1,4 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "Visibility";
 }

package/dist/rules/wh.d.ts

@@ -0,0 +1,12 @@
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "WH";
+    static matches: string;
+    static get prop(): string;
+    analyzeToken(token: string, values: Record<string, string | number>, globalValues: Record<string, string | number>): [string, Array<string | {
+        value: string;
+    }>, string];
+    get(declaration: any): {
+        [key: string]: any;
+    };
+}

package/dist/rules/white-space.d.ts

@@ -1,6 +1,5 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "WhiteSpace";
     static unit: string;
 }

package/dist/rules/width.d.ts

@@ -1,6 +1,5 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "Width";
+    static matches: string;
 }

package/dist/rules/will-change.d.ts

@@ -1,5 +1,4 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "WillChange";
 }

package/dist/rules/word-break.d.ts

@@ -1,6 +1,5 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "WordBreak";
     static unit: string;
 }

package/dist/rules/word-spacing.d.ts

@@ -1,6 +1,5 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "WordSpacing";
     static unit: string;
 }

package/dist/rules/writing-mode.d.ts

@@ -1,6 +1,5 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "WritingMode";
+    static matches: string;
 }

package/dist/rules/x.d.ts

@@ -1,6 +1,5 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "X";
     static unit: string;
 }

package/dist/rules/y.d.ts

@@ -1,6 +1,5 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "Y";
     static unit: string;
 }

package/dist/rules/z-index.d.ts

@@ -1,7 +1,6 @@
-import MasterCSSRule from '../rule';
-export default class extends MasterCSSRule {
-    static id: string;
-    static matches: RegExp;
-    static propName: string;
+import Rule from '../rule';
+export default class extends Rule {
+    static id: "ZIndex";
+    static matches: string;
     static unit: string;
 }

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/delay.d.ts

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

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-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 '../config';
+export declare function parseValueUnit(value: string, getUnit: (method: string) => string, { rootSize }: Config): string;

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

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

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

@@ -0,0 +1,3 @@
+import { Config } from '../config';
+export declare const testCSS: (cls: string, expected: string, config?: Config) => void;
+export declare const testProp: (cls: string, expected?: string) => void;

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.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.10"
-}
+{"name":"@master/css","scripts":{"build":"aron pack --platform=node","dev":"npm run build -- --watch","test":"jest","type-check":"tsc --noEmit","lint":"eslint src","postinstall":"node scripts/postinstall.js"},"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":["./src/polyfills/css-escape.ts"],"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"}},"files":["dist","scripts"],"publishConfig":{"access":"public"},"dependencies":{"@master/keyframes.css":"^2.0.0-beta.100","@master/normal.css":"^2.0.0-beta.100"},"devDependencies":{"to-extend":"^1.4.6"},"version":"2.0.0-beta.100"}

package/scripts/postinstall.js

@@ -0,0 +1,22 @@
+if (process.env.INIT_CWD === process.cwd()) {
+    process.exit()
+}
+
+const path = require('path')
+const fs = require('fs')
+
+const projectPath = path.resolve(process.cwd(), '../..')
+if (!fs.existsSync(path.join(projectPath, 'master.css.js'))) {
+    try {
+        const packageJson = JSON.parse(fs.readFileSync(path.join(projectPath, 'package.json')))
+        let data = `/** @type {import('@master/css').Config} */\n`
+        if (packageJson.type === 'module') {
+            data += 'export default {\n}'
+        } else {
+            data += 'module.exports = {\n}'
+        }
+        fs.writeFileSync(path.join(projectPath, 'master.css.js'), data)
+    } catch (_) {
+        /* empty */
+    }
+}