@blockle/blocks-core 0.21.3 → 0.21.5

package/dist/atoms/atoms.css.d.ts

@@ -0,0 +1,1498 @@
+export declare const atomicProperties: {
+    appearance: {
+        values: {
+            none: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    backgroundColor: {
+        values: {
+            currentColor: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            white: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            black: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            body: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            primaryLight: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            primary: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            primaryDark: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            secondaryLight: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            secondary: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            secondaryDark: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            text: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            textLight: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            textDark: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            danger: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            link: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    blockSize: {
+        values: {
+            auto: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            full: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            'fit-content': {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    border: {
+        values: {
+            none: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    borderColor: {
+        values: {
+            currentColor: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            white: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            black: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            body: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            primaryLight: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            primary: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            primaryDark: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            secondaryLight: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            secondary: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            secondaryDark: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            text: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            textLight: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            textDark: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            danger: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            link: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    borderRadius: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            small: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            large: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    borderWidth: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            small: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            large: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    boxShadow: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            small: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            large: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    color: {
+        values: {
+            currentColor: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            white: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            black: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            body: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            primaryLight: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            primary: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            primaryDark: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            secondaryLight: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            secondary: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            secondaryDark: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            text: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            textLight: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            textDark: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            danger: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            link: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    cursor: {
+        values: {
+            auto: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            pointer: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    fontFamily: {
+        values: {
+            body: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            primary: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            secondary: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    fontStyle: {
+        values: {
+            normal: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            italic: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            oblique: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    fontWeight: {
+        values: {
+            regular: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            medium: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            strong: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    inlineSize: {
+        values: {
+            auto: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            full: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            'fit-content': {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    insetBlock: {
+        values: {
+            0: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    insetBlockEnd: {
+        values: {
+            0: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    insetBlockStart: {
+        values: {
+            0: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    insetInline: {
+        values: {
+            0: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    insetInlineEnd: {
+        values: {
+            0: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    insetInlineStart: {
+        values: {
+            0: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    lineHeight: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            small: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            large: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    maxBlockSize: {
+        values: {
+            auto: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            full: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            'fit-content': {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    maxInlineSize: {
+        values: {
+            auto: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            full: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            'fit-content': {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    opacity: {
+        values: {
+            0: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            1: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    outline: {
+        values: {
+            none: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    overflow: {
+        values: {
+            auto: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            hidden: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            visible: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            scroll: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    overflowBlock: {
+        values: {
+            auto: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            hidden: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            visible: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            scroll: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    overflowInline: {
+        values: {
+            auto: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            hidden: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            visible: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            scroll: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    pointerEvents: {
+        values: {
+            none: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    textDecoration: {
+        values: {
+            none: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            "line-through": {
+                defaultClass: string;
+                conditions: string[];
+            };
+            overline: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            underline: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    textTransform: {
+        values: {
+            capitalize: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            lowercase: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            uppercase: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    textWrap: {
+        values: {
+            balance: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            wrap: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    transition: {
+        values: {
+            slow: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            normal: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            fast: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    userSelect: {
+        values: {
+            none: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    whiteSpace: {
+        values: {
+            nowrap: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            pre: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            "pre-line": {
+                defaultClass: string;
+                conditions: string[];
+            };
+            "pre-wrap": {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    wordBreak: {
+        values: {
+            "break-word": {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    wordWrap: {
+        values: {
+            "break-word": {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    textAlign: {
+        values: {
+            left: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            right: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            center: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            justify: {
+                defaultClass: string;
+                conditions: string[];
+            };
+        };
+    };
+    alignContent: {
+        values: {
+            stretch: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            center: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "flex-end": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "flex-start": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    alignItems: {
+        values: {
+            stretch: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            center: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "flex-end": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "flex-start": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    alignSelf: {
+        values: {
+            stretch: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            center: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "flex-end": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "flex-start": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    placeItems: {
+        values: {
+            stretch: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            center: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "flex-end": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "flex-start": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    columnGap: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    display: {
+        values: {
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            flex: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            grid: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            block: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            inline: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "inline-block": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "inline-flex": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "inline-grid": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    flex: {
+        values: {
+            1: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    flexDirection: {
+        values: {
+            column: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "column-reverse": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            row: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "row-reverse": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    flexGrow: {
+        values: {
+            0: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            1: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    flexShrink: {
+        values: {
+            0: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            1: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    flexWrap: {
+        values: {
+            nowrap: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            wrap: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    fontSize: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    gap: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    justifyContent: {
+        values: {
+            "space-around": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "space-between": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            center: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "flex-end": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            "flex-start": {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    margin: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            auto: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    marginBlock: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            auto: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    marginBlockEnd: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            auto: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    marginBlockStart: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            auto: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    marginInline: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            auto: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    marginInlineEnd: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            auto: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    marginInlineStart: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            auto: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    padding: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    paddingBlock: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    paddingBlockEnd: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    paddingBlockStart: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    paddingInline: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    paddingInlineEnd: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    paddingInlineStart: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    position: {
+        values: {
+            fixed: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            absolute: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            relative: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            static: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            sticky: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+    rowGap: {
+        values: {
+            medium: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            none: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            gutter: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xsmall: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            small: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            large: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+            xlarge: {
+                defaultClass: string;
+                conditions: [string, string, string, string];
+            };
+        };
+    };
+};