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

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,17 @@ 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 interface FunctionDefinition {
     unit?: string;
-    colored?: boolean;
     transform?(this: Rule, value: string, bypassVariableNames: string[]): string | ValueComponent[];
 }
 export type FunctionDefinitions = {
@@ -54,7 +53,7 @@ export interface Config {
     styles?: StyleDefinitions;
     queries?: MediaQueryDefinitions;
     selectors?: SelectorDefinitions;
-    semantics?: SemanticDefinitions;
+    utilities?: UtilityDefinitions;
     variables?: VariableDefinitions;
     rules?: RuleDefinitions;
     rootSize?: number;

package/dist/config/index.mjs

@@ -1,6 +1,6 @@
 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';
@@ -9,7 +9,7 @@ import functions from './functions.mjs';
 const config = {
     queries,
     selectors,
-    semantics,
+    utilities,
     rules,
     functions,
     animations,
@@ -22,4 +22,4 @@ const config = {
     modeDriver: 'class'
 };
 
-export { animations, config, functions, queries, rules, selectors, semantics, variables };
+export { animations, config, functions, queries, rules, selectors, utilities, variables };

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)',