@master/css 2.0.0-beta.197 → 2.0.0-beta.199

package/dist/config/functions.d.ts

@@ -1,13 +1,14 @@
-import type { ConfigFunction } from './';
+import type { FunctionDefinition } from './';
 declare const functions: {
     $: {
         colored: boolean;
         transform(value: any): {
             type: string;
-            name: any;
+            name: string;
+            fallback: string;
         }[];
     };
-    calc: ConfigFunction;
+    calc: FunctionDefinition;
     translate: {
         unit: string;
     };

package/dist/config/index.d.ts

@@ -6,56 +6,68 @@ import variables from './variables';
 import rules from './rules';
 import functions from './functions';
 import { CSSDeclarations } from '../types/css-declarations';
-import type { Rule, RuleOptions, ValueComponent } from '../rule';
+import type { Rule, RuleDefinition, ValueComponent } from '../rule';
 declare const config: Config;
 export { config, mediaQueries, selectors, semantics, rules, functions, animations, variables };
-export type ConfigVariable = number | string | Array<number | string>;
-export type ConfigVariableGroup = {
-    [key in '' | `@${string}`]?: ConfigVariable;
+export type VariableValue = number | string | Array<number | string>;
+export type VariableDefinition = {
+    [key in '' | `@${string}`]?: VariableValue;
 } & {
-    [key: string]: ConfigVariable | ConfigVariableGroup;
+    [key: string]: VariableValue | VariableDefinition;
 };
-export type ConfigFunction = {
-    unit?: string;
-    colored?: boolean;
-    transform?(this: Rule, value: string): string | ValueComponent[];
-};
-export type ConfigAnimation = {
+export type AnimationDefinition = {
     [key in 'from' | 'to']?: CSSDeclarations;
 } & {
     [key: string]: CSSDeclarations;
 };
+export type AnimationDefinitions = {
+    [key: string]: AnimationDefinition;
+};
+export type SelectorDefinitions = {
+    [key: string]: string | string[] | SelectorDefinitions;
+};
+export type MediaQueryDefinitions = {
+    [key: string]: number | string | MediaQueryDefinitions;
+};
+export type StyleDefinitions = {
+    [key: string]: string | StyleDefinitions;
+};
+export type RuleDefinitions = {
+    [key in keyof typeof rules | string]?: RuleDefinition;
+};
+export type VariableDefinitions = {
+    [key in keyof typeof rules]?: VariableDefinition;
+} & {
+    [key: string]: VariableDefinition | VariableValue;
+};
+export type SemanticDefinitions = {
+    [key in keyof typeof semantics]?: CSSDeclarations;
+} & {
+    [key: string]: CSSDeclarations;
+};
+export interface FunctionDefinition {
+    unit?: string;
+    colored?: boolean;
+    transform?(this: Rule, value: string): string | ValueComponent[];
+}
+export type FunctionDefinitions = {
+    [key: string]: FunctionDefinition;
+};
 export interface Config {
     extends?: (Config | {
         config: Config;
     })[];
-    styles?: {
-        [key: string]: string | Config['styles'];
-    };
-    mediaQueries?: {
-        [key: string]: number | string | Config['mediaQueries'];
-    };
-    selectors?: {
-        [key: string]: string | string[] | Config['selectors'];
-    };
-    semantics?: {
-        [key in keyof typeof semantics]?: CSSDeclarations;
-    } & {
-        [key: string]: CSSDeclarations;
-    };
-    variables?: {
-        [key in keyof typeof rules]?: ConfigVariableGroup;
-    } & {
-        [key: string]: ConfigVariableGroup | ConfigVariable;
-    };
-    rules?: {
-        [key in keyof typeof rules | string]?: RuleOptions;
-    };
+    styles?: StyleDefinitions;
+    mediaQueries?: MediaQueryDefinitions;
+    selectors?: SelectorDefinitions;
+    semantics?: SemanticDefinitions;
+    variables?: VariableDefinitions;
+    rules?: RuleDefinitions;
     rootSize?: number;
     scope?: string;
     important?: boolean;
     override?: boolean;
-    functions?: Record<string, ConfigFunction>;
-    animations?: Record<string, ConfigAnimation>;
+    functions?: FunctionDefinitions;
+    animations?: AnimationDefinitions;
     themeDriver?: 'class' | 'media' | 'host';
 }