@pingux/astro 2.75.0 → 2.76.0-alpha.0

package/lib/cjs/styles/themes/next-gen/next-gen.d.ts

@@ -0,0 +1,1455 @@
+import './open_sans.css';
+declare const _default: {
+    name: string;
+    colors: {
+        critical: {
+            bright: string;
+            dark: string;
+            light: string;
+        };
+        success: {
+            bright: string;
+            dark: string;
+            light: string;
+        };
+        warning: {
+            bright: string;
+            dark: string;
+            light: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+        };
+        border: {
+            base: string;
+        };
+        active: string;
+        primary: string;
+        neutral: {
+            80: string;
+        };
+        focus: string;
+        white: string;
+        'blue-100': string;
+        'blue-200': string;
+        'blue-300': string;
+        'blue-400': string;
+        'blue-500': string;
+        'blue-600': string;
+        'blue-700': string;
+        'blue-800': string;
+        'blue-900': string;
+        blue: string;
+        'indigo-100': string;
+        'indigo-200': string;
+        'indigo-300': string;
+        'indigo-400': string;
+        'indigo-500': string;
+        'indigo-600': string;
+        'indigo-700': string;
+        'indigo-800': string;
+        'indigo-900': string;
+        indigo: string;
+        'purple-100': string;
+        'purple-200': string;
+        'purple-300': string;
+        'purple-400': string;
+        'purple-500': string;
+        'purple-600': string;
+        'purple-700': string;
+        'purple-800': string;
+        'purple-900': string;
+        purple: string;
+        'pink-100': string;
+        'pink-200': string;
+        'pink-300': string;
+        'pink-400': string;
+        'pink-500': string;
+        'pink-600': string;
+        'pink-700': string;
+        'pink-800': string;
+        'pink-900': string;
+        pink: string;
+        'red-100': string;
+        'red-200': string;
+        'red-300': string;
+        'red-400': string;
+        'red-500': string;
+        'red-600': string;
+        'red-700': string;
+        'red-800': string;
+        'red-900': string;
+        red: string;
+        'orange-100': string;
+        'orange-200': string;
+        'orange-300': string;
+        'orange-400': string;
+        'orange-500': string;
+        'orange-600': string;
+        'orange-700': string;
+        'orange-800': string;
+        'orange-900': string;
+        orange: string;
+        'yellow-100': string;
+        'yellow-200': string;
+        'yellow-300': string;
+        'yellow-400': string;
+        'yellow-500': string;
+        'yellow-600': string;
+        'yellow-700': string;
+        'yellow-800': string;
+        'yellow-900': string;
+        yellow: string;
+        'green-100': string;
+        'green-200': string;
+        'green-300': string;
+        'green-400': string;
+        'green-500': string;
+        'green-600': string;
+        'green-700': string;
+        'green-800': string;
+        'green-900': string;
+        green: string;
+        'teal-100': string;
+        'teal-200': string;
+        'teal-300': string;
+        'teal-400': string;
+        'teal-500': string;
+        'teal-600': string;
+        'teal-700': string;
+        'teal-800': string;
+        'teal-900': string;
+        teal: string;
+        'cyan-100': string;
+        'cyan-200': string;
+        'cyan-300': string;
+        'cyan-400': string;
+        'cyan-500': string;
+        'cyan-600': string;
+        'cyan-700': string;
+        'cyan-800': string;
+        'cyan-900': string;
+        cyan: string;
+        'gray-100': string;
+        'gray-200': string;
+        'gray-300': string;
+        'gray-400': string;
+        'gray-500': string;
+        'gray-600': string;
+        'gray-700': string;
+        'gray-800': string;
+        'gray-900': string;
+        common: {
+            background: {
+                base: string;
+                secondary: string;
+            };
+            border: string;
+            hairline: string;
+        };
+        font: {
+            base: string;
+            light: string;
+            link: string;
+            label: string;
+        };
+        active_light: string;
+        success_light: string;
+        critical_light: string;
+        warning_light: string;
+        lightblue: string;
+        lightindigo: string;
+        lightpurple: string;
+        lightpink: string;
+        lightred: string;
+        lightorange: string;
+        lightyellow: string;
+        lightgreen: string;
+        lightteal: string;
+        lightcyan: string;
+        darkblue: string;
+        darkindigo: string;
+        darkpurple: string;
+        darkpink: string;
+        darkred: string;
+        darkorange: string;
+        darkyellow: string;
+        darkgreen: string;
+        darkteal: string;
+        darkcyan: string;
+        mediumblue: string;
+        mediumindigo: string;
+        mediumpurple: string;
+        mediumpink: string;
+        mediumred: string;
+        mediumorange: string;
+        mediumyellow: string;
+        mediumgreen: string;
+        mediumteal: string;
+        mediumcyan: string;
+        secondary: string;
+        info: string;
+        danger: string;
+        light: string;
+        dark: string;
+    };
+    buttons: {
+        neutral: {
+            '&.is-pressed': {
+                backgroundColor: string;
+            };
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            display: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            backgroundColor: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            borderColor: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+            color: string;
+        };
+        primary: {
+            color: string;
+            backgroundColor: string;
+            borderColor: string;
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+            };
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            display: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+        };
+        default: {
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+                color: string;
+            };
+            '&.is-hovered': {
+                backgroundColor: string;
+                color: string;
+            };
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            display: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+        };
+        tertiary: {
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            display: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+        };
+        inverse: {
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            display: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+        };
+        critical: {
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+            '&.is-focused': {
+                outlineColor: string;
+                backgroundColor: string;
+                outline: string;
+                outlineOffset: string;
+            };
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+            };
+            '&.is-hovered': {
+                backgroundColor: string;
+                color: string;
+            };
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            display: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            transition: string;
+        };
+        checkboxButton: {
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            display: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+        };
+        checkboxActiveButton: {
+            backgroundColor: string;
+            color: string;
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            display: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            borderColor: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+        };
+        outlineCritical: {
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+            '&.is-focused': {
+                outlineColor: string;
+                outline: string;
+                outlineOffset: string;
+            };
+            outlineColor: string;
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            display: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            transition: string;
+        };
+        link: {
+            transition: string;
+            fontSize: string;
+            textDecoration: string;
+            px: string;
+            py: string;
+            '&.is-pressed': {
+                textDecoration: string;
+                outline: string;
+                color: string;
+            };
+            '&.is-focused': {
+                textDecoration: string;
+                outline: string;
+            };
+        };
+        withIcon: {
+            display: string;
+            backgroundColor: string;
+            borderColor: string;
+            color: string;
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+                color: string;
+            };
+            '&.is-hovered': {
+                backgroundColor: string;
+                color: string;
+            };
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+        };
+        primaryWithIcon: {
+            display: string;
+            color: string;
+            backgroundColor: string;
+            borderColor: string;
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+            };
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            alignItems: string;
+            justifyContent: string;
+            minWidth: string;
+            cursor: string;
+            maxWidth: string;
+            fontFamily: string;
+            fontSize: string;
+            flexGrow: string;
+            fontWeight: number;
+            textAlign: string;
+            verticalAlign: string;
+            lineHeight: number;
+            borderRadius: string;
+            border: string;
+            px: string;
+            py: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            transition: string;
+        };
+        iconButtons: {
+            base: {
+                transition: string;
+                outline: string;
+                borderRadius: string;
+                border: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+                '&.is-focused': {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+                '&.is-hovered': {
+                    backgroundColor: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+                '&.is-pressed': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+            };
+            modalCloseButton: {
+                position: string;
+                top: number;
+                right: number;
+                transition: string;
+                outline: string;
+                borderRadius: string;
+                border: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+                '&.is-focused': {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+                '&.is-hovered': {
+                    backgroundColor: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+                '&.is-pressed': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+            };
+            badge: {
+                deleteButton: {
+                    transition: string;
+                    borderRadius: string;
+                    cursor: string;
+                    height: number;
+                    p: number;
+                    width: number;
+                    '&.is-focused': {
+                        backgroundColor: string;
+                        outline: string;
+                        outlineColor: string;
+                        outlineOffset: string;
+                    };
+                    '&.is-pressed': {
+                        backgroundColor: string;
+                        borderColor: string;
+                        path: {
+                            fill: string;
+                        };
+                    };
+                    outline: string;
+                    border: string;
+                    borderColor: string;
+                    path: {
+                        fill: string;
+                    };
+                    '&.is-hovered': {
+                        backgroundColor: string;
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            messageCloseButton: {
+                transition: string;
+                outline: string;
+                borderRadius: string;
+                border: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+                '&.is-focused': {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+                '&.is-hovered': {
+                    backgroundColor: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+                '&.is-pressed': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+            };
+        };
+        modalCloseButton: {
+            position: string;
+            top: number;
+            right: number;
+            transition: string;
+            outline: string;
+            borderRadius: string;
+            border: string;
+            borderColor: string;
+            path: {
+                fill: string;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            '&.is-hovered': {
+                backgroundColor: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+            };
+        };
+    };
+    forms: {
+        input: import("theme-ui").ThemeUICSSObject;
+        label: import("theme-ui").ThemeUICSSObject;
+        checkbox: {
+            height: string;
+            width: string;
+            color: string;
+            mr: string;
+            'input ~ &.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+        };
+        comboBox: {
+            input: {
+                borderStyle: string;
+                borderWidth: string;
+                borderRadius: string;
+                height: string;
+            };
+        };
+        select: {
+            borderRadius: string;
+            borderColor: string;
+            color: string;
+            height: string;
+            '&.is-disabled': {
+                opacity: number;
+                borderColor: string;
+                backgroundColor: string;
+            };
+            currentValue: {
+                color: string;
+            };
+        };
+        radio: {
+            base: {
+                color: string;
+                mr: string;
+                'input ~ &.is-focused': {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+            };
+        };
+        search: {
+            wrapper: {
+                opacity: number;
+            };
+        };
+        numberField: {
+            arrowsWrapper: {
+                '> textarea': {
+                    borderRadius: string;
+                    border: string;
+                    borderColor: string;
+                    outline: string;
+                };
+                '&.is-disabled': {
+                    '> label': {
+                        opacity: number;
+                    };
+                    opacity: number;
+                    '> input': {
+                        backgroundColor: string;
+                        border: string;
+                        borderColor: string;
+                        opacity: number;
+                        fontWeight: number;
+                    };
+                    '> textarea': {
+                        backgroundColor: string;
+                        border: string;
+                        borderColor: string;
+                        opacity: number;
+                        fontWeight: number;
+                    };
+                    '&:after': {
+                        display: string;
+                    };
+                };
+                '&:after': {
+                    display: string;
+                };
+                '& > input': {
+                    borderLeftWidth: number;
+                };
+                '> button': {
+                    borderLeftWidth: number;
+                    borderRadius: string;
+                    border: string;
+                    borderColor: string;
+                };
+                '&.is-read-only': {
+                    '> input': {
+                        backgroundColor: string;
+                        border: string;
+                        borderColor: string;
+                    };
+                    '> textarea': {
+                        backgroundColor: string;
+                        border: string;
+                        borderColor: string;
+                    };
+                    '&:after': {
+                        display: string;
+                    };
+                };
+                '&.is-focused': {
+                    '> textarea': {
+                        boxShadow: string;
+                        outline: string;
+                    };
+                };
+            };
+        };
+    };
+    fontWeights: {
+        [-1]: number;
+        0: number;
+        1: number;
+        2: number;
+        3: number;
+    };
+    lineHeights: {
+        body: string;
+    };
+    text: {
+        modalTitle: {
+            fontSize: string;
+            fontWeight: string;
+            fontFamily: string;
+        };
+        tabLabel: {
+            color: string;
+        };
+        placeholder: {
+            color: string;
+        };
+        paragraph: {
+            lineHeight: string;
+        };
+        listViewItemText: {
+            fontWeight: number;
+        };
+    };
+    fonts: {
+        standard: string;
+        body: string;
+        heading: string;
+    };
+    badges: {
+        primary: {
+            backgroundColor: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        baseBadge: {
+            backgroundColor: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        secondary: {
+            backgroundColor: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        success: {
+            backgroundColor: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        danger: {
+            backgroundColor: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        warning: {
+            backgroundColor: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        dark: {
+            backgroundColor: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        selectedItemBadge: {
+            backgroundColor: string;
+            paddingRight: string;
+            '& span': {
+                fontSize: string;
+                color: string;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        readOnlyBadge: {
+            '& span': {
+                fontSize: string;
+            };
+        };
+        badgeDeleteButton: {
+            borderRadius: string;
+            cursor: string;
+            height: number;
+            p: number;
+            width: number;
+            transition: string;
+            outline: string;
+            border: string;
+            borderColor: string;
+            path: {
+                fill: string;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            '&.is-hovered': {
+                backgroundColor: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+            };
+        };
+    };
+    variants: {
+        navBar: {
+            container: {
+                width: string;
+                p: string;
+                backgroundColor: string;
+                boxShadow: string;
+            };
+            sectionButton: {
+                '&.is-hovered': {
+                    backgroundColor: string;
+                };
+                '&.is-pressed': {
+                    backgroundColor: string;
+                };
+                '&.is-focused': {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+            };
+            itemButton: {
+                color: string;
+                '&.is-focused': {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+                '&.is-hovered': {
+                    backgroundColor: string;
+                };
+                '&.is-pressed': {
+                    backgroundColor: string;
+                    color: string;
+                };
+                '&.is-selected': {
+                    bg: string;
+                    color: string;
+                };
+            };
+            subtitle: {
+                color: string;
+            };
+            headerText: {
+                color: string;
+                '.is-selected &': {
+                    color: string;
+                };
+            };
+            headerNav: {
+                color: string;
+                '&.is-hovered': {
+                    backgroundColor: string;
+                };
+                '&.is-focused': {
+                    boxShadow: string;
+                    WebkitBoxShadow: string;
+                    MozBoxShadow: string;
+                };
+            };
+            item: {
+                px: string;
+                py: string;
+                color: string;
+                '&.is-hovered': {
+                    backgroundColor: string;
+                };
+                '> div > svg': {
+                    fill: string;
+                };
+                '&.is-selected': {
+                    '> div > svg': {
+                        fill: string;
+                    };
+                    backgroundColor: string;
+                };
+                '&.is-focused': {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                    boxShadow: string;
+                    WebkitBoxShadow: string;
+                    MozBoxShadow: string;
+                };
+            };
+            itemHeaderContainer: {
+                px: string;
+                py: string;
+                '&.is-selected': {
+                    backgroundColor: string;
+                };
+                backgroundColor: string;
+                '> svg': {
+                    fill: string;
+                };
+                '> div > svg': {
+                    fill: string;
+                };
+            };
+        };
+        fieldHelperText: {
+            title: {
+                color: string;
+                fontSize: string;
+                pt: string;
+                mt: string;
+                '&.is-error': {
+                    color: string;
+                };
+                '&.is-warning': {
+                    color: string;
+                };
+                '&.is-success': {
+                    color: string;
+                };
+            };
+        };
+        message: {
+            item: {
+                maxWidth: number;
+                pointerEvents: string;
+                mb: string;
+                p: string;
+                wordBreak: string;
+                alignItems: string;
+                backgroundColor: string;
+                borderLeftWidth: string;
+                borderLeftStyle: string;
+                borderLeftColor: string;
+                color: string;
+                fontSize: string;
+                borderRadius: number;
+                '&.is-success': {
+                    bg: string;
+                    borderLeftColor: string;
+                    color: string;
+                };
+                '&.is-warning': {
+                    bg: string;
+                    borderLeftColor: string;
+                    color: string;
+                };
+                '&.is-error, > .is-error': {
+                    bg: string;
+                    color: string;
+                };
+                '&.is-error, > button > svg': {
+                    color: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+                '&.is-error': {
+                    borderLeftColor: string;
+                };
+            };
+        };
+        modal: {
+            content: {
+                borderRadius: string;
+            };
+        };
+        tab: {
+            borderRadius: string;
+            pt: string;
+            '& > span': {
+                px: string;
+                fontSize: string;
+            };
+            '&.is-focused': {
+                boxShadow: string;
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+                '& > span': {
+                    outline: string;
+                };
+            };
+            '& > div': {
+                borderBottom: string;
+                borderBottomColor: string;
+                ml: string;
+            };
+        };
+        menuTab: {
+            ml: string;
+        };
+        listBox: {
+            option: {
+                '&.is-focused': {
+                    color: string;
+                    bg: string;
+                };
+                '&.is-selected': {
+                    color: string;
+                    bg: string;
+                    pl: number;
+                };
+            };
+        };
+        separator: {
+            base: {
+                bg: string;
+            };
+        };
+        menuItem: {
+            item: {
+                bg: string;
+                padding: string;
+                outline: string;
+                color: string;
+                cursor: string;
+                '&.is-focused, &.is-selected, &.is-pressed': {
+                    bg: string;
+                    color: string;
+                    '> *': {
+                        color: string;
+                    };
+                };
+                '&.is-pressed': {
+                    color: string;
+                    bg: string;
+                };
+            };
+        };
+        avatar: {
+            xl: {
+                borderRadius: string;
+                textAlign: string;
+                justifyContent: string;
+                fontFamily: string;
+                size: string;
+                fontSize: string;
+            };
+            lg: {
+                fontSize: string;
+                borderRadius: string;
+                textAlign: string;
+                justifyContent: string;
+                fontFamily: string;
+                size: string;
+            };
+            md: {
+                fontSize: string;
+                borderRadius: string;
+                textAlign: string;
+                justifyContent: string;
+                fontFamily: string;
+                size: string;
+            };
+            sm: {
+                fontSize: string;
+                borderRadius: string;
+                textAlign: string;
+                justifyContent: string;
+                fontFamily: string;
+                size: string;
+            };
+        };
+        listViewItem: {
+            iconContainer: {
+                mr: string;
+            };
+            styledListItem: {
+                bg: string;
+                '&.is-selected': {
+                    bg: string;
+                };
+                borderBottom: string;
+                '&.has-separator': {
+                    borderBottom: string;
+                    borderBottomColor: string;
+                };
+                '&.is-hovered': {
+                    bg: string;
+                };
+                '&.is-focused': {
+                    boxShadow: string;
+                    bg: string;
+                };
+            };
+            styledContainer: {
+                py: string;
+                px: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    cursor: string;
+                };
+            };
+            expandableStyledListItem: {
+                pr: string;
+                pl: number;
+            };
+            expandableItemBody: {
+                px: string;
+            };
+            expandableRow: {
+                '&.has-separator': {
+                    borderBottom: string;
+                    borderBottomColor: string;
+                };
+            };
+        };
+        progressBar: {
+            transition: string;
+            container: {
+                backgroundColor: string;
+                borderRadius: string;
+                height: string;
+            };
+            percentageBar: {
+                backgroundColor: string;
+                borderRadius: string;
+                height: string;
+            };
+        };
+        listView: {
+            container: {
+                borderRadius: string;
+                border: string;
+                borderColor: string;
+                '& > div': {
+                    borderRadius: string;
+                };
+            };
+        };
+        dataTable: {
+            container: {
+                border: string;
+                borderColor: string;
+                borderRadius: string;
+            };
+            tableRow: {
+                borderTop: string;
+                borderTopColor: string;
+                borderBottom: string;
+                pl: string;
+            };
+            tableHeadWrapper: {
+                borderBottom: string;
+            };
+            tableHeadCell: {
+                pl: string;
+                fontWeight: string;
+                fontSize: string;
+            };
+            rowHeader: {
+                py: string;
+            };
+            tableCell: {
+                fontSize: string;
+            };
+        };
+    };
+};
+export default _default;