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

package/dist/config/rules.d.ts

@@ -1,3 +1,279 @@
-import FontWeight from '../rules/font-weight';
-declare const DefaultRules: (typeof FontWeight)[];
-export default DefaultRules;
+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/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

@@ -1,82 +1,191 @@
-declare const defaultSemantics: {
-    square: string;
-    video: string;
-    rounded: string;
-    round: string;
-    hidden: string;
-    hide: string;
-    block: string;
-    table: string;
-    flex: string;
-    grid: string;
-    contents: string;
-    inline: string;
-    'inline-block': string;
-    'inline-flex': string;
-    'inline-grid': string;
-    'inline-table': string;
-    'table-cell': string;
-    'table-caption': string;
-    'flow-root': string;
-    'list-item': string;
-    'table-row': string;
-    'table-column': string;
-    'table-row-group': string;
-    'table-column-group': string;
-    'table-header-group': string;
-    'table-footer-group': string;
-    italic: string;
-    oblique: string;
-    isolate: string;
-    overflow: string;
-    untouchable: string;
-    static: string;
-    fixed: string;
-    abs: string;
-    rel: string;
-    sticky: string;
-    uppercase: string;
-    lowercase: string;
-    capitalize: string;
-    visible: string;
-    invisible: 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;
+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 defaultSemantics;
+export default semantics;

package/dist/config/styles.d.ts

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