@master/css 2.0.0-beta.119 → 2.0.0-beta.120

package/dist/config/index.d.ts

@@ -0,0 +1,430 @@
+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 { themes } from './themes';
+import { theme } from './theme';
+import { values } from './values';
+import { rules } from './rules';
+import { override } from './override';
+import { observe } from './observe';
+import { important } from './important';
+declare const config: {
+    breakpoints: {
+        '3xs': number;
+        '2xs': number;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        '2xl': number;
+        '3xl': number;
+        '4xl': number;
+    };
+    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;
+    };
+    rootSize: number;
+    scope: string;
+    selectors: {
+        '::scrollbar': string;
+        '::scrollbar-button': string;
+        '::scrollbar-thumb': string;
+        '::scrollbar-track': string;
+        '::scrollbar-track-piece': string;
+        '::scrollbar-corner': string;
+        '::slider-thumb': string[];
+        '::slider-runnable-track': string[];
+        '::meter': string;
+        '::resizer': string;
+        '::progress': string;
+        ':first': string;
+        ':last': string;
+        ':even': string;
+        ':odd': string;
+        ':nth(': string;
+    };
+    semantics: {
+        square: {
+            'aspect-ratio': string;
+        };
+        video: {
+            'aspect-ratio': string;
+        };
+        rounded: {
+            'border-radius': string;
+        };
+        round: {
+            'border-radius': string;
+        };
+        hidden: {
+            display: string;
+        };
+        hide: {
+            display: string;
+        };
+        block: {
+            display: string;
+        };
+        table: {
+            display: string;
+        };
+        flex: {
+            display: string;
+        };
+        grid: {
+            display: string;
+        };
+        contents: {
+            display: string;
+        };
+        inline: {
+            display: string;
+        };
+        'inline-block': {
+            display: string;
+        };
+        'inline-flex': {
+            display: string;
+        };
+        'inline-grid': {
+            display: string;
+        };
+        'inline-table': {
+            display: string;
+        };
+        'table-cell': {
+            display: string;
+        };
+        'table-caption': {
+            display: string;
+        };
+        'flow-root': {
+            display: string;
+        };
+        'list-item': {
+            display: string;
+        };
+        'table-row': {
+            display: string;
+        };
+        'table-column': {
+            display: string;
+        };
+        'table-row-group': {
+            display: string;
+        };
+        'table-column-group': {
+            display: string;
+        };
+        'table-header-group': {
+            display: string;
+        };
+        'table-footer-group': {
+            display: string;
+        };
+        italic: {
+            'font-style': string;
+        };
+        oblique: {
+            'font-style': string;
+        };
+        isolate: {
+            isolation: string;
+        };
+        overflow: {
+            overflow: string;
+        };
+        untouchable: {
+            'pointer-events': string;
+        };
+        static: {
+            position: string;
+        };
+        fixed: {
+            position: string;
+        };
+        abs: {
+            position: string;
+        };
+        rel: {
+            position: string;
+        };
+        sticky: {
+            position: string;
+        };
+        uppercase: {
+            'text-transform': string;
+        };
+        lowercase: {
+            'text-transform': string;
+        };
+        capitalize: {
+            'text-transform': string;
+        };
+        visible: {
+            visibility: string;
+        };
+        invisible: {
+            visibility: string;
+        };
+        vw: {
+            width: string;
+        };
+        vh: {
+            height: string;
+        };
+        'max-vw': {
+            'max-width': string;
+        };
+        'max-vh': {
+            'max-height': string;
+        };
+        'min-vw': {
+            'min-width': string;
+        };
+        'min-vh': {
+            'min-height': string;
+        };
+        'center-content': {
+            'justify-content': string;
+            'align-items': string;
+        };
+        'sr-only': {
+            position: string;
+            width: string;
+            height: string;
+            padding: string;
+            margin: string;
+            overflow: string;
+            clip: string;
+            'white-space': string;
+            'border-width': string;
+        };
+        full: {
+            width: string;
+            height: string;
+        };
+        center: {
+            left: number;
+            right: number;
+            'margin-left': string;
+            'margin-right': string;
+        };
+        middle: {
+            top: number;
+            bottom: number;
+            'margin-top': string;
+            'margin-bottom': string;
+        };
+        'break-spaces': {
+            'white-space': string;
+        };
+        'break-word': {
+            'overflow-wrap': string;
+            overflow: string;
+        };
+    };
+    themes: string[];
+    theme: ThemeConfig;
+    values: {
+        backgroundClip: {
+            content: string;
+            border: string;
+            padding: string;
+        };
+        backgroundOrigin: {
+            content: string;
+            border: string;
+            padding: string;
+        };
+        boxSizing: {
+            content: string;
+            border: string;
+        };
+        clipPath: {
+            margin: string;
+            fill: string;
+            stroke: string;
+            view: string;
+            content: string;
+            border: string;
+            padding: string;
+        };
+        flexDirection: {
+            col: string;
+            'col-reverse': string;
+        };
+        fontFamily: {
+            mono: string;
+            sans: string;
+            serif: string;
+        };
+        fontWeight: {
+            thin: number;
+            extralight: number;
+            light: number;
+            regular: number;
+            medium: number;
+            semibold: number;
+            bold: number;
+            extrabold: number;
+            heavy: number;
+        };
+        gridAutoColumns: {
+            min: string;
+            max: string;
+        };
+        gridAutoRows: {
+            min: string;
+            max: string;
+        };
+        gridTemplateColumns: {
+            min: string;
+            max: string;
+        };
+        gridTemplateRows: {
+            min: string;
+            max: string;
+        };
+        order: {
+            first: number;
+            last: number;
+        };
+        position: {
+            abs: string;
+            rel: string;
+        };
+        shapeOutside: {
+            margin: string;
+            content: string;
+            border: string;
+            padding: string;
+        };
+        transformBox: {
+            fill: string;
+            stroke: string;
+            view: string;
+            content: string;
+            border: string;
+            padding: string;
+        };
+        width: {
+            full: string;
+            fit: string;
+            max: string;
+            min: string;
+        };
+        minWidth: {
+            full: string;
+            fit: string;
+            max: string;
+            min: string;
+        };
+        minHeight: {
+            full: string;
+            fit: string;
+            max: string;
+            min: string;
+        };
+        maxWidth: {
+            full: string;
+            fit: string;
+            max: string;
+            min: string;
+        };
+        maxHeight: {
+            full: string;
+            fit: string;
+            max: string;
+            min: string;
+        };
+        height: {
+            full: string;
+            fit: string;
+            max: string;
+            min: string;
+        };
+        flexBasis: {
+            full: string;
+            fit: string;
+            max: string;
+            min: string;
+        };
+    };
+    rules: Record<string, RuleConfig>;
+    override: boolean;
+    observe: boolean;
+    important: boolean;
+};
+export { config, breakpoints, colors, rootSize, scope, selectors, semantics, themes, theme, values, rules, override, observe, important };
+import type { RuleConfig } from '../rule';
+import type { ThemeConfig } from '../theme';
+type Classes = {
+    [key: string]: string | Classes;
+};
+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 = {
+    [key: string]: string | number | SemanticsBase;
+};
+type Semantics = {
+    [key: string]: SemanticsBase;
+};
+type Values = {
+    [key: string]: string | number | Values;
+};
+export interface Config {
+    classes?: Classes;
+    colors?: Colors;
+    breakpoints?: Breakpoints;
+    mediaQueries?: MediaQueries;
+    selectors?: Selectors;
+    semantics?: Semantics;
+    values?: Values;
+    rules?: Record<string, RuleConfig>;
+    themes?: Record<string, {
+        classes?: Classes;
+        colors?: Colors;
+    }> | string[];
+    rootSize?: number;
+    scope?: string;
+    important?: boolean;
+    theme?: ThemeConfig;
+    override?: boolean;
+    observe?: boolean;
+}

