import * as react from 'react';
import { ComponentProps, AnchorHTMLAttributes, FunctionComponent, ForwardRefRenderFunction, ComponentType } from 'react';
import * as _vanilla_extract_sprinkles_dist_declarations_src_createSprinkles from '@vanilla-extract/sprinkles/dist/declarations/src/createSprinkles';
import { ConditionalValue, RequiredConditionalValue } from '@vanilla-extract/sprinkles';
import { AriaButtonProps } from '@react-types/button';
import { GroupBase } from 'react-select';
import { CellProps, Column as Column$1 } from 'react-table';
import { ClassValue } from 'clsx';
import * as _vanilla_extract_private from '@vanilla-extract/private';

declare const bentoSprinkles: _vanilla_extract_sprinkles_dist_declarations_src_createSprinkles.SprinklesFn<[{
    conditions: never;
    styles: {
        readonly borderRadius: {
            values: {
                0: {
                    defaultClass: string;
                };
                4: {
                    defaultClass: string;
                };
                8: {
                    defaultClass: string;
                };
                12: {
                    defaultClass: string;
                };
                16: {
                    defaultClass: string;
                };
                circled: {
                    defaultClass: string;
                };
                circledX: {
                    defaultClass: string;
                };
            };
        };
        readonly borderTopLeftRadius: {
            values: {
                0: {
                    defaultClass: string;
                };
                4: {
                    defaultClass: string;
                };
                8: {
                    defaultClass: string;
                };
                12: {
                    defaultClass: string;
                };
                16: {
                    defaultClass: string;
                };
                circled: {
                    defaultClass: string;
                };
                circledX: {
                    defaultClass: string;
                };
            };
        };
        readonly borderTopRightRadius: {
            values: {
                0: {
                    defaultClass: string;
                };
                4: {
                    defaultClass: string;
                };
                8: {
                    defaultClass: string;
                };
                12: {
                    defaultClass: string;
                };
                16: {
                    defaultClass: string;
                };
                circled: {
                    defaultClass: string;
                };
                circledX: {
                    defaultClass: string;
                };
            };
        };
        readonly borderBottomLeftRadius: {
            values: {
                0: {
                    defaultClass: string;
                };
                4: {
                    defaultClass: string;
                };
                8: {
                    defaultClass: string;
                };
                12: {
                    defaultClass: string;
                };
                16: {
                    defaultClass: string;
                };
                circled: {
                    defaultClass: string;
                };
                circledX: {
                    defaultClass: string;
                };
            };
        };
        readonly borderBottomRightRadius: {
            values: {
                0: {
                    defaultClass: string;
                };
                4: {
                    defaultClass: string;
                };
                8: {
                    defaultClass: string;
                };
                12: {
                    defaultClass: string;
                };
                16: {
                    defaultClass: string;
                };
                circled: {
                    defaultClass: string;
                };
                circledX: {
                    defaultClass: string;
                };
            };
        };
        readonly textTransform: {
            values: {
                none: {
                    defaultClass: string;
                };
                capitalize: {
                    defaultClass: string;
                };
                lowercase: {
                    defaultClass: string;
                };
                uppercase: {
                    defaultClass: string;
                };
            };
        };
        readonly fontFamily: {
            values: {
                default: {
                    defaultClass: string;
                };
            };
        };
        readonly fontWeight: {
            values: {
                display: {
                    defaultClass: string;
                };
                body: {
                    defaultClass: string;
                };
                label: {
                    defaultClass: string;
                };
                title: {
                    defaultClass: string;
                };
                bodyStrong: {
                    defaultClass: string;
                };
                headline: {
                    defaultClass: string;
                };
            };
        };
        readonly fontSize: {
            values: {
                bodySmall: {
                    defaultClass: string;
                };
                bodyMedium: {
                    defaultClass: string;
                };
                bodyLarge: {
                    defaultClass: string;
                };
                displaySmall: {
                    defaultClass: string;
                };
                displayMedium: {
                    defaultClass: string;
                };
                displayLarge: {
                    defaultClass: string;
                };
                headlineSmall: {
                    defaultClass: string;
                };
                headlineMedium: {
                    defaultClass: string;
                };
                headlineLarge: {
                    defaultClass: string;
                };
                labelSmall: {
                    defaultClass: string;
                };
                labelMedium: {
                    defaultClass: string;
                };
                labelLarge: {
                    defaultClass: string;
                };
                titleSmall: {
                    defaultClass: string;
                };
                titleMedium: {
                    defaultClass: string;
                };
                titleLarge: {
                    defaultClass: string;
                };
            };
        };
        readonly lineHeight: {
            values: {
                bodySmall: {
                    defaultClass: string;
                };
                bodyMedium: {
                    defaultClass: string;
                };
                bodyLarge: {
                    defaultClass: string;
                };
                displaySmall: {
                    defaultClass: string;
                };
                displayMedium: {
                    defaultClass: string;
                };
                displayLarge: {
                    defaultClass: string;
                };
                headlineSmall: {
                    defaultClass: string;
                };
                headlineMedium: {
                    defaultClass: string;
                };
                headlineLarge: {
                    defaultClass: string;
                };
                labelSmall: {
                    defaultClass: string;
                };
                labelMedium: {
                    defaultClass: string;
                };
                labelLarge: {
                    defaultClass: string;
                };
                titleSmall: {
                    defaultClass: string;
                };
                titleMedium: {
                    defaultClass: string;
                };
                titleLarge: {
                    defaultClass: string;
                };
            };
        };
        readonly letterSpacing: {
            values: {
                1: {
                    defaultClass: string;
                };
                2: {
                    defaultClass: string;
                };
            };
        };
        readonly height: {
            values: {
                0: {
                    defaultClass: string;
                };
                4: {
                    defaultClass: string;
                };
                8: {
                    defaultClass: string;
                };
                12: {
                    defaultClass: string;
                };
                16: {
                    defaultClass: string;
                };
                24: {
                    defaultClass: string;
                };
                32: {
                    defaultClass: string;
                };
                40: {
                    defaultClass: string;
                };
                80: {
                    defaultClass: string;
                };
                full: {
                    defaultClass: string;
                };
            };
        };
        readonly position: {
            values: {
                fixed: {
                    defaultClass: string;
                };
                absolute: {
                    defaultClass: string;
                };
                relative: {
                    defaultClass: string;
                };
                sticky: {
                    defaultClass: string;
                };
            };
        };
        readonly overflow: {
            values: {
                auto: {
                    defaultClass: string;
                };
                hidden: {
                    defaultClass: string;
                };
                visible: {
                    defaultClass: string;
                };
            };
        };
        readonly overflowX: {
            values: {
                auto: {
                    defaultClass: string;
                };
                hidden: {
                    defaultClass: string;
                };
                visible: {
                    defaultClass: string;
                };
            };
        };
        readonly overflowY: {
            values: {
                auto: {
                    defaultClass: string;
                };
                hidden: {
                    defaultClass: string;
                };
                visible: {
                    defaultClass: string;
                };
            };
        };
        readonly isolation: {
            values: {
                auto: {
                    defaultClass: string;
                };
                isolate: {
                    defaultClass: string;
                };
            };
        };
    };
} & {
    styles: {
        borderTopRadius: {
            mappings: ("borderTopLeftRadius" | "borderTopRightRadius")[];
        };
        borderBottomRadius: {
            mappings: ("borderBottomLeftRadius" | "borderBottomRightRadius")[];
        };
    };
}, {
    conditions: {
        defaultCondition: "wide";
        conditionNames: ("wide" | "desktop" | "tablet" | "mobile")[];
    };
    styles: {
        readonly display: {
            values: {
                flex: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                grid: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                none: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                block: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                "inline-block": {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexDirection: {
            values: {
                column: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                row: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                rowReverse: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                columnReverse: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly alignItems: {
            values: {
                baseline: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                stretch: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                center: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexStart: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexEnd: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly justifyContent: {
            values: {
                center: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexStart: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexEnd: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexWrap: {
            values: {
                nowrap: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                wrap: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                wrapReverse: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexShrink: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexGrow: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                1: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                2: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flex: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                1: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                2: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly width: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                full: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingTop: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingBottom: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingLeft: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingRight: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly gap: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly textAlign: {
            values: {
                left: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                right: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                center: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                justify: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly maxWidth: {
            values: {
                700: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                1440: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly top: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly bottom: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly left: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly right: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginTop: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginBottom: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginLeft: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginRight: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
    };
} & {
    styles: {
        inset: {
            mappings: ("bottom" | "top" | "left" | "right")[];
        };
        padding: {
            mappings: ("paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight")[];
        };
        paddingX: {
            mappings: ("paddingLeft" | "paddingRight")[];
        };
        paddingY: {
            mappings: ("paddingTop" | "paddingBottom")[];
        };
        margin: {
            mappings: ("marginTop" | "marginBottom" | "marginLeft" | "marginRight")[];
        };
        marginX: {
            mappings: ("marginLeft" | "marginRight")[];
        };
        marginY: {
            mappings: ("marginTop" | "marginBottom")[];
        };
    };
}, {
    conditions: {
        defaultCondition: "default";
        conditionNames: ("default" | "active" | "disabled" | "hover" | "focus")[];
    };
    styles: {
        readonly color: {
            values: {
                transparent: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandTertiary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledSolidForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledTransparentForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHoverInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocusInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineContainer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlinePositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly decoration: {
            values: {
                transparent: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandTertiary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly background: {
            values: {
                currentColor: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandTertiary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundOverlay: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundInteractiveOverlay: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundLightScrim: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundDarkScrim: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledSolidBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledTransparentBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineContainer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlinePositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly cursor: {
            values: {
                default: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                pointer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                notAllowed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly boxShadow: {
            values: {
                inherit: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                none: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineContainer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlinePositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveBottom: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorativeBottom: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegativeStrong: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                elevationSmall: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                elevationMedium: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                elevationLarge: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly outline: {
            values: {
                none: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly outlineStyle: {
            values: {
                dashed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                solid: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly outlineWidth: {
            values: {
                1: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                2: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly outlineColor: {
            values: {
                outlineInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineContainer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlinePositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly stroke: {
            values: {
                transparent: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandTertiary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledSolidForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledTransparentForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHoverInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocusInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineContainer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlinePositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly textDecoration: {
            values: {
                none: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                underline: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly fill: {
            values: {
                inherit: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                transparent: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                currentColor: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandTertiary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundOverlay: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundInteractiveOverlay: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundLightScrim: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundDarkScrim: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledSolidBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledTransparentBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledSolidForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledTransparentForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHoverInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocusInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineContainer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlinePositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly borderColor: {
            values: {
                transparent: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandTertiary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledSolidForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledTransparentForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHoverInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocusInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineContainer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlinePositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly borderStyle: {
            values: {
                dashed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                solid: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly borderWidth: {
            values: {
                1: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                2: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly borderBottomWidth: {
            values: {
                1: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                2: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
    };
}, ...never[]] | [{
    conditions: never;
    styles: {
        readonly borderRadius: {
            values: {
                0: {
                    defaultClass: string;
                };
                4: {
                    defaultClass: string;
                };
                8: {
                    defaultClass: string;
                };
                12: {
                    defaultClass: string;
                };
                16: {
                    defaultClass: string;
                };
                circled: {
                    defaultClass: string;
                };
                circledX: {
                    defaultClass: string;
                };
            };
        };
        readonly borderTopLeftRadius: {
            values: {
                0: {
                    defaultClass: string;
                };
                4: {
                    defaultClass: string;
                };
                8: {
                    defaultClass: string;
                };
                12: {
                    defaultClass: string;
                };
                16: {
                    defaultClass: string;
                };
                circled: {
                    defaultClass: string;
                };
                circledX: {
                    defaultClass: string;
                };
            };
        };
        readonly borderTopRightRadius: {
            values: {
                0: {
                    defaultClass: string;
                };
                4: {
                    defaultClass: string;
                };
                8: {
                    defaultClass: string;
                };
                12: {
                    defaultClass: string;
                };
                16: {
                    defaultClass: string;
                };
                circled: {
                    defaultClass: string;
                };
                circledX: {
                    defaultClass: string;
                };
            };
        };
        readonly borderBottomLeftRadius: {
            values: {
                0: {
                    defaultClass: string;
                };
                4: {
                    defaultClass: string;
                };
                8: {
                    defaultClass: string;
                };
                12: {
                    defaultClass: string;
                };
                16: {
                    defaultClass: string;
                };
                circled: {
                    defaultClass: string;
                };
                circledX: {
                    defaultClass: string;
                };
            };
        };
        readonly borderBottomRightRadius: {
            values: {
                0: {
                    defaultClass: string;
                };
                4: {
                    defaultClass: string;
                };
                8: {
                    defaultClass: string;
                };
                12: {
                    defaultClass: string;
                };
                16: {
                    defaultClass: string;
                };
                circled: {
                    defaultClass: string;
                };
                circledX: {
                    defaultClass: string;
                };
            };
        };
        readonly textTransform: {
            values: {
                none: {
                    defaultClass: string;
                };
                capitalize: {
                    defaultClass: string;
                };
                lowercase: {
                    defaultClass: string;
                };
                uppercase: {
                    defaultClass: string;
                };
            };
        };
        readonly fontFamily: {
            values: {
                default: {
                    defaultClass: string;
                };
            };
        };
        readonly fontWeight: {
            values: {
                display: {
                    defaultClass: string;
                };
                body: {
                    defaultClass: string;
                };
                label: {
                    defaultClass: string;
                };
                title: {
                    defaultClass: string;
                };
                bodyStrong: {
                    defaultClass: string;
                };
                headline: {
                    defaultClass: string;
                };
            };
        };
        readonly fontSize: {
            values: {
                bodySmall: {
                    defaultClass: string;
                };
                bodyMedium: {
                    defaultClass: string;
                };
                bodyLarge: {
                    defaultClass: string;
                };
                displaySmall: {
                    defaultClass: string;
                };
                displayMedium: {
                    defaultClass: string;
                };
                displayLarge: {
                    defaultClass: string;
                };
                headlineSmall: {
                    defaultClass: string;
                };
                headlineMedium: {
                    defaultClass: string;
                };
                headlineLarge: {
                    defaultClass: string;
                };
                labelSmall: {
                    defaultClass: string;
                };
                labelMedium: {
                    defaultClass: string;
                };
                labelLarge: {
                    defaultClass: string;
                };
                titleSmall: {
                    defaultClass: string;
                };
                titleMedium: {
                    defaultClass: string;
                };
                titleLarge: {
                    defaultClass: string;
                };
            };
        };
        readonly lineHeight: {
            values: {
                bodySmall: {
                    defaultClass: string;
                };
                bodyMedium: {
                    defaultClass: string;
                };
                bodyLarge: {
                    defaultClass: string;
                };
                displaySmall: {
                    defaultClass: string;
                };
                displayMedium: {
                    defaultClass: string;
                };
                displayLarge: {
                    defaultClass: string;
                };
                headlineSmall: {
                    defaultClass: string;
                };
                headlineMedium: {
                    defaultClass: string;
                };
                headlineLarge: {
                    defaultClass: string;
                };
                labelSmall: {
                    defaultClass: string;
                };
                labelMedium: {
                    defaultClass: string;
                };
                labelLarge: {
                    defaultClass: string;
                };
                titleSmall: {
                    defaultClass: string;
                };
                titleMedium: {
                    defaultClass: string;
                };
                titleLarge: {
                    defaultClass: string;
                };
            };
        };
        readonly letterSpacing: {
            values: {
                1: {
                    defaultClass: string;
                };
                2: {
                    defaultClass: string;
                };
            };
        };
        readonly height: {
            values: {
                0: {
                    defaultClass: string;
                };
                4: {
                    defaultClass: string;
                };
                8: {
                    defaultClass: string;
                };
                12: {
                    defaultClass: string;
                };
                16: {
                    defaultClass: string;
                };
                24: {
                    defaultClass: string;
                };
                32: {
                    defaultClass: string;
                };
                40: {
                    defaultClass: string;
                };
                80: {
                    defaultClass: string;
                };
                full: {
                    defaultClass: string;
                };
            };
        };
        readonly position: {
            values: {
                fixed: {
                    defaultClass: string;
                };
                absolute: {
                    defaultClass: string;
                };
                relative: {
                    defaultClass: string;
                };
                sticky: {
                    defaultClass: string;
                };
            };
        };
        readonly overflow: {
            values: {
                auto: {
                    defaultClass: string;
                };
                hidden: {
                    defaultClass: string;
                };
                visible: {
                    defaultClass: string;
                };
            };
        };
        readonly overflowX: {
            values: {
                auto: {
                    defaultClass: string;
                };
                hidden: {
                    defaultClass: string;
                };
                visible: {
                    defaultClass: string;
                };
            };
        };
        readonly overflowY: {
            values: {
                auto: {
                    defaultClass: string;
                };
                hidden: {
                    defaultClass: string;
                };
                visible: {
                    defaultClass: string;
                };
            };
        };
        readonly isolation: {
            values: {
                auto: {
                    defaultClass: string;
                };
                isolate: {
                    defaultClass: string;
                };
            };
        };
    };
} & {
    styles: {
        borderTopRadius: {
            mappings: ("borderTopLeftRadius" | "borderTopRightRadius")[];
        };
        borderBottomRadius: {
            mappings: ("borderBottomLeftRadius" | "borderBottomRightRadius")[];
        };
    };
}, {
    conditions: {
        defaultCondition: "wide";
        conditionNames: ("wide" | "desktop" | "tablet" | "mobile")[];
    };
    styles: {
        readonly display: {
            values: {
                flex: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                grid: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                none: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                block: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                "inline-block": {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexDirection: {
            values: {
                column: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                row: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                rowReverse: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                columnReverse: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly alignItems: {
            values: {
                baseline: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                stretch: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                center: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexStart: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexEnd: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly justifyContent: {
            values: {
                center: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexStart: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexEnd: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexWrap: {
            values: {
                nowrap: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                wrap: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                wrapReverse: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexShrink: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexGrow: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                1: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                2: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flex: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                1: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                2: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly width: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                full: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingTop: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingBottom: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingLeft: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingRight: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly gap: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly textAlign: {
            values: {
                left: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                right: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                center: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                justify: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly maxWidth: {
            values: {
                700: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                1440: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly top: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly bottom: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly left: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly right: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginTop: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginBottom: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginLeft: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginRight: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
    };
} & {
    styles: {
        inset: {
            mappings: ("bottom" | "top" | "left" | "right")[];
        };
        padding: {
            mappings: ("paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight")[];
        };
        paddingX: {
            mappings: ("paddingLeft" | "paddingRight")[];
        };
        paddingY: {
            mappings: ("paddingTop" | "paddingBottom")[];
        };
        margin: {
            mappings: ("marginTop" | "marginBottom" | "marginLeft" | "marginRight")[];
        };
        marginX: {
            mappings: ("marginLeft" | "marginRight")[];
        };
        marginY: {
            mappings: ("marginTop" | "marginBottom")[];
        };
    };
}, {
    conditions: {
        defaultCondition: "default";
        conditionNames: ("default" | "active" | "disabled" | "hover" | "focus")[];
    };
    styles: {
        readonly color: {
            values: {
                transparent: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandTertiary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledSolidForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledTransparentForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHoverInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocusInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineContainer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlinePositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly decoration: {
            values: {
                transparent: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandTertiary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly background: {
            values: {
                currentColor: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandTertiary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundOverlay: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundInteractiveOverlay: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundLightScrim: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundDarkScrim: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledSolidBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledTransparentBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineContainer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlinePositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly cursor: {
            values: {
                default: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                pointer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                notAllowed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly boxShadow: {
            values: {
                inherit: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                none: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineContainer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlinePositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveBottom: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorativeBottom: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegativeStrong: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                elevationSmall: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                elevationMedium: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                elevationLarge: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly outline: {
            values: {
                none: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly outlineStyle: {
            values: {
                dashed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                solid: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly outlineWidth: {
            values: {
                1: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                2: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly outlineColor: {
            values: {
                outlineInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineContainer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlinePositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly stroke: {
            values: {
                transparent: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandTertiary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledSolidForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledTransparentForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHoverInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocusInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineContainer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlinePositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly textDecoration: {
            values: {
                none: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                underline: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly fill: {
            values: {
                inherit: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                transparent: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                currentColor: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandTertiary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundOverlay: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundInteractiveOverlay: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundLightScrim: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                backgroundDarkScrim: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentEnabledBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentHoverBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentFocusBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledSolidBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledTransparentBackground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledSolidForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledTransparentForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHoverInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocusInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineContainer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlinePositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly borderColor: {
            values: {
                transparent: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brandTertiary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                foregroundDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondary: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPrimaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textSecondaryInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textPositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                textDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                primaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondarySolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                secondaryTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerSolidFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentEnabledForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentHoverForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                dangerTransparentFocusForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledSolidForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                disabledTransparentForeground: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkEnabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkHoverInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkFocusInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                linkDisabledInverse: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractivePrimaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveSecondaryHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDangerHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInteractiveDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineDecorative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineContainer: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputEnabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputHover: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputFocus: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInputDisabled: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineInformative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlinePositive: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineWarning: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                outlineNegative: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                softPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGrey: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightRed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightOrange: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightYellow: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightGreen: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightJade: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightBlue: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightIndigo: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightViolet: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                brightPink: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly borderStyle: {
            values: {
                dashed: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                solid: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly borderWidth: {
            values: {
                1: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                2: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
        readonly borderBottomWidth: {
            values: {
                1: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
                2: {
                    defaultClass: string;
                    conditions: {
                        readonly default: string;
                        readonly hover: string;
                        readonly focus: string;
                        readonly active: string;
                        readonly disabled: string;
                    };
                };
            };
        };
    };
}]>;
declare const responsiveStyles: {
    conditions: {
        defaultCondition: "wide";
        conditionNames: ("wide" | "desktop" | "tablet" | "mobile")[];
    };
    styles: {
        readonly display: {
            values: {
                flex: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                grid: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                none: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                block: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                "inline-block": {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexDirection: {
            values: {
                column: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                row: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                rowReverse: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                columnReverse: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly alignItems: {
            values: {
                baseline: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                stretch: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                center: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexStart: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexEnd: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly justifyContent: {
            values: {
                center: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexStart: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                flexEnd: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexWrap: {
            values: {
                nowrap: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                wrap: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                wrapReverse: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexShrink: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flexGrow: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                1: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                2: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly flex: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                1: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                2: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly width: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                full: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingTop: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingBottom: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingLeft: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly paddingRight: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly gap: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly textAlign: {
            values: {
                left: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                right: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                center: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                justify: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly maxWidth: {
            values: {
                700: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                1440: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly top: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly bottom: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly left: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly right: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginTop: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginBottom: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginLeft: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
        readonly marginRight: {
            values: {
                0: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative4: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative8: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative12: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative16: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative24: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative32: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative40: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
                negative80: {
                    defaultClass: string;
                    conditions: {
                        wide: string;
                        desktop: string;
                        tablet: string;
                        mobile: string;
                    };
                };
            };
        };
    };
} & {
    styles: {
        inset: {
            mappings: ("bottom" | "top" | "left" | "right")[];
        };
        padding: {
            mappings: ("paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight")[];
        };
        paddingX: {
            mappings: ("paddingLeft" | "paddingRight")[];
        };
        paddingY: {
            mappings: ("paddingTop" | "paddingBottom")[];
        };
        margin: {
            mappings: ("marginTop" | "marginBottom" | "marginLeft" | "marginRight")[];
        };
        marginX: {
            mappings: ("marginLeft" | "marginRight")[];
        };
        marginY: {
            mappings: ("marginTop" | "marginBottom")[];
        };
    };
};
declare type OptionalResponsiveValue<Value extends string | number> = ConditionalValue<typeof responsiveStyles, Value>;
declare type RequiredResponsiveValue<Value extends string | number> = RequiredConditionalValue<typeof responsiveStyles, Value>;

declare type Overwrite<O1 extends object, O2 extends object> = {
    [k in keyof O1]: k extends keyof O2 ? O2[k] : O1[k];
};

interface ConfigurableTypes {
    LocalizedString: string;
    SprinklesFn: typeof bentoSprinkles;
    ChipCustomColors: never;
}
interface TypeOverrides {
}
declare type ConfiguredTypes = Overwrite<ConfigurableTypes, TypeOverrides>;
declare type LocalizedString = string & ConfiguredTypes["LocalizedString"];
declare type SprinklesFn = typeof bentoSprinkles & ConfiguredTypes["SprinklesFn"];
declare type ChipCustomColors = string & ConfiguredTypes["ChipCustomColors"];

declare type BentoSprinkles = Parameters<SprinklesFn>[0];
declare type ResponsiveSpace = BentoSprinkles["gap"];

declare type IconProps = {
    size: Extract<BentoSprinkles["width"], 8 | 16 | 24> | 12;
    color?: "default" | "primary" | "secondary" | "primaryInverse" | "secondaryInverse" | "brandPrimary" | "brandSecondary" | "brandTertiary" | "informative" | "positive" | "warning" | "negative" | "disabled" | "inherit" | "interactive" | "currentColor";
    className?: string;
};

declare type OptionalFlat<O> = {
    [K in keyof O]?: O[K];
} & {};
declare type RequiredFlat<O> = {
    [K in keyof O]-?: O[K];
} & {};
declare type Extends<A1 extends any, A2 extends any> = [A1] extends [never] ? 0 : A1 extends A2 ? 1 : 0;
declare type RequiredIfKeys<O extends object, K extends string> = Extends<keyof O & K, K> extends 1 ? RequiredFlat<O> : O;
declare type __AtLeast<O extends object, K extends string> = K extends keyof O ? Pick<O, K> & OptionalFlat<O> : O;
declare type ComputeRaw<A extends any> = A extends Function ? A : {
    [K in keyof A]: A[K];
} & unknown;
declare type _AtLeast<O extends object, K extends string> = ComputeRaw<__AtLeast<RequiredIfKeys<O, K>, K>>;
declare type AtLeast<O extends object, K extends string = keyof O & string> = O extends unknown ? _AtLeast<O, K> : never;

declare type IllustrationColor = "default" | "disabled" | "inherit";
declare type IllustrationProps = {
    size: 24 | 32 | 40 | 80 | 160 | {
        custom: number;
    };
} & (AtLeast<{
    kind: "color";
    style: "color";
}, "kind" | "style"> | (AtLeast<{
    kind: "outline";
    style: "outline";
}, "kind" | "style"> & {
    color: IllustrationColor;
}));

declare const otherButtonKeys: readonly ["name", "value", "form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget"];
declare type OtherButtonKeys = typeof otherButtonKeys[number];
declare type ButtonSize = "small" | "medium" | "large";
declare type Props$h = {
    label: LocalizedString;
    onPress: () => void;
    kind: "solid" | "transparent" | "outline";
    hierarchy: "primary" | "secondary" | "danger";
    isDisabled?: boolean;
    size?: ButtonSize;
    icon?: (props: IconProps) => JSX.Element;
    iconPosition?: "leading" | "trailing";
} & Omit<AriaButtonProps<"button">, "onPress"> & Pick<React.HTMLProps<HTMLButtonElement>, OtherButtonKeys>;
declare function Button(props: Props$h): JSX.Element;

declare type ActionProps$2 = Omit<Props$h, "kind" | "size" | "hierarchy">;
declare type Props$g = {
    size?: Props$h["size"];
    primaryAction?: ActionProps$2 & {
        isDestructive?: boolean;
    };
    secondaryAction?: ActionProps$2;
    loadingMessage?: LocalizedString;
    error?: LocalizedString;
    errorBannerWidth?: "content" | "fill";
};
declare function Actions({ primaryAction, secondaryAction, size: size_, loadingMessage, error, errorBannerWidth: errorBannerWidth_, }: Props$g): JSX.Element;

declare type ActionsConfig = {
    primaryActionButtonKind: Props$h["kind"];
    secondaryActionButtonKind: Props$h["kind"];
    primaryPosition: "left" | "right";
    defaultSize: Props$h["size"];
    buttonsAlignment: "left" | "right" | "spaceBetween";
    spaceBetweenButtons: BentoSprinkles["gap"];
    defaultErrorBannerWidth: NonNullable<Props$g["errorBannerWidth"]>;
};

declare type DotConfig = {
    color: "brandPrimary" | "brandSecondary" | "brandTertiary";
};
declare type AreaLoaderConfig = {
    dots: DotConfig[];
    scrimColor: "light" | "dark";
    messageSize: "small" | "medium" | "large";
    messageColor: "primary" | "primary-inverse";
    readabilityAreaColor: "primary" | "secondary" | "primary-inverse" | "secondary-inverse";
    readabilityAreaBorderRadius: BentoSprinkles["borderRadius"];
};

declare type ReactChild = React.ReactElement<unknown> | LocalizedString;
interface ChildrenArray extends Array<Children> {
}
declare type ReactFragment = ChildrenArray;
declare type Children = ReactChild | ReactFragment | boolean | null | undefined;

declare type TypographyColor = "primary" | "secondary" | "primaryInverse" | "secondaryInverse" | "interactive" | "informative" | "positive" | "warning" | "negative" | "disabled";

declare type Size$4 = "small" | "medium" | "large";
declare type Align$4 = "left" | "center" | "right";
declare type Color$4 = "default" | TypographyColor | "inherit";
declare type LabelProps = {
    children: Children;
    size: Size$4;
    color?: Color$4;
    align?: Align$4;
    uppercase?: boolean;
} & Omit<Props$1, keyof BentoSprinkles | "className" | "size">;
declare function Label({ children, size, align, color, uppercase, ...boxProps }: LabelProps): JSX.Element;

declare type AvatarConfig = {
    width: BentoSprinkles["width"];
    height: BentoSprinkles["height"];
    radius: BentoSprinkles["borderRadius"];
    labelSize: ComponentProps<typeof Label>["size"];
    icon: (props: IconProps) => Children;
    iconSize: IconProps["size"];
    outline: Extract<BentoSprinkles["boxShadow"], "none" | "outlineInteractive" | "outlineDecorative" | "outlineContainer">;
};

declare type Size$3 = "small" | "medium" | "large";
declare type Align$3 = "left" | "center" | "right";
declare type Color$3 = "default" | Extract<TypographyColor, "primary" | "secondary" | "primaryInverse" | "secondaryInverse" | "informative" | "positive" | "warning" | "negative"> | "inherit";
declare type Props$f = {
    children: LocalizedString;
    size: Size$3;
    color?: Color$3;
    align?: Align$3;
} & AsProp;
declare function Title({ children, size, align, color, ...boxProps }: Props$f): JSX.Element;

declare type Size$2 = "small" | "medium" | "large";
declare type Align$2 = "left" | "center" | "right" | "justify";
declare type Color$2 = "default" | TypographyColor | "inherit";
declare type Props$e = {
    id?: string;
    children: Children;
    size: Size$2;
    weight?: "default" | "strong";
    color?: Color$2;
    align?: Align$2;
    as?: Props$1["as"];
};
declare function Body({ children, size, weight, color, align, as, }: Props$e): JSX.Element;

declare type Kind$2 = "informative" | "positive" | "warning" | "negative" | "secondary";
declare type DismissProps$1 = {
    dismissButtonLabel?: LocalizedString;
    onDismiss: () => void;
} | {
    dismissButtonLabel?: never;
    onDismiss?: never;
};
declare type ActionProps$1 = {
    label: LocalizedString;
    onPress: Props$h["onPress"];
};
declare type Props$d = {
    kind: Kind$2;
    action?: ActionProps$1;
} & DismissProps$1 & ({
    title: LocalizedString;
    description?: Children;
} | {
    title?: LocalizedString;
    description: Children;
});
declare function Banner({ title, description, kind, action, ...dismissProps }: Props$d): JSX.Element;

declare type KindConfig<T> = {
    [k in Kind$2]: T;
};
declare type BannerConfig = {
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
    radius: BentoSprinkles["borderRadius"];
    titleSize: ComponentProps<typeof Title>["size"];
    descriptionSize: ComponentProps<typeof Body>["size"];
    closeIcon: (props: IconProps) => Children;
    closeIconSize: IconProps["size"];
    semanticIcons: KindConfig<(props: IconProps) => Children>;
    semanticIconSize: {
        withoutTitle: IconProps["size"];
        withTitle: IconProps["size"];
    };
    outline: boolean;
    buttonKind: Props$h["kind"];
    buttonSize: Props$h["size"];
};

declare type BreadcrumbConfig = {
    fontSize: Props$e["size"];
    separator: (props: IconProps) => Children;
    separatorSize: IconProps["size"];
    space: BentoSprinkles["gap"];
};

declare type SizeConfig$4<T> = {
    [k in ButtonSize]: T;
};
declare type ButtonConfig = {
    paddingX: SizeConfig$4<BentoSprinkles["paddingX"]>;
    paddingY: SizeConfig$4<BentoSprinkles["paddingY"]>;
    labelSize: LabelProps["size"];
    radius: BentoSprinkles["borderRadius"];
    internalSpacing: BentoSprinkles["gap"];
    iconSize: SizeConfig$4<IconProps["size"]>;
    uppercaseLabel: boolean;
    defaultSize: ButtonSize;
    defaultIconPosition: Props$h["iconPosition"];
};

declare type CardConfig = {
    defaultRadius: Exclude<BentoSprinkles["borderRadius"], "circled">;
};

declare type ChipConfig = {
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
    label: {
        kind: "label";
        size: LabelProps["size"];
    } | {
        kind: "body";
        size: Props$e["size"];
    };
    iconSize: IconProps["size"];
    closeIcon: (props: IconProps) => Children;
    closeIconSize: IconProps["size"];
    spacingAfterIcon: BentoSprinkles["gap"];
    spacingAfterLabel: BentoSprinkles["gap"];
    customColors: {
        [k in ChipCustomColors]: BentoSprinkles["background"];
    };
    radius: BentoSprinkles["borderRadius"];
    uppercase: boolean;
};

declare type Props$c = {
    title: LocalizedString;
    level?: 1 | 2;
    children: Children;
    iconPosition?: "leading" | "trailing";
} & ({
    isOpen: boolean;
    onToggle: (isOpen: boolean) => void;
    initialIsOpen?: never;
} | {
    isOpen?: never;
    onToggle?: never;
    initialIsOpen?: boolean;
});
declare function Disclosure({ title, isOpen, onToggle, level, children, initialIsOpen, iconPosition: iconPosition_, }: Props$c): JSX.Element;

declare type DisclosureConfig = {
    internalSpacing: BentoSprinkles["gap"];
    titleSize: {
        1: Props$f["size"];
        2: Props$f["size"];
    };
    defaultIconPosition: NonNullable<Props$c["iconPosition"]>;
    icons: {
        open: (props: IconProps) => Children;
        closed: (props: IconProps) => Children;
    };
    iconSize: {
        1: IconProps["size"];
        2: IconProps["size"];
    };
};

declare type DisclosureGroupConfig = {
    groupSpacing: BentoSprinkles["gap"];
    disclosureSpacing: BentoSprinkles["gap"];
    defaultIconPosition: NonNullable<Props$c["iconPosition"]>;
};

declare type Size$1 = "small" | "medium" | "large";
declare type Align$1 = "left" | "center" | "right";
declare type Color$1 = Extract<TypographyColor, "primary" | "secondary" | "primaryInverse" | "secondaryInverse"> | "inherit";
declare type Props$b = {
    children: LocalizedString;
    size: Size$1;
    color?: Color$1;
    align?: Align$1;
};
declare function Display({ children, size, color, align }: Props$b): JSX.Element;

declare type Size = "small" | "medium" | "large";
declare type Align = "left" | "center" | "right";
declare type Color = Extract<TypographyColor, "primary" | "secondary" | "primaryInverse" | "secondaryInverse"> | "inherit";
declare type Props$a = {
    children: LocalizedString;
    size: Size;
    color?: Color;
    align?: Align;
};
declare function Headline({ children, size, color, align }: Props$a): JSX.Element;

declare type Status = "positive" | "negative";
declare type FeedbackSize = "medium" | "large";
declare type Props$9 = {
    title: LocalizedString;
    description?: Children;
    action?: Pick<Props$h, "label" | "onPress">;
    background?: boolean;
    size: FeedbackSize;
} & ({
    illustration: (props: IllustrationProps) => Children;
    status?: never;
} | {
    status: Status;
    illustration?: never;
});
declare function Feedback({ title, description, action, background, status, illustration, size, }: Props$9): JSX.Element;

declare type SizeConfig$3<T> = Record<FeedbackSize, T>;
declare type FeedbackConfig = {
    background: JSX.Element | null;
    positiveIllustration: (props: IllustrationProps) => Children;
    negativeIllustration: (props: IllustrationProps) => Children;
    illustrationSize: SizeConfig$3<IllustrationProps["size"]>;
    title: {
        medium: {
            kind: "title";
            size: Props$f["size"];
        } | {
            kind: "body";
            size: Props$e["size"];
        };
        large: {
            kind: "display";
            size: Props$b["size"];
        } | {
            kind: "title";
            size: Props$f["size"];
        } | {
            kind: "headline";
            size: Props$a["size"];
        };
    };
    descriptionSize: SizeConfig$3<Props$e["size"]>;
    action: SizeConfig$3<{
        hierarchy: Extract<Props$h["hierarchy"], "primary" | "secondary">;
        kind: Props$h["kind"];
        size: Props$h["size"];
    }>;
    maxWidth: SizeConfig$3<number>;
};

declare type NonEmptyArray<A> = [A, ...A[]];

declare type Alignment = "start" | "end";
declare type Side = "top" | "right" | "bottom" | "left";
declare type AlignedPlacement = `${Side}-${Alignment}`;
declare type TooltipPlacement = Side | AlignedPlacement;
declare type FieldProps<V, VO = V> = {
    name?: string;
    value: V;
    onChange: (value: VO) => unknown;
    onBlur?: () => unknown;
    label: LocalizedString;
    issues?: NonEmptyArray<Children>;
    disabled?: boolean;
    assistiveText?: Children;
    autoFocus?: boolean;
} & ({
    hint: LocalizedString;
    hintPlacement?: TooltipPlacement;
} | {
    hint?: never;
    hintPlacement?: never;
});

declare const unconditionalProperties: {
    readonly borderRadius: {
        0: number;
        12: number;
        circled: string;
        circledX: string;
        4: _vanilla_extract_private.CSSVarFunction;
        8: _vanilla_extract_private.CSSVarFunction;
        16: _vanilla_extract_private.CSSVarFunction;
    };
    readonly borderTopLeftRadius: {
        0: number;
        12: number;
        circled: string;
        circledX: string;
        4: _vanilla_extract_private.CSSVarFunction;
        8: _vanilla_extract_private.CSSVarFunction;
        16: _vanilla_extract_private.CSSVarFunction;
    };
    readonly borderTopRightRadius: {
        0: number;
        12: number;
        circled: string;
        circledX: string;
        4: _vanilla_extract_private.CSSVarFunction;
        8: _vanilla_extract_private.CSSVarFunction;
        16: _vanilla_extract_private.CSSVarFunction;
    };
    readonly borderBottomLeftRadius: {
        0: number;
        12: number;
        circled: string;
        circledX: string;
        4: _vanilla_extract_private.CSSVarFunction;
        8: _vanilla_extract_private.CSSVarFunction;
        16: _vanilla_extract_private.CSSVarFunction;
    };
    readonly borderBottomRightRadius: {
        0: number;
        12: number;
        circled: string;
        circledX: string;
        4: _vanilla_extract_private.CSSVarFunction;
        8: _vanilla_extract_private.CSSVarFunction;
        16: _vanilla_extract_private.CSSVarFunction;
    };
    readonly textTransform: readonly ["none", "uppercase", "lowercase", "capitalize"];
    readonly fontFamily: _vanilla_extract_private.MapLeafNodes<{
        default: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly fontWeight: _vanilla_extract_private.MapLeafNodes<{
        body: null;
        bodyStrong: null;
        display: null;
        headline: null;
        label: null;
        title: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly fontSize: _vanilla_extract_private.MapLeafNodes<{
        bodySmall: null;
        bodyMedium: null;
        bodyLarge: null;
        displaySmall: null;
        displayMedium: null;
        displayLarge: null;
        headlineSmall: null;
        headlineMedium: null;
        headlineLarge: null;
        labelSmall: null;
        labelMedium: null;
        labelLarge: null;
        titleSmall: null;
        titleMedium: null;
        titleLarge: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly lineHeight: _vanilla_extract_private.MapLeafNodes<{
        bodySmall: null;
        bodyMedium: null;
        bodyLarge: null;
        displaySmall: null;
        displayMedium: null;
        displayLarge: null;
        headlineSmall: null;
        headlineMedium: null;
        headlineLarge: null;
        labelSmall: null;
        labelMedium: null;
        labelLarge: null;
        titleSmall: null;
        titleMedium: null;
        titleLarge: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly letterSpacing: _vanilla_extract_private.MapLeafNodes<{
        1: null;
        2: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly height: {
        readonly full: "100%";
        readonly 0: _vanilla_extract_private.CSSVarFunction;
        readonly 4: _vanilla_extract_private.CSSVarFunction;
        readonly 8: _vanilla_extract_private.CSSVarFunction;
        readonly 12: _vanilla_extract_private.CSSVarFunction;
        readonly 16: _vanilla_extract_private.CSSVarFunction;
        readonly 24: _vanilla_extract_private.CSSVarFunction;
        readonly 32: _vanilla_extract_private.CSSVarFunction;
        readonly 40: _vanilla_extract_private.CSSVarFunction;
        readonly 80: _vanilla_extract_private.CSSVarFunction;
    };
    readonly position: readonly ["relative", "absolute", "fixed", "sticky"];
    readonly overflow: readonly ["hidden", "visible", "auto"];
    readonly overflowX: readonly ["hidden", "visible", "auto"];
    readonly overflowY: readonly ["hidden", "visible", "auto"];
    readonly isolation: readonly ["auto", "isolate"];
};
declare const responsiveProperties: {
    readonly display: readonly ["flex", "none", "block", "grid", "inline-block"];
    readonly flexDirection: {
        readonly row: "row";
        readonly column: "column";
        readonly rowReverse: "row-reverse";
        readonly columnReverse: "column-reverse";
    };
    readonly alignItems: {
        readonly flexStart: "flex-start";
        readonly center: "center";
        readonly flexEnd: "flex-end";
        readonly stretch: "stretch";
        readonly baseline: "baseline";
    };
    readonly justifyContent: {
        readonly flexStart: "flex-start";
        readonly center: "center";
        readonly flexEnd: "flex-end";
    };
    readonly flexWrap: {
        readonly nowrap: "nowrap";
        readonly wrap: "wrap";
        readonly wrapReverse: "wrap-reverse";
    };
    readonly flexShrink: readonly [0];
    readonly flexGrow: readonly [0, 1, 2];
    readonly flex: readonly [0, 1, 2];
    readonly width: {
        readonly full: "100%";
        readonly 0: _vanilla_extract_private.CSSVarFunction;
        readonly 4: _vanilla_extract_private.CSSVarFunction;
        readonly 8: _vanilla_extract_private.CSSVarFunction;
        readonly 12: _vanilla_extract_private.CSSVarFunction;
        readonly 16: _vanilla_extract_private.CSSVarFunction;
        readonly 24: _vanilla_extract_private.CSSVarFunction;
        readonly 32: _vanilla_extract_private.CSSVarFunction;
        readonly 40: _vanilla_extract_private.CSSVarFunction;
        readonly 80: _vanilla_extract_private.CSSVarFunction;
    };
    readonly paddingTop: _vanilla_extract_private.MapLeafNodes<{
        0: null;
        4: null;
        8: null;
        12: null;
        16: null;
        24: null;
        32: null;
        40: null;
        80: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly paddingBottom: _vanilla_extract_private.MapLeafNodes<{
        0: null;
        4: null;
        8: null;
        12: null;
        16: null;
        24: null;
        32: null;
        40: null;
        80: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly paddingLeft: _vanilla_extract_private.MapLeafNodes<{
        0: null;
        4: null;
        8: null;
        12: null;
        16: null;
        24: null;
        32: null;
        40: null;
        80: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly paddingRight: _vanilla_extract_private.MapLeafNodes<{
        0: null;
        4: null;
        8: null;
        12: null;
        16: null;
        24: null;
        32: null;
        40: null;
        80: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly gap: _vanilla_extract_private.MapLeafNodes<{
        0: null;
        4: null;
        8: null;
        12: null;
        16: null;
        24: null;
        32: null;
        40: null;
        80: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly textAlign: readonly ["left", "center", "right", "justify"];
    readonly maxWidth: {
        readonly 700: "700px";
        readonly 1440: "1440px";
    };
    readonly top: _vanilla_extract_private.MapLeafNodes<{
        0: null;
        4: null;
        8: null;
        12: null;
        16: null;
        24: null;
        32: null;
        40: null;
        80: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly bottom: _vanilla_extract_private.MapLeafNodes<{
        0: null;
        4: null;
        8: null;
        12: null;
        16: null;
        24: null;
        32: null;
        40: null;
        80: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly left: _vanilla_extract_private.MapLeafNodes<{
        0: null;
        4: null;
        8: null;
        12: null;
        16: null;
        24: null;
        32: null;
        40: null;
        80: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly right: _vanilla_extract_private.MapLeafNodes<{
        0: null;
        4: null;
        8: null;
        12: null;
        16: null;
        24: null;
        32: null;
        40: null;
        80: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly marginTop: _vanilla_extract_private.MapLeafNodes<{
        0: null;
        negative4: null;
        negative8: null;
        negative12: null;
        negative16: null;
        negative24: null;
        negative32: null;
        negative40: null;
        negative80: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly marginBottom: _vanilla_extract_private.MapLeafNodes<{
        0: null;
        negative4: null;
        negative8: null;
        negative12: null;
        negative16: null;
        negative24: null;
        negative32: null;
        negative40: null;
        negative80: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly marginLeft: _vanilla_extract_private.MapLeafNodes<{
        0: null;
        negative4: null;
        negative8: null;
        negative12: null;
        negative16: null;
        negative24: null;
        negative32: null;
        negative40: null;
        negative80: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly marginRight: _vanilla_extract_private.MapLeafNodes<{
        0: null;
        negative4: null;
        negative8: null;
        negative12: null;
        negative16: null;
        negative24: null;
        negative32: null;
        negative40: null;
        negative80: null;
    }, _vanilla_extract_private.CSSVarFunction>;
};
declare const allColors: {
    softGrey: _vanilla_extract_private.CSSVarFunction;
    softRed: _vanilla_extract_private.CSSVarFunction;
    softOrange: _vanilla_extract_private.CSSVarFunction;
    softYellow: _vanilla_extract_private.CSSVarFunction;
    softGreen: _vanilla_extract_private.CSSVarFunction;
    softJade: _vanilla_extract_private.CSSVarFunction;
    softBlue: _vanilla_extract_private.CSSVarFunction;
    softIndigo: _vanilla_extract_private.CSSVarFunction;
    softViolet: _vanilla_extract_private.CSSVarFunction;
    softPink: _vanilla_extract_private.CSSVarFunction;
    brightGrey: _vanilla_extract_private.CSSVarFunction;
    brightRed: _vanilla_extract_private.CSSVarFunction;
    brightOrange: _vanilla_extract_private.CSSVarFunction;
    brightYellow: _vanilla_extract_private.CSSVarFunction;
    brightGreen: _vanilla_extract_private.CSSVarFunction;
    brightJade: _vanilla_extract_private.CSSVarFunction;
    brightBlue: _vanilla_extract_private.CSSVarFunction;
    brightIndigo: _vanilla_extract_private.CSSVarFunction;
    brightViolet: _vanilla_extract_private.CSSVarFunction;
    brightPink: _vanilla_extract_private.CSSVarFunction;
    outlineInteractive: _vanilla_extract_private.CSSVarFunction;
    outlineInteractivePrimaryEnabled: _vanilla_extract_private.CSSVarFunction;
    outlineInteractivePrimaryFocus: _vanilla_extract_private.CSSVarFunction;
    outlineInteractivePrimaryHover: _vanilla_extract_private.CSSVarFunction;
    outlineInteractiveSecondaryEnabled: _vanilla_extract_private.CSSVarFunction;
    outlineInteractiveSecondaryFocus: _vanilla_extract_private.CSSVarFunction;
    outlineInteractiveSecondaryHover: _vanilla_extract_private.CSSVarFunction;
    outlineInteractiveDangerEnabled: _vanilla_extract_private.CSSVarFunction;
    outlineInteractiveDangerFocus: _vanilla_extract_private.CSSVarFunction;
    outlineInteractiveDangerHover: _vanilla_extract_private.CSSVarFunction;
    outlineInteractiveDisabled: _vanilla_extract_private.CSSVarFunction;
    outlineDecorative: _vanilla_extract_private.CSSVarFunction;
    outlineContainer: _vanilla_extract_private.CSSVarFunction;
    outlineInputEnabled: _vanilla_extract_private.CSSVarFunction;
    outlineInputHover: _vanilla_extract_private.CSSVarFunction;
    outlineInputFocus: _vanilla_extract_private.CSSVarFunction;
    outlineInputDisabled: _vanilla_extract_private.CSSVarFunction;
    outlineInformative: _vanilla_extract_private.CSSVarFunction;
    outlinePositive: _vanilla_extract_private.CSSVarFunction;
    outlineWarning: _vanilla_extract_private.CSSVarFunction;
    outlineNegative: _vanilla_extract_private.CSSVarFunction;
    primarySolidEnabledBackground: _vanilla_extract_private.CSSVarFunction;
    primarySolidHoverBackground: _vanilla_extract_private.CSSVarFunction;
    primarySolidFocusBackground: _vanilla_extract_private.CSSVarFunction;
    primaryTransparentEnabledBackground: _vanilla_extract_private.CSSVarFunction;
    primaryTransparentHoverBackground: _vanilla_extract_private.CSSVarFunction;
    primaryTransparentFocusBackground: _vanilla_extract_private.CSSVarFunction;
    secondarySolidEnabledBackground: _vanilla_extract_private.CSSVarFunction;
    secondarySolidHoverBackground: _vanilla_extract_private.CSSVarFunction;
    secondarySolidFocusBackground: _vanilla_extract_private.CSSVarFunction;
    secondaryTransparentEnabledBackground: _vanilla_extract_private.CSSVarFunction;
    secondaryTransparentHoverBackground: _vanilla_extract_private.CSSVarFunction;
    secondaryTransparentFocusBackground: _vanilla_extract_private.CSSVarFunction;
    dangerSolidEnabledBackground: _vanilla_extract_private.CSSVarFunction;
    dangerSolidHoverBackground: _vanilla_extract_private.CSSVarFunction;
    dangerSolidFocusBackground: _vanilla_extract_private.CSSVarFunction;
    dangerTransparentEnabledBackground: _vanilla_extract_private.CSSVarFunction;
    dangerTransparentHoverBackground: _vanilla_extract_private.CSSVarFunction;
    dangerTransparentFocusBackground: _vanilla_extract_private.CSSVarFunction;
    disabledSolidBackground: _vanilla_extract_private.CSSVarFunction;
    disabledTransparentBackground: _vanilla_extract_private.CSSVarFunction;
    backgroundPrimary: _vanilla_extract_private.CSSVarFunction;
    backgroundSecondary: _vanilla_extract_private.CSSVarFunction;
    backgroundOverlay: _vanilla_extract_private.CSSVarFunction;
    backgroundPrimaryInverse: _vanilla_extract_private.CSSVarFunction;
    backgroundSecondaryInverse: _vanilla_extract_private.CSSVarFunction;
    backgroundInteractive: _vanilla_extract_private.CSSVarFunction;
    backgroundInteractiveOverlay: _vanilla_extract_private.CSSVarFunction;
    backgroundInformative: _vanilla_extract_private.CSSVarFunction;
    backgroundPositive: _vanilla_extract_private.CSSVarFunction;
    backgroundWarning: _vanilla_extract_private.CSSVarFunction;
    backgroundNegative: _vanilla_extract_private.CSSVarFunction;
    backgroundLightScrim: _vanilla_extract_private.CSSVarFunction;
    backgroundDarkScrim: _vanilla_extract_private.CSSVarFunction;
    foregroundPrimary: _vanilla_extract_private.CSSVarFunction;
    foregroundSecondary: _vanilla_extract_private.CSSVarFunction;
    foregroundPrimaryInverse: _vanilla_extract_private.CSSVarFunction;
    foregroundSecondaryInverse: _vanilla_extract_private.CSSVarFunction;
    foregroundInteractive: _vanilla_extract_private.CSSVarFunction;
    foregroundInformative: _vanilla_extract_private.CSSVarFunction;
    foregroundPositive: _vanilla_extract_private.CSSVarFunction;
    foregroundWarning: _vanilla_extract_private.CSSVarFunction;
    foregroundNegative: _vanilla_extract_private.CSSVarFunction;
    foregroundDisabled: _vanilla_extract_private.CSSVarFunction;
    textPrimary: _vanilla_extract_private.CSSVarFunction;
    textSecondary: _vanilla_extract_private.CSSVarFunction;
    textPrimaryInverse: _vanilla_extract_private.CSSVarFunction;
    textSecondaryInverse: _vanilla_extract_private.CSSVarFunction;
    textInteractive: _vanilla_extract_private.CSSVarFunction;
    textInformative: _vanilla_extract_private.CSSVarFunction;
    textPositive: _vanilla_extract_private.CSSVarFunction;
    textWarning: _vanilla_extract_private.CSSVarFunction;
    textNegative: _vanilla_extract_private.CSSVarFunction;
    textDisabled: _vanilla_extract_private.CSSVarFunction;
    brandPrimary: _vanilla_extract_private.CSSVarFunction;
    brandSecondary: _vanilla_extract_private.CSSVarFunction;
    brandTertiary: _vanilla_extract_private.CSSVarFunction;
};
declare const statusProperties: {
    readonly color: {
        transparent: string;
        softGrey: _vanilla_extract_private.CSSVarFunction;
        softRed: _vanilla_extract_private.CSSVarFunction;
        softOrange: _vanilla_extract_private.CSSVarFunction;
        softYellow: _vanilla_extract_private.CSSVarFunction;
        softGreen: _vanilla_extract_private.CSSVarFunction;
        softJade: _vanilla_extract_private.CSSVarFunction;
        softBlue: _vanilla_extract_private.CSSVarFunction;
        softIndigo: _vanilla_extract_private.CSSVarFunction;
        softViolet: _vanilla_extract_private.CSSVarFunction;
        softPink: _vanilla_extract_private.CSSVarFunction;
        brightGrey: _vanilla_extract_private.CSSVarFunction;
        brightRed: _vanilla_extract_private.CSSVarFunction;
        brightOrange: _vanilla_extract_private.CSSVarFunction;
        brightYellow: _vanilla_extract_private.CSSVarFunction;
        brightGreen: _vanilla_extract_private.CSSVarFunction;
        brightJade: _vanilla_extract_private.CSSVarFunction;
        brightBlue: _vanilla_extract_private.CSSVarFunction;
        brightIndigo: _vanilla_extract_private.CSSVarFunction;
        brightViolet: _vanilla_extract_private.CSSVarFunction;
        brightPink: _vanilla_extract_private.CSSVarFunction;
        outlineInteractive: _vanilla_extract_private.CSSVarFunction;
        outlineInteractivePrimaryEnabled: _vanilla_extract_private.CSSVarFunction;
        outlineInteractivePrimaryFocus: _vanilla_extract_private.CSSVarFunction;
        outlineInteractivePrimaryHover: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveSecondaryEnabled: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveSecondaryFocus: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveSecondaryHover: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveDangerEnabled: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveDangerFocus: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveDangerHover: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveDisabled: _vanilla_extract_private.CSSVarFunction;
        outlineDecorative: _vanilla_extract_private.CSSVarFunction;
        outlineContainer: _vanilla_extract_private.CSSVarFunction;
        outlineInputEnabled: _vanilla_extract_private.CSSVarFunction;
        outlineInputHover: _vanilla_extract_private.CSSVarFunction;
        outlineInputFocus: _vanilla_extract_private.CSSVarFunction;
        outlineInputDisabled: _vanilla_extract_private.CSSVarFunction;
        outlineInformative: _vanilla_extract_private.CSSVarFunction;
        outlinePositive: _vanilla_extract_private.CSSVarFunction;
        outlineWarning: _vanilla_extract_private.CSSVarFunction;
        outlineNegative: _vanilla_extract_private.CSSVarFunction;
        primarySolidEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        primarySolidHoverForeground: _vanilla_extract_private.CSSVarFunction;
        primarySolidFocusForeground: _vanilla_extract_private.CSSVarFunction;
        primaryTransparentEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        primaryTransparentHoverForeground: _vanilla_extract_private.CSSVarFunction;
        primaryTransparentFocusForeground: _vanilla_extract_private.CSSVarFunction;
        secondarySolidEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        secondarySolidHoverForeground: _vanilla_extract_private.CSSVarFunction;
        secondarySolidFocusForeground: _vanilla_extract_private.CSSVarFunction;
        secondaryTransparentEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        secondaryTransparentHoverForeground: _vanilla_extract_private.CSSVarFunction;
        secondaryTransparentFocusForeground: _vanilla_extract_private.CSSVarFunction;
        dangerSolidEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        dangerSolidHoverForeground: _vanilla_extract_private.CSSVarFunction;
        dangerSolidFocusForeground: _vanilla_extract_private.CSSVarFunction;
        dangerTransparentEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        dangerTransparentHoverForeground: _vanilla_extract_private.CSSVarFunction;
        dangerTransparentFocusForeground: _vanilla_extract_private.CSSVarFunction;
        disabledSolidForeground: _vanilla_extract_private.CSSVarFunction;
        disabledTransparentForeground: _vanilla_extract_private.CSSVarFunction;
        linkEnabled: _vanilla_extract_private.CSSVarFunction;
        linkHover: _vanilla_extract_private.CSSVarFunction;
        linkFocus: _vanilla_extract_private.CSSVarFunction;
        linkDisabled: _vanilla_extract_private.CSSVarFunction;
        linkEnabledInverse: _vanilla_extract_private.CSSVarFunction;
        linkHoverInverse: _vanilla_extract_private.CSSVarFunction;
        linkFocusInverse: _vanilla_extract_private.CSSVarFunction;
        linkDisabledInverse: _vanilla_extract_private.CSSVarFunction;
        textPrimary: _vanilla_extract_private.CSSVarFunction;
        textSecondary: _vanilla_extract_private.CSSVarFunction;
        textPrimaryInverse: _vanilla_extract_private.CSSVarFunction;
        textSecondaryInverse: _vanilla_extract_private.CSSVarFunction;
        textInteractive: _vanilla_extract_private.CSSVarFunction;
        textInformative: _vanilla_extract_private.CSSVarFunction;
        textPositive: _vanilla_extract_private.CSSVarFunction;
        textWarning: _vanilla_extract_private.CSSVarFunction;
        textNegative: _vanilla_extract_private.CSSVarFunction;
        textDisabled: _vanilla_extract_private.CSSVarFunction;
        foregroundPrimary: _vanilla_extract_private.CSSVarFunction;
        foregroundSecondary: _vanilla_extract_private.CSSVarFunction;
        foregroundPrimaryInverse: _vanilla_extract_private.CSSVarFunction;
        foregroundSecondaryInverse: _vanilla_extract_private.CSSVarFunction;
        foregroundInteractive: _vanilla_extract_private.CSSVarFunction;
        foregroundInformative: _vanilla_extract_private.CSSVarFunction;
        foregroundPositive: _vanilla_extract_private.CSSVarFunction;
        foregroundWarning: _vanilla_extract_private.CSSVarFunction;
        foregroundNegative: _vanilla_extract_private.CSSVarFunction;
        foregroundDisabled: _vanilla_extract_private.CSSVarFunction;
        brandPrimary: _vanilla_extract_private.CSSVarFunction;
        brandSecondary: _vanilla_extract_private.CSSVarFunction;
        brandTertiary: _vanilla_extract_private.CSSVarFunction;
    };
    readonly decoration: {
        transparent: string;
        foregroundPrimary: _vanilla_extract_private.CSSVarFunction;
        foregroundSecondary: _vanilla_extract_private.CSSVarFunction;
        foregroundPrimaryInverse: _vanilla_extract_private.CSSVarFunction;
        foregroundSecondaryInverse: _vanilla_extract_private.CSSVarFunction;
        foregroundInteractive: _vanilla_extract_private.CSSVarFunction;
        foregroundInformative: _vanilla_extract_private.CSSVarFunction;
        foregroundPositive: _vanilla_extract_private.CSSVarFunction;
        foregroundWarning: _vanilla_extract_private.CSSVarFunction;
        foregroundNegative: _vanilla_extract_private.CSSVarFunction;
        foregroundDisabled: _vanilla_extract_private.CSSVarFunction;
        brandPrimary: _vanilla_extract_private.CSSVarFunction;
        brandSecondary: _vanilla_extract_private.CSSVarFunction;
        brandTertiary: _vanilla_extract_private.CSSVarFunction;
    };
    readonly background: {
        readonly currentColor: "currentColor";
        readonly softGrey: _vanilla_extract_private.CSSVarFunction;
        readonly softRed: _vanilla_extract_private.CSSVarFunction;
        readonly softOrange: _vanilla_extract_private.CSSVarFunction;
        readonly softYellow: _vanilla_extract_private.CSSVarFunction;
        readonly softGreen: _vanilla_extract_private.CSSVarFunction;
        readonly softJade: _vanilla_extract_private.CSSVarFunction;
        readonly softBlue: _vanilla_extract_private.CSSVarFunction;
        readonly softIndigo: _vanilla_extract_private.CSSVarFunction;
        readonly softViolet: _vanilla_extract_private.CSSVarFunction;
        readonly softPink: _vanilla_extract_private.CSSVarFunction;
        readonly brightGrey: _vanilla_extract_private.CSSVarFunction;
        readonly brightRed: _vanilla_extract_private.CSSVarFunction;
        readonly brightOrange: _vanilla_extract_private.CSSVarFunction;
        readonly brightYellow: _vanilla_extract_private.CSSVarFunction;
        readonly brightGreen: _vanilla_extract_private.CSSVarFunction;
        readonly brightJade: _vanilla_extract_private.CSSVarFunction;
        readonly brightBlue: _vanilla_extract_private.CSSVarFunction;
        readonly brightIndigo: _vanilla_extract_private.CSSVarFunction;
        readonly brightViolet: _vanilla_extract_private.CSSVarFunction;
        readonly brightPink: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractive: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractivePrimaryEnabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractivePrimaryFocus: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractivePrimaryHover: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveSecondaryEnabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveSecondaryFocus: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveSecondaryHover: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveDangerEnabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveDangerFocus: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveDangerHover: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveDisabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineDecorative: _vanilla_extract_private.CSSVarFunction;
        readonly outlineContainer: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInputEnabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInputHover: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInputFocus: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInputDisabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInformative: _vanilla_extract_private.CSSVarFunction;
        readonly outlinePositive: _vanilla_extract_private.CSSVarFunction;
        readonly outlineWarning: _vanilla_extract_private.CSSVarFunction;
        readonly outlineNegative: _vanilla_extract_private.CSSVarFunction;
        readonly primarySolidEnabledBackground: _vanilla_extract_private.CSSVarFunction;
        readonly primarySolidHoverBackground: _vanilla_extract_private.CSSVarFunction;
        readonly primarySolidFocusBackground: _vanilla_extract_private.CSSVarFunction;
        readonly primaryTransparentEnabledBackground: _vanilla_extract_private.CSSVarFunction;
        readonly primaryTransparentHoverBackground: _vanilla_extract_private.CSSVarFunction;
        readonly primaryTransparentFocusBackground: _vanilla_extract_private.CSSVarFunction;
        readonly secondarySolidEnabledBackground: _vanilla_extract_private.CSSVarFunction;
        readonly secondarySolidHoverBackground: _vanilla_extract_private.CSSVarFunction;
        readonly secondarySolidFocusBackground: _vanilla_extract_private.CSSVarFunction;
        readonly secondaryTransparentEnabledBackground: _vanilla_extract_private.CSSVarFunction;
        readonly secondaryTransparentHoverBackground: _vanilla_extract_private.CSSVarFunction;
        readonly secondaryTransparentFocusBackground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerSolidEnabledBackground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerSolidHoverBackground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerSolidFocusBackground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerTransparentEnabledBackground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerTransparentHoverBackground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerTransparentFocusBackground: _vanilla_extract_private.CSSVarFunction;
        readonly disabledSolidBackground: _vanilla_extract_private.CSSVarFunction;
        readonly disabledTransparentBackground: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundPrimary: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundSecondary: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundOverlay: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundPrimaryInverse: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundSecondaryInverse: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundInteractive: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundInteractiveOverlay: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundInformative: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundPositive: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundWarning: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundNegative: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundLightScrim: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundDarkScrim: _vanilla_extract_private.CSSVarFunction;
        readonly brandPrimary: _vanilla_extract_private.CSSVarFunction;
        readonly brandSecondary: _vanilla_extract_private.CSSVarFunction;
        readonly brandTertiary: _vanilla_extract_private.CSSVarFunction;
    };
    readonly cursor: {
        readonly pointer: "pointer";
        readonly default: "default";
        readonly notAllowed: "not-allowed";
    };
    readonly boxShadow: {
        readonly none: "none";
        readonly inherit: "inset 0px 0px 0px 1px";
        readonly outlineInteractive: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveBottom: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractivePrimaryEnabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractivePrimaryFocus: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractivePrimaryHover: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveSecondaryEnabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveSecondaryFocus: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveSecondaryHover: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveDangerEnabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveDangerFocus: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveDangerHover: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveDisabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineDecorative: _vanilla_extract_private.CSSVarFunction;
        readonly outlineDecorativeBottom: _vanilla_extract_private.CSSVarFunction;
        readonly outlineContainer: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInputEnabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInputHover: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInputFocus: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInputDisabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInformative: _vanilla_extract_private.CSSVarFunction;
        readonly outlinePositive: _vanilla_extract_private.CSSVarFunction;
        readonly outlineWarning: _vanilla_extract_private.CSSVarFunction;
        readonly outlineNegative: _vanilla_extract_private.CSSVarFunction;
        readonly outlineNegativeStrong: _vanilla_extract_private.CSSVarFunction;
        readonly elevationSmall: _vanilla_extract_private.CSSVarFunction;
        readonly elevationMedium: _vanilla_extract_private.CSSVarFunction;
        readonly elevationLarge: _vanilla_extract_private.CSSVarFunction;
    };
    readonly outline: {
        readonly none: "none";
    };
    readonly outlineStyle: {
        readonly solid: "solid";
        readonly dashed: "dashed";
    };
    readonly outlineWidth: {
        readonly 1: "1px";
        readonly 2: "2px";
    };
    readonly outlineColor: _vanilla_extract_private.MapLeafNodes<{
        outlineInteractive: null;
        outlineInteractivePrimaryEnabled: null;
        outlineInteractivePrimaryFocus: null;
        outlineInteractivePrimaryHover: null;
        outlineInteractiveSecondaryEnabled: null;
        outlineInteractiveSecondaryFocus: null;
        outlineInteractiveSecondaryHover: null;
        outlineInteractiveDangerEnabled: null;
        outlineInteractiveDangerFocus: null;
        outlineInteractiveDangerHover: null;
        outlineInteractiveDisabled: null;
        outlineDecorative: null;
        outlineContainer: null;
        outlineInputEnabled: null;
        outlineInputHover: null;
        outlineInputFocus: null;
        outlineInputDisabled: null;
        outlineInformative: null;
        outlinePositive: null;
        outlineWarning: null;
        outlineNegative: null;
    }, _vanilla_extract_private.CSSVarFunction>;
    readonly stroke: {
        transparent: string;
        softGrey: _vanilla_extract_private.CSSVarFunction;
        softRed: _vanilla_extract_private.CSSVarFunction;
        softOrange: _vanilla_extract_private.CSSVarFunction;
        softYellow: _vanilla_extract_private.CSSVarFunction;
        softGreen: _vanilla_extract_private.CSSVarFunction;
        softJade: _vanilla_extract_private.CSSVarFunction;
        softBlue: _vanilla_extract_private.CSSVarFunction;
        softIndigo: _vanilla_extract_private.CSSVarFunction;
        softViolet: _vanilla_extract_private.CSSVarFunction;
        softPink: _vanilla_extract_private.CSSVarFunction;
        brightGrey: _vanilla_extract_private.CSSVarFunction;
        brightRed: _vanilla_extract_private.CSSVarFunction;
        brightOrange: _vanilla_extract_private.CSSVarFunction;
        brightYellow: _vanilla_extract_private.CSSVarFunction;
        brightGreen: _vanilla_extract_private.CSSVarFunction;
        brightJade: _vanilla_extract_private.CSSVarFunction;
        brightBlue: _vanilla_extract_private.CSSVarFunction;
        brightIndigo: _vanilla_extract_private.CSSVarFunction;
        brightViolet: _vanilla_extract_private.CSSVarFunction;
        brightPink: _vanilla_extract_private.CSSVarFunction;
        outlineInteractive: _vanilla_extract_private.CSSVarFunction;
        outlineInteractivePrimaryEnabled: _vanilla_extract_private.CSSVarFunction;
        outlineInteractivePrimaryFocus: _vanilla_extract_private.CSSVarFunction;
        outlineInteractivePrimaryHover: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveSecondaryEnabled: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveSecondaryFocus: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveSecondaryHover: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveDangerEnabled: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveDangerFocus: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveDangerHover: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveDisabled: _vanilla_extract_private.CSSVarFunction;
        outlineDecorative: _vanilla_extract_private.CSSVarFunction;
        outlineContainer: _vanilla_extract_private.CSSVarFunction;
        outlineInputEnabled: _vanilla_extract_private.CSSVarFunction;
        outlineInputHover: _vanilla_extract_private.CSSVarFunction;
        outlineInputFocus: _vanilla_extract_private.CSSVarFunction;
        outlineInputDisabled: _vanilla_extract_private.CSSVarFunction;
        outlineInformative: _vanilla_extract_private.CSSVarFunction;
        outlinePositive: _vanilla_extract_private.CSSVarFunction;
        outlineWarning: _vanilla_extract_private.CSSVarFunction;
        outlineNegative: _vanilla_extract_private.CSSVarFunction;
        primarySolidEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        primarySolidHoverForeground: _vanilla_extract_private.CSSVarFunction;
        primarySolidFocusForeground: _vanilla_extract_private.CSSVarFunction;
        primaryTransparentEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        primaryTransparentHoverForeground: _vanilla_extract_private.CSSVarFunction;
        primaryTransparentFocusForeground: _vanilla_extract_private.CSSVarFunction;
        secondarySolidEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        secondarySolidHoverForeground: _vanilla_extract_private.CSSVarFunction;
        secondarySolidFocusForeground: _vanilla_extract_private.CSSVarFunction;
        secondaryTransparentEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        secondaryTransparentHoverForeground: _vanilla_extract_private.CSSVarFunction;
        secondaryTransparentFocusForeground: _vanilla_extract_private.CSSVarFunction;
        dangerSolidEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        dangerSolidHoverForeground: _vanilla_extract_private.CSSVarFunction;
        dangerSolidFocusForeground: _vanilla_extract_private.CSSVarFunction;
        dangerTransparentEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        dangerTransparentHoverForeground: _vanilla_extract_private.CSSVarFunction;
        dangerTransparentFocusForeground: _vanilla_extract_private.CSSVarFunction;
        disabledSolidForeground: _vanilla_extract_private.CSSVarFunction;
        disabledTransparentForeground: _vanilla_extract_private.CSSVarFunction;
        linkEnabled: _vanilla_extract_private.CSSVarFunction;
        linkHover: _vanilla_extract_private.CSSVarFunction;
        linkFocus: _vanilla_extract_private.CSSVarFunction;
        linkDisabled: _vanilla_extract_private.CSSVarFunction;
        linkEnabledInverse: _vanilla_extract_private.CSSVarFunction;
        linkHoverInverse: _vanilla_extract_private.CSSVarFunction;
        linkFocusInverse: _vanilla_extract_private.CSSVarFunction;
        linkDisabledInverse: _vanilla_extract_private.CSSVarFunction;
        textPrimary: _vanilla_extract_private.CSSVarFunction;
        textSecondary: _vanilla_extract_private.CSSVarFunction;
        textPrimaryInverse: _vanilla_extract_private.CSSVarFunction;
        textSecondaryInverse: _vanilla_extract_private.CSSVarFunction;
        textInteractive: _vanilla_extract_private.CSSVarFunction;
        textInformative: _vanilla_extract_private.CSSVarFunction;
        textPositive: _vanilla_extract_private.CSSVarFunction;
        textWarning: _vanilla_extract_private.CSSVarFunction;
        textNegative: _vanilla_extract_private.CSSVarFunction;
        textDisabled: _vanilla_extract_private.CSSVarFunction;
        foregroundPrimary: _vanilla_extract_private.CSSVarFunction;
        foregroundSecondary: _vanilla_extract_private.CSSVarFunction;
        foregroundPrimaryInverse: _vanilla_extract_private.CSSVarFunction;
        foregroundSecondaryInverse: _vanilla_extract_private.CSSVarFunction;
        foregroundInteractive: _vanilla_extract_private.CSSVarFunction;
        foregroundInformative: _vanilla_extract_private.CSSVarFunction;
        foregroundPositive: _vanilla_extract_private.CSSVarFunction;
        foregroundWarning: _vanilla_extract_private.CSSVarFunction;
        foregroundNegative: _vanilla_extract_private.CSSVarFunction;
        foregroundDisabled: _vanilla_extract_private.CSSVarFunction;
        brandPrimary: _vanilla_extract_private.CSSVarFunction;
        brandSecondary: _vanilla_extract_private.CSSVarFunction;
        brandTertiary: _vanilla_extract_private.CSSVarFunction;
    };
    readonly textDecoration: readonly ["none", "underline"];
    readonly fill: {
        readonly inherit: "inherit";
        readonly currentColor: "currentColor";
        readonly softGrey: _vanilla_extract_private.CSSVarFunction;
        readonly softRed: _vanilla_extract_private.CSSVarFunction;
        readonly softOrange: _vanilla_extract_private.CSSVarFunction;
        readonly softYellow: _vanilla_extract_private.CSSVarFunction;
        readonly softGreen: _vanilla_extract_private.CSSVarFunction;
        readonly softJade: _vanilla_extract_private.CSSVarFunction;
        readonly softBlue: _vanilla_extract_private.CSSVarFunction;
        readonly softIndigo: _vanilla_extract_private.CSSVarFunction;
        readonly softViolet: _vanilla_extract_private.CSSVarFunction;
        readonly softPink: _vanilla_extract_private.CSSVarFunction;
        readonly brightGrey: _vanilla_extract_private.CSSVarFunction;
        readonly brightRed: _vanilla_extract_private.CSSVarFunction;
        readonly brightOrange: _vanilla_extract_private.CSSVarFunction;
        readonly brightYellow: _vanilla_extract_private.CSSVarFunction;
        readonly brightGreen: _vanilla_extract_private.CSSVarFunction;
        readonly brightJade: _vanilla_extract_private.CSSVarFunction;
        readonly brightBlue: _vanilla_extract_private.CSSVarFunction;
        readonly brightIndigo: _vanilla_extract_private.CSSVarFunction;
        readonly brightViolet: _vanilla_extract_private.CSSVarFunction;
        readonly brightPink: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractive: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractivePrimaryEnabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractivePrimaryFocus: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractivePrimaryHover: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveSecondaryEnabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveSecondaryFocus: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveSecondaryHover: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveDangerEnabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveDangerFocus: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveDangerHover: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInteractiveDisabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineDecorative: _vanilla_extract_private.CSSVarFunction;
        readonly outlineContainer: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInputEnabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInputHover: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInputFocus: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInputDisabled: _vanilla_extract_private.CSSVarFunction;
        readonly outlineInformative: _vanilla_extract_private.CSSVarFunction;
        readonly outlinePositive: _vanilla_extract_private.CSSVarFunction;
        readonly outlineWarning: _vanilla_extract_private.CSSVarFunction;
        readonly outlineNegative: _vanilla_extract_private.CSSVarFunction;
        readonly primarySolidEnabledBackground: _vanilla_extract_private.CSSVarFunction;
        readonly primarySolidHoverBackground: _vanilla_extract_private.CSSVarFunction;
        readonly primarySolidFocusBackground: _vanilla_extract_private.CSSVarFunction;
        readonly primaryTransparentEnabledBackground: _vanilla_extract_private.CSSVarFunction;
        readonly primaryTransparentHoverBackground: _vanilla_extract_private.CSSVarFunction;
        readonly primaryTransparentFocusBackground: _vanilla_extract_private.CSSVarFunction;
        readonly secondarySolidEnabledBackground: _vanilla_extract_private.CSSVarFunction;
        readonly secondarySolidHoverBackground: _vanilla_extract_private.CSSVarFunction;
        readonly secondarySolidFocusBackground: _vanilla_extract_private.CSSVarFunction;
        readonly secondaryTransparentEnabledBackground: _vanilla_extract_private.CSSVarFunction;
        readonly secondaryTransparentHoverBackground: _vanilla_extract_private.CSSVarFunction;
        readonly secondaryTransparentFocusBackground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerSolidEnabledBackground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerSolidHoverBackground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerSolidFocusBackground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerTransparentEnabledBackground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerTransparentHoverBackground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerTransparentFocusBackground: _vanilla_extract_private.CSSVarFunction;
        readonly disabledSolidBackground: _vanilla_extract_private.CSSVarFunction;
        readonly disabledTransparentBackground: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundPrimary: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundSecondary: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundOverlay: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundPrimaryInverse: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundSecondaryInverse: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundInteractive: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundInteractiveOverlay: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundInformative: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundPositive: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundWarning: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundNegative: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundLightScrim: _vanilla_extract_private.CSSVarFunction;
        readonly backgroundDarkScrim: _vanilla_extract_private.CSSVarFunction;
        readonly brandPrimary: _vanilla_extract_private.CSSVarFunction;
        readonly brandSecondary: _vanilla_extract_private.CSSVarFunction;
        readonly brandTertiary: _vanilla_extract_private.CSSVarFunction;
        readonly transparent: string;
        readonly primarySolidEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        readonly primarySolidHoverForeground: _vanilla_extract_private.CSSVarFunction;
        readonly primarySolidFocusForeground: _vanilla_extract_private.CSSVarFunction;
        readonly primaryTransparentEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        readonly primaryTransparentHoverForeground: _vanilla_extract_private.CSSVarFunction;
        readonly primaryTransparentFocusForeground: _vanilla_extract_private.CSSVarFunction;
        readonly secondarySolidEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        readonly secondarySolidHoverForeground: _vanilla_extract_private.CSSVarFunction;
        readonly secondarySolidFocusForeground: _vanilla_extract_private.CSSVarFunction;
        readonly secondaryTransparentEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        readonly secondaryTransparentHoverForeground: _vanilla_extract_private.CSSVarFunction;
        readonly secondaryTransparentFocusForeground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerSolidEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerSolidHoverForeground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerSolidFocusForeground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerTransparentEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerTransparentHoverForeground: _vanilla_extract_private.CSSVarFunction;
        readonly dangerTransparentFocusForeground: _vanilla_extract_private.CSSVarFunction;
        readonly disabledSolidForeground: _vanilla_extract_private.CSSVarFunction;
        readonly disabledTransparentForeground: _vanilla_extract_private.CSSVarFunction;
        readonly linkEnabled: _vanilla_extract_private.CSSVarFunction;
        readonly linkHover: _vanilla_extract_private.CSSVarFunction;
        readonly linkFocus: _vanilla_extract_private.CSSVarFunction;
        readonly linkDisabled: _vanilla_extract_private.CSSVarFunction;
        readonly linkEnabledInverse: _vanilla_extract_private.CSSVarFunction;
        readonly linkHoverInverse: _vanilla_extract_private.CSSVarFunction;
        readonly linkFocusInverse: _vanilla_extract_private.CSSVarFunction;
        readonly linkDisabledInverse: _vanilla_extract_private.CSSVarFunction;
        readonly textPrimary: _vanilla_extract_private.CSSVarFunction;
        readonly textSecondary: _vanilla_extract_private.CSSVarFunction;
        readonly textPrimaryInverse: _vanilla_extract_private.CSSVarFunction;
        readonly textSecondaryInverse: _vanilla_extract_private.CSSVarFunction;
        readonly textInteractive: _vanilla_extract_private.CSSVarFunction;
        readonly textInformative: _vanilla_extract_private.CSSVarFunction;
        readonly textPositive: _vanilla_extract_private.CSSVarFunction;
        readonly textWarning: _vanilla_extract_private.CSSVarFunction;
        readonly textNegative: _vanilla_extract_private.CSSVarFunction;
        readonly textDisabled: _vanilla_extract_private.CSSVarFunction;
        readonly foregroundPrimary: _vanilla_extract_private.CSSVarFunction;
        readonly foregroundSecondary: _vanilla_extract_private.CSSVarFunction;
        readonly foregroundPrimaryInverse: _vanilla_extract_private.CSSVarFunction;
        readonly foregroundSecondaryInverse: _vanilla_extract_private.CSSVarFunction;
        readonly foregroundInteractive: _vanilla_extract_private.CSSVarFunction;
        readonly foregroundInformative: _vanilla_extract_private.CSSVarFunction;
        readonly foregroundPositive: _vanilla_extract_private.CSSVarFunction;
        readonly foregroundWarning: _vanilla_extract_private.CSSVarFunction;
        readonly foregroundNegative: _vanilla_extract_private.CSSVarFunction;
        readonly foregroundDisabled: _vanilla_extract_private.CSSVarFunction;
    };
    readonly borderColor: {
        transparent: string;
        softGrey: _vanilla_extract_private.CSSVarFunction;
        softRed: _vanilla_extract_private.CSSVarFunction;
        softOrange: _vanilla_extract_private.CSSVarFunction;
        softYellow: _vanilla_extract_private.CSSVarFunction;
        softGreen: _vanilla_extract_private.CSSVarFunction;
        softJade: _vanilla_extract_private.CSSVarFunction;
        softBlue: _vanilla_extract_private.CSSVarFunction;
        softIndigo: _vanilla_extract_private.CSSVarFunction;
        softViolet: _vanilla_extract_private.CSSVarFunction;
        softPink: _vanilla_extract_private.CSSVarFunction;
        brightGrey: _vanilla_extract_private.CSSVarFunction;
        brightRed: _vanilla_extract_private.CSSVarFunction;
        brightOrange: _vanilla_extract_private.CSSVarFunction;
        brightYellow: _vanilla_extract_private.CSSVarFunction;
        brightGreen: _vanilla_extract_private.CSSVarFunction;
        brightJade: _vanilla_extract_private.CSSVarFunction;
        brightBlue: _vanilla_extract_private.CSSVarFunction;
        brightIndigo: _vanilla_extract_private.CSSVarFunction;
        brightViolet: _vanilla_extract_private.CSSVarFunction;
        brightPink: _vanilla_extract_private.CSSVarFunction;
        outlineInteractive: _vanilla_extract_private.CSSVarFunction;
        outlineInteractivePrimaryEnabled: _vanilla_extract_private.CSSVarFunction;
        outlineInteractivePrimaryFocus: _vanilla_extract_private.CSSVarFunction;
        outlineInteractivePrimaryHover: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveSecondaryEnabled: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveSecondaryFocus: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveSecondaryHover: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveDangerEnabled: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveDangerFocus: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveDangerHover: _vanilla_extract_private.CSSVarFunction;
        outlineInteractiveDisabled: _vanilla_extract_private.CSSVarFunction;
        outlineDecorative: _vanilla_extract_private.CSSVarFunction;
        outlineContainer: _vanilla_extract_private.CSSVarFunction;
        outlineInputEnabled: _vanilla_extract_private.CSSVarFunction;
        outlineInputHover: _vanilla_extract_private.CSSVarFunction;
        outlineInputFocus: _vanilla_extract_private.CSSVarFunction;
        outlineInputDisabled: _vanilla_extract_private.CSSVarFunction;
        outlineInformative: _vanilla_extract_private.CSSVarFunction;
        outlinePositive: _vanilla_extract_private.CSSVarFunction;
        outlineWarning: _vanilla_extract_private.CSSVarFunction;
        outlineNegative: _vanilla_extract_private.CSSVarFunction;
        primarySolidEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        primarySolidHoverForeground: _vanilla_extract_private.CSSVarFunction;
        primarySolidFocusForeground: _vanilla_extract_private.CSSVarFunction;
        primaryTransparentEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        primaryTransparentHoverForeground: _vanilla_extract_private.CSSVarFunction;
        primaryTransparentFocusForeground: _vanilla_extract_private.CSSVarFunction;
        secondarySolidEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        secondarySolidHoverForeground: _vanilla_extract_private.CSSVarFunction;
        secondarySolidFocusForeground: _vanilla_extract_private.CSSVarFunction;
        secondaryTransparentEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        secondaryTransparentHoverForeground: _vanilla_extract_private.CSSVarFunction;
        secondaryTransparentFocusForeground: _vanilla_extract_private.CSSVarFunction;
        dangerSolidEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        dangerSolidHoverForeground: _vanilla_extract_private.CSSVarFunction;
        dangerSolidFocusForeground: _vanilla_extract_private.CSSVarFunction;
        dangerTransparentEnabledForeground: _vanilla_extract_private.CSSVarFunction;
        dangerTransparentHoverForeground: _vanilla_extract_private.CSSVarFunction;
        dangerTransparentFocusForeground: _vanilla_extract_private.CSSVarFunction;
        disabledSolidForeground: _vanilla_extract_private.CSSVarFunction;
        disabledTransparentForeground: _vanilla_extract_private.CSSVarFunction;
        linkEnabled: _vanilla_extract_private.CSSVarFunction;
        linkHover: _vanilla_extract_private.CSSVarFunction;
        linkFocus: _vanilla_extract_private.CSSVarFunction;
        linkDisabled: _vanilla_extract_private.CSSVarFunction;
        linkEnabledInverse: _vanilla_extract_private.CSSVarFunction;
        linkHoverInverse: _vanilla_extract_private.CSSVarFunction;
        linkFocusInverse: _vanilla_extract_private.CSSVarFunction;
        linkDisabledInverse: _vanilla_extract_private.CSSVarFunction;
        textPrimary: _vanilla_extract_private.CSSVarFunction;
        textSecondary: _vanilla_extract_private.CSSVarFunction;
        textPrimaryInverse: _vanilla_extract_private.CSSVarFunction;
        textSecondaryInverse: _vanilla_extract_private.CSSVarFunction;
        textInteractive: _vanilla_extract_private.CSSVarFunction;
        textInformative: _vanilla_extract_private.CSSVarFunction;
        textPositive: _vanilla_extract_private.CSSVarFunction;
        textWarning: _vanilla_extract_private.CSSVarFunction;
        textNegative: _vanilla_extract_private.CSSVarFunction;
        textDisabled: _vanilla_extract_private.CSSVarFunction;
        foregroundPrimary: _vanilla_extract_private.CSSVarFunction;
        foregroundSecondary: _vanilla_extract_private.CSSVarFunction;
        foregroundPrimaryInverse: _vanilla_extract_private.CSSVarFunction;
        foregroundSecondaryInverse: _vanilla_extract_private.CSSVarFunction;
        foregroundInteractive: _vanilla_extract_private.CSSVarFunction;
        foregroundInformative: _vanilla_extract_private.CSSVarFunction;
        foregroundPositive: _vanilla_extract_private.CSSVarFunction;
        foregroundWarning: _vanilla_extract_private.CSSVarFunction;
        foregroundNegative: _vanilla_extract_private.CSSVarFunction;
        foregroundDisabled: _vanilla_extract_private.CSSVarFunction;
        brandPrimary: _vanilla_extract_private.CSSVarFunction;
        brandSecondary: _vanilla_extract_private.CSSVarFunction;
        brandTertiary: _vanilla_extract_private.CSSVarFunction;
    };
    readonly borderStyle: {
        readonly solid: "solid";
        readonly dashed: "dashed";
    };
    readonly borderWidth: {
        readonly 1: "1px";
        readonly 2: "2px";
    };
    readonly borderBottomWidth: {
        readonly 1: "1px";
        readonly 2: "2px";
    };
};

declare type FieldConfig = {
    label: {
        size: LabelProps["size"];
        color: "primary" | "secondary";
    };
    assistiveText: {
        size: Props$e["size"];
        paddingLeft: BentoSprinkles["paddingX"];
    };
    internalSpacing: BentoSprinkles["gap"];
    tip: {
        icon: (props: IconProps) => Children;
        iconSize: IconProps["size"];
        placement: TooltipPlacement;
    };
};
declare type InputConfig = {
    internalSpacing: BentoSprinkles["gap"];
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
    radius: BentoSprinkles["borderRadius"];
    background: {
        default: BentoSprinkles["background"];
        readOnly: keyof typeof statusProperties.background;
    };
    fontSize: Props$e["size"];
    passwordShowIcon: (props: IconProps) => Children;
    passwordHideIcon: (props: IconProps) => Children;
    passwordIconSize: IconProps["size"];
};
declare type SelectionControlGroupConfig = {
    internalSpacing: {
        horizontal: BentoSprinkles["gap"];
        vertical: BentoSprinkles["gap"];
    };
};
declare type SelectionControlConfig = {
    controlLabelSpacing: BentoSprinkles["gap"];
    labelPaddingTop: number;
    labelSize: Props$e["size"];
    checkboxBorderRadius: BentoSprinkles["borderRadius"];
};

declare type FormConfig = {
    headerTitle: {
        kind: "display";
        size: Props$b["size"];
    } | {
        kind: "headline";
        size: Props$a["size"];
    };
    headerDescriptionSize: Props$e["size"];
    formSpacing: BentoSprinkles["gap"];
    headerSpacing: BentoSprinkles["gap"];
    defaultActionsSize: Props$g["size"];
    defaultErrorBannerWidth: Props$g["errorBannerWidth"];
};
declare type FormRowConfig = {
    rowSpacing: BentoSprinkles["gap"];
};
declare type FormSectionConfig = {
    sectionTitleSize: Props$f["size"];
    sectionDescriptionSize: Props$e["size"];
    sectionHeaderSpacing: BentoSprinkles["gap"];
    sectionSpacing: BentoSprinkles["gap"];
};
declare type FormLayoutConfig = {
    form: FormConfig;
    section: FormSectionConfig;
    row: FormRowConfig;
};

declare type IconButtonConfig = {
    radius: BentoSprinkles["borderRadius"];
    padding: Record<IconProps["size"], BentoSprinkles["padding"] | {
        paddingX: BentoSprinkles["paddingX"];
        paddingY: BentoSprinkles["paddingY"];
    }>;
};

declare type Kind$1 = {
    kind: "overline";
    overline: LocalizedString;
    label: Children;
} | {
    kind?: "single-line";
    label: Children;
} | {
    kind: "two-line";
    label: Children;
    secondLine: Children;
};
declare type LeftItem = {
    icon?: never;
    illustration?: never;
} | {
    icon: (props: IconProps) => JSX.Element;
    illustration?: never;
} | {
    icon?: never;
    illustration: (props: IllustrationProps) => JSX.Element;
};
declare type RightItem = {
    trailingIcon?: (props: IconProps) => JSX.Element;
};
declare type CommonItemProps = {
    borderRadius?: BentoSprinkles["borderRadius"];
    disabled?: boolean;
    isFocused?: boolean;
    isSelected?: boolean;
    ignoreTabIndex?: boolean;
    key?: string | number;
};
declare type ActionProps = {
    onPress?: () => void;
    href?: never;
    target?: never;
} | {
    href?: string;
    target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
    onPress?: never;
};
declare type ListItemProps = Kind$1 & LeftItem & RightItem & CommonItemProps & ActionProps;
declare type Props$8 = ListItemProps & {
    size: ListSize;
};
declare const ListItem: react.ForwardRefExoticComponent<Props$8 & react.RefAttributes<HTMLElement>>;

declare type ListSize = "medium" | "large";
declare type Props$7 = {
    size: ListSize;
    items: ListItemProps[];
    space?: BentoSprinkles["gap"];
    dividers?: boolean;
};
declare function List({ items, ...props }: Props$7): JSX.Element;

declare type ListItemSizeConfig<T> = {
    [k in ListSize]: T;
};
declare type ListItemConfig = {
    borderRadius: BentoSprinkles["borderRadius"];
    paddingX: ListItemSizeConfig<BentoSprinkles["paddingX"]>;
    paddingY: ListItemSizeConfig<BentoSprinkles["paddingY"]>;
    fontSize: {
        firstLine: Props$e["size"];
        secondLine: Props$e["size"];
        overline: LabelProps["size"];
    };
    internalSpacing: BentoSprinkles["gap"];
    iconSize: {
        leading: IconProps["size"];
        trailing: IconProps["size"];
        illustration: IllustrationProps["size"];
    };
    iconColor: {
        leading: IconProps["color"];
        trailing: IconProps["color"];
        illustration: IllustrationColor;
    };
};
declare type ListConfig = {
    item: ListItemConfig;
    spacing: BentoSprinkles["gap"];
};

declare type MenuConfig = {
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
    radius: BentoSprinkles["borderRadius"];
    elevation: "small" | "medium" | "large";
    headerPaddingX: BentoSprinkles["paddingX"];
    headerPaddingY: BentoSprinkles["paddingY"];
    defaultOffset: number;
    nestedMenuIcon: (props: IconProps) => JSX.Element;
};

declare type ModalSize = "small" | "medium" | "large" | "wide";
declare type ModalKind = "normal" | "warning" | "destructive";
declare type Props$6 = {
    title: LocalizedString;
    children: Children;
    primaryAction?: Omit<Props$h, "kind" | "hierarchy" | "size">;
    secondaryAction?: Omit<Props$h, "kind" | "hierarchy" | "size">;
    onClose: () => void;
    closeButtonLabel?: LocalizedString;
    isDestructive?: boolean;
    loadingMessage?: Props$g["loadingMessage"];
    error?: Props$g["error"];
    errorBannerWidth?: Props$g["errorBannerWidth"];
    size?: ModalSize;
    kind?: ModalKind;
    autoFocus?: boolean;
};
declare type CustomModalProps = Pick<Props$6, "children" | "isDestructive" | "size" | "autoFocus"> & {
    ["aria-label"]: string;
};
declare function CustomModal(props: CustomModalProps): react.ReactPortal | null;
declare function Modal(props: Props$6): JSX.Element;

declare type SizeConfig$2<T> = {
    [k in ModalSize]: T;
};
declare type ModalConfig = {
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
    radius: BentoSprinkles["borderRadius"];
    titleSize: Props$f["size"];
    closeIcon: (props: IconProps) => Children;
    closeIconSize: IconProps["size"];
    width: SizeConfig$2<number>;
    elevation: "none" | "small" | "medium" | "large";
    titleIcon: {
        [k in Exclude<ModalKind, "normal">]: (props: IconProps) => Children;
    };
    titleIconSize: IconProps["size"];
    defaultErrorBannerWidth: NonNullable<Props$g["errorBannerWidth"]>;
    actionsSize: NonNullable<Props$g["size"]>;
    internalSpacing: BentoSprinkles["gap"];
};

declare type NavigationSize = "medium" | "large";
declare type Kind = "none" | "icon" | "illustration";
declare type DestinationIconProps<T extends Kind> = T extends "none" ? {
    icon?: never;
    illustration?: never;
} : T extends "icon" ? {
    icon: (props: IconProps) => JSX.Element;
    illustration?: never;
} : {
    icon?: never;
    illustration: (props: IllustrationProps) => JSX.Element;
};
declare type Props$5<T extends Kind> = {
    kind: T;
    size: NavigationSize;
    destinations: Array<{
        href: string;
        target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
        label: LocalizedString;
        active?: boolean;
        disabled?: boolean;
    } & DestinationIconProps<T>>;
};
declare function Navigation<T extends Kind>({ destinations, size }: Props$5<T>): JSX.Element;

declare type SizeConfig$1<A> = Record<NavigationSize, A>;
declare type NavigationConfig = {
    destinationsSpacing: BentoSprinkles["gap"];
    destinationPaddingX: SizeConfig$1<BentoSprinkles["paddingX"]>;
    destinationPaddingY: SizeConfig$1<BentoSprinkles["paddingY"]>;
    labelSize: SizeConfig$1<LabelProps["size"]>;
    iconSize: SizeConfig$1<IconProps["size"]>;
    illustrationSize: SizeConfig$1<IllustrationProps["size"]>;
    internalSpacing: SizeConfig$1<BentoSprinkles["gap"]>;
    activeVisualElement: ActiveVisualElementConfig | JSX.Element;
    uppercaseLabel: boolean;
};
declare type ActiveVisualElementConfig = {
    lineHeight: SizeConfig$1<number>;
    lineColor: BentoSprinkles["decoration"];
};

declare type SearchBarConfig = Omit<InputConfig, "iconSize"> & {
    clearIcon: (props: IconProps) => Children;
    clearIconSize: IconProps["size"];
    searchIcon: (props: IconProps) => Children;
    searchIconSize: IconProps["size"];
};

declare type DismissProps = {
    dismissButtonLabel?: LocalizedString;
    onDismiss: () => void;
} | {
    dismissButtonLabel?: never;
    onDismiss?: never;
};
declare type DefaultColor = "grey" | "red" | "orange" | "yellow" | "green" | "jade" | "blue" | "indigo" | "violet" | "pink";
declare type Props$4 = {
    label: LocalizedString;
    color: DefaultColor | ChipCustomColors;
    icon?: FunctionComponent<IconProps>;
    maxCharacters?: number;
    uppercase?: boolean;
} & DismissProps;
declare function Chip({ color, label: _label, icon, maxCharacters, uppercase, ...dismissProps }: Props$4): JSX.Element;

declare type DropdownConfig = {
    elevation: "small" | "medium" | "large";
    radius: BentoSprinkles["borderRadius"];
    list: ListConfig;
    menuPaddingY: BentoSprinkles["paddingY"];
    defaultMenuSize: "medium" | "large";
    openIndicatorIcon: (props: IconProps) => Children;
    openIndicatorIconSize: IconProps["size"];
    chipColor: Props$4["color"];
    chipSpacing: BentoSprinkles["gap"];
};

declare const vars: _vanilla_extract_private.MapLeafNodes<{
    fontFamily: {
        default: null;
    };
    fontWeight: {
        body: null;
        bodyStrong: null;
        display: null;
        headline: null;
        label: null;
        title: null;
    };
    fontSize: {
        bodySmall: null;
        bodyMedium: null;
        bodyLarge: null;
        displaySmall: null;
        displayMedium: null;
        displayLarge: null;
        headlineSmall: null;
        headlineMedium: null;
        headlineLarge: null;
        labelSmall: null;
        labelMedium: null;
        labelLarge: null;
        titleSmall: null;
        titleMedium: null;
        titleLarge: null;
    };
    lineHeight: {
        bodySmall: null;
        bodyMedium: null;
        bodyLarge: null;
        displaySmall: null;
        displayMedium: null;
        displayLarge: null;
        headlineSmall: null;
        headlineMedium: null;
        headlineLarge: null;
        labelSmall: null;
        labelMedium: null;
        labelLarge: null;
        titleSmall: null;
        titleMedium: null;
        titleLarge: null;
    };
    letterSpacing: {
        1: null;
        2: null;
    };
    space: {
        0: null;
        4: null;
        8: null;
        12: null;
        16: null;
        24: null;
        32: null;
        40: null;
        80: null;
    };
    negativeSpace: {
        0: null;
        negative4: null;
        negative8: null;
        negative12: null;
        negative16: null;
        negative24: null;
        negative32: null;
        negative40: null;
        negative80: null;
    };
    radius: {
        4: null;
        8: null;
        16: null;
    };
    brandColor: {
        brandPrimary: null;
        brandSecondary: null;
        brandTertiary: null;
    };
    backgroundColor: {
        backgroundPrimary: null;
        backgroundSecondary: null;
        backgroundOverlay: null;
        backgroundPrimaryInverse: null;
        backgroundSecondaryInverse: null;
        backgroundInteractive: null;
        backgroundInteractiveOverlay: null;
        backgroundInformative: null;
        backgroundPositive: null;
        backgroundWarning: null;
        backgroundNegative: null;
        backgroundLightScrim: null;
        backgroundDarkScrim: null;
    };
    foregroundColor: {
        foregroundPrimary: null;
        foregroundSecondary: null;
        foregroundPrimaryInverse: null;
        foregroundSecondaryInverse: null;
        foregroundInteractive: null;
        foregroundInformative: null;
        foregroundPositive: null;
        foregroundWarning: null;
        foregroundNegative: null;
        foregroundDisabled: null;
    };
    textColor: {
        textPrimary: null;
        textSecondary: null;
        textPrimaryInverse: null;
        textSecondaryInverse: null;
        textInteractive: null;
        textInformative: null;
        textPositive: null;
        textWarning: null;
        textNegative: null;
        textDisabled: null;
    };
    interactiveBackgroundColor: {
        primarySolidEnabledBackground: null;
        primarySolidHoverBackground: null;
        primarySolidFocusBackground: null;
        primaryTransparentEnabledBackground: null;
        primaryTransparentHoverBackground: null;
        primaryTransparentFocusBackground: null;
        secondarySolidEnabledBackground: null;
        secondarySolidHoverBackground: null;
        secondarySolidFocusBackground: null;
        secondaryTransparentEnabledBackground: null;
        secondaryTransparentHoverBackground: null;
        secondaryTransparentFocusBackground: null;
        dangerSolidEnabledBackground: null;
        dangerSolidHoverBackground: null;
        dangerSolidFocusBackground: null;
        dangerTransparentEnabledBackground: null;
        dangerTransparentHoverBackground: null;
        dangerTransparentFocusBackground: null;
        disabledSolidBackground: null;
        disabledTransparentBackground: null;
    };
    interactiveForegroundColor: {
        primarySolidEnabledForeground: null;
        primarySolidHoverForeground: null;
        primarySolidFocusForeground: null;
        primaryTransparentEnabledForeground: null;
        primaryTransparentHoverForeground: null;
        primaryTransparentFocusForeground: null;
        secondarySolidEnabledForeground: null;
        secondarySolidHoverForeground: null;
        secondarySolidFocusForeground: null;
        secondaryTransparentEnabledForeground: null;
        secondaryTransparentHoverForeground: null;
        secondaryTransparentFocusForeground: null;
        dangerSolidEnabledForeground: null;
        dangerSolidHoverForeground: null;
        dangerSolidFocusForeground: null;
        dangerTransparentEnabledForeground: null;
        dangerTransparentHoverForeground: null;
        dangerTransparentFocusForeground: null;
        disabledSolidForeground: null;
        disabledTransparentForeground: null;
        linkEnabled: null;
        linkHover: null;
        linkFocus: null;
        linkDisabled: null;
        linkEnabledInverse: null;
        linkHoverInverse: null;
        linkFocusInverse: null;
        linkDisabledInverse: null;
    };
    outlineColor: {
        outlineInteractive: null;
        outlineInteractivePrimaryEnabled: null;
        outlineInteractivePrimaryFocus: null;
        outlineInteractivePrimaryHover: null;
        outlineInteractiveSecondaryEnabled: null;
        outlineInteractiveSecondaryFocus: null;
        outlineInteractiveSecondaryHover: null;
        outlineInteractiveDangerEnabled: null;
        outlineInteractiveDangerFocus: null;
        outlineInteractiveDangerHover: null;
        outlineInteractiveDisabled: null;
        outlineDecorative: null;
        outlineContainer: null;
        outlineInputEnabled: null;
        outlineInputHover: null;
        outlineInputFocus: null;
        outlineInputDisabled: null;
        outlineInformative: null;
        outlinePositive: null;
        outlineWarning: null;
        outlineNegative: null;
    };
    dataVisualizationColor: {
        softGrey: null;
        softRed: null;
        softOrange: null;
        softYellow: null;
        softGreen: null;
        softJade: null;
        softBlue: null;
        softIndigo: null;
        softViolet: null;
        softPink: null;
        brightGrey: null;
        brightRed: null;
        brightOrange: null;
        brightYellow: null;
        brightGreen: null;
        brightJade: null;
        brightBlue: null;
        brightIndigo: null;
        brightViolet: null;
        brightPink: null;
    };
    boxShadow: {
        outlineInteractive: null;
        outlineInteractiveBottom: null;
        outlineInteractivePrimaryEnabled: null;
        outlineInteractivePrimaryFocus: null;
        outlineInteractivePrimaryHover: null;
        outlineInteractiveSecondaryEnabled: null;
        outlineInteractiveSecondaryFocus: null;
        outlineInteractiveSecondaryHover: null;
        outlineInteractiveDangerEnabled: null;
        outlineInteractiveDangerFocus: null;
        outlineInteractiveDangerHover: null;
        outlineInteractiveDisabled: null;
        outlineDecorative: null;
        outlineDecorativeBottom: null;
        outlineContainer: null;
        outlineInputEnabled: null;
        outlineInputHover: null;
        outlineInputFocus: null;
        outlineInputDisabled: null;
        outlineInformative: null;
        outlinePositive: null;
        outlineWarning: null;
        outlineNegative: null;
        outlineNegativeStrong: null;
        elevationSmall: null;
        elevationMedium: null;
        elevationLarge: null;
    };
}, _vanilla_extract_private.CSSVarFunction>;

declare type CellPaddingConfig = {
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
};
declare type TableConfig = {
    headerInfoIcon: (props: IconProps) => JSX.Element;
    emptyIllustration: (props: IllustrationProps) => JSX.Element;
    headerBackgroundColor: BentoSprinkles["background"];
    headerForegroundColor: BentoSprinkles["color"];
    hintPlacement: TooltipPlacement;
    cellTooltipPlacement: TooltipPlacement;
    evenRowsBackgroundColor: BentoSprinkles["background"];
    selectedRowBackgroundColor: keyof typeof vars.backgroundColor;
    padding: {
        header: CellPaddingConfig;
        defaultCell: CellPaddingConfig;
        buttonCell: CellPaddingConfig | undefined;
        buttonLinkCell: CellPaddingConfig | undefined;
        textCell: CellPaddingConfig | undefined;
        textWithIconCell: CellPaddingConfig | undefined;
        chipCell: CellPaddingConfig | undefined;
        labelCell: CellPaddingConfig | undefined;
        linkCell: CellPaddingConfig | undefined;
        iconCell: CellPaddingConfig | undefined;
        iconButtonCell: CellPaddingConfig | undefined;
    };
    boundaryPadding: BentoSprinkles["padding"];
};

declare type TabsSize = "medium" | "large";
declare type Props$3<A> = {
    size: TabsSize;
    value: A;
    onChange: (v: A) => void;
    tabs: Array<{
        value: A;
        label: LocalizedString;
        disabled?: boolean;
        icon?: (props: IconProps) => Children;
        hasNotification?: boolean;
        rightAccessory?: Children;
    }>;
};
declare function Tabs<A>({ size, value, tabs, onChange }: Props$3<A>): JSX.Element;

declare type SizeConfig<T> = Record<TabsSize, T>;
declare type TabsWidthConfig = {
    tabsWidth: "fit-content";
    tabsAlignment: "left" | "center" | "right";
} | {
    tabsWidth: "fill-parent";
    tabsAlignment?: never;
};
declare type TabsKindConfig = {
    kind: "folder";
    radius: BentoSprinkles["borderRadius"];
} | {
    kind: "underline";
    lineHeight: SizeConfig<number>;
    lineColor: NonNullable<BentoSprinkles["decoration"]>;
};
declare type TabsConfig = TabsWidthConfig & TabsKindConfig & {
    spaceBetweenTabs: BentoSprinkles["gap"];
    internalSpacing: BentoSprinkles["gap"];
    paddingX: SizeConfig<BentoSprinkles["paddingX"]>;
    paddingY: SizeConfig<BentoSprinkles["paddingY"]>;
    labelSize: SizeConfig<LabelProps["size"]>;
    uppercaseLabel: boolean;
    iconSize: IconProps["size"];
    notificationSize: number;
    notificationColor: BentoSprinkles["color"];
};

declare type ToastConfig = {
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
    radius: BentoSprinkles["borderRadius"];
    messageSize: Props$e["size"];
    closeIcon: (props: IconProps) => Children;
    closeIconSize: IconProps["size"];
    outline: boolean;
    internalSpacing: BentoSprinkles["gap"];
    elevation: "none" | "small" | "medium" | "large";
    buttonKind: Props$h["kind"];
    buttonSize: NonNullable<Props$h["size"]>;
};

declare type ProgressBarConfig = {
    height: number;
    radius: BentoSprinkles["borderRadius"];
    discreteInternalSpacing: BentoSprinkles["gap"];
};

declare type StepperConfig = {
    spaceBetweenSteps: BentoSprinkles["gap"];
    internalSpacing: BentoSprinkles["gap"];
    labelSize: LabelProps["size"];
    numberSize: LabelProps["size"];
    labelUppercase: boolean;
    doneIcon: (props: IconProps) => Children;
};

declare type SliderConfig = {
    valueSize: LabelProps["size"];
    labelsSize: LabelProps["size"];
    internalSpacing: BentoSprinkles["gap"];
    trailColor: BentoSprinkles["color"];
    trailRadius: BentoSprinkles["borderRadius"];
    trailHeight: number;
    thumbWidth: NonNullable<Exclude<BentoSprinkles["width"], "full">>;
    thumbHeight: NonNullable<Exclude<BentoSprinkles["height"], "full">>;
    thumbRadius: BentoSprinkles["borderRadius"];
    thumbInternalSpacing: BentoSprinkles["gap"];
};

declare type TooltipConfig = {
    paddingX: BentoSprinkles["paddingX"];
    paddingY: BentoSprinkles["paddingY"];
    radius: BentoSprinkles["borderRadius"];
    labelSize: ComponentProps<typeof Label>["size"];
};

declare type InlineLoaderConfig = {
    messageSize: Props$e["size"];
    spinnerIcon: (props: IconProps) => Children;
    spinnerIconSize: IconProps["size"];
};

declare type DecorativeDividerConfig = {
    height: number;
    radius: 0 | Extract<BentoSprinkles["borderRadius"], "circledX">;
    color: BentoSprinkles["color"];
};

declare type DateFieldConfig = {
    radius: NonNullable<BentoSprinkles["borderRadius"]>;
    padding: NonNullable<BentoSprinkles["padding"]>;
    elevation: "none" | "small" | "medium" | "large";
    monthYearLabelSize: LabelProps["size"];
    dayOfWeekLabelSize: LabelProps["size"];
    previousMonthIcon: (props: IconProps) => Children;
    nextMonthIcon: (props: IconProps) => Children;
    monthYearSelectIcons: {
        open: (props: IconProps) => Children;
        close: (props: IconProps) => Children;
    };
    dayWidth: keyof typeof vars.space;
    dayHeight: keyof typeof vars.space;
    dayRadius: NonNullable<BentoSprinkles["borderRadius"]>;
    daySize: Props$e["size"];
};

declare type ReadOnlyFieldConfig = {
    copyIcon: (props: IconProps) => Children;
    copyIconSize: IconProps["size"];
};

declare type FileUploaderFieldConfig = {
    defaultHeight: string | number;
    buttonKind: Props$h["kind"];
};

declare type ChartDataColor = keyof typeof allColors;
declare type ChartConfig = {
    defaultDataColors: ChartDataColor[];
};

declare type DefaultMessages = {
    defaultMessages: {
        Chip: {
            dismissButtonLabel: LocalizedString;
        };
        Banner: {
            dismissButtonLabel: LocalizedString;
        };
        Modal: {
            closeButtonLabel: LocalizedString;
        };
        SelectField: {
            noOptionsMessage: LocalizedString;
            multiOptionsSelected: (count: number) => LocalizedString;
            selectAllButtonLabel: LocalizedString;
            clearAllButtonLabel: LocalizedString;
        };
        SearchBar: {
            clearButtonLabel: LocalizedString;
        };
        Table: {
            noResultsTitle: LocalizedString;
            noResultsDescription: LocalizedString;
            missingValue: LocalizedString;
        };
        Loader: {
            loadingMessage: LocalizedString;
        };
        DateField: {
            previousMonthLabel: LocalizedString;
            nextMonthLabel: LocalizedString;
        };
        TextField: {
            showPasswordLabel: LocalizedString;
            hidePasswordLabel: LocalizedString;
        };
    };
};

declare type LinkComponentProps = {
    href: string;
} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color">;
declare const makeLinkComponent: (render: ForwardRefRenderFunction<HTMLAnchorElement, LinkComponentProps>) => react.ForwardRefExoticComponent<{
    href: string;
} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color"> & react.RefAttributes<HTMLAnchorElement>>;
declare type LinkComponent = ComponentType<LinkComponentProps>;
declare const DefaultLinkComponent: react.ForwardRefExoticComponent<{
    href: string;
} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color"> & react.RefAttributes<HTMLAnchorElement>>;
declare const LinkComponentContext: react.Context<LinkComponent>;
declare const useLinkComponent: () => LinkComponent;

declare type Props$2 = {
    children?: Children;
    toastDismissAfterMs?: number;
    linkComponent?: ComponentType<LinkComponentProps>;
    locale?: string;
    config?: PartialBentoConfig;
    sprinkles?: SprinklesFn;
    ssr?: boolean;
} & DefaultMessages;
declare function createBentoProvider(config?: PartialBentoConfig, sprinkles?: SprinklesFn): ({ children, toastDismissAfterMs, defaultMessages, linkComponent, locale, ssr, ...props }: Props$2) => JSX.Element;
declare const BentoProvider: ({ children, toastDismissAfterMs, defaultMessages, linkComponent, locale, ssr, ...props }: Props$2) => JSX.Element;
declare const DesignSystemProvider: ({ children, toastDismissAfterMs, defaultMessages, linkComponent, locale, ssr, ...props }: Props$2) => JSX.Element;

declare type HTMLProperties = Omit<React.AllHTMLAttributes<HTMLElement>, "as" | "color" | "height" | "width" | "className">;
declare type AsProp = {
    as?: React.ElementType;
};
declare type Props$1 = Parameters<SprinklesFn>[0] & HTMLProperties & AsProp & {
    className?: ClassValue;
};

declare type BoxType = React.ForwardRefExoticComponent<Props$1 & React.RefAttributes<HTMLElement>>;
declare const Box: BoxType;

declare type Omit$1<T, K> = string | number extends keyof T ? T : T extends any ? Pick<T, Exclude<keyof T, K>> : never;

declare type SelectOption<A> = Omit$1<ListItemProps, "trailingIcon" | "onPress" | "href" | "isFocused" | "ignoreTabIndex" | "size" | "isSelected"> & {
    value: A;
};
declare type MultiProps<A> = {
    isMulti: true;
    showMultiSelectBulkActions?: boolean;
    selectAllButtonLabel?: LocalizedString;
    clearAllButtonLabel?: LocalizedString;
} & FieldProps<A[]> & ({
    multiSelectMode?: "summary";
    multiValueMessage?: (numberOfSelectedOptions: number) => LocalizedString;
} | {
    multiSelectMode: "chips";
    multiValueMessage?: never;
});
declare type SingleProps<A> = {
    isMulti?: false;
} & FieldProps<A | undefined>;
declare type Props<A> = {
    menuSize?: ListSize;
    placeholder: LocalizedString;
    options: Array<SelectOption<A>>;
    noOptionsMessage?: LocalizedString;
    isReadOnly?: boolean;
    searchable?: boolean;
} & (SingleProps<A> | MultiProps<A>);

declare module "react-select/dist/declarations/src/Select" {
    interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
        menuSize?: ListSize;
        validationState: "valid" | "invalid";
        multiValueMessage?: (numberOfSelectedOptions: number) => LocalizedString;
        isReadOnly?: boolean;
        showMultiSelectBulkActions?: boolean;
        selectAllButtonLabel?: LocalizedString;
        clearAllButtonLabel?: LocalizedString;
        multiSelectMode?: "summary" | "chips";
    }
}
declare function SelectField<A>(props: Props<A>): JSX.Element;

declare module "react-table" {
    interface TableOptions<D extends object> extends UseTableOptions<D>, UseSortByOptions<D>, UseGroupByOptions<D> {
    }
    interface TableState<D extends object> extends UseGroupByState<D>, UseSortByState<D> {
    }
    interface ColumnInterface<D extends object> extends UseSortByColumnOptions<D> {
        align?: "left" | "right" | "center";
        sticky?: "left";
        gridWidth?: GridWidth;
        hint?: LocalizedString | {
            onPress: () => void;
        };
    }
    interface ColumnInstance<D extends object> extends UseSortByColumnProps<D>, UseGroupByColumnProps<D> {
    }
    interface Row<D extends object> extends UseGroupByRowProps<D> {
    }
}
declare type Column<A extends string, D extends object, V> = {
    accessor: A;
    Cell: (props: CellProps<D, V>) => ReturnType<FunctionComponent>;
} & Omit<Column$1<D>, "accessor" | "Cell" | "width">;
declare type ColumnValueByAccessor<C, K extends string> = C extends Column<K, infer _D, infer V> ? V : never;
declare type Row<Columns extends ReadonlyArray<Column<string, {}, any>>> = {
    [k in Columns[number]["accessor"]]?: ColumnValueByAccessor<Columns[number], k>;
};
declare type GridWidth = "fit-content" | "fill-available" | {
    custom: string | number;
};

declare type PartialDeep<O extends Record<string, unknown>> = {
    [K in keyof O]+?: O[K] extends Record<string, unknown> ? PartialDeep<O[K]> : O[K];
};

declare type BentoConfig = {
    actions: ActionsConfig;
    areaLoader: AreaLoaderConfig;
    avatar: AvatarConfig;
    banner: BannerConfig;
    breadcrumb: BreadcrumbConfig;
    button: ButtonConfig;
    card: CardConfig;
    chart: ChartConfig;
    chip: ChipConfig;
    dateField: DateFieldConfig;
    decorativeDivider: DecorativeDividerConfig;
    disclosure: DisclosureConfig;
    disclosureGroup: DisclosureGroupConfig;
    feedback: FeedbackConfig;
    field: FieldConfig;
    fileUploaderField: FileUploaderFieldConfig;
    input: InputConfig;
    selectionControl: {
        group: SelectionControlGroupConfig;
        element: SelectionControlConfig;
    };
    formLayout: FormLayoutConfig;
    iconButton: IconButtonConfig;
    inlineLoader: InlineLoaderConfig;
    list: ListConfig;
    menu: MenuConfig;
    modal: ModalConfig;
    navigation: NavigationConfig;
    readOnlyField: ReadOnlyFieldConfig;
    searchBar: SearchBarConfig;
    dropdown: DropdownConfig;
    table: TableConfig;
    toast: ToastConfig;
    tabs: TabsConfig;
    progressBar: ProgressBarConfig;
    slider: SliderConfig;
    stepper: StepperConfig;
    tooltip: TooltipConfig;
};
declare type PartialBentoConfig = PartialDeep<BentoConfig>;

export { OptionalResponsiveValue as $, ActionsConfig as A, BannerConfig as B, CardConfig as C, DecorativeDividerConfig as D, DateFieldConfig as E, FeedbackConfig as F, Props$h as G, Children as H, IconProps as I, BentoSprinkles as J, ChartDataColor as K, LocalizedString as L, MenuConfig as M, NavigationConfig as N, Omit$1 as O, ProgressBarConfig as P, AtLeast as Q, ReadOnlyFieldConfig as R, SelectionControlGroupConfig as S, TableConfig as T, FieldProps as U, RequiredResponsiveValue as V, Props$1 as W, Props$c as X, NonEmptyArray as Y, Props$g as Z, ResponsiveSpace as _, IllustrationProps as a, Props$f as a$, AsProp as a0, Box as a1, Kind$1 as a2, LeftItem as a3, CommonItemProps as a4, ListItemProps as a5, Props$7 as a6, Column as a7, Props$4 as a8, Props$e as a9, SelectField as aA, Tabs as aB, Title as aC, TypeOverrides as aD, ChipCustomColors as aE, Props$d as aF, Kind$2 as aG, createBentoProvider as aH, BentoProvider as aI, DesignSystemProvider as aJ, OtherButtonKeys as aK, ButtonSize as aL, FeedbackSize as aM, RightItem as aN, ListItem as aO, Props$6 as aP, ModalSize as aQ, ModalKind as aR, Props$5 as aS, NavigationSize as aT, Props as aU, SelectOption as aV, Props$3 as aW, TabsSize as aX, Props$b as aY, Props$a as aZ, LabelProps as a_, Row as aa, Props$9 as ab, TooltipPlacement as ac, DefaultMessages as ad, PartialBentoConfig as ae, bentoSprinkles as af, SprinklesFn as ag, Actions as ah, Banner as ai, Body as aj, BoxType as ak, Button as al, Chip as am, CustomModal as an, LinkComponentProps as ao, PartialDeep as ap, BentoConfig as aq, Disclosure as ar, Display as as, Feedback as at, Headline as au, Label as av, List as aw, ListSize as ax, Modal as ay, Navigation as az, IllustrationColor as b, ConfiguredTypes as b0, unconditionalProperties as b1, responsiveProperties as b2, allColors as b3, statusProperties as b4, makeLinkComponent as b5, LinkComponent as b6, DefaultLinkComponent as b7, LinkComponentContext as b8, useLinkComponent as b9, vars as ba, AreaLoaderConfig as c, AvatarConfig as d, BreadcrumbConfig as e, ButtonConfig as f, ChartConfig as g, ChipConfig as h, DisclosureConfig as i, DisclosureGroupConfig as j, FieldConfig as k, FileUploaderFieldConfig as l, InlineLoaderConfig as m, InputConfig as n, SelectionControlConfig as o, FormLayoutConfig as p, IconButtonConfig as q, ListConfig as r, ModalConfig as s, SearchBarConfig as t, DropdownConfig as u, ToastConfig as v, TabsConfig as w, SliderConfig as x, StepperConfig as y, TooltipConfig as z };