@master/css 2.0.0-rc.26 → 2.0.0-rc.28

package/dist/config/index.d.ts

@@ -1,6 +1,6 @@
 import queries from './queries';
 import selectors from './selectors';
-import semantics from './semantics';
+import utilities from './utilities';
 import animations from './animations';
 import variables from './variables';
 import rules from './rules';
@@ -8,11 +8,11 @@ import functions from './functions';
 import type { PropertiesHyphen } from 'csstype';
 import type { Rule, RuleDefinition, ValueComponent } from '../rule';
 declare const config: Config;
-export { config, queries, selectors, semantics, rules, functions, animations, variables };
+export { config, queries, selectors, utilities, rules, functions, animations, variables };
 export type VariableValue = number | string | Array<number | string>;
 export type VariableDefinition = {
     [key in '' | `@${string}` | string]?: VariableValue | VariableDefinition;
-};
+} | VariableValue;
 export type CSSKeyframes = {
     [key in 'from' | 'to' | string]: PropertiesHyphen;
 };
@@ -20,7 +20,7 @@ export type AnimationDefinitions = {
     [key: string]: CSSKeyframes;
 };
 export type SelectorDefinitions = {
-    [key: string]: string | string[] | SelectorDefinitions;
+    [key: string]: string | string[];
 };
 export type MediaQueryDefinitions = {
     [key: string]: number | string | MediaQueryDefinitions;
@@ -32,18 +32,20 @@ export type RuleDefinitions = {
     [key in keyof typeof rules | string]?: RuleDefinition;
 };
 export type VariableDefinitions = {
-    [key in keyof typeof rules]?: VariableDefinition | VariableValue;
+    [key in keyof typeof rules]?: VariableDefinition;
 } & {
-    [key: string]: VariableDefinition | VariableValue;
+    [key: string]: VariableDefinition;
 };
-export type SemanticDefinitions = {
-    [key in keyof typeof semantics]?: PropertiesHyphen;
+export type UtilityDefinitions = {
+    [key in keyof typeof utilities]?: PropertiesHyphen;
 } & {
     [key: string]: PropertiesHyphen;
 };
+export type ModeDefinitions = {
+    [key: string]: 'class' | 'media' | 'host';
+};
 export interface FunctionDefinition {
     unit?: string;
-    colored?: boolean;
     transform?(this: Rule, value: string, bypassVariableNames: string[]): string | ValueComponent[];
 }
 export type FunctionDefinitions = {
@@ -54,7 +56,7 @@ export interface Config {
     styles?: StyleDefinitions;
     queries?: MediaQueryDefinitions;
     selectors?: SelectorDefinitions;
-    semantics?: SemanticDefinitions;
+    utilities?: UtilityDefinitions;
     variables?: VariableDefinitions;
     rules?: RuleDefinitions;
     rootSize?: number;
@@ -64,5 +66,5 @@ export interface Config {
     override?: boolean;
     functions?: FunctionDefinitions;
     animations?: AnimationDefinitions;
-    modeDriver?: 'class' | 'media' | 'host';
+    modes?: Record<string, 'class' | 'media' | 'host' | false>;
 }

package/dist/config/index.mjs

@@ -1,25 +1,26 @@
 import queries from './queries.mjs';
 import selectors from './selectors.mjs';
-import semantics from './semantics.mjs';
+import utilities from './utilities.mjs';
 import animations from './animations.mjs';
 import variables from './variables.mjs';
 import rules from './rules.mjs';
+import modes from './modes.mjs';
 import functions from './functions.mjs';
 
 const config = {
     queries,
     selectors,
-    semantics,
+    utilities,
     rules,
     functions,
     animations,
     variables,
+    modes,
     scope: '',
     rootSize: 16,
     baseUnit: 4,
     override: false,
-    important: false,
-    modeDriver: 'class'
+    important: false
 };
 
-export { animations, config, functions, queries, rules, selectors, semantics, variables };
+export { animations, config, functions, queries, rules, selectors, utilities, variables };

package/dist/config/modes.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+const modes = {
+    dark: 'class',
+    light: 'class'
+};
+
+module.exports = modes;

package/dist/config/modes.d.ts

@@ -0,0 +1,3 @@
+import type { ModeDefinitions } from './';
+declare const modes: ModeDefinitions;
+export default modes;

package/dist/config/modes.mjs

@@ -0,0 +1,6 @@
+const modes = {
+    dark: 'class',
+    light: 'class'
+};
+
+export { modes as default };

package/dist/config/queries.cjs

@@ -3,6 +3,10 @@
 var screenSizes = require('../tokens/screen-sizes.cjs');
 
 const queries = {
+    all: 'media all',
+    print: 'media print',
+    screen: 'media screen',
+    speech: 'media speech',
     landscape: 'media (orientation:landscape)',
     portrait: 'media (orientation:portrait)',
     motion: 'media (prefers-reduced-motion:no-preference)',

package/dist/config/queries.d.ts

@@ -10,6 +10,10 @@ declare const queries: {
     '2xl': number;
     '3xl': number;
     '4xl': number;
+    all: string;
+    print: string;
+    screen: string;
+    speech: string;
     landscape: string;
     portrait: string;
     motion: string;

package/dist/config/queries.mjs

@@ -1,6 +1,10 @@
 import screenSizes from '../tokens/screen-sizes.mjs';
 
 const queries = {
+    all: 'media all',
+    print: 'media print',
+    screen: 'media screen',
+    speech: 'media speech',
     landscape: 'media (orientation:landscape)',
     portrait: 'media (orientation:portrait)',
     motion: 'media (prefers-reduced-motion:no-preference)',