package/dist/config/observe.d.ts

@@ -0,0 +1 @@
+export declare const observe = true;

package/dist/config/override.d.ts

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

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

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

package/dist/config/rules.d.ts

@@ -0,0 +1,3 @@
+import type { RuleConfig } from '../rule';
+import '../polyfills/css-escape';
+export declare const rules: Record<string, RuleConfig>;

package/dist/config/scope.d.ts

@@ -0,0 +1 @@
+export declare const scope = "";

package/dist/{packages/css/src/config → config}/selectors.d.ts

@@ -1,4 +1,4 @@
-declare const selectors: {
+export declare const selectors: {
     '::scrollbar': string;
     '::scrollbar-button': string;
     '::scrollbar-thumb': string;
@@ -16,4 +16,3 @@ declare const selectors: {
     ':odd': string;
     ':nth(': string;
 };
-export default selectors;

package/dist/{packages/css/src/config → config}/semantics.d.ts

@@ -1,4 +1,4 @@
-declare const semantics: {
+export declare const semantics: {
     square: {
         'aspect-ratio': string;
     };
@@ -179,4 +179,3 @@ declare const semantics: {
         overflow: string;
     };
 };
-export default semantics;

package/dist/config/theme.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeConfig } from '../theme';
+export declare const theme: ThemeConfig;

package/dist/config/themes.d.ts

@@ -0,0 +1 @@
+export declare const themes: string[];

package/dist/{packages/css/src/config → config}/values.d.ts

@@ -1,19 +1,19 @@
-declare const values: {
-    BackgroundClip: {
+export declare const values: {
+    backgroundClip: {
         content: string;
         border: string;
         padding: string;
     };
-    BackgroundOrigin: {
+    backgroundOrigin: {
         content: string;
         border: string;
         padding: string;
     };
-    BoxSizing: {
+    boxSizing: {
         content: string;
         border: string;
     };
-    ClipPath: {
+    clipPath: {
         margin: string;
         fill: string;
         stroke: string;
@@ -22,16 +22,16 @@ declare const values: {
         border: string;
         padding: string;
     };
-    FlexDirection: {
+    flexDirection: {
         col: string;
         'col-reverse': string;
     };
-    FontFamily: {
+    fontFamily: {
         mono: string;
         sans: string;
         serif: string;
     };
-    FontWeight: {
+    fontWeight: {
         thin: number;
         extralight: number;
         light: number;
@@ -42,37 +42,37 @@ declare const values: {
         extrabold: number;
         heavy: number;
     };
-    GridAutoColumns: {
+    gridAutoColumns: {
         min: string;
         max: string;
     };
-    GridAutoRows: {
+    gridAutoRows: {
         min: string;
         max: string;
     };
-    GridTemplateColumns: {
+    gridTemplateColumns: {
         min: string;
         max: string;
     };
-    GridTemplateRows: {
+    gridTemplateRows: {
         min: string;
         max: string;
     };
-    Order: {
+    order: {
         first: number;
         last: number;
     };
-    Position: {
+    position: {
         abs: string;
         rel: string;
     };
-    ShapeOutside: {
+    shapeOutside: {
         margin: string;
         content: string;
         border: string;
         padding: string;
     };
-    TransformBox: {
+    transformBox: {
         fill: string;
         stroke: string;
         view: string;
@@ -80,47 +80,46 @@ declare const values: {
         border: string;
         padding: string;
     };
-    Width: {
+    width: {
         full: string;
         fit: string;
         max: string;
         min: string;
     };
-    MinWidth: {
+    minWidth: {
         full: string;
         fit: string;
         max: string;
         min: string;
     };
-    MinHeight: {
+    minHeight: {
         full: string;
         fit: string;
         max: string;
         min: string;
     };
-    MaxWidth: {
+    maxWidth: {
         full: string;
         fit: string;
         max: string;
         min: string;
     };
-    MaxHeight: {
+    maxHeight: {
         full: string;
         fit: string;
         max: string;
         min: string;
     };
-    Height: {
+    height: {
         full: string;
         fit: string;
         max: string;
         min: string;
     };
-    FlexBasis: {
+    flexBasis: {
         full: string;
         fit: string;
         max: string;
         min: string;
     };
 };
-export default values;

package/dist/constants/box-underneath.d.ts

@@ -0,0 +1,5 @@
+export declare const BOX_UNDERNEATH: {
+    content: string;
+    border: string;
+    padding: string;
+};

package/dist/constants/content-extrema.d.ts

@@ -0,0 +1,4 @@
+export declare const CONTENT_EXTREMA: {
+    min: string;
+    max: string;
+};

package/dist/constants/selector-symbols.d.ts

@@ -0,0 +1 @@
+export declare const SELECTOR_SYMBOLS: string[];

package/dist/constants/sizing-values.d.ts

@@ -0,0 +1,7 @@
+declare const SIZING_VALUES: {
+    full: string;
+    fit: string;
+    max: string;
+    min: string;
+};
+export { SIZING_VALUES };

package/dist/constants/sorted-selectors.d.ts

@@ -0,0 +1 @@
+export declare const SORTED_SELECTORS: string[];