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

package/dist/config/index.d.ts

@@ -1,6 +1,6 @@
-import mediaQueries from './media-queries';
+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, mediaQueries, 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 = {
@@ -52,9 +51,9 @@ export type FunctionDefinitions = {
 export interface Config {
     extends?: (Config | any)[];
     styles?: StyleDefinitions;
-    mediaQueries?: MediaQueryDefinitions;
+    queries?: MediaQueryDefinitions;
     selectors?: SelectorDefinitions;
-    semantics?: SemanticDefinitions;
+    utilities?: UtilityDefinitions;
     variables?: VariableDefinitions;
     rules?: RuleDefinitions;
     rootSize?: number;
@@ -64,5 +63,5 @@ export interface Config {
     override?: boolean;
     functions?: FunctionDefinitions;
     animations?: AnimationDefinitions;
-    themeDriver?: 'class' | 'media' | 'host';
+    modeDriver?: 'class' | 'media' | 'host';
 }

package/dist/config/index.mjs

@@ -1,15 +1,15 @@
+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 functions from './functions.mjs';
-import mediaQueries from '../tokens/screen-sizes.mjs';
 
 const config = {
-    mediaQueries,
+    queries,
     selectors,
-    semantics,
+    utilities,
     rules,
     functions,
     animations,
@@ -19,7 +19,7 @@ const config = {
     baseUnit: 4,
     override: false,
     important: false,
-    themeDriver: 'class'
+    modeDriver: 'class'
 };
 
-export { animations, config, functions, mediaQueries, rules, selectors, semantics, variables };
+export { animations, config, functions, queries, rules, selectors, utilities, variables };

package/dist/config/queries.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+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)',
+    'reduced-motion': 'media (prefers-reduced-motion:reduce)',
+    ...screenSizes
+};
+
+module.exports = queries;

package/dist/config/queries.d.ts

@@ -0,0 +1,22 @@
+declare const queries: {
+    '4xs': number;
+    '3xs': number;
+    '2xs': number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    '2xl': number;
+    '3xl': number;
+    '4xl': number;
+    all: string;
+    print: string;
+    screen: string;
+    speech: string;
+    landscape: string;
+    portrait: string;
+    motion: string;
+    'reduced-motion': string;
+};
+export default queries;

package/dist/config/queries.mjs

@@ -0,0 +1,15 @@
+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)',
+    'reduced-motion': 'media (prefers-reduced-motion:reduce)',
+    ...screenSizes
+};
+
+export { queries as default };