@master/css 2.0.0-beta.2 → 2.0.0-beta.200

package/dist/config/rules.d.ts

@@ -0,0 +1,279 @@
+import type { RuleDefinition } from '../rule';
+import { Layer } from '../layer';
+export declare const BORDER_STYLES: string[];
+export declare const autofillSolidToValueComponent: RuleDefinition['transformValueComponents'];
+declare const rules: {
+    group: RuleDefinition;
+    variable: RuleDefinition;
+    'font-size': RuleDefinition;
+    'font-weight': RuleDefinition;
+    'font-family': RuleDefinition;
+    'font-smoothing': RuleDefinition;
+    'font-style': RuleDefinition;
+    'font-variant-numeric': RuleDefinition;
+    'font-variant': {
+        layer: Layer;
+    };
+    'font-feature-settings': RuleDefinition;
+    font: RuleDefinition;
+    color: RuleDefinition;
+    'margin-left': RuleDefinition;
+    'margin-right': RuleDefinition;
+    'margin-top': RuleDefinition;
+    'margin-bottom': RuleDefinition;
+    'margin-x': RuleDefinition;
+    'margin-y': RuleDefinition;
+    margin: RuleDefinition;
+    'margin-inline-start': RuleDefinition;
+    'margin-inline-end': RuleDefinition;
+    'margin-inline': RuleDefinition;
+    'padding-left': RuleDefinition;
+    'padding-right': RuleDefinition;
+    'padding-top': RuleDefinition;
+    'padding-bottom': RuleDefinition;
+    'padding-x': RuleDefinition;
+    'padding-y': RuleDefinition;
+    padding: RuleDefinition;
+    'padding-inline-start': RuleDefinition;
+    'padding-inline-end': RuleDefinition;
+    'padding-inline': RuleDefinition;
+    'flex-basis': RuleDefinition;
+    'flex-wrap': RuleDefinition;
+    'flex-grow': RuleDefinition;
+    'flex-shrink': RuleDefinition;
+    'flex-direction': RuleDefinition;
+    flex: RuleDefinition;
+    display: RuleDefinition;
+    width: RuleDefinition;
+    height: RuleDefinition;
+    'min-width': RuleDefinition;
+    'min-height': RuleDefinition;
+    box: RuleDefinition;
+    'min-box': RuleDefinition;
+    'max-box': RuleDefinition;
+    'box-sizing': RuleDefinition;
+    'box-decoration-break': RuleDefinition;
+    contain: RuleDefinition;
+    content: RuleDefinition;
+    'counter-increment': RuleDefinition;
+    'counter-reset': RuleDefinition;
+    'letter-spacing': RuleDefinition;
+    'line-height': RuleDefinition;
+    'object-fit': RuleDefinition;
+    'object-position': RuleDefinition;
+    'text-align': RuleDefinition;
+    'text-decoration-color': RuleDefinition;
+    'text-decoration-style': RuleDefinition;
+    'text-decoration-thickness': RuleDefinition;
+    'text-decoration-line': RuleDefinition;
+    'text-decoration': RuleDefinition;
+    'text-underline-offset': RuleDefinition;
+    'text-overflow': RuleDefinition;
+    'text-orientation': RuleDefinition;
+    'text-transform': RuleDefinition;
+    'text-rendering': RuleDefinition;
+    'text-indent': RuleDefinition;
+    'vertical-align': RuleDefinition;
+    columns: RuleDefinition;
+    'white-space': RuleDefinition;
+    top: RuleDefinition;
+    bottom: RuleDefinition;
+    left: RuleDefinition;
+    right: RuleDefinition;
+    inset: RuleDefinition;
+    lines: RuleDefinition;
+    'max-height': RuleDefinition;
+    'max-width': RuleDefinition;
+    opacity: RuleDefinition;
+    visibility: RuleDefinition;
+    clear: RuleDefinition;
+    float: RuleDefinition;
+    isolation: RuleDefinition;
+    'overflow-x': RuleDefinition;
+    'overflow-y': RuleDefinition;
+    overflow: RuleDefinition;
+    'overscroll-behavior-x': RuleDefinition;
+    'overscroll-behavior-y': RuleDefinition;
+    'overscroll-behavior': RuleDefinition;
+    'z-index': RuleDefinition;
+    position: RuleDefinition;
+    cursor: RuleDefinition;
+    'pointer-events': RuleDefinition;
+    resize: RuleDefinition;
+    'touch-action': RuleDefinition;
+    'word-break': RuleDefinition;
+    'word-spacing': RuleDefinition;
+    'user-drag': RuleDefinition;
+    'user-select': RuleDefinition;
+    'text-shadow': RuleDefinition;
+    'text-size': RuleDefinition;
+    'text-fill-color': RuleDefinition;
+    'text-stroke-width': RuleDefinition;
+    'text-stroke-color': RuleDefinition;
+    'text-stroke': RuleDefinition;
+    'box-shadow': RuleDefinition;
+    'table-layout': RuleDefinition;
+    'transform-box': RuleDefinition;
+    'transform-style': RuleDefinition;
+    'transform-origin': RuleDefinition;
+    transform: RuleDefinition;
+    'transition-property': RuleDefinition;
+    'transitionTiming-function': RuleDefinition;
+    'transition-duration': RuleDefinition;
+    'transition-delay': RuleDefinition;
+    transition: RuleDefinition;
+    'animation-delay': RuleDefinition;
+    'animation-direction': RuleDefinition;
+    'animation-duration': RuleDefinition;
+    'animation-fill-mode': RuleDefinition;
+    'animation-iteration-count': RuleDefinition;
+    'animation-name': RuleDefinition;
+    'animation-play-state': RuleDefinition;
+    'animation-timing-function': RuleDefinition;
+    animation: RuleDefinition;
+    'border-collapse': RuleDefinition;
+    'border-spacing': RuleDefinition;
+    'border-top-color': RuleDefinition;
+    'border-bottom-color': RuleDefinition;
+    'border-left-color': RuleDefinition;
+    'border-right-color': RuleDefinition;
+    'border-x-color': RuleDefinition;
+    'border-y-color': RuleDefinition;
+    'border-color': RuleDefinition;
+    'border-top-left-radius': RuleDefinition;
+    'border-top-right-radius': RuleDefinition;
+    'border-bottom-left-radius': RuleDefinition;
+    'border-bottom-right-radius': RuleDefinition;
+    'border-top-radius': RuleDefinition;
+    'border-bottom-radius': RuleDefinition;
+    'border-left-radius': RuleDefinition;
+    'border-right-radius': RuleDefinition;
+    'border-radius': RuleDefinition;
+    'border-top-style': RuleDefinition;
+    'border-bottom-style': RuleDefinition;
+    'border-left-style': RuleDefinition;
+    'border-right-style': RuleDefinition;
+    'border-x-style': RuleDefinition;
+    'border-y-style': RuleDefinition;
+    'border-style': RuleDefinition;
+    'border-top-width': RuleDefinition;
+    'border-bottom-width': RuleDefinition;
+    'border-left-width': RuleDefinition;
+    'border-right-width': RuleDefinition;
+    'border-x-width': RuleDefinition;
+    'border-y-width': RuleDefinition;
+    'border-width': RuleDefinition;
+    'border-image-outset': RuleDefinition;
+    'border-image-repeat': RuleDefinition;
+    'border-image-slice': RuleDefinition;
+    'border-image-source': RuleDefinition;
+    'border-image-width': RuleDefinition;
+    'border-image': RuleDefinition;
+    'border-top': RuleDefinition;
+    'border-bottom': RuleDefinition;
+    'border-left': RuleDefinition;
+    'border-right': RuleDefinition;
+    'border-x': RuleDefinition;
+    'border-y': RuleDefinition;
+    border: RuleDefinition;
+    'background-attachment': RuleDefinition;
+    'background-blend-mode': RuleDefinition;
+    'background-color': RuleDefinition;
+    'background-clip': RuleDefinition;
+    'background-origin': RuleDefinition;
+    'background-position': RuleDefinition;
+    'background-repeat': RuleDefinition;
+    'background-size': RuleDefinition;
+    'background-image': RuleDefinition;
+    background: RuleDefinition;
+    gradient: RuleDefinition;
+    'mix-blend-mode': RuleDefinition;
+    'backdrop-filter': RuleDefinition;
+    filter: RuleDefinition;
+    fill: RuleDefinition;
+    'stroke-dasharray': RuleDefinition;
+    'stroke-dashoffset': RuleDefinition;
+    'stroke-width': RuleDefinition;
+    stroke: RuleDefinition;
+    x: RuleDefinition;
+    y: RuleDefinition;
+    cx: RuleDefinition;
+    cy: RuleDefinition;
+    rx: RuleDefinition;
+    ry: RuleDefinition;
+    'grid-column-start': RuleDefinition;
+    'grid-column-end': RuleDefinition;
+    'grid-column': RuleDefinition;
+    'grid-columns': RuleDefinition;
+    'grid-row-start': RuleDefinition;
+    'grid-row-end': RuleDefinition;
+    'grid-row': RuleDefinition;
+    'grid-rows': RuleDefinition;
+    'grid-auto-columns': RuleDefinition;
+    'grid-auto-flow': RuleDefinition;
+    'grid-auto-rows': RuleDefinition;
+    'grid-template-areas': RuleDefinition;
+    'grid-template-columns': RuleDefinition;
+    'grid-template-rows': RuleDefinition;
+    'grid-template': RuleDefinition;
+    'grid-area': RuleDefinition;
+    grid: RuleDefinition;
+    'column-gap': RuleDefinition;
+    'row-gap': RuleDefinition;
+    gap: RuleDefinition;
+    order: RuleDefinition;
+    'break-inside': RuleDefinition;
+    'break-before': RuleDefinition;
+    'break-after': RuleDefinition;
+    'aspect-ratio': RuleDefinition;
+    'column-span': RuleDefinition;
+    'align-content': RuleDefinition;
+    'align-items': RuleDefinition;
+    'align-self': RuleDefinition;
+    'justify-content': RuleDefinition;
+    'justify-items': RuleDefinition;
+    'justify-self': RuleDefinition;
+    'place-content': RuleDefinition;
+    'place-items': RuleDefinition;
+    'place-self': RuleDefinition;
+    'list-style-position': RuleDefinition;
+    'list-style-type': RuleDefinition;
+    'list-style-image': RuleDefinition;
+    'list-style': RuleDefinition;
+    'outline-color': RuleDefinition;
+    'outline-offset': RuleDefinition;
+    'outline-style': RuleDefinition;
+    'outline-width': RuleDefinition;
+    outline: RuleDefinition;
+    'accent-color': RuleDefinition;
+    appearance: RuleDefinition;
+    'caret-color': RuleDefinition;
+    'scroll-behavior': RuleDefinition;
+    'scroll-margin-left': RuleDefinition;
+    'scroll-margin-right': RuleDefinition;
+    'scroll-margin-top': RuleDefinition;
+    'scroll-margin-bottom': RuleDefinition;
+    'scroll-margin-x': RuleDefinition;
+    'scroll-margin-y': RuleDefinition;
+    'scroll-margin': RuleDefinition;
+    'scroll-padding-left': RuleDefinition;
+    'scroll-padding-right': RuleDefinition;
+    'scroll-padding-top': RuleDefinition;
+    'scroll-padding-bottom': RuleDefinition;
+    'scroll-padding-x': RuleDefinition;
+    'scroll-padding-y': RuleDefinition;
+    'scroll-padding': RuleDefinition;
+    'scroll-snap-align': RuleDefinition;
+    'scroll-snap-stop': RuleDefinition;
+    'scroll-snap-type': RuleDefinition;
+    'will-change': RuleDefinition;
+    'writing-mode': RuleDefinition;
+    direction: RuleDefinition;
+    'shape-outside': RuleDefinition;
+    'shape-margin': RuleDefinition;
+    'shape-image-threshold': RuleDefinition;
+    'clip-path': RuleDefinition;
+    quotes: RuleDefinition;
+    'mask-image': RuleDefinition;
+};
+export default rules;

package/{esm → dist}/config/selectors.d.ts

@@ -1,4 +1,4 @@
-declare const defaultSelectors: {
+declare const selectors: {
     '::scrollbar': string;
     '::scrollbar-button': string;
     '::scrollbar-thumb': string;
@@ -15,5 +15,6 @@ declare const defaultSelectors: {
     ':even': string;
     ':odd': string;
     ':nth(': string;
+    ':only': string;
 };
-export default defaultSelectors;
+export default selectors;

package/dist/config/semantics.d.ts

@@ -0,0 +1,191 @@
+declare const semantics: {
+    readonly square: {
+        readonly 'aspect-ratio': "1/1";
+    };
+    readonly video: {
+        readonly 'aspect-ratio': "16/9";
+    };
+    readonly rounded: {
+        readonly 'border-radius': "1e9em";
+    };
+    readonly round: {
+        readonly 'border-radius': "50%";
+    };
+    readonly hidden: {
+        readonly display: "none";
+    };
+    readonly hide: {
+        readonly display: "none";
+    };
+    readonly block: {
+        readonly display: "block";
+    };
+    readonly table: {
+        readonly display: "table";
+    };
+    readonly flex: {
+        readonly display: "flex";
+    };
+    readonly grid: {
+        readonly display: "grid";
+    };
+    readonly contents: {
+        readonly display: "contents";
+    };
+    readonly inline: {
+        readonly display: "inline";
+    };
+    readonly 'inline-block': {
+        readonly display: "inline-block";
+    };
+    readonly 'inline-flex': {
+        readonly display: "inline-flex";
+    };
+    readonly 'inline-grid': {
+        readonly display: "inline-grid";
+    };
+    readonly 'inline-table': {
+        readonly display: "inline-table";
+    };
+    readonly 'table-cell': {
+        readonly display: "table-cell";
+    };
+    readonly 'table-caption': {
+        readonly display: "table-caption";
+    };
+    readonly 'flow-root': {
+        readonly display: "flow-root";
+    };
+    readonly 'list-item': {
+        readonly display: "list-item";
+    };
+    readonly 'table-row': {
+        readonly display: "table-row";
+    };
+    readonly 'table-column': {
+        readonly display: "table-column";
+    };
+    readonly 'table-row-group': {
+        readonly display: "table-row-group";
+    };
+    readonly 'table-column-group': {
+        readonly display: "table-column-group";
+    };
+    readonly 'table-header-group': {
+        readonly display: "table-header-group";
+    };
+    readonly 'table-footer-group': {
+        readonly display: "table-footer-group";
+    };
+    readonly italic: {
+        readonly 'font-style': "italic";
+    };
+    readonly oblique: {
+        readonly 'font-style': "oblique";
+    };
+    readonly isolate: {
+        readonly isolation: "isolate";
+    };
+    readonly overflowed: {
+        readonly overflow: "visible";
+    };
+    readonly untouchable: {
+        readonly 'pointer-events': "none";
+    };
+    readonly static: {
+        readonly position: "static";
+    };
+    readonly fixed: {
+        readonly position: "fixed";
+    };
+    readonly abs: {
+        readonly position: "absolute";
+    };
+    readonly rel: {
+        readonly position: "relative";
+    };
+    readonly sticky: {
+        readonly position: "sticky";
+    };
+    readonly uppercase: {
+        readonly 'text-transform': "uppercase";
+    };
+    readonly lowercase: {
+        readonly 'text-transform': "lowercase";
+    };
+    readonly capitalize: {
+        readonly 'text-transform': "capitalize";
+    };
+    readonly visible: {
+        readonly visibility: "visible";
+    };
+    readonly invisible: {
+        readonly visibility: "hidden";
+    };
+    readonly vw: {
+        readonly width: "100vw";
+    };
+    readonly vh: {
+        readonly height: "100vh";
+    };
+    readonly 'max-vw': {
+        readonly 'max-width': "100vw";
+    };
+    readonly 'max-vh': {
+        readonly 'max-height': "100vh";
+    };
+    readonly 'min-vw': {
+        readonly 'min-width': "100vw";
+    };
+    readonly 'min-vh': {
+        readonly 'min-height': "100vh";
+    };
+    readonly 'center-content': {
+        readonly 'justify-content': "center";
+        readonly 'align-items': "center";
+    };
+    readonly 'sr-only': {
+        readonly position: "absolute";
+        readonly width: "1px";
+        readonly height: "1px";
+        readonly padding: "0";
+        readonly margin: "-1px";
+        readonly overflow: "hidden";
+        readonly clip: "rect(0,0,0,0)";
+        readonly 'white-space': "nowrap";
+        readonly 'border-width': "0";
+    };
+    readonly full: {
+        readonly width: "100%";
+        readonly height: "100%";
+    };
+    readonly center: {
+        readonly left: 0;
+        readonly right: 0;
+        readonly 'margin-left': "auto";
+        readonly 'margin-right': "auto";
+    };
+    readonly middle: {
+        readonly top: 0;
+        readonly bottom: 0;
+        readonly 'margin-top': "auto";
+        readonly 'margin-bottom': "auto";
+    };
+    readonly 'break-spaces': {
+        readonly 'white-space': "break-spaces";
+    };
+    readonly 'break-word': {
+        readonly 'overflow-wrap': "break-word";
+        readonly overflow: "hidden";
+    };
+    readonly 'gradient-text': {
+        readonly '-webkit-text-fill-color': "transparent";
+        readonly '-webkit-background-clip': "text";
+        readonly 'background-clip': "text";
+    };
+    readonly fit: {
+        readonly width: "fit-content";
+        readonly height: "fit-content";
+    };
+};
+export default semantics;

package/dist/config/styles.d.ts

@@ -0,0 +1,3 @@
+export type ConfigStyles = {
+    [key: string]: string | ConfigStyles;
+};

package/dist/config/variables.d.ts

@@ -0,0 +1,129 @@
+declare const variables: {
+    font: {
+        family: {
+            mono: string[];
+            sans: string[];
+            serif: string[];
+        };
+        weight: {
+            thin: number;
+            extralight: number;
+            light: number;
+            regular: number;
+            medium: number;
+            semibold: number;
+            bold: number;
+            extrabold: number;
+            heavy: number;
+        };
+    };
+    sizing: {
+        '4xs': number;
+        '3xs': number;
+        '2xs': number;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        '2xl': number;
+        '3xl': number;
+        '4xl': number;
+        full: string;
+        fit: string;
+        max: string;
+        min: string;
+    };
+    flex: {
+        direction: {
+            col: string;
+            'col-reverse': string;
+        };
+    };
+    box: {
+        sizing: {
+            content: string;
+            border: string;
+        };
+    };
+    position: {
+        abs: string;
+        rel: string;
+    };
+    transform: {
+        box: {
+            content: string;
+            border: string;
+            padding: string;
+            fill: string;
+            stroke: string;
+            view: string;
+        };
+    };
+    animation: {
+        direction: {
+            alt: string;
+            'alt-reverse': string;
+        };
+    };
+    background: {
+        clip: {
+            content: string;
+            border: string;
+            padding: string;
+        };
+        origin: {
+            content: string;
+            border: string;
+            padding: string;
+        };
+    };
+    order: {
+        first: number;
+        last: number;
+    };
+    shape: {
+        outside: {
+            content: string;
+            border: string;
+            padding: string;
+            margin: string;
+        };
+    };
+    clip: {
+        path: {
+            content: string;
+            border: string;
+            padding: string;
+            margin: string;
+            fill: string;
+            stroke: string;
+            view: string;
+            black: string;
+        };
+    };
+    black: string;
+    white: string;
+    current: 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;
+};
+export default variables;

package/dist/constants/config-esm-text.d.ts

@@ -0,0 +1 @@
+export declare const CONFIG_ESM_TEXT = "/** @type {import('@master/css').Config} */\nexport default {\n    styles: {},\n    rules: {},\n    variables: {},\n    semantics: {},\n    mediaQueries: {},\n    animations: {},\n    selectors: {},\n    functions: {}\n}\n";

package/dist/constants/config-text.d.ts

@@ -0,0 +1 @@
+export declare const CONFIG_TEXT = "/** @type {import('@master/css').Config} */\nmodule.exports = {\n    styles: {},\n    rules: {},\n    variables: {},\n    semantics: {},\n    mediaQueries: {},\n    animations: {},\n    selectors: {},\n    functions: {}\n}\n";

package/dist/constants/config-ts-text.d.ts

@@ -0,0 +1 @@
+export declare const CONFIG_TS_TEXT = "import type { Config } from '@master/css'\n\nexport default {\n    styles: {},\n    rules: {},\n    variables: {},\n    semantics: {},\n    mediaQueries: {},\n    animations: {},\n    selectors: {},\n    functions: {}\n} as Config\n";

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

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

package/{esm → dist}/constants/start-symbol.d.ts

@@ -1,5 +1,6 @@
-export declare const START_SYMBOL: {
+export declare const START_SYMBOLS: {
     '(': string;
     '\'': string;
+    '"': string;
     '{': string;
 };