@master/css 2.0.0-beta.164 → 2.0.0-beta.165

package/dist/config/index.d.ts

@@ -10,9 +10,13 @@ import { important } from './important';
 import { keyframes } from './keyframes';
 import { functions, FunctionConfig } from './functions';
 import { themeDriver } from './themeDriver';
+import type { Properties } from 'csstype';
 declare const config: Config;
 export { config, breakpoints, colors, rootSize, scope, selectors, semantics, rules, override, important, functions, keyframes, themeDriver };
 import type { RuleConfig } from '../rule';
+type CSS = {
+    [key in keyof Properties]?: Properties[key];
+};
 type Classes = {
     [key: string]: string | Classes;
 };
@@ -28,15 +32,20 @@ type MediaQueries = {
 type Selectors = {
     [key: string]: string | string[] | Selectors;
 };
-type SemanticsBase = {
-    [key: string]: string | number | SemanticsBase;
+type SemanticsBase = CSS | {
+    [key: string]: SemanticsBase;
 };
-type Semantics = {
+export type Semantics = {
     [key: string]: SemanticsBase;
 };
 export type Values = {
     [key: string]: string | number | Values;
 };
+export type Keyframes = Record<string, {
+    [key in 'from' | 'to']?: CSS;
+} & {
+    [key: string]: CSS;
+}>;
 export interface Config {
     extends?: (Config | {
         config: Config;
@@ -54,6 +63,6 @@ export interface Config {
     important?: boolean;
     override?: boolean;
     functions?: Record<string, FunctionConfig>;
-    keyframes?: Record<string, Record<string, Record<string, string | number>>>;
+    keyframes?: Keyframes;
     themeDriver?: 'class' | 'media' | 'host';
 }

package/dist/config/rules.d.ts

@@ -1,267 +1,267 @@
 import { RuleConfig } from '../rule';
 export declare const rules: {
-    flex: RuleConfig;
-    grid: RuleConfig;
-    group: RuleConfig;
-    variable: RuleConfig;
-    fontSize: RuleConfig;
-    fontWeight: RuleConfig;
-    fontFamily: RuleConfig;
-    fontSmoothing: RuleConfig;
-    fontStyle: RuleConfig;
-    fontVariantNumeric: RuleConfig;
-    fontFeatureSettings: RuleConfig;
-    font: RuleConfig;
+    accentColor: RuleConfig;
+    alignContent: RuleConfig;
+    alignItems: RuleConfig;
+    alignSelf: RuleConfig;
+    animationDelay: RuleConfig;
+    animationDirection: RuleConfig;
+    animationDuration: RuleConfig;
+    animationFillMode: RuleConfig;
+    animationIterationCount: RuleConfig;
+    animationName: RuleConfig;
+    animationPlayState: RuleConfig;
+    animationTimingFunction: RuleConfig;
+    appearance: RuleConfig;
+    aspectRatio: RuleConfig;
+    backdropFilter: RuleConfig;
+    backgroundAttachment: RuleConfig;
+    backgroundBlendMode: RuleConfig;
+    backgroundClip: RuleConfig;
+    backgroundColor: RuleConfig;
+    backgroundImage: RuleConfig;
+    backgroundOrigin: RuleConfig;
+    backgroundRepeat: RuleConfig;
+    backgroundSize: RuleConfig;
+    borderBottomColor: RuleConfig;
+    borderBottomLeftRadius: RuleConfig;
+    borderBottomRightRadius: RuleConfig;
+    borderBottomStyle: RuleConfig;
+    borderBottomWidth: RuleConfig;
+    borderCollapse: RuleConfig;
+    borderImageOutset: RuleConfig;
+    borderImageRepeat: RuleConfig;
+    borderImageSlice: RuleConfig;
+    borderImageSource: RuleConfig;
+    borderImageWidth: RuleConfig;
+    borderLeftColor: RuleConfig;
+    borderLeftStyle: RuleConfig;
+    borderLeftWidth: RuleConfig;
+    borderRightColor: RuleConfig;
+    borderRightStyle: RuleConfig;
+    borderRightWidth: RuleConfig;
+    borderSpacing: RuleConfig;
+    borderTopColor: RuleConfig;
+    borderTopLeftRadius: RuleConfig;
+    borderTopRightRadius: RuleConfig;
+    borderTopStyle: RuleConfig;
+    borderTopWidth: RuleConfig;
+    bottom: RuleConfig;
+    boxDecorationBreak: RuleConfig;
+    boxShadow: RuleConfig;
+    boxSizing: RuleConfig;
+    breakAfter: RuleConfig;
+    breakBefore: RuleConfig;
+    breakInside: RuleConfig;
+    caretColor: RuleConfig;
+    clear: RuleConfig;
+    clipPath: RuleConfig;
     color: RuleConfig;
-    marginLeft: RuleConfig;
-    marginRight: RuleConfig;
-    marginTop: RuleConfig;
-    marginBottom: RuleConfig;
-    marginX: RuleConfig;
-    marginY: RuleConfig;
-    margin: RuleConfig;
-    paddingLeft: RuleConfig;
-    paddingRight: RuleConfig;
-    paddingTop: RuleConfig;
-    paddingBottom: RuleConfig;
-    paddingX: RuleConfig;
-    paddingY: RuleConfig;
-    padding: RuleConfig;
-    flexBasis: RuleConfig;
-    flexWrap: RuleConfig;
-    flexGrow: RuleConfig;
-    flexShrink: RuleConfig;
-    flexDirection: RuleConfig;
-    display: RuleConfig;
-    width: RuleConfig;
-    height: RuleConfig;
-    minWidth: RuleConfig;
-    minHeight: RuleConfig;
-    box: RuleConfig;
-    minBox: RuleConfig;
-    maxBox: RuleConfig;
+    columnGap: RuleConfig;
+    columnSpan: RuleConfig;
     contain: RuleConfig;
     content: RuleConfig;
     counterIncrement: RuleConfig;
     counterReset: RuleConfig;
+    cursor: RuleConfig;
+    direction: RuleConfig;
+    display: RuleConfig;
+    filter: RuleConfig;
+    flexBasis: RuleConfig;
+    flexDirection: RuleConfig;
+    flexGrow: RuleConfig;
+    flexShrink: RuleConfig;
+    flexWrap: RuleConfig;
+    float: RuleConfig;
+    fontFamily: RuleConfig;
+    fontFeatureSettings: RuleConfig;
+    fontSize: RuleConfig;
+    fontStyle: RuleConfig;
+    fontVariantNumeric: RuleConfig;
+    fontWeight: RuleConfig;
+    gridAutoColumns: RuleConfig;
+    gridAutoFlow: RuleConfig;
+    gridAutoRows: RuleConfig;
+    gridColumnEnd: RuleConfig;
+    gridColumnStart: RuleConfig;
+    gridRowEnd: RuleConfig;
+    gridRowStart: RuleConfig;
+    gridTemplateAreas: RuleConfig;
+    gridTemplateColumns: RuleConfig;
+    gridTemplateRows: RuleConfig;
+    height: RuleConfig;
+    isolation: RuleConfig;
+    justifyContent: RuleConfig;
+    justifyItems: RuleConfig;
+    justifySelf: RuleConfig;
+    left: RuleConfig;
     letterSpacing: RuleConfig;
     lineHeight: RuleConfig;
+    listStyleImage: RuleConfig;
+    listStylePosition: RuleConfig;
+    listStyleType: RuleConfig;
+    marginBottom: RuleConfig;
+    marginLeft: RuleConfig;
+    marginRight: RuleConfig;
+    marginTop: RuleConfig;
+    maskImage: RuleConfig;
+    maxHeight: RuleConfig;
+    maxWidth: RuleConfig;
+    minHeight: RuleConfig;
+    minWidth: RuleConfig;
+    mixBlendMode: RuleConfig;
     objectFit: RuleConfig;
     objectPosition: RuleConfig;
+    opacity: RuleConfig;
+    order: RuleConfig;
+    outlineColor: RuleConfig;
+    outlineOffset: RuleConfig;
+    outlineStyle: RuleConfig;
+    outlineWidth: RuleConfig;
+    overflowX: RuleConfig;
+    overflowY: RuleConfig;
+    overscrollBehaviorX: RuleConfig;
+    overscrollBehaviorY: RuleConfig;
+    paddingBottom: RuleConfig;
+    paddingLeft: RuleConfig;
+    paddingRight: RuleConfig;
+    paddingTop: RuleConfig;
+    pointerEvents: RuleConfig;
+    position: RuleConfig;
+    quotes: RuleConfig;
+    resize: RuleConfig;
+    right: RuleConfig;
+    rowGap: RuleConfig;
+    scrollBehavior: RuleConfig;
+    scrollMarginBottom: RuleConfig;
+    scrollMarginLeft: RuleConfig;
+    scrollMarginRight: RuleConfig;
+    scrollMarginTop: RuleConfig;
+    scrollPaddingBottom: RuleConfig;
+    scrollPaddingLeft: RuleConfig;
+    scrollPaddingRight: RuleConfig;
+    scrollPaddingTop: RuleConfig;
+    scrollSnapAlign: RuleConfig;
+    scrollSnapStop: RuleConfig;
+    scrollSnapType: RuleConfig;
+    shapeImageThreshold: RuleConfig;
+    shapeMargin: RuleConfig;
+    shapeOutside: RuleConfig;
+    tableLayout: RuleConfig;
     textAlign: RuleConfig;
     textDecorationColor: RuleConfig;
+    textDecorationLine: RuleConfig;
     textDecorationStyle: RuleConfig;
     textDecorationThickness: RuleConfig;
-    textDecorationLine: RuleConfig;
-    textDecoration: RuleConfig;
-    textUnderlineOffset: RuleConfig;
-    textOverflow: RuleConfig;
+    textIndent: RuleConfig;
     textOrientation: RuleConfig;
-    textTransform: RuleConfig;
+    textOverflow: RuleConfig;
     textRendering: RuleConfig;
-    textIndent: RuleConfig;
+    textShadow: RuleConfig;
+    textTransform: RuleConfig;
+    textUnderlineOffset: RuleConfig;
+    top: RuleConfig;
+    touchAction: RuleConfig;
+    transform: RuleConfig;
+    transformBox: RuleConfig;
+    transformOrigin: RuleConfig;
+    transformStyle: RuleConfig;
+    transitionDelay: RuleConfig;
+    transitionDuration: RuleConfig;
+    transitionProperty: RuleConfig;
+    transitionTimingFunction: RuleConfig;
+    userSelect: RuleConfig;
     verticalAlign: RuleConfig;
-    columns: RuleConfig;
+    visibility: RuleConfig;
     whiteSpace: RuleConfig;
-    top: RuleConfig;
-    bottom: RuleConfig;
-    left: RuleConfig;
-    right: RuleConfig;
+    width: RuleConfig;
+    willChange: RuleConfig;
+    wordBreak: RuleConfig;
+    wordSpacing: RuleConfig;
+    writingMode: RuleConfig;
+    zIndex: RuleConfig;
+    animation: RuleConfig;
+    background: RuleConfig;
+    backgroundPosition: RuleConfig;
+    border: RuleConfig;
+    borderBottom: RuleConfig;
+    borderColor: RuleConfig;
+    borderImage: RuleConfig;
+    borderLeft: RuleConfig;
+    borderRadius: RuleConfig;
+    borderRight: RuleConfig;
+    borderStyle: RuleConfig;
+    borderTop: RuleConfig;
+    borderWidth: RuleConfig;
+    columns: RuleConfig;
+    flex: RuleConfig;
+    font: RuleConfig;
+    gap: RuleConfig;
+    grid: RuleConfig;
+    gridArea: RuleConfig;
+    gridColumn: RuleConfig;
+    gridRow: RuleConfig;
+    gridTemplate: RuleConfig;
     inset: RuleConfig;
-    lines: RuleConfig;
-    maxHeight: RuleConfig;
-    maxWidth: RuleConfig;
-    boxSizing: RuleConfig;
-    opacity: RuleConfig;
-    visibility: RuleConfig;
-    clear: RuleConfig;
-    float: RuleConfig;
-    isolation: RuleConfig;
-    overflowX: RuleConfig;
-    overflowY: RuleConfig;
+    listStyle: RuleConfig;
+    margin: RuleConfig;
+    outline: RuleConfig;
     overflow: RuleConfig;
-    overscrollBehaviorX: RuleConfig;
-    overscrollBehaviorY: RuleConfig;
     overscrollBehavior: RuleConfig;
-    zIndex: RuleConfig;
-    position: RuleConfig;
-    cursor: RuleConfig;
-    pointerEvents: RuleConfig;
-    resize: RuleConfig;
-    touchAction: RuleConfig;
-    wordBreak: RuleConfig;
-    wordSpacing: RuleConfig;
+    padding: RuleConfig;
+    placeContent: RuleConfig;
+    placeItems: RuleConfig;
+    placeSelf: RuleConfig;
+    scrollMargin: RuleConfig;
+    scrollPadding: RuleConfig;
+    textDecoration: RuleConfig;
+    transition: RuleConfig;
+    fill: RuleConfig;
+    stroke: RuleConfig;
+    strokeDasharray: RuleConfig;
+    strokeDashoffset: RuleConfig;
+    strokeWidth: RuleConfig;
+    x: RuleConfig;
+    y: RuleConfig;
+    group: RuleConfig;
+    variable: RuleConfig;
+    fontSmoothing: RuleConfig;
+    marginX: RuleConfig;
+    marginY: RuleConfig;
+    paddingX: RuleConfig;
+    paddingY: RuleConfig;
+    box: RuleConfig;
+    minBox: RuleConfig;
+    maxBox: RuleConfig;
+    lines: RuleConfig;
     userDrag: RuleConfig;
-    userSelect: RuleConfig;
-    textShadow: RuleConfig;
     textSize: RuleConfig;
     textFillColor: RuleConfig;
     textStrokeWidth: RuleConfig;
     textStrokeColor: RuleConfig;
     textStroke: RuleConfig;
-    boxShadow: RuleConfig;
-    tableLayout: RuleConfig;
-    transformBox: RuleConfig;
-    transformStyle: RuleConfig;
-    transformOrigin: RuleConfig;
-    transform: RuleConfig;
-    transitionProperty: RuleConfig;
-    transitionTimingFunction: RuleConfig;
-    transitionDuration: RuleConfig;
-    transitionDelay: RuleConfig;
-    transition: RuleConfig;
-    animationDelay: RuleConfig;
-    animationDirection: RuleConfig;
-    animationDuration: RuleConfig;
-    animationFillMode: RuleConfig;
-    animationIterationCount: RuleConfig;
-    animationName: RuleConfig;
-    animationPlayState: RuleConfig;
-    animationTimingFunction: RuleConfig;
-    animation: RuleConfig;
-    borderCollapse: RuleConfig;
-    borderSpacing: RuleConfig;
-    borderTopColor: RuleConfig;
-    borderBottomColor: RuleConfig;
-    borderLeftColor: RuleConfig;
-    borderRightColor: RuleConfig;
     borderXColor: RuleConfig;
     borderYColor: RuleConfig;
-    borderColor: RuleConfig;
-    borderTopLeftRadius: RuleConfig;
-    borderTopRightRadius: RuleConfig;
-    borderBottomLeftRadius: RuleConfig;
-    borderBottomRightRadius: RuleConfig;
     borderTopRadius: RuleConfig;
     borderBottomRadius: RuleConfig;
     borderLeftRadius: RuleConfig;
     borderRightRadius: RuleConfig;
-    borderRadius: RuleConfig;
-    borderTopStyle: RuleConfig;
-    borderBottomStyle: RuleConfig;
-    borderLeftStyle: RuleConfig;
-    borderRightStyle: RuleConfig;
     borderXStyle: RuleConfig;
     borderYStyle: RuleConfig;
-    borderStyle: RuleConfig;
-    borderTopWidth: RuleConfig;
-    borderBottomWidth: RuleConfig;
-    borderLeftWidth: RuleConfig;
-    borderRightWidth: RuleConfig;
     borderXWidth: RuleConfig;
     borderYWidth: RuleConfig;
-    borderWidth: RuleConfig;
-    borderImageOutset: RuleConfig;
-    borderImageRepeat: RuleConfig;
-    borderImageSlice: RuleConfig;
-    borderImageSource: RuleConfig;
-    borderImageWidth: RuleConfig;
-    borderImage: RuleConfig;
-    borderTop: RuleConfig;
-    borderBottom: RuleConfig;
-    borderLeft: RuleConfig;
-    borderRight: RuleConfig;
     borderX: RuleConfig;
     borderY: RuleConfig;
-    border: RuleConfig;
-    backgroundAttachment: RuleConfig;
-    backgroundBlendMode: RuleConfig;
-    backgroundColor: RuleConfig;
-    backgroundClip: RuleConfig;
-    backgroundOrigin: RuleConfig;
-    backgroundPosition: RuleConfig;
-    backgroundRepeat: RuleConfig;
-    backgroundSize: RuleConfig;
-    backgroundImage: RuleConfig;
-    background: RuleConfig;
-    mixBlendMode: RuleConfig;
-    backdropFilter: RuleConfig;
-    filter: RuleConfig;
-    fill: RuleConfig;
-    strokeDasharray: RuleConfig;
-    strokeDashoffset: RuleConfig;
-    strokeWidth: RuleConfig;
-    stroke: RuleConfig;
-    x: RuleConfig;
-    y: RuleConfig;
     cx: RuleConfig;
     cy: RuleConfig;
     rx: RuleConfig;
     ry: RuleConfig;
-    gridColumnStart: RuleConfig;
-    gridColumnEnd: RuleConfig;
-    gridColumn: RuleConfig;
     gridColumns: RuleConfig;
-    gridRowStart: RuleConfig;
-    gridRowEnd: RuleConfig;
-    gridRow: RuleConfig;
     gridRows: RuleConfig;
-    gridAutoColumns: RuleConfig;
-    gridAutoFlow: RuleConfig;
-    gridAutoRows: RuleConfig;
-    gridTemplateAreas: RuleConfig;
-    gridTemplateColumns: RuleConfig;
-    gridTemplateRows: RuleConfig;
-    gridTemplate: RuleConfig;
-    gridArea: RuleConfig;
-    columnGap: RuleConfig;
-    rowGap: RuleConfig;
-    gap: RuleConfig;
-    order: RuleConfig;
-    breakInside: RuleConfig;
-    breakBefore: RuleConfig;
-    breakAfter: RuleConfig;
-    boxDecorationBreak: RuleConfig;
-    aspectRatio: RuleConfig;
-    columnSpan: RuleConfig;
-    alignContent: RuleConfig;
-    alignItems: RuleConfig;
-    alignSelf: RuleConfig;
-    justifyContent: RuleConfig;
-    justifyItems: RuleConfig;
-    justifySelf: RuleConfig;
-    placeContent: RuleConfig;
-    placeItems: RuleConfig;
-    placeSelf: RuleConfig;
-    listStylePosition: RuleConfig;
-    listStyleType: RuleConfig;
-    listStyleImage: RuleConfig;
-    listStyle: RuleConfig;
-    outlineColor: RuleConfig;
-    outlineOffset: RuleConfig;
-    outlineStyle: RuleConfig;
-    outlineWidth: RuleConfig;
-    outline: RuleConfig;
-    accentColor: RuleConfig;
-    appearance: RuleConfig;
-    caretColor: RuleConfig;
-    scrollBehavior: RuleConfig;
-    scrollMarginLeft: RuleConfig;
-    scrollMarginRight: RuleConfig;
-    scrollMarginTop: RuleConfig;
-    scrollMarginBottom: RuleConfig;
     scrollMarginX: RuleConfig;
     scrollMarginY: RuleConfig;
-    scrollMargin: RuleConfig;
-    scrollPaddingLeft: RuleConfig;
-    scrollPaddingRight: RuleConfig;
-    scrollPaddingTop: RuleConfig;
-    scrollPaddingBottom: RuleConfig;
     scrollPaddingX: RuleConfig;
     scrollPaddingY: RuleConfig;
-    scrollPadding: RuleConfig;
-    scrollSnapAlign: RuleConfig;
-    scrollSnapStop: RuleConfig;
-    scrollSnapType: RuleConfig;
-    willChange: RuleConfig;
-    writingMode: RuleConfig;
-    direction: RuleConfig;
-    shapeOutside: RuleConfig;
-    shapeMargin: RuleConfig;
-    shapeImageThreshold: RuleConfig;
-    clipPath: RuleConfig;
-    quotes: RuleConfig;
-    maskImage: RuleConfig;
 } & {
     [key: string]: RuleConfig;
 };

package/dist/config/semantics.d.ts

@@ -1,190 +1,2 @@
-export declare const 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;
-    };
-    overflowed: {
-        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;
-    };
-    'gradient-text': {
-        '-webkit-text-fill-color': string;
-        '-webkit-background-clip': string;
-        'background-clip': string;
-    };
-    fit: {
-        width: string;
-        height: string;
-    };
-};
+import { Semantics } from './index';
+export declare const semantics: Semantics;