@master/css 2.0.0-beta.165 → 2.0.0-beta.166

package/dist/bin/index.bundle.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-var T=Object.create;var d=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var O=(e,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of _(t))!E.call(e,o)&&o!==s&&d(e,o,{get:()=>t[o],enumerable:!(i=C(t,o))||i.enumerable});return e};var p=(e,t,s)=>(s=e!=null?T(x(e)):{},O(t||!e||!e.__esModule?d(s,"default",{value:e,enumerable:!0}):s,e));var h=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,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of _(t))!x.call(e,o)&&o!==s&&d(e,o,{get:()=>t[o],enumerable:!(i=C(t,o))||i.enumerable});return e};var p=(e,t,s)=>(s=e!=null?y(v(e)):{},E(t||!e||!e.__esModule?d(s,"default",{value:e,enumerable:!0}):s,e));var T=require("commander"),m=p(require("path")),c=p(require("fs"));var S=`/** @type {import('@master/css').Config} */
 export default {
     classes: {},
     colors: {},
@@ -7,9 +7,9 @@ export default {
     rules: {},
     values: {},
     semantics: {},
-    breakpoints: {},
+    viewports: {},
     mediaQueries: {},
-    keyframes: {},
+    animations: {},
     selectors: {},
     functions: {}
 }
@@ -21,13 +21,13 @@ module.exports = {
     rules: {},
     values: {},
     semantics: {},
-    breakpoints: {},
+    viewports: {},
     mediaQueries: {},
-    keyframes: {},
+    animations: {},
     selectors: {},
     functions: {}
 }
-`;var y=`import type { Config } from '@master/css'
+`;var h=`import type { Config } from '@master/css'
 
 export default {
     classes: {},
@@ -36,10 +36,10 @@ export default {
     rules: {},
     values: {},
     semantics: {},
-    breakpoints: {},
+    viewports: {},
     mediaQueries: {},
-    keyframes: {},
+    animations: {},
     selectors: {},
     functions: {}
 } as Config
-`;var n=p(require("@techor/log")),l=require("@techor/fs"),{version:v,name:j,description:F}=(0,l.readJSONFileSync)(m.default.resolve(__dirname,"../../package.json")),a=new h.Command;a.name(j).description(F).version(v||"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:s,cjs:i}=e;if(!t&&!s&&!i)if(c.default.existsSync("tsconfig.json"))s=!0;else{let{type:r}=(0,l.readJSONFileSync)("./package.json")||{};r==="module"?t=!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`)};t&&o("master.css.mjs",S),s&&o("master.css.ts",y),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","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(s){s.code==="ERR_MODULE_NOT_FOUND"?n.default.i`Please run **npm** **install** **@master/css-renderer** first`:console.error(s)}});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(s){s.code==="ERR_MODULE_NOT_FOUND"?n.default.i`Please run **npm** **install** **@master/css-extractor** first`:console.error(s)}});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 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:t,ts:s,cjs:i}=e;if(!t&&!s&&!i)if(c.default.existsSync("tsconfig.json"))s=!0;else{let{type:r}=(0,l.readJSONFileSync)("./package.json")||{};r==="module"?t=!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`)};t&&o("master.css.mjs",S),s&&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","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(s){s.code==="ERR_MODULE_NOT_FOUND"?n.default.i`Please run **npm** **install** **@master/css-renderer** first`:console.error(s)}});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(s){s.code==="ERR_MODULE_NOT_FOUND"?n.default.i`Please run **npm** **install** **@master/css-extractor** first`:console.error(s)}});a.parse();

package/dist/config/animations.d.ts

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

package/dist/config/classes.d.ts

@@ -0,0 +1,3 @@
+export type Classes = {
+    [key: string]: string | Classes;
+};

package/dist/config/colors.d.ts

@@ -1,24 +1,5 @@
-export declare const colors: {
-    black: string;
-    white: string;
-    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;
+declare const colors: Colors;
+export default colors;
+export type Colors = {
+    [key: string]: string | Colors;
 };

package/dist/config/functions.d.ts

@@ -1,7 +1,9 @@
 import { Rule } from '../rule';
-export declare const functions: Record<string, FunctionConfig>;
+declare const functions: 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/important.d.ts

@@ -1 +1,2 @@
-export declare const important = false;
+declare const important = false;
+export default important;

package/dist/config/index.d.ts

@@ -1,68 +1,37 @@
-import { breakpoints } from './breakpoints';
-import { colors } from './colors';
-import { rootSize } from './root-size';
-import { scope } from './scope';
-import { selectors } from './selectors';
-import { semantics } from './semantics';
-import { rules } from './rules';
-import { override } from './override';
-import { important } from './important';
-import { keyframes } from './keyframes';
-import { functions, FunctionConfig } from './functions';
-import { themeDriver } from './themeDriver';
-import type { Properties } from 'csstype';
+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';
 declare const config: Config;
-export { config, breakpoints, colors, rootSize, scope, selectors, semantics, rules, override, important, functions, keyframes, themeDriver };
-import type { RuleConfig } from '../rule';
-type CSS = {
-    [key in keyof Properties]?: Properties[key];
-};
-type Classes = {
-    [key: string]: string | Classes;
-};
-export type Colors = {
-    [key: string]: string | Colors;
-};
-type Breakpoints = {
-    [key: string]: number | Breakpoints;
-};
-type MediaQueries = {
-    [key: string]: string | MediaQueries;
-};
-type Selectors = {
-    [key: string]: string | string[] | Selectors;
-};
-type SemanticsBase = CSS | {
-    [key: string]: SemanticsBase;
-};
-export type Semantics = {
-    [key: string]: SemanticsBase;
-};
-export type Values = {
-    [key: string]: string | number | Values;
-};
-export type Keyframes = Record<string, {
-    [key in 'from' | 'to']?: CSS;
-} & {
-    [key: string]: CSS;
-}>;
+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 interface Config {
     extends?: (Config | {
         config: Config;
     })[];
     classes?: Classes;
     colors?: Colors;
-    breakpoints?: Breakpoints;
+    viewports?: Viewports;
     mediaQueries?: MediaQueries;
     selectors?: Selectors;
     semantics?: Semantics;
     values?: Values;
-    rules?: Record<string, RuleConfig>;
+    rules?: Rules;
     rootSize?: number;
     scope?: string;
     important?: boolean;
     override?: boolean;
-    functions?: Record<string, FunctionConfig>;
-    keyframes?: Keyframes;
-    themeDriver?: 'class' | 'media' | 'host';
+    functions?: Functions;
+    animations?: Animations;
+    themeDriver?: ThemeDriver;
 }

package/dist/config/media-queries.d.ts

@@ -0,0 +1,3 @@
+export type MediaQueries = {
+    [key: string]: string | MediaQueries;
+};

package/dist/config/override.d.ts

@@ -1 +1,2 @@
-export declare const override = false;
+declare const override = false;
+export default override;

package/dist/config/root-size.d.ts

@@ -1 +1,2 @@
-export declare const rootSize = 16;
+declare const rootSize = 16;
+export default rootSize;