@master/css 2.0.0-beta.173 → 2.0.0-beta.175

package/dist/bin/index.bundle.js

@@ -1,9 +1,8 @@
 #!/usr/bin/env node
-var y=Object.create;var d=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var E=(e,s,t,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of _(s))!x.call(e,o)&&o!==t&&d(e,o,{get:()=>s[o],enumerable:!(i=C(s,o))||i.enumerable});return e};var p=(e,s,t)=>(t=e!=null?y(v(e)):{},E(s||!e||!e.__esModule?d(t,"default",{value:e,enumerable:!0}):t,e));var T=require("commander"),m=p(require("path")),c=p(require("fs"));var S=`/** @type {import('@master/css').Config} */
+var y=Object.create;var d=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var E=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of _(t))!x.call(e,s)&&s!==o&&d(e,s,{get:()=>t[s],enumerable:!(i=C(t,s))||i.enumerable});return e};var p=(e,t,o)=>(o=e!=null?y(v(e)):{},E(t||!e||!e.__esModule?d(o,"default",{value:e,enumerable:!0}):o,e));var h=require("commander"),m=p(require("path")),c=p(require("fs"));var S=`/** @type {import('@master/css').Config} */
 export default {
     classes: {},
     colors: {},
-    themes: {},
     rules: {},
     values: {},
     semantics: {},
@@ -17,7 +16,6 @@ export default {
 module.exports = {
     classes: {},
     colors: {},
-    themes: {},
     rules: {},
     values: {},
     semantics: {},
@@ -27,12 +25,11 @@ module.exports = {
     selectors: {},
     functions: {}
 }
-`;var h=`import type { Config } from '@master/css'
+`;var T=`import type { Config } from '@master/css'
 
 export default {
     classes: {},
     colors: {},
-    themes: {},
     rules: {},
     values: {},
     semantics: {},
@@ -42,4 +39,4 @@ export default {
     selectors: {},
     functions: {}
 } as Config
-`;var n=p(require("@techor/log")),l=require("@techor/fs"),{version:O,name:w,description:j}=(0,l.readJSONFileSync)(m.default.resolve(__dirname,"../../package.json")),a=new T.Command;a.name(w).description(j).version(O||"0.0.0");a.command("init").description("Initialize definition files for Master CSS").option("-o, --override","Override existing definition file").option("--esm","ES Module .mjs").option("--ts","TypeScript .ts").option("--cjs","CommonJS .js").action(async function(e){let{esm:s,ts:t,cjs:i}=e;if(!s&&!t&&!i)if(c.default.existsSync("tsconfig.json"))t=!0;else{let{type:r}=(0,l.readJSONFileSync)("./package.json")||{};r==="module"?s=!0:i=!0}let o=(r,f)=>{let u=c.default.existsSync(m.default.join(process.cwd(),r));u?u&&e.override?(c.default.writeFileSync(r,f),n.default.ok`**${r}** file is overridden`):n.default.x`**${r}** file already exists`:(c.default.writeFileSync(r,f),n.default.ok`**${r}** file is created`)};s&&o("master.css.mjs",S),t&&o("master.css.ts",h),i&&o("master.css.js",g)});a.command("render").description("Scans HTML and injects generated CSS rules").argument("<source paths>","The path in glob patterns of the source of the HTML file").option("-c --config <path>","The source path of the Master CSS configuration","master.css.*").option("-a --analyze","Analyze injected CSS and HTML size ( brotli ) without writing to file").action(async function(e,s){try{await require("@master/css-renderer/actions/main")(e,s)}catch(t){t.code==="ERR_MODULE_NOT_FOUND"?n.default.i`Please run **npm** **install** **@master/css-renderer** first`:console.error(t)}});a.command("extract").argument("[source paths]","The glob pattern path to extract sources").option("-w, --watch","Watch file changed and generate CSS rules.").option("-o, --output <path>","Specify your CSS file output path").option("-v, --verbose","Verbose logging 0~N","1").option("--options <path>","Specify your extractor options sources","master.css-extractor.*").action(async function(e,s){try{await require("@master/css-extractor/actions/main")(e,s)}catch(t){t.code==="ERR_MODULE_NOT_FOUND"?n.default.i`Please run **npm** **install** **@master/css-extractor** first`:console.error(t)}});a.parse();
+`;var n=p(require("@techor/log")),l=require("@techor/fs"),{version:O,name:w,description:j}=(0,l.readJSONFileSync)(m.default.resolve(__dirname,"../../package.json")),a=new h.Command;a.name(w).description(j).version(O||"0.0.0");a.command("init").description("Initialize definition files for Master CSS").option("-o, --override","Override existing definition file").option("--esm","ES Module .mjs").option("--ts","TypeScript .ts").option("--cjs","CommonJS .js").action(async function(e){let{esm:t,ts:o,cjs:i}=e;if(!t&&!o&&!i)if(c.default.existsSync("tsconfig.json"))o=!0;else{let{type:r}=(0,l.readJSONFileSync)("./package.json")||{};r==="module"?t=!0:i=!0}let s=(r,f)=>{let u=c.default.existsSync(m.default.join(process.cwd(),r));u?u&&e.override?(c.default.writeFileSync(r,f),n.default.ok`**${r}** file is overridden`):n.default.x`**${r}** file already exists`:(c.default.writeFileSync(r,f),n.default.ok`**${r}** file is created`)};t&&s("master.css.mjs",S),o&&s("master.css.ts",T),i&&s("master.css.js",g)});a.command("render").description("Scans HTML and injects generated CSS rules").argument("<source paths>","The path in glob patterns of the source of the HTML file").option("-c --config <path>","The source path of the Master CSS configuration","master.css.*").option("-a --analyze","Analyze injected CSS and HTML size ( brotli ) without writing to file").action(async function(e,t){try{await require("@master/css-renderer/actions/main")(e,t)}catch(o){o.code==="ERR_MODULE_NOT_FOUND"?n.default.i`Please run **npm** **install** **@master/css-renderer** first`:console.error(o)}});a.command("extract").argument("[source paths]","The glob pattern path to extract sources").option("-w, --watch","Watch file changed and generate CSS rules.").option("-o, --output <path>","Specify your CSS file output path").option("-v, --verbose","Verbose logging 0~N","1").option("--options <path>","Specify your extractor options sources","master.css-extractor.*").action(async function(e,t){try{await require("@master/css-extractor/actions/main")(e,t)}catch(o){o.code==="ERR_MODULE_NOT_FOUND"?n.default.i`Please run **npm** **install** **@master/css-extractor** first`:console.error(o)}});a.parse();

package/dist/config/animations.d.ts

@@ -1,8 +1,3 @@
-import type { CSSProperties } from '../types/css-properties';
-declare const animations: Animations;
+import type { Config } from './';
+declare const animations: Config['animations'];
 export default animations;
-export type Animations = Record<string, {
-    [key in 'from' | 'to']?: CSSProperties;
-} & {
-    [key: string]: CSSProperties;
-}>;

package/dist/config/colors.d.ts

@@ -1,5 +1,3 @@
-declare const colors: Colors;
+import type { Config } from './';
+declare const colors: Config['colors'];
 export default colors;
-export type Colors = {
-    [key: string]: string | Colors;
-};

package/dist/config/fonts.d.ts

@@ -0,0 +1,6 @@
+declare const fonts: {
+    mono: string[];
+    sans: string[];
+    serif: string[];
+};
+export default fonts;

package/dist/config/functions.d.ts

@@ -1,9 +1,3 @@
-import { Rule } from '../rule';
-declare const functions: Functions;
+import type { Config } from './';
+declare const functions: Config['functions'];
 export default functions;
-export interface FunctionConfig {
-    unit?: string;
-    name?: string;
-    transform?(this: Rule, value: string): string;
-}
-export type Functions = Record<string, FunctionConfig>;

package/dist/config/index.d.ts

@@ -1,37 +1,89 @@
-import viewports, { type Viewports } from './viewports';
-import colors, { type Colors } from './colors';
-import selectors, { type Selectors } from './selectors';
-import semantics, { type Semantics } from './semantics';
-import animations, { type Animations } from './animations';
-import rules, { type Rules } from './rules';
-import functions, { type Functions } from './functions';
-import rootSize from './root-size';
-import scope from './scope';
-import override from './override';
-import important from './important';
-import themeDriver, { type ThemeDriver } from './theme-driver';
-import type { MediaQueries } from './media-queries';
-import type { Values } from './values';
-import type { Classes } from './classes';
+import viewports from './viewports';
+import colors from './colors';
+import selectors from './selectors';
+import semantics from './semantics';
+import animations from './animations';
+import rules from './rules';
+import functions from './functions';
+import fonts from './fonts';
+import { CSSDeclarations } from '../types/css-declarations';
+import type { Rule } from '../rule';
+import type { MasterCSS } from '../core';
+import { CoreLayer, Layer } from '../layer';
 declare const config: Config;
-export { config, viewports, colors, rootSize, scope, selectors, semantics, rules, override, important, functions, animations, themeDriver, Viewports, Colors, MediaQueries, Values, Classes, Selectors, Semantics, Rules, Functions, Animations, ThemeDriver };
+export { config, viewports, colors, selectors, semantics, rules, fonts, functions, animations };
+type ExtendedValues = {
+    [key: string]: string | number | ExtendedValues;
+};
+export interface RuleConfig {
+    id?: string;
+    match?: RegExp | [string, string[]?];
+    _resolvedMatch?: RegExp;
+    order?: number;
+    separators?: string[];
+    colored?: boolean;
+    numeric?: boolean;
+    unit?: any;
+    native?: boolean;
+    _semantic?: boolean;
+    _declarations?: CSSDeclarations;
+    _propName?: string;
+    layer?: Layer | CoreLayer;
+    values?: Config['values'];
+    analyze?(this: Rule, className: string): [valueToken: string, prefixToken?: string];
+    transform?(this: Rule, value: string): string;
+    declare?(this: Rule, value: string, unit: string): CSSDeclarations;
+    delete?(this: Rule, className: string): void;
+    create?(this: Rule, className: string): void;
+    insert?(this: Rule): void;
+}
 export interface Config {
     extends?: (Config | {
         config: Config;
     })[];
-    classes?: Classes;
-    colors?: Colors;
-    viewports?: Viewports;
-    mediaQueries?: MediaQueries;
-    selectors?: Selectors;
-    semantics?: Semantics;
-    values?: Values;
-    rules?: Rules;
+    classes?: {
+        [key: string]: string | Config['classes'];
+    };
+    colors?: {
+        [key: string]: string | Config['colors'];
+    };
+    viewports?: {
+        [key: string]: number | Config['viewports'];
+    };
+    mediaQueries?: {
+        [key: string]: string | Config['mediaQueries'];
+    };
+    selectors?: {
+        [key: string]: string | string[] | Config['selectors'];
+    };
+    semantics?: {
+        [key in keyof typeof semantics]?: CSSDeclarations;
+    } & {
+        [key: string]: CSSDeclarations;
+    };
+    values?: ExtendedValues | ((this: MasterCSS, resolvedValues: Record<string, Record<string, string | number>>) => ExtendedValues);
+    fonts?: {
+        [key: string]: string | string[];
+    } | ((css: MasterCSS) => Config['fonts']);
+    rules?: {
+        [key in keyof typeof rules]?: RuleConfig;
+    } & {
+        [key: string]: RuleConfig;
+    };
     rootSize?: number;
     scope?: string;
     important?: boolean;
     override?: boolean;
-    functions?: Functions;
-    animations?: Animations;
-    themeDriver?: ThemeDriver;
+    functions?: Record<string, {
+        unit?: string;
+        name?: string;
+        colored?: boolean;
+        transform?(this: Rule, value: string): string;
+    }>;
+    animations?: Record<string, {
+        [key in 'from' | 'to']?: CSSDeclarations;
+    } & {
+        [key: string]: CSSDeclarations;
+    }>;
+    themeDriver?: 'class' | 'media' | 'host';
 }