@entur/tokens 3.19.2 → 3.19.3

package/dist/index.d.ts

@@ -1,4020 +1,8 @@
-export declare const base: {
-    light: {
-        baseColors: {
-            frame: {
-                contrast: string;
-                contrastalt: string;
-                contrastalt2: string;
-                default: string;
-                elevated: string;
-                elevatedalt: string;
-                subdued: string;
-                tint: string;
-            };
-            shape: {
-                accent: string;
-                bicycleContrast: string;
-                bicycleDefault: string;
-                busContrast: string;
-                busDefault: string;
-                cablewayContrast: string;
-                cablewayDefault: string;
-                disabled: string;
-                disabledalt: string;
-                ferryContrast: string;
-                ferryDefault: string;
-                funicularContrast: string;
-                funicularDefault: string;
-                helicopterContrast: string;
-                helicopterDefault: string;
-                highlight: string;
-                light: string;
-                mask: string;
-                maskalt: string;
-                metroContrast: string;
-                metroDefault: string;
-                mobilityContrast: string;
-                mobilityDefault: string;
-                planeContrast: string;
-                planeDefault: string;
-                subdued: string;
-                subduedalt: string;
-                taxiContrast: string;
-                taxiDefault: string;
-                trainContrast: string;
-                trainDefault: string;
-                tramContrast: string;
-                tramDefault: string;
-                walkContrast: string;
-                walkDefault: string;
-                airportlinkbusContrast: string;
-                airportlinkbusDefault: string;
-                airportlinkrailContrast: string;
-                airportlinkrailDefault: string;
-            };
-            stroke: {
-                contrast: string;
-                default: string;
-                disabled: string;
-                focusContrast: string;
-                focusStandard: string;
-                highlight: string;
-                light: string;
-                subdued: string;
-                subduedalt: string;
-            };
-            text: {
-                accent: string;
-                disabled: string;
-                disabledalt: string;
-                highlight: string;
-                light: string;
-                subdued: string;
-                subduedalt: string;
-            };
-        };
-    };
-    dark: {
-        baseColors: {
-            frame: {
-                contrast: string;
-                contrastalt: string;
-                contrastalt2: string;
-                default: string;
-                elevated: string;
-                elevatedalt: string;
-                subdued: string;
-                tint: string;
-            };
-            shape: {
-                accent: string;
-                bicycleContrast: string;
-                bicycleDefault: string;
-                busContrast: string;
-                busDefault: string;
-                cablewayContrast: string;
-                cablewayDefault: string;
-                disabled: string;
-                disabledalt: string;
-                ferryContrast: string;
-                ferryDefault: string;
-                funicularContrast: string;
-                funicularDefault: string;
-                helicopterContrast: string;
-                helicopterDefault: string;
-                highlight: string;
-                light: string;
-                mask: string;
-                maskalt: string;
-                metroContrast: string;
-                metroDefault: string;
-                mobilityContrast: string;
-                mobilityDefault: string;
-                planeContrast: string;
-                planeDefault: string;
-                subdued: string;
-                subduedalt: string;
-                taxiContrast: string;
-                taxiDefault: string;
-                trainContrast: string;
-                trainDefault: string;
-                tramContrast: string;
-                tramDefault: string;
-                walkContrast: string;
-                walkDefault: string;
-                airportlinkbusContrast: string;
-                airportlinkbusDefault: string;
-                airportlinkrailContrast: string;
-                airportlinkrailDefault: string;
-            };
-            stroke: {
-                contrast: string;
-                default: string;
-                disabled: string;
-                focusContrast: string;
-                focusStandard: string;
-                highlight: string;
-                light: string;
-                subdued: string;
-                subduedalt: string;
-            };
-            text: {
-                accent: string;
-                disabled: string;
-                disabledalt: string;
-                highlight: string;
-                light: string;
-                subdued: string;
-                subduedalt: string;
-            };
-        };
-    };
-};
-
-export declare const borderRadiuses: {
-    /** 1 px (0.0625rem) */
-    default: number;
-    /** 1 px (0.0625rem) */
-    small: number;
-    /** 4 px (0.25rem) */
-    medium: number;
-    /** 8 px (0.5rem) */
-    large: number;
-    rem: {
-        /** 0.0625rem (1px) */
-        default: number;
-        /** 0.0625rem (1px) */
-        small: number;
-        /** 0.25rem (4px) */
-        medium: number;
-        /** 0.5rem (8px) */
-        large: number;
-    };
-};
-
-export declare const borderWidths: {
-    /** 2px (0.125rem) */
-    default: number;
-    /** 1px (0.0625rem) */
-    small: number;
-    /** 2px (0.125rem) */
-    medium: number;
-    /** 4px (0.25rem) */
-    large: number;
-    rem: {
-        /** 0.125rem (2px) */
-        default: number;
-        /** 0.0625rem (1px) */
-        small: number;
-        /** 0.125rem (2px) */
-        medium: number;
-        /** 0.25rem (4px) */
-        large: number;
-    };
-};
-
-export declare const breakpoints: {
-    large: number;
-    extraLarge: number;
-    rem: {
-        large: number;
-        extraLarge: number;
-    };
-};
-
-declare type ColorFileData = {
-    outputString: string;
-    outputFileName: string;
-    packageName?: string;
-};
-
-export declare const colors: {
-    brand: {
-        blue: string;
-        lavender: string;
-        white: string;
-        coral: string;
-        peach: string;
-    };
-    blues: {
-        blue10: string;
-        blue20: string;
-        blue30: string;
-        blue40: string;
-        blue45: string;
-        blue50: string;
-        blue60: string;
-        blue70: string;
-        blue80: string;
-        blue90: string;
-    };
-    greys: {
-        grey: string;
-        grey10: string;
-        grey20: string;
-        grey30: string;
-        grey40: string;
-        grey45: string;
-        grey50: string;
-        grey60: string;
-        grey70: string;
-        grey80: string;
-        grey90: string;
-    };
-    validation: {
-        sky: string;
-        skyContrast: string;
-        skyTint: string;
-        lava: string;
-        lavaContrast: string;
-        lavaTint: string;
-        mint: string;
-        mintContrast: string;
-        mintTint: string;
-        canary: string;
-        canaryContrast: string;
-        canaryTint: string;
-    };
-    misc: {
-        focus: string;
-        black: string;
-    };
-    transport: {
-        default: {
-            metro: string;
-            bus: string;
-            plane: string;
-            helicopter: string;
-            tram: string;
-            funicular: string;
-            cableway: string;
-            taxi: string;
-            bicycle: string;
-            walk: string;
-            train: string;
-            ferry: string;
-            carferry: string;
-            mobility: string;
-        };
-        contrast: {
-            metro: string;
-            bus: string;
-            plane: string;
-            helicopter: string;
-            tram: string;
-            funicular: string;
-            cableway: string;
-            taxi: string;
-            bicycle: string;
-            walk: string;
-            train: string;
-            ferry: string;
-            carferry: string;
-            mobility: string;
-        };
-    };
-    data: {
-        default: {
-            blue: string;
-            coral: string;
-            jungle: string;
-            azure: string;
-            lavender: string;
-            peach: string;
-            spring: string;
-            lilac: string;
-        };
-        contrast: {
-            blue: string;
-            coral: string;
-            jungle: string;
-            azure: string;
-            lavender: string;
-            peach: string;
-            spring: string;
-            lilac: string;
-        };
-    };
-};
-
-export declare const componentColors: {
-    light: {
-        components: {
-            layout: {
-                badge: {
-                    information: {
-                        contrast: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                        standard: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                    };
-                    negative: {
-                        contrast: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                        standard: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                    };
-                    neutral: {
-                        contrast: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                        standard: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                    };
-                    primary: {
-                        contrast: {
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                        standard: {
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                    };
-                    success: {
-                        contrast: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                        standard: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                    };
-                    warning: {
-                        contrast: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                        standard: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                    };
-                };
-                card: {
-                    contrast: {
-                        borderDefault: string;
-                        borderActive: string;
-                        divide: string;
-                        fillDefaultSolid: string;
-                        fillDefaultTransparent: string;
-                        fillHoveractive: string;
-                        icon: string;
-                        shadowLayer1: string;
-                        shadowLayer2: string;
-                        shadowLayer3: string;
-                        subjectText: string;
-                        text: string;
-                    };
-                    standard: {
-                        borderDefault: string;
-                        borderActive: string;
-                        divide: string;
-                        fillDefaultSolid: string;
-                        fillDefaultTransparent: string;
-                        fillHoveractive: string;
-                        icon: string;
-                        shadowLayer1: string;
-                        shadowLayer2: string;
-                        shadowLayer3: string;
-                        subjectText: string;
-                        text: string;
-                    };
-                };
-            };
-            alert: {
-                alertbox: {
-                    information: {
-                        contrast: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textToast: string;
-                        };
-                        standard: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textToast: string;
-                        };
-                    };
-                    negative: {
-                        contrast: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textToast: string;
-                        };
-                        standard: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textToast: string;
-                        };
-                    };
-                    success: {
-                        contrast: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textToast: string;
-                        };
-                        standard: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textToast: string;
-                        };
-                    };
-                    warning: {
-                        contrast: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textDefault2: string;
-                        };
-                        standard: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textToast: string;
-                        };
-                    };
-                };
-                copyableText: {
-                    contrast: {
-                        border: string;
-                        borderInteractive: string;
-                        fill: string;
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        border: string;
-                        borderInteractive: string;
-                        fill: string;
-                        icon: string;
-                        text: string;
-                    };
-                };
-            };
-            button: {
-                disabled: {
-                    contrast: {
-                        fill: string;
-                        iconDisabled: string;
-                        textDisabled: string;
-                    };
-                    standard: {
-                        fill: string;
-                        iconDisabled: string;
-                        textDisabled: string;
-                    };
-                };
-                floating: {
-                    contrast: {
-                        active: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        active: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        text: string;
-                    };
-                };
-                iconButton: {
-                    contrast: {
-                        active: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        iconActive: string;
-                        text: string;
-                        textActive: string;
-                    };
-                    standard: {
-                        active: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        iconActive: string;
-                        text: string;
-                        textActive: string;
-                    };
-                };
-                negative: {
-                    contrast: {
-                        active: string;
-                        border: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        iconActive: string;
-                        text: string;
-                        textActive: string;
-                    };
-                    standard: {
-                        active: string;
-                        border: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        iconActive: string;
-                        text: string;
-                        textActive: string;
-                    };
-                };
-                primary: {
-                    contrast: {
-                        active: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        active: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        text: string;
-                    };
-                };
-                secondary: {
-                    contrast: {
-                        active: string;
-                        border: string;
-                        borderActive: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        iconActive: string;
-                        text: string;
-                        textActive: string;
-                    };
-                    standard: {
-                        active: string;
-                        border: string;
-                        borderActive: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        iconActive: string;
-                        text: string;
-                        textActive: string;
-                    };
-                };
-                squareSecondary: {
-                    contrast: {
-                        active: string;
-                        border: string;
-                        borderActive: string;
-                        default: string;
-                        hover: string;
-                        iconActive: string;
-                        iconDefault: string;
-                        iconHover: string;
-                        label: string;
-                    };
-                    standard: {
-                        active: string;
-                        border: string;
-                        borderActive: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        iconActive: string;
-                        text: string;
-                    };
-                };
-                squareSuccess: {
-                    contrast: {
-                        active: string;
-                        border: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        label: string;
-                    };
-                    standard: {
-                        active: string;
-                        border: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        label: string;
-                    };
-                };
-                success: {
-                    contrast: {
-                        active: string;
-                        border: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        active: string;
-                        border: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        text: string;
-                    };
-                };
-            };
-            chip: {
-                contrast: {
-                    active: string;
-                    border: string;
-                    borderDisabled: string;
-                    default: string;
-                    hover: string;
-                    iconDisabled: string;
-                    iconSelected: string;
-                    iconUnselected: string;
-                    textDisabled: string;
-                    textSelected: string;
-                    textUnselected: string;
-                };
-                standard: {
-                    active: string;
-                    border: string;
-                    borderDisabled: string;
-                    default: string;
-                    hover: string;
-                    iconDisabled: string;
-                    iconSelected: string;
-                    iconUnselected: string;
-                    textDisabled: string;
-                    textSelected: string;
-                    textUnselected: string;
-                };
-            };
-            datepicker: {
-                calendar: {
-                    background: string;
-                    border: string;
-                    dateborder: string;
-                    datefillHover: string;
-                    datefillSelected: string;
-                    icon: string;
-                    strokeToday: string;
-                    textAccent: string;
-                    textDisabled: string;
-                    textSubdued: string;
-                };
-            };
-            expand: {
-                expandablePanel: {
-                    contrast: {
-                        fillDefault: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        fillDefault: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        icon: string;
-                        text: string;
-                    };
-                };
-                expandableText: {
-                    contrast: {
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        icon: string;
-                        text: string;
-                    };
-                };
-            };
-            form: {
-                baseForm: {
-                    contrast: {
-                        borderDefault: string;
-                        borderInteractive: string;
-                        borderNegative: string;
-                        borderSuccess: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillReadonly: string;
-                        icon: string;
-                        iconDisabled: string;
-                        textContent: string;
-                        textDescription: string;
-                        textLabel: string;
-                        textDisabled: string;
-                    };
-                    standard: {
-                        borderDefault: string;
-                        borderInteractive: string;
-                        borderNegative: string;
-                        borderSuccess: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillReadonly: string;
-                        icon: string;
-                        iconDisabled: string;
-                        textContent: string;
-                        textDescription: string;
-                        textLabel: string;
-                        textDisabled: string;
-                    };
-                };
-                baseMenu: {
-                    border: string;
-                    fillDefault: string;
-                    fillHover: string;
-                    fillSelected: string;
-                    icon: string;
-                    iconDisabled: string;
-                    text: string;
-                    textDisabled: string;
-                };
-                basePanel: {
-                    contrast: {
-                        borderDefault: string;
-                        borderDisabled: string;
-                        borderSelected: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillExpired: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        textAccent: string;
-                        textDisabled: string;
-                        textRebate: string;
-                        textSubdued: string;
-                    };
-                    standard: {
-                        borderDefault: string;
-                        borderDisabled: string;
-                        borderSelected: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillExpired: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        textAccent: string;
-                        textDisabled: string;
-                        textRebate: string;
-                        textSubdued: string;
-                    };
-                };
-                checkbox: {
-                    contrast: {
-                        border: string;
-                        borderDisabled: string;
-                        borderNegative: string;
-                        borderReadonly: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        fillSelectedhover: string;
-                        icon: string;
-                        iconDisabled: string;
-                        iconReadonly: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                    standard: {
-                        border: string;
-                        borderDisabled: string;
-                        borderNegative: string;
-                        borderReadonly: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        fillSelectedhover: string;
-                        icon: string;
-                        iconDisabled: string;
-                        iconReadonly: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                };
-                feedbackText: {
-                    information: {
-                        contrast: {
-                            iconFill: string;
-                            iconSymbol: string;
-                            stroke: string;
-                            text: string;
-                        };
-                        standard: {
-                            iconFill: string;
-                            iconSymbol: string;
-                            stroke: string;
-                            text: string;
-                        };
-                    };
-                    negative: {
-                        contrast: {
-                            iconFill: string;
-                            iconSymbol: string;
-                            stroke: string;
-                            text: string;
-                        };
-                        standard: {
-                            iconFill: string;
-                            stroke: string;
-                            symbol: string;
-                            text: string;
-                        };
-                    };
-                    success: {
-                        contrast: {
-                            iconFill: string;
-                            iconStroke: string;
-                            iconSymbol: string;
-                            text: string;
-                        };
-                        standard: {
-                            iconFill: string;
-                            iconStroke: string;
-                            iconSymbol: string;
-                            text: string;
-                        };
-                    };
-                    warning: {
-                        contrast: {
-                            icon: string;
-                            iconSymbol: string;
-                            stroke: string;
-                            text: string;
-                        };
-                        standard: {
-                            iconFill: string;
-                            iconSymbol: string;
-                            stroke: string;
-                            text: string;
-                        };
-                    };
-                };
-                radio: {
-                    contrast: {
-                        border: string;
-                        borderDisabled: string;
-                        borderNegative: string;
-                        borderReadonly: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        fillSelectedhover: string;
-                        icon: string;
-                        iconDisabled: string;
-                        iconReadonly: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                    standard: {
-                        border: string;
-                        borderDisabled: string;
-                        borderNegative: string;
-                        borderReadonly: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        icon: string;
-                        iconDisabled: string;
-                        iconReadonly: string;
-                        selectedhover: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                };
-                segmentedControl: {
-                    contrast: {
-                        background: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        fillUnselected: string;
-                        iconSelected: string;
-                        iconUnselected: string;
-                        textSelected: string;
-                        textUnselected: string;
-                    };
-                    standard: {
-                        background: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        fillUnselected: string;
-                        iconSelected: string;
-                        iconUnselected: string;
-                        textSelected: string;
-                        textUnselected: string;
-                    };
-                };
-                switch: {
-                    contrast: {
-                        fillFalse: string;
-                        fillTrue: string;
-                        iconFalse: string;
-                        iconTrue: string;
-                        switch: string;
-                        text: string;
-                    };
-                    standard: {
-                        fillFalse: string;
-                        fillTrue: string;
-                        iconFalse: string;
-                        iconTrue: string;
-                        switch: string;
-                        text: string;
-                    };
-                };
-            };
-            loader: {
-                fileupload: {
-                    contrast: {
-                        fillDefault: string;
-                        icon: string;
-                        iconDisabled: string;
-                        strokeDefault: string;
-                        strokeDisabled: string;
-                        strokeNegative: string;
-                        strokeSuccess: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                    standard: {
-                        fillDefault: string;
-                        icon: string;
-                        iconDisabled: string;
-                        strokeDefault: string;
-                        strokeDisabled: string;
-                        strokeNegative: string;
-                        strokeSuccess: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                };
-                loader: {
-                    contrast: {
-                        border: string;
-                        progressbar: string;
-                        text: string;
-                    };
-                    standard: {
-                        border: string;
-                        progressbar: string;
-                        text: string;
-                    };
-                };
-                spinner: {
-                    contrast: {
-                        fill: string;
-                    };
-                    standard: {
-                        fill: string;
-                    };
-                };
-                skeleton: {
-                    contrast: {
-                        fill: string;
-                        highlight: string;
-                    };
-                    standard: {
-                        fill: string;
-                        highlight: string;
-                    };
-                };
-            };
-            menu: {
-                breadcrumb: {
-                    contrast: {
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        icon: string;
-                        text: string;
-                    };
-                };
-                navigationBar: {
-                    contrast: {
-                        background: string;
-                        divide: string;
-                        iconSelected: string;
-                        iconUnselected: string;
-                        strokeSelected: string;
-                        textSelected: string;
-                        textUnselected: string;
-                    };
-                    standard: {
-                        background: string;
-                        divide: string;
-                        iconSelected: string;
-                        iconUnselected: string;
-                        strokeSelected: string;
-                        textSelected: string;
-                        textUnselected: string;
-                    };
-                };
-                navigationLink: {
-                    contrast: {
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        icon: string;
-                        text: string;
-                    };
-                };
-                overflowMenu: {
-                    border: string;
-                    fillActive: string;
-                    fillDefault: string;
-                    fillHover: string;
-                    icon: string;
-                    iconDisabled: string;
-                    text: string;
-                    textDisabled: string;
-                };
-                pagination: {
-                    contrast: {
-                        active: string;
-                        borderSelected: string;
-                        borderUnselected: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        textSelected: string;
-                        textSubdued: string;
-                        textUnselected: string;
-                    };
-                    standard: {
-                        active: string;
-                        borderSelected: string;
-                        borderUnselected: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        textSelected: string;
-                        textSubdued: string;
-                        textUnselected: string;
-                    };
-                };
-                sideNavigation: {
-                    contrast: {
-                        avatar: string;
-                        background: string;
-                        divide: string;
-                        fillActive: string;
-                        fillDefault: string;
-                        fillHover: string;
-                        icon: string;
-                        iconDisabled: string;
-                        iconLabel: string;
-                        label: string;
-                        strokeSelected: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                    standard: {
-                        avatar: string;
-                        background: string;
-                        divide: string;
-                        fillActive: string;
-                        fillDefault: string;
-                        fillHover: string;
-                        icon: string;
-                        iconDisabled: string;
-                        iconLabel: string;
-                        label: string;
-                        strokeSelected: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                };
-                stepper: {
-                    contrast: {
-                        background: string;
-                        progressbar: string;
-                        textCompleted: string;
-                        textUncompleted: string;
-                    };
-                    standard: {
-                        background: string;
-                        progressbar: string;
-                        textCompleted: string;
-                        textUncompleted: string;
-                    };
-                };
-                tableOfContent: {
-                    contrast: {
-                        iconSelected: string;
-                        iconUnselected: string;
-                        strokeSelected: string;
-                        strokeUnselected: string;
-                        textSelected: string;
-                        textUnselected: string;
-                    };
-                    standard: {
-                        iconSelected: string;
-                        iconUnselected: string;
-                        strokeSelected: string;
-                        strokeUnselected: string;
-                        textSelected: string;
-                        textUnselected: string;
-                    };
-                };
-            };
-            modal: {
-                drawer: {
-                    contrast: {
-                        background: string;
-                        text: string;
-                    };
-                    standard: {
-                        background: string;
-                        text: string;
-                    };
-                };
-                modal: {
-                    contrast: {
-                        border: string;
-                        fill: string;
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        border: string;
-                        fill: string;
-                        icon: string;
-                        text: string;
-                    };
-                };
-            };
-            tab: {
-                contrast: {
-                    border: string;
-                    fillDisabled: string;
-                    fillHover: string;
-                    fillSelected: string;
-                    fillUnselected: string;
-                    icon: string;
-                    iconDisabled: string;
-                    text: string;
-                    textDisabled: string;
-                    underlineSelected: string;
-                };
-                standard: {
-                    border: string;
-                    fillDisabled: string;
-                    fillHover: string;
-                    fillSelected: string;
-                    fillUnselected: string;
-                    icon: string;
-                    iconDisabled: string;
-                    text: string;
-                    textDisabled: string;
-                    underlineSelected: string;
-                };
-            };
-            table: {
-                contrast: {
-                    cellFill: string;
-                    cellFillHover: string;
-                    cellFillNegative: string;
-                    headerFill: string;
-                    icon: string;
-                    stroke: string;
-                    text: string;
-                };
-                standard: {
-                    cellFill: string;
-                    cellFillHover: string;
-                    fillNegative: string;
-                    headerFill: string;
-                    icon: string;
-                    stroke: string;
-                    text: string;
-                };
-            };
-            tooltip: {
-                popover: {
-                    contrast: {
-                        border: string;
-                        fill: string;
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        border: string;
-                        fill: string;
-                        icon: string;
-                        text: string;
-                    };
-                };
-                tooltip: {
-                    contrast: {
-                        fill: string;
-                        fillNegative: string;
-                        icon: string;
-                        iconNegative: string;
-                        text: string;
-                        textNegative: string;
-                        triangle: string;
-                        triangleNegative: string;
-                    };
-                    standard: {
-                        fill: string;
-                        fillNegative: string;
-                        icon: string;
-                        iconNegative: string;
-                        text: string;
-                        textNegative: string;
-                        triangle: string;
-                        triangleNegative: string;
-                    };
-                };
-            };
-            travel: {
-                legLine: {
-                    strokeLine: string;
-                };
-                seatmap: {
-                    background: string;
-                    border: string;
-                    borderReverse: string;
-                    fillChosen: string;
-                    fillConfirm: string;
-                    fillConflict: string;
-                    fillExit: string;
-                    fillFree: string;
-                    fillHeadpillow: string;
-                    fillReverse: string;
-                    fillUnavailable: string;
-                    fillWc: string;
-                    fillWindow: string;
-                    iconReverse: string;
-                    iconWc: string;
-                    strokeChosen: string;
-                    strokeConfirm: string;
-                    strokeConflict: string;
-                    strokeFree: string;
-                    strokeUnavailable: string;
-                    textChosen: string;
-                    textFree: string;
-                    textUnavailable: string;
-                };
-                travelHeader: {
-                    contrast: {
-                        strokeLine: string;
-                        text: string;
-                    };
-                    standard: {
-                        strokeLine: string;
-                        text: string;
-                    };
-                };
-                travelLeg: {
-                    contrast: {
-                        air: string;
-                        airportlinkbus: string;
-                        airportlinkrail: string;
-                        bicycle: string;
-                        bulletBorder: string;
-                        bus: string;
-                        cableway: string;
-                        carferry: string;
-                        citybike: string;
-                        ferry: string;
-                        funicular: string;
-                        helicopter: string;
-                        metro: string;
-                        mobility: string;
-                        plane: string;
-                        rail: string;
-                        taxi: string;
-                        train: string;
-                        tram: string;
-                        walk: string;
-                        water: string;
-                    };
-                    standard: {
-                        air: string;
-                        airportlinkbus: string;
-                        airportlinkrail: string;
-                        bicycle: string;
-                        bulletBorder: string;
-                        bus: string;
-                        cableway: string;
-                        carferry: string;
-                        citybike: string;
-                        ferry: string;
-                        funicular: string;
-                        helicopter: string;
-                        metro: string;
-                        mobility: string;
-                        plane: string;
-                        rail: string;
-                        taxi: string;
-                        train: string;
-                        tram: string;
-                        walk: string;
-                        water: string;
-                    };
-                };
-                travelSwitch: {
-                    contrast: {
-                        backgroundfalse: string;
-                        backgroundtrueAir: string;
-                        backgroundtrueBicycle: string;
-                        backgroundtrueBus: string;
-                        backgroundtrueCableway: string;
-                        backgroundtrueCarferry: string;
-                        backgroundtrueCitybike: string;
-                        backgroundtrueFerry: string;
-                        backgroundtrueFunicular: string;
-                        backgroundtrueHelicopter: string;
-                        backgroundtrueMetro: string;
-                        backgroundtrueMobility: string;
-                        backgroundtruePlane: string;
-                        backgroundtrueRail: string;
-                        backgroundtrueTaxi: string;
-                        backgroundtrueTrain: string;
-                        backgroundtrueTram: string;
-                        backgroundtrueWalk: string;
-                        backgroundtrueWater: string;
-                        backgroundtrueAirportlinkbus: string;
-                        backgroundtrueAirportlinkrail: string;
-                        iconfalse: string;
-                        icontrueBicycle: string;
-                        icontrueBus: string;
-                        icontrueCableway: string;
-                        icontrueCarferry: string;
-                        icontrueCitybike: string;
-                        icontrueFerry: string;
-                        icontrueFunicular: string;
-                        icontrueHelicopter: string;
-                        icontrueMetro: string;
-                        icontrueMobility: string;
-                        icontruePlane: string;
-                        icontrueTaxi: string;
-                        icontrueTrain: string;
-                        icontrueTram: string;
-                        icontrueWalk: string;
-                        icontrueAirportlinkbus: string;
-                        icontrueAirportlinkrail: string;
-                        switchfillFalse: string;
-                        switchfillTrue: string;
-                        text: string;
-                    };
-                    standard: {
-                        backgroundfalse: string;
-                        backgroundtrueAir: string;
-                        backgroundtrueBicycle: string;
-                        backgroundtrueBus: string;
-                        backgroundtrueCableway: string;
-                        backgroundtrueCarferry: string;
-                        backgroundtrueCitybike: string;
-                        backgroundtrueFerry: string;
-                        backgroundtrueFunicular: string;
-                        backgroundtrueHelicopter: string;
-                        backgroundtrueMetro: string;
-                        backgroundtrueMobility: string;
-                        backgroundtruePlane: string;
-                        backgroundtrueRail: string;
-                        backgroundtrueTaxi: string;
-                        backgroundtrueTrain: string;
-                        backgroundtrueTram: string;
-                        backgroundtrueWalk: string;
-                        backgroundtrueWater: string;
-                        backgroundtrueAirportlinkbus: string;
-                        backgroundtrueAirportlinkrail: string;
-                        iconfalse: string;
-                        icontrueBicycle: string;
-                        icontrueBus: string;
-                        icontrueCableway: string;
-                        icontrueCarferry: string;
-                        icontrueCitybike: string;
-                        icontrueFerry: string;
-                        icontrueFunicular: string;
-                        icontrueHelicopter: string;
-                        icontrueMetro: string;
-                        icontrueMobility: string;
-                        icontruePlane: string;
-                        icontrueRail: string;
-                        icontrueTaxi: string;
-                        icontrueTrain: string;
-                        icontrueTram: string;
-                        icontrueWalk: string;
-                        icontrueWater: string;
-                        icontrueAirportlinkbus: string;
-                        icontrueAirportlinkbus2: string;
-                        icontrueAirportlinkrail: string;
-                        switchfillFalse: string;
-                        switchfillTrue: string;
-                        text: string;
-                    };
-                };
-                travelTag: {
-                    contrast: {
-                        icon: string;
-                        iconBusCancled: string;
-                        iconCabllewayCancled: string;
-                        iconCarferryCancled: string;
-                        iconFerryCancled: string;
-                        iconFunicularCancled: string;
-                        iconHelicopterCancled: string;
-                        iconMetroCancled: string;
-                        iconPlaneCancled: string;
-                        iconTaxiCancled: string;
-                        iconTrainCancled: string;
-                        iconTramCancled: string;
-                        iconWalk: string;
-                        iconAirportlinkbusCancled: string;
-                        iconAirportlinkrailCancled: string;
-                        iconborderValidation: string;
-                        tagfillAir: string;
-                        tagfillBicycle: string;
-                        tagfillBus: string;
-                        tagfillBusCancled: string;
-                        tagfillCableway: string;
-                        tagfillCablewayCancled: string;
-                        tagfillCarferry: string;
-                        tagfillCarferryCancled: string;
-                        tagfillCitybike: string;
-                        tagfillFerry: string;
-                        tagfillFerryCancled: string;
-                        tagfillFunicular: string;
-                        tagfillFunicularCancled: string;
-                        tagfillHelicopter: string;
-                        tagfillHelicopterCancled: string;
-                        tagfillMetro: string;
-                        tagfillMetroCancled: string;
-                        tagfillMobility: string;
-                        tagfillPlane: string;
-                        tagfillPlaneCancled: string;
-                        tagfillRail: string;
-                        tagfillRailCancled: string;
-                        tagfillTaxi: string;
-                        tagfillTaxiCancled: string;
-                        tagfillTrain: string;
-                        tagfillTrainCancled: string;
-                        tagfillTram: string;
-                        tagfillTramCancled: string;
-                        tagfillWalk: string;
-                        tagfillWater: string;
-                        tagfillWaterCancled: string;
-                        tagfillAirportlinkbusCancled: string;
-                        tagfillAirportlinkbusCancled2: string;
-                        tagfillAirportlinkrail: string;
-                        tagfillAirportlinkrailCancled: string;
-                        tagfillAirportlinkbus: string;
-                        textCancled: string;
-                        textLabel: string;
-                        textLine: string;
-                        textLineBusCancled: string;
-                        textLineCablewayCancled: string;
-                        textLineCarferryCancled: string;
-                        textLineFerryCancled: string;
-                        textLineFunicularCancled: string;
-                        textLineHelicopterCancled: string;
-                        textLineMetroCancled: string;
-                        textLinePlaneCancled: string;
-                        textLineTaxiCancled: string;
-                        textLineTrainCancled: string;
-                        textLineTramCancled: string;
-                        textLineAirportlinkbusCancled: string;
-                        textLineAirportlinkrailCancled: string;
-                        textNewtime: string;
-                        textWalk: string;
-                    };
-                    standard: {
-                        icon: string;
-                        iconBusCancled: string;
-                        iconCarferryCancled: string;
-                        iconFerryCancled: string;
-                        iconFunicularCancled: string;
-                        iconHelicopterCancled: string;
-                        iconMetroCancled: string;
-                        iconPlaneCancled: string;
-                        iconTaxiCancled: string;
-                        iconTrainCancled: string;
-                        iconTramCancled: string;
-                        iconWalk: string;
-                        iconAirportlinkbusCancled: string;
-                        iconAirportlinkrailCancled: string;
-                        iconCablewayCancled: string;
-                        iconborderValidation: string;
-                        tagfillAir: string;
-                        tagfillAirCancled: string;
-                        tagfillBicycle: string;
-                        tagfillBus: string;
-                        tagfillBusCancled: string;
-                        tagfillCableway: string;
-                        tagfillCablewayCancled: string;
-                        tagfillCarferry: string;
-                        tagfillCarferryCancled: string;
-                        tagfillCitybike: string;
-                        tagfillFerry: string;
-                        tagfillFerryCancled: string;
-                        tagfillFunicular: string;
-                        tagfillFunicularCancled: string;
-                        tagfillHelicopter: string;
-                        tagfillHelicopterCancled: string;
-                        tagfillMetro: string;
-                        tagfillMetroCancled: string;
-                        tagfillMobility: string;
-                        tagfillPlane: string;
-                        tagfillPlaneCancled: string;
-                        tagfillRail: string;
-                        tagfillRailCancled: string;
-                        tagfillTaxi: string;
-                        tagfillTaxiCancled: string;
-                        tagfillTrain: string;
-                        tagfillTrainCancled: string;
-                        tagfillTram: string;
-                        tagfillTramCancled: string;
-                        tagfillWalk: string;
-                        tagfillWater: string;
-                        tagfillWaterCancled: string;
-                        tagfillAirportlinkbus: string;
-                        tagfillAirportlinkbusCancled: string;
-                        tagfillAirportlinkrail: string;
-                        tagfillAirportlinkrailCancled: string;
-                        textCancled: string;
-                        textLabel: string;
-                        textLine: string;
-                        textLineBusCancled: string;
-                        textLineCablewayCancled: string;
-                        textLineCarferryCancled: string;
-                        textLineFerryCancled: string;
-                        textLineFunicularCancled: string;
-                        textLineHelicopterCancled: string;
-                        textLineMetroCancled: string;
-                        textLinePlaneCancled: string;
-                        textLineTaxiCancled: string;
-                        textLineTrainCancled: string;
-                        textLineTramCancled: string;
-                        textLineAirportlinkbusCancled: string;
-                        textLineAirportlinkrailCancled: string;
-                        textNewtime: string;
-                        textWalk: string;
-                    };
-                };
-            };
-            typography: {
-                baseText: {
-                    contrast: {
-                        textAccent: string;
-                    };
-                    standard: {
-                        textAccent: string;
-                    };
-                };
-                blockquote: {
-                    contrast: {
-                        stroke: string;
-                        textAccent: string;
-                        textSubdued: string;
-                    };
-                    standard: {
-                        stroke: string;
-                        textAccent: string;
-                        textSubdued: string;
-                    };
-                };
-                codeText: {
-                    contrast: {
-                        border: string;
-                        borderInteractive: string;
-                        fill: string;
-                        text: string;
-                    };
-                    standard: {
-                        border: string;
-                        borderInteractive: string;
-                        fill: string;
-                        text: string;
-                    };
-                };
-                label: {
-                    contrast: {
-                        textAccent: string;
-                    };
-                    standard: {
-                        textAccent: string;
-                    };
-                };
-                list: {
-                    contrast: {
-                        border: string;
-                        textAccent: string;
-                    };
-                    standard: {
-                        border: string;
-                        textAccent: string;
-                    };
-                };
-            };
-        };
-        designentur: {
-            basecard: {
-                contrast: {
-                    border: string;
-                    fill: string;
-                    fillTint: string;
-                    text: string;
-                };
-                default: {
-                    border: string;
-                    fill: string;
-                    fillTint: string;
-                    text: string;
-                };
-            };
-            dodontcard: {
-                fill: string;
-                statuslineNegative: string;
-                statuslineSuccess: string;
-                statuslineWarning: string;
-                text: string;
-            };
-            footer: {
-                contrast: {
-                    divider: string;
-                    fill: string;
-                    text: string;
-                    textSubdued: string;
-                };
-                default: {
-                    divider: string;
-                    fill: string;
-                    text: string;
-                    textSubdued: string;
-                };
-            };
-            header: {
-                contrast: {
-                    divider: string;
-                    fill: string;
-                };
-                default: {
-                    divider: string;
-                    fill: string;
-                };
-            };
-            logo: {
-                contrast: {
-                    backgroundApp: string;
-                    highlight: string;
-                    text: string;
-                    textApp: string;
-                };
-                standard: {
-                    backgroundApp: string;
-                    highlight: string;
-                    text: string;
-                    textApp: string;
-                };
-            };
-            npmtag: {
-                divide: string;
-                text: string;
-            };
-            playground: {
-                background: string;
-                border: string;
-                panel: string;
-                text: string;
-            };
-            typographycard: {
-                border: string;
-                fill: string;
-                text: string;
-                textSubdued: string;
-            };
-        };
-    };
-    dark: {
-        components: {
-            layout: {
-                badge: {
-                    information: {
-                        contrast: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                        standard: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                    };
-                    negative: {
-                        contrast: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                        standard: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                    };
-                    neutral: {
-                        contrast: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                        standard: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                    };
-                    primary: {
-                        contrast: {
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                        standard: {
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                    };
-                    success: {
-                        contrast: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                        standard: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                    };
-                    warning: {
-                        contrast: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                        standard: {
-                            border: string;
-                            bullet: string;
-                            fill: string;
-                            text: string;
-                            textBullet: string;
-                        };
-                    };
-                };
-                card: {
-                    contrast: {
-                        borderDefault: string;
-                        borderActive: string;
-                        divide: string;
-                        fillDefaultSolid: string;
-                        fillDefaultTransparent: string;
-                        fillHoveractive: string;
-                        icon: string;
-                        shadowLayer1: string;
-                        shadowLayer2: string;
-                        shadowLayer3: string;
-                        subjectText: string;
-                        text: string;
-                    };
-                    standard: {
-                        borderDefault: string;
-                        borderActive: string;
-                        divide: string;
-                        fillDefaultSolid: string;
-                        fillDefaultTransparent: string;
-                        fillHoveractive: string;
-                        icon: string;
-                        shadowLayer1: string;
-                        shadowLayer2: string;
-                        shadowLayer3: string;
-                        subjectText: string;
-                        text: string;
-                    };
-                };
-            };
-            alert: {
-                alertbox: {
-                    information: {
-                        contrast: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textToast: string;
-                        };
-                        standard: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textToast: string;
-                        };
-                    };
-                    negative: {
-                        contrast: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textToast: string;
-                        };
-                        standard: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textToast: string;
-                        };
-                    };
-                    success: {
-                        contrast: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textToast: string;
-                        };
-                        standard: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textToast: string;
-                        };
-                    };
-                    warning: {
-                        contrast: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textDefault2: string;
-                        };
-                        standard: {
-                            border: string;
-                            fillDefault: string;
-                            fillToast: string;
-                            iconDefault: string;
-                            iconToast: string;
-                            textDefault: string;
-                            textToast: string;
-                        };
-                    };
-                };
-                copyableText: {
-                    contrast: {
-                        border: string;
-                        borderInteractive: string;
-                        fill: string;
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        border: string;
-                        borderInteractive: string;
-                        fill: string;
-                        icon: string;
-                        text: string;
-                    };
-                };
-            };
-            button: {
-                disabled: {
-                    contrast: {
-                        fill: string;
-                        iconDisabled: string;
-                        textDisabled: string;
-                    };
-                    standard: {
-                        fill: string;
-                        iconDisabled: string;
-                        textDisabled: string;
-                    };
-                };
-                floating: {
-                    contrast: {
-                        active: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        active: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        text: string;
-                    };
-                };
-                iconButton: {
-                    contrast: {
-                        active: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        iconActive: string;
-                        text: string;
-                        textActive: string;
-                    };
-                    standard: {
-                        active: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        iconActive: string;
-                        text: string;
-                        textActive: string;
-                    };
-                };
-                negative: {
-                    contrast: {
-                        active: string;
-                        border: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        iconActive: string;
-                        text: string;
-                        textActive: string;
-                    };
-                    standard: {
-                        active: string;
-                        border: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        iconActive: string;
-                        text: string;
-                        textActive: string;
-                    };
-                };
-                primary: {
-                    contrast: {
-                        active: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        active: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        text: string;
-                    };
-                };
-                secondary: {
-                    contrast: {
-                        active: string;
-                        border: string;
-                        borderActive: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        iconActive: string;
-                        text: string;
-                        textActive: string;
-                    };
-                    standard: {
-                        active: string;
-                        border: string;
-                        borderActive: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        iconActive: string;
-                        text: string;
-                        textActive: string;
-                    };
-                };
-                squareSecondary: {
-                    contrast: {
-                        active: string;
-                        border: string;
-                        borderActive: string;
-                        default: string;
-                        hover: string;
-                        iconActive: string;
-                        iconDefault: string;
-                        iconHover: string;
-                        label: string;
-                    };
-                    standard: {
-                        active: string;
-                        border: string;
-                        borderActive: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        iconActive: string;
-                        text: string;
-                    };
-                };
-                squareSuccess: {
-                    contrast: {
-                        active: string;
-                        border: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        label: string;
-                    };
-                    standard: {
-                        active: string;
-                        border: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        label: string;
-                    };
-                };
-                success: {
-                    contrast: {
-                        active: string;
-                        border: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        active: string;
-                        border: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        text: string;
-                    };
-                };
-            };
-            chip: {
-                contrast: {
-                    active: string;
-                    border: string;
-                    borderDisabled: string;
-                    default: string;
-                    hover: string;
-                    iconDisabled: string;
-                    iconSelected: string;
-                    iconUnselected: string;
-                    textDisabled: string;
-                    textSelected: string;
-                    textUnselected: string;
-                };
-                standard: {
-                    active: string;
-                    border: string;
-                    borderDisabled: string;
-                    default: string;
-                    hover: string;
-                    iconDisabled: string;
-                    iconSelected: string;
-                    iconUnselected: string;
-                    textDisabled: string;
-                    textSelected: string;
-                    textUnselected: string;
-                };
-            };
-            datepicker: {
-                calendar: {
-                    background: string;
-                    border: string;
-                    dateborder: string;
-                    datefillHover: string;
-                    datefillSelected: string;
-                    icon: string;
-                    strokeToday: string;
-                    textAccent: string;
-                    textDisabled: string;
-                    textSubdued: string;
-                };
-            };
-            expand: {
-                expandablePanel: {
-                    contrast: {
-                        fillDefault: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        fillDefault: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        icon: string;
-                        text: string;
-                    };
-                };
-                expandableText: {
-                    contrast: {
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        icon: string;
-                        text: string;
-                    };
-                };
-            };
-            form: {
-                baseForm: {
-                    contrast: {
-                        borderDefault: string;
-                        borderInteractive: string;
-                        borderNegative: string;
-                        borderSuccess: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillReadonly: string;
-                        icon: string;
-                        iconDisabled: string;
-                        textContent: string;
-                        textDescription: string;
-                        textLabel: string;
-                        textDisabled: string;
-                    };
-                    standard: {
-                        borderDefault: string;
-                        borderInteractive: string;
-                        borderNegative: string;
-                        borderSuccess: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillReadonly: string;
-                        icon: string;
-                        iconDisabled: string;
-                        textContent: string;
-                        textDescription: string;
-                        textLabel: string;
-                        textDisabled: string;
-                    };
-                };
-                baseMenu: {
-                    border: string;
-                    fillDefault: string;
-                    fillHover: string;
-                    fillSelected: string;
-                    icon: string;
-                    iconDisabled: string;
-                    text: string;
-                    textDisabled: string;
-                };
-                basePanel: {
-                    contrast: {
-                        borderDefault: string;
-                        borderDisabled: string;
-                        borderSelected: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillExpired: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        textAccent: string;
-                        textDisabled: string;
-                        textRebate: string;
-                        textSubdued: string;
-                    };
-                    standard: {
-                        borderDefault: string;
-                        borderDisabled: string;
-                        borderSelected: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillExpired: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        textAccent: string;
-                        textDisabled: string;
-                        textRebate: string;
-                        textSubdued: string;
-                    };
-                };
-                checkbox: {
-                    contrast: {
-                        border: string;
-                        borderDisabled: string;
-                        borderNegative: string;
-                        borderReadonly: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        fillSelectedhover: string;
-                        icon: string;
-                        iconDisabled: string;
-                        iconReadonly: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                    standard: {
-                        border: string;
-                        borderDisabled: string;
-                        borderNegative: string;
-                        borderReadonly: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        fillSelectedhover: string;
-                        icon: string;
-                        iconDisabled: string;
-                        iconReadonly: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                };
-                feedbackText: {
-                    information: {
-                        contrast: {
-                            iconFill: string;
-                            iconSymbol: string;
-                            stroke: string;
-                            text: string;
-                        };
-                        standard: {
-                            iconFill: string;
-                            iconSymbol: string;
-                            stroke: string;
-                            text: string;
-                        };
-                    };
-                    negative: {
-                        contrast: {
-                            iconFill: string;
-                            iconSymbol: string;
-                            stroke: string;
-                            text: string;
-                        };
-                        standard: {
-                            iconFill: string;
-                            stroke: string;
-                            symbol: string;
-                            text: string;
-                        };
-                    };
-                    success: {
-                        contrast: {
-                            iconFill: string;
-                            iconStroke: string;
-                            iconSymbol: string;
-                            text: string;
-                        };
-                        standard: {
-                            iconFill: string;
-                            iconStroke: string;
-                            iconSymbol: string;
-                            text: string;
-                        };
-                    };
-                    warning: {
-                        contrast: {
-                            icon: string;
-                            iconSymbol: string;
-                            stroke: string;
-                            text: string;
-                        };
-                        standard: {
-                            iconFill: string;
-                            iconSymbol: string;
-                            stroke: string;
-                            text: string;
-                        };
-                    };
-                };
-                radio: {
-                    contrast: {
-                        border: string;
-                        borderDisabled: string;
-                        borderNegative: string;
-                        borderReadonly: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        fillSelectedhover: string;
-                        icon: string;
-                        iconDisabled: string;
-                        iconReadonly: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                    standard: {
-                        border: string;
-                        borderDisabled: string;
-                        borderNegative: string;
-                        borderReadonly: string;
-                        fillDefault: string;
-                        fillDisabled: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        icon: string;
-                        iconDisabled: string;
-                        iconReadonly: string;
-                        selectedhover: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                };
-                segmentedControl: {
-                    contrast: {
-                        background: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        fillUnselected: string;
-                        iconSelected: string;
-                        iconUnselected: string;
-                        textSelected: string;
-                        textUnselected: string;
-                    };
-                    standard: {
-                        background: string;
-                        fillHover: string;
-                        fillSelected: string;
-                        fillUnselected: string;
-                        iconSelected: string;
-                        iconUnselected: string;
-                        textSelected: string;
-                        textUnselected: string;
-                    };
-                };
-                switch: {
-                    contrast: {
-                        fillFalse: string;
-                        fillTrue: string;
-                        iconFalse: string;
-                        iconTrue: string;
-                        switch: string;
-                        text: string;
-                    };
-                    standard: {
-                        fillFalse: string;
-                        fillTrue: string;
-                        iconFalse: string;
-                        iconTrue: string;
-                        switch: string;
-                        text: string;
-                    };
-                };
-            };
-            loader: {
-                fileupload: {
-                    contrast: {
-                        fillDefault: string;
-                        icon: string;
-                        iconDisabled: string;
-                        strokeDefault: string;
-                        strokeDisabled: string;
-                        strokeNegative: string;
-                        strokeSuccess: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                    standard: {
-                        fillDefault: string;
-                        icon: string;
-                        iconDisabled: string;
-                        strokeDefault: string;
-                        strokeDisabled: string;
-                        strokeNegative: string;
-                        strokeSuccess: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                };
-                loader: {
-                    contrast: {
-                        border: string;
-                        progressbar: string;
-                        text: string;
-                    };
-                    standard: {
-                        border: string;
-                        progressbar: string;
-                        text: string;
-                    };
-                };
-                spinner: {
-                    contrast: {
-                        fill: string;
-                    };
-                    standard: {
-                        fill: string;
-                    };
-                };
-                skeleton: {
-                    contrast: {
-                        fill: string;
-                        highlight: string;
-                    };
-                    standard: {
-                        fill: string;
-                        highlight: string;
-                    };
-                };
-            };
-            menu: {
-                breadcrumb: {
-                    contrast: {
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        icon: string;
-                        text: string;
-                    };
-                };
-                navigationBar: {
-                    contrast: {
-                        background: string;
-                        divide: string;
-                        iconSelected: string;
-                        iconUnselected: string;
-                        strokeSelected: string;
-                        textSelected: string;
-                        textUnselected: string;
-                    };
-                    standard: {
-                        background: string;
-                        divide: string;
-                        iconSelected: string;
-                        iconUnselected: string;
-                        strokeSelected: string;
-                        textSelected: string;
-                        textUnselected: string;
-                    };
-                };
-                navigationLink: {
-                    contrast: {
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        icon: string;
-                        text: string;
-                    };
-                };
-                overflowMenu: {
-                    border: string;
-                    fillActive: string;
-                    fillDefault: string;
-                    fillHover: string;
-                    icon: string;
-                    iconDisabled: string;
-                    text: string;
-                    textDisabled: string;
-                };
-                pagination: {
-                    contrast: {
-                        active: string;
-                        borderSelected: string;
-                        borderUnselected: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        textSelected: string;
-                        textSubdued: string;
-                        textUnselected: string;
-                    };
-                    standard: {
-                        active: string;
-                        borderSelected: string;
-                        borderUnselected: string;
-                        default: string;
-                        hover: string;
-                        icon: string;
-                        textSelected: string;
-                        textSubdued: string;
-                        textUnselected: string;
-                    };
-                };
-                sideNavigation: {
-                    contrast: {
-                        avatar: string;
-                        background: string;
-                        divide: string;
-                        fillActive: string;
-                        fillDefault: string;
-                        fillHover: string;
-                        icon: string;
-                        iconDisabled: string;
-                        iconLabel: string;
-                        label: string;
-                        strokeSelected: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                    standard: {
-                        avatar: string;
-                        background: string;
-                        divide: string;
-                        fillActive: string;
-                        fillDefault: string;
-                        fillHover: string;
-                        icon: string;
-                        iconDisabled: string;
-                        iconLabel: string;
-                        label: string;
-                        strokeSelected: string;
-                        text: string;
-                        textDisabled: string;
-                    };
-                };
-                stepper: {
-                    contrast: {
-                        background: string;
-                        progressbar: string;
-                        textCompleted: string;
-                        textUncompleted: string;
-                    };
-                    standard: {
-                        background: string;
-                        progressbar: string;
-                        textCompleted: string;
-                        textUncompleted: string;
-                    };
-                };
-                tableOfContent: {
-                    contrast: {
-                        iconSelected: string;
-                        iconUnselected: string;
-                        strokeSelected: string;
-                        strokeUnselected: string;
-                        textSelected: string;
-                        textUnselected: string;
-                    };
-                    standard: {
-                        iconSelected: string;
-                        iconUnselected: string;
-                        strokeSelected: string;
-                        strokeUnselected: string;
-                        textSelected: string;
-                        textUnselected: string;
-                    };
-                };
-            };
-            modal: {
-                drawer: {
-                    contrast: {
-                        background: string;
-                        text: string;
-                    };
-                    standard: {
-                        background: string;
-                        text: string;
-                    };
-                };
-                modal: {
-                    contrast: {
-                        border: string;
-                        fill: string;
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        border: string;
-                        fill: string;
-                        icon: string;
-                        text: string;
-                    };
-                };
-            };
-            tab: {
-                contrast: {
-                    border: string;
-                    fillDisabled: string;
-                    fillHover: string;
-                    fillSelected: string;
-                    fillUnselected: string;
-                    icon: string;
-                    iconDisabled: string;
-                    text: string;
-                    textDisabled: string;
-                    underlineSelected: string;
-                };
-                standard: {
-                    border: string;
-                    fillDisabled: string;
-                    fillHover: string;
-                    fillSelected: string;
-                    fillUnselected: string;
-                    icon: string;
-                    iconDisabled: string;
-                    text: string;
-                    textDisabled: string;
-                    underlineSelected: string;
-                };
-            };
-            table: {
-                contrast: {
-                    cellFill: string;
-                    cellFillHover: string;
-                    cellFillNegative: string;
-                    headerFill: string;
-                    icon: string;
-                    stroke: string;
-                    text: string;
-                };
-                standard: {
-                    cellFill: string;
-                    cellFillHover: string;
-                    fillNegative: string;
-                    headerFill: string;
-                    icon: string;
-                    stroke: string;
-                    text: string;
-                };
-            };
-            tooltip: {
-                popover: {
-                    contrast: {
-                        border: string;
-                        fill: string;
-                        icon: string;
-                        text: string;
-                    };
-                    standard: {
-                        border: string;
-                        fill: string;
-                        icon: string;
-                        text: string;
-                    };
-                };
-                tooltip: {
-                    contrast: {
-                        fill: string;
-                        fillNegative: string;
-                        icon: string;
-                        iconNegative: string;
-                        text: string;
-                        textNegative: string;
-                        triangle: string;
-                        triangleNegative: string;
-                    };
-                    standard: {
-                        fill: string;
-                        fillNegative: string;
-                        icon: string;
-                        iconNegative: string;
-                        text: string;
-                        textNegative: string;
-                        triangle: string;
-                        triangleNegative: string;
-                    };
-                };
-            };
-            travel: {
-                legLine: {
-                    strokeLine: string;
-                };
-                seatmap: {
-                    background: string;
-                    border: string;
-                    borderReverse: string;
-                    fillChosen: string;
-                    fillConfirm: string;
-                    fillConflict: string;
-                    fillExit: string;
-                    fillFree: string;
-                    fillHeadpillow: string;
-                    fillReverse: string;
-                    fillUnavailable: string;
-                    fillWc: string;
-                    fillWindow: string;
-                    iconReverse: string;
-                    iconWc: string;
-                    strokeChosen: string;
-                    strokeConfirm: string;
-                    strokeConflict: string;
-                    strokeFree: string;
-                    strokeUnavailable: string;
-                    textChosen: string;
-                    textFree: string;
-                    textUnavailable: string;
-                };
-                travelHeader: {
-                    contrast: {
-                        strokeLine: string;
-                        text: string;
-                    };
-                    standard: {
-                        strokeLine: string;
-                        text: string;
-                    };
-                };
-                travelLeg: {
-                    contrast: {
-                        air: string;
-                        airportlinkbus: string;
-                        airportlinkrail: string;
-                        bicycle: string;
-                        bulletBorder: string;
-                        bus: string;
-                        cableway: string;
-                        carferry: string;
-                        citybike: string;
-                        ferry: string;
-                        funicular: string;
-                        helicopter: string;
-                        metro: string;
-                        mobility: string;
-                        plane: string;
-                        rail: string;
-                        taxi: string;
-                        train: string;
-                        tram: string;
-                        walk: string;
-                        water: string;
-                    };
-                    standard: {
-                        air: string;
-                        airportlinkbus: string;
-                        airportlinkrail: string;
-                        bicycle: string;
-                        bulletBorder: string;
-                        bus: string;
-                        cableway: string;
-                        carferry: string;
-                        citybike: string;
-                        ferry: string;
-                        funicular: string;
-                        helicopter: string;
-                        metro: string;
-                        mobility: string;
-                        plane: string;
-                        rail: string;
-                        taxi: string;
-                        train: string;
-                        tram: string;
-                        walk: string;
-                        water: string;
-                    };
-                };
-                travelSwitch: {
-                    contrast: {
-                        backgroundfalse: string;
-                        backgroundtrueAir: string;
-                        backgroundtrueBicycle: string;
-                        backgroundtrueBus: string;
-                        backgroundtrueCableway: string;
-                        backgroundtrueCarferry: string;
-                        backgroundtrueCitybike: string;
-                        backgroundtrueFerry: string;
-                        backgroundtrueFunicular: string;
-                        backgroundtrueHelicopter: string;
-                        backgroundtrueMetro: string;
-                        backgroundtrueMobility: string;
-                        backgroundtruePlane: string;
-                        backgroundtrueRail: string;
-                        backgroundtrueTaxi: string;
-                        backgroundtrueTrain: string;
-                        backgroundtrueTram: string;
-                        backgroundtrueWalk: string;
-                        backgroundtrueWater: string;
-                        backgroundtrueAirportlinkbus: string;
-                        backgroundtrueAirportlinkrail: string;
-                        iconfalse: string;
-                        icontrueBicycle: string;
-                        icontrueBus: string;
-                        icontrueCableway: string;
-                        icontrueCarferry: string;
-                        icontrueCitybike: string;
-                        icontrueFerry: string;
-                        icontrueFunicular: string;
-                        icontrueHelicopter: string;
-                        icontrueMetro: string;
-                        icontrueMobility: string;
-                        icontruePlane: string;
-                        icontrueTaxi: string;
-                        icontrueTrain: string;
-                        icontrueTram: string;
-                        icontrueWalk: string;
-                        icontrueAirportlinkbus: string;
-                        icontrueAirportlinkrail: string;
-                        switchfillFalse: string;
-                        switchfillTrue: string;
-                        text: string;
-                    };
-                    standard: {
-                        backgroundfalse: string;
-                        backgroundtrueAir: string;
-                        backgroundtrueBicycle: string;
-                        backgroundtrueBus: string;
-                        backgroundtrueCableway: string;
-                        backgroundtrueCarferry: string;
-                        backgroundtrueCitybike: string;
-                        backgroundtrueFerry: string;
-                        backgroundtrueFunicular: string;
-                        backgroundtrueHelicopter: string;
-                        backgroundtrueMetro: string;
-                        backgroundtrueMobility: string;
-                        backgroundtruePlane: string;
-                        backgroundtrueRail: string;
-                        backgroundtrueTaxi: string;
-                        backgroundtrueTrain: string;
-                        backgroundtrueTram: string;
-                        backgroundtrueWalk: string;
-                        backgroundtrueWater: string;
-                        backgroundtrueAirportlinkbus: string;
-                        backgroundtrueAirportlinkrail: string;
-                        iconfalse: string;
-                        icontrueBicycle: string;
-                        icontrueBus: string;
-                        icontrueCableway: string;
-                        icontrueCarferry: string;
-                        icontrueCitybike: string;
-                        icontrueFerry: string;
-                        icontrueFunicular: string;
-                        icontrueHelicopter: string;
-                        icontrueMetro: string;
-                        icontrueMobility: string;
-                        icontruePlane: string;
-                        icontrueRail: string;
-                        icontrueTaxi: string;
-                        icontrueTrain: string;
-                        icontrueTram: string;
-                        icontrueWalk: string;
-                        icontrueWater: string;
-                        icontrueAirportlinkbus: string;
-                        icontrueAirportlinkbus2: string;
-                        icontrueAirportlinkrail: string;
-                        switchfillFalse: string;
-                        switchfillTrue: string;
-                        text: string;
-                    };
-                };
-                travelTag: {
-                    contrast: {
-                        icon: string;
-                        iconBusCancled: string;
-                        iconCabllewayCancled: string;
-                        iconCarferryCancled: string;
-                        iconFerryCancled: string;
-                        iconFunicularCancled: string;
-                        iconHelicopterCancled: string;
-                        iconMetroCancled: string;
-                        iconPlaneCancled: string;
-                        iconTaxiCancled: string;
-                        iconTrainCancled: string;
-                        iconTramCancled: string;
-                        iconWalk: string;
-                        iconAirportlinkbusCancled: string;
-                        iconAirportlinkrailCancled: string;
-                        iconborderValidation: string;
-                        tagfillAir: string;
-                        tagfillBicycle: string;
-                        tagfillBus: string;
-                        tagfillBusCancled: string;
-                        tagfillCableway: string;
-                        tagfillCablewayCancled: string;
-                        tagfillCarferry: string;
-                        tagfillCarferryCancled: string;
-                        tagfillCitybike: string;
-                        tagfillFerry: string;
-                        tagfillFerryCancled: string;
-                        tagfillFunicular: string;
-                        tagfillFunicularCancled: string;
-                        tagfillHelicopter: string;
-                        tagfillHelicopterCancled: string;
-                        tagfillMetro: string;
-                        tagfillMetroCancled: string;
-                        tagfillMobility: string;
-                        tagfillPlane: string;
-                        tagfillPlaneCancled: string;
-                        tagfillRail: string;
-                        tagfillRailCancled: string;
-                        tagfillTaxi: string;
-                        tagfillTaxiCancled: string;
-                        tagfillTrain: string;
-                        tagfillTrainCancled: string;
-                        tagfillTram: string;
-                        tagfillTramCancled: string;
-                        tagfillWalk: string;
-                        tagfillWater: string;
-                        tagfillWaterCancled: string;
-                        tagfillAirportlinkbusCancled: string;
-                        tagfillAirportlinkbusCancled2: string;
-                        tagfillAirportlinkrail: string;
-                        tagfillAirportlinkrailCancled: string;
-                        tagfillAirportlinkbus: string;
-                        textCancled: string;
-                        textLabel: string;
-                        textLine: string;
-                        textLineBusCancled: string;
-                        textLineCablewayCancled: string;
-                        textLineCarferryCancled: string;
-                        textLineFerryCancled: string;
-                        textLineFunicularCancled: string;
-                        textLineHelicopterCancled: string;
-                        textLineMetroCancled: string;
-                        textLinePlaneCancled: string;
-                        textLineTaxiCancled: string;
-                        textLineTrainCancled: string;
-                        textLineTramCancled: string;
-                        textLineAirportlinkbusCancled: string;
-                        textLineAirportlinkrailCancled: string;
-                        textNewtime: string;
-                        textWalk: string;
-                    };
-                    standard: {
-                        icon: string;
-                        iconBusCancled: string;
-                        iconCarferryCancled: string;
-                        iconFerryCancled: string;
-                        iconFunicularCancled: string;
-                        iconHelicopterCancled: string;
-                        iconMetroCancled: string;
-                        iconPlaneCancled: string;
-                        iconTaxiCancled: string;
-                        iconTrainCancled: string;
-                        iconTramCancled: string;
-                        iconWalk: string;
-                        iconAirportlinkbusCancled: string;
-                        iconAirportlinkrailCancled: string;
-                        iconCablewayCancled: string;
-                        iconborderValidation: string;
-                        tagfillAir: string;
-                        tagfillAirCancled: string;
-                        tagfillBicycle: string;
-                        tagfillBus: string;
-                        tagfillBusCancled: string;
-                        tagfillCableway: string;
-                        tagfillCablewayCancled: string;
-                        tagfillCarferry: string;
-                        tagfillCarferryCancled: string;
-                        tagfillCitybike: string;
-                        tagfillFerry: string;
-                        tagfillFerryCancled: string;
-                        tagfillFunicular: string;
-                        tagfillFunicularCancled: string;
-                        tagfillHelicopter: string;
-                        tagfillHelicopterCancled: string;
-                        tagfillMetro: string;
-                        tagfillMetroCancled: string;
-                        tagfillMobility: string;
-                        tagfillPlane: string;
-                        tagfillPlaneCancled: string;
-                        tagfillRail: string;
-                        tagfillRailCancled: string;
-                        tagfillTaxi: string;
-                        tagfillTaxiCancled: string;
-                        tagfillTrain: string;
-                        tagfillTrainCancled: string;
-                        tagfillTram: string;
-                        tagfillTramCancled: string;
-                        tagfillWalk: string;
-                        tagfillWater: string;
-                        tagfillWaterCancled: string;
-                        tagfillAirportlinkbus: string;
-                        tagfillAirportlinkbusCancled: string;
-                        tagfillAirportlinkrail: string;
-                        tagfillAirportlinkrailCancled: string;
-                        textCancled: string;
-                        textLabel: string;
-                        textLine: string;
-                        textLineBusCancled: string;
-                        textLineCablewayCancled: string;
-                        textLineCarferryCancled: string;
-                        textLineFerryCancled: string;
-                        textLineFunicularCancled: string;
-                        textLineHelicopterCancled: string;
-                        textLineMetroCancled: string;
-                        textLinePlaneCancled: string;
-                        textLineTaxiCancled: string;
-                        textLineTrainCancled: string;
-                        textLineTramCancled: string;
-                        textLineAirportlinkbusCancled: string;
-                        textLineAirportlinkrailCancled: string;
-                        textNewtime: string;
-                        textWalk: string;
-                    };
-                };
-            };
-            typography: {
-                baseText: {
-                    contrast: {
-                        textAccent: string;
-                    };
-                    standard: {
-                        textAccent: string;
-                    };
-                };
-                blockquote: {
-                    contrast: {
-                        stroke: string;
-                        textAccent: string;
-                        textSubdued: string;
-                    };
-                    standard: {
-                        stroke: string;
-                        textAccent: string;
-                        textSubdued: string;
-                    };
-                };
-                codeText: {
-                    contrast: {
-                        border: string;
-                        borderInteractive: string;
-                        fill: string;
-                        text: string;
-                    };
-                    standard: {
-                        border: string;
-                        borderInteractive: string;
-                        fill: string;
-                        text: string;
-                    };
-                };
-                label: {
-                    contrast: {
-                        textAccent: string;
-                    };
-                    standard: {
-                        textAccent: string;
-                    };
-                };
-                list: {
-                    contrast: {
-                        border: string;
-                        textAccent: string;
-                    };
-                    standard: {
-                        border: string;
-                        textAccent: string;
-                    };
-                };
-            };
-        };
-        designentur: {
-            basecard: {
-                contrast: {
-                    border: string;
-                    fill: string;
-                    fillTint: string;
-                    text: string;
-                };
-                default: {
-                    border: string;
-                    fill: string;
-                    fillTint: string;
-                    text: string;
-                };
-            };
-            dodontcard: {
-                fill: string;
-                statuslineNegative: string;
-                statuslineSuccess: string;
-                statuslineWarning: string;
-                text: string;
-            };
-            footer: {
-                contrast: {
-                    divider: string;
-                    fill: string;
-                    text: string;
-                    textSubdued: string;
-                };
-                default: {
-                    divider: string;
-                    fill: string;
-                    text: string;
-                    textSubdued: string;
-                };
-            };
-            header: {
-                contrast: {
-                    divider: string;
-                    fill: string;
-                };
-                default: {
-                    divider: string;
-                    fill: string;
-                };
-            };
-            logo: {
-                contrast: {
-                    backgroundApp: string;
-                    highlight: string;
-                    text: string;
-                    textApp: string;
-                };
-                standard: {
-                    backgroundApp: string;
-                    highlight: string;
-                    text: string;
-                    textApp: string;
-                };
-            };
-            npmtag: {
-                divide: string;
-                text: string;
-            };
-            playground: {
-                background: string;
-                border: string;
-                panel: string;
-                text: string;
-            };
-            typographycard: {
-                border: string;
-                fill: string;
-                text: string;
-                textSubdued: string;
-            };
-        };
-    };
-};
-
-export declare function createColorSet(fileData: string): VariableSet[];
-
-export declare function createColorsFileData({ colorSet, keyType, valueType, name, outputToPackages, withColorMode, importFileNames, }: {
-    colorSet: VariableSet[];
-    keyType: 'css' | 'scss' | 'less';
-    valueType: 'css' | 'scss' | 'less';
-    name: string;
-    outputToPackages?: string[];
-    withColorMode?: boolean;
-    importFileNames?: string[];
-}): ColorFileData[];
-
-export declare function createJSColorFileData({ variables, name, }: {
-    variables: VariableSet[];
-    name: string;
-}): {
-    outputString: string;
-    outputFileName: string;
-};
-
-export declare const data: {
-    light: {
-        contrast: {
-            azure: string;
-            blue: string;
-            coral: string;
-            jungle: string;
-            lavender: string;
-            lilac: string;
-            peach: string;
-            spring: string;
-        };
-        standard: {
-            azure: string;
-            blue: string;
-            coral: string;
-            jungle: string;
-            lavender: string;
-            lilac: string;
-            peach: string;
-            spring: string;
-        };
-    };
-    dark: {
-        contrast: {
-            azure: string;
-            blue: string;
-            coral: string;
-            jungle: string;
-            lavender: string;
-            lilac: string;
-            peach: string;
-            spring: string;
-        };
-        standard: {
-            azure: string;
-            blue: string;
-            coral: string;
-            jungle: string;
-            lavender: string;
-            lilac: string;
-            peach: string;
-            spring: string;
-        };
-    };
-};
-
-export declare const fontSizes: {
-    /** 10px (0.625rem) */
-    extraSmall: number;
-    /** 12px (0.75rem) */
-    small: number;
-    /** 14px (0.875rem) */
-    medium: number;
-    /** 16px (1rem) */
-    large: number;
-    /** 20 px (1.25rem) */
-    extraLarge: number;
-    /** 24 px (1.5rem) */
-    extraLarge2: number;
-    /** 28 px (1.75rem) */
-    extraLarge3: number;
-    /** 32 px (2rem) */
-    extraLarge4: number;
-    /** 40 px (2.5rem) */
-    extraLarge5: number;
-    rem: {
-        /** 0.625rem (10px) */
-        extraSmall: number;
-        /** 0.75rem (12px) */
-        small: number;
-        /** 0.875rem (14px) */
-        medium: number;
-        /** 1rem (16px) */
-        large: number;
-        /** 1.25rem (20px) */
-        extraLarge: number;
-        /** 1.5rem (24px) */
-        extraLarge2: number;
-        /** 1.75rem (28px) */
-        extraLarge3: number;
-        /** 2rem (32px) */
-        extraLarge4: number;
-        /** 2.5rem (40px) */
-        extraLarge5: number;
-    };
-};
-
-export declare const fontWeights: {
-    body: string;
-    heading: string;
-};
-
-declare type KeyValueSet = {
-    key: string;
-    value: string;
-    sanitizedValue?: string;
-};
-
-export declare const lineHeights: {
-    /** 14px (0.875rem) */
-    extraSmall: number;
-    /** 16px (1rem) */
-    small: number;
-    /** 20px (1.25rem) */
-    medium: number;
-    /** 22px (1.375rem) */
-    large: number;
-    /** 24px (1.5rem) */
-    extraLarge: number;
-    /** 28px (1.75rem) */
-    extraLarge2: number;
-    /** 30px (1.875rem) */
-    extraLarge3: number;
-    /** 36px (2.25rem) */
-    extraLarge4: number;
-    /** 42px (2.625rem) */
-    extraLarge5: number;
-    /** 48px (3rem) */
-    extraLarge6: number;
-    /** 60px (3.75rem) */
-    extraLarge7: number;
-    rem: {
-        /** 0.875rem (14px) */
-        extraSmall: number;
-        /** 1rem (16px) */
-        small: number;
-        /** 1.25rem (20px) */
-        medium: number;
-        /** 1.375rem (22px) */
-        large: number;
-        /** 1.5rem (24px) */
-        extraLarge: number;
-        /** 1.75rem (28px) */
-        extraLarge2: number;
-        /** 1.875rem (30px) */
-        extraLarge3: number;
-        /** 2.25rem (36px) */
-        extraLarge4: number;
-        /** 2.625rem (42px) */
-        extraLarge5: number;
-        /** 3rem (48px) */
-        extraLarge6: number;
-        /** 3.75rem (60px) */
-        extraLarge7: number;
-    };
-};
-
-export declare const outlineOffsets: {
-    /** 2px (0.125rem) */
-    focus: number;
-    rem: {
-        /** 0.125rem (2px) */
-        focus: number;
-    };
-};
-
-export declare const outlines: {
-    focus: string;
-    focusContrast: string;
-};
-
-export declare const primitive: {
-    blue: {
-        _10: string;
-        _100: string;
-        _20: string;
-        _30: string;
-        _40: string;
-        _50: string;
-        _60: string;
-        _70: string;
-        _80: string;
-        _90: string;
-    };
-    canary: {
-        _10: string;
-        _100: string;
-        _20: string;
-        _30: string;
-        _40: string;
-        _50: string;
-        _60: string;
-        _70: string;
-        _80: string;
-        _90: string;
-    };
-    coral: {
-        _10: string;
-        _100: string;
-        _20: string;
-        _30: string;
-        _40: string;
-        _50: string;
-        _60: string;
-        _70: string;
-        _80: string;
-        _90: string;
-    };
-    ebony: {
-        _10: string;
-        _100: string;
-        _15: string;
-        _20: string;
-        _25: string;
-        _30: string;
-        _35: string;
-        _40: string;
-        _45: string;
-        _5: string;
-        _50: string;
-        _55: string;
-        _60: string;
-        _65: string;
-        _70: string;
-        _75: string;
-        _80: string;
-        _85: string;
-        _90: string;
-        _95: string;
-    };
-    grey: {
-        _10: string;
-        _100: string;
-        _110: string;
-        _20: string;
-        _30: string;
-        _40: string;
-        _50: string;
-        _60: string;
-        _70: string;
-        _80: string;
-        _90: string;
-    };
-    lavender: {
-        _10: string;
-        _100: string;
-        _20: string;
-        _30: string;
-        _40: string;
-        _50: string;
-        _60: string;
-        _70: string;
-        _80: string;
-        _90: string;
-    };
-    mint: {
-        _10: string;
-        _100: string;
-        _20: string;
-        _30: string;
-        _40: string;
-        _50: string;
-        _60: string;
-        _70: string;
-        _80: string;
-        _90: string;
-    };
-    peach: {
-        _10: string;
-        _100: string;
-        _20: string;
-        _30: string;
-        _40: string;
-        _50: string;
-        _60: string;
-        _70: string;
-        _80: string;
-        _90: string;
-    };
-    sky: {
-        _10: string;
-        _100: string;
-        _20: string;
-        _30: string;
-        _40: string;
-        _50: string;
-        _60: string;
-        _70: string;
-        _80: string;
-        _90: string;
-    };
-    transparent: {
-        blueAlpha10: string;
-        blueAlpha40: string;
-        canaryAlpha25: string;
-        canaryAlpha30: string;
-        coralAlpha20: string;
-        ebonyAlpha15: string;
-        ebonyAlpha20: string;
-        ebonyAlpha25: string;
-        ebonyAlpha35: string;
-        lavenderAlpha70: string;
-        mintAlpha20: string;
-        neutralAlpha10: string;
-        neutralAlpha15: string;
-        neutralAlpha20: string;
-        peachAlpha70: string;
-        skyAlpha20: string;
-    };
-    white: {
-        alpha0: string;
-        alpha10: string;
-        alpha100: string;
-        alpha20: string;
-        alpha30: string;
-        alpha40: string;
-        alpha50: string;
-        alpha60: string;
-        alpha70: string;
-        alpha80: string;
-        alpha90: string;
-    };
-};
-
-export declare const semantic: {
-    fill: {
-        background: {
-            contrast: {
-                dark: string;
-                light: string;
-                lightalt: string;
-                lightalt2: string;
-            };
-            overlay: {
-                solid: string;
-                solidalt: string;
-                transparent: string;
-                transparentalt: string;
-                transparentalt2: string;
-            };
-            standard: {
-                colorless: string;
-                dark: string;
-                light: string;
-            };
-            subdued: {
-                dark: string;
-                light: string;
-            };
-            tint: {
-                dark: string;
-                light: string;
-                neutral: string;
-                transparent: string;
-            };
-        };
-        boolean: {
-            false: {
-                contrast: string;
-                dark: string;
-                light: string;
-            };
-            true: {
-                contrast: string;
-                dark: string;
-                light: string;
-            };
-        };
-        disabled: {
-            light: string;
-            transparent: string;
-            transparentalt: string;
-        };
-        information: {
-            contrast: string;
-            deep: string;
-            muted: string;
-            tint: string;
-            transparent: string;
-        };
-        negative: {
-            contrast: string;
-            dark: string;
-            deep: string;
-            muted: string;
-            tint: string;
-            transparent: string;
-        };
-        primary: {
-            active: {
-                contrast: string;
-                light: string;
-            };
-            default: {
-                contrast: string;
-                light: string;
-            };
-            hover: {
-                contrast: string;
-                light: string;
-            };
-        };
-        secondary: {
-            active: {
-                contrast: string;
-                light: string;
-            };
-            default: {
-                colorless: string;
-            };
-            hover: {
-                contrast: string;
-                light: string;
-            };
-        };
-        selected: {
-            default: {
-                contrast: string;
-                dark: string;
-                darkalt: string;
-                light: string;
-                neutral: string;
-            };
-            hover: {
-                contrast: string;
-                dark: string;
-                light: string;
-                neutral: string;
-            };
-        };
-        success: {
-            contrast: string;
-            deep: string;
-            muted: string;
-            subdued: string;
-            tint: string;
-            transparent: string;
-        };
-        warning: {
-            contrast: string;
-            deep: string;
-            muted: string;
-            tint: string;
-            transparent: string;
-        };
-    };
-    shape: {
-        accent: string;
-        contrast: string;
-        dark: string;
-        darkalt: string;
-        disabled: string;
-        highlight: string;
-        highlightalt: string;
-        inactive: string;
-        information: string;
-        informationalt: string;
-        informationalt2: string;
-        light: string;
-        lightalt: string;
-        negative: string;
-        negativealt: string;
-        neutral: string;
-        neutralalt: string;
-        neutralalt2: string;
-        subdued: string;
-        subduedalt: string;
-        success: string;
-        successalt: string;
-        successalt2: string;
-        warning: string;
-        warningalt: string;
-        warningalt2: string;
-    };
-    stroke: {
-        accent: string;
-        colorless: string;
-        contrast: string;
-        contrastalt: string;
-        dark: string;
-        darkalt: string;
-        darkalt2: string;
-        highlight: string;
-        highlightalt: string;
-        information: string;
-        informationalt: string;
-        light: string;
-        lightalt: string;
-        negative: string;
-        negativealt: string;
-        neutral: string;
-        neutralalt: string;
-        subdued: string;
-        success: string;
-        successalt: string;
-        successalt2: string;
-        transparent: string;
-        transparentalt: string;
-        warning: string;
-        warningalt: string;
-    };
-    text: {
-        accent: string;
-        dark: string;
-        darkalt: string;
-        disabled: string;
-        highlight: string;
-        highlightalt: string;
-        light: string;
-        lightalt: string;
-        negative: string;
-        negativealt: string;
-        neutral: string;
-        neutralalt: string;
-        neutralalt2: string;
-        subdued: string;
-        subduedalt: string;
-        success: string;
-        successalt: string;
-    };
-};
-
-export declare const shadows: {
-    focus: string;
-    focusContrast: string;
-    cardShadow: string;
-    cardShadowHover: string;
-    cardShadowContrast: string;
-    cardShadowHoverContrast: string;
-    boxShadow: string;
-    boxShadowContrast: string;
-};
-
-export declare const space: {
-    /** 0px */
-    none: number;
-    /** 16px (1rem) */
-    default: number;
-    /** 4px (0.25rem) */
-    extraSmall2: number;
-    /** 8px (0.5rem) */
-    extraSmall: number;
-    /** 12px (0.75rem) */
-    small: number;
-    /** 16px (1rem) */
-    medium: number;
-    /** 24px (1.5rem) */
-    large: number;
-    /** 32px (2rem) */
-    extraLarge: number;
-    /** 40px (2.5rem) */
-    extraLarge2: number;
-    /** 48px (3rem) */
-    extraLarge3: number;
-    /** 56px (3.5rem) */
-    extraLarge4: number;
-    /** 64px (4rem) */
-    extraLarge5: number;
-    /** 72px (4.5rem) */
-    extraLarge6: number;
-    /** 80px (5rem) */
-    extraLarge7: number;
-    /** 88px (5.5rem) */
-    extraLarge8: number;
-    /** 96px (6rem) */
-    extraLarge9: number;
-    rem: {
-        /**  0rem (0px) */
-        none: number;
-        /** 1rem (16px) */
-        default: number;
-        /** 0.25rem (4px) */
-        extraSmall2: number;
-        /** 0.5rem (8px)  */
-        extraSmall: number;
-        /** 0.75rem (12px) */
-        small: number;
-        /** 1rem (16px) */
-        medium: number;
-        /** 1.5rem (24px) */
-        large: number;
-        /** 2rem (32px) */
-        extraLarge: number;
-        /** 2.5rem (40px) */
-        extraLarge2: number;
-        /** 3rem (48px) */
-        extraLarge3: number;
-        /** 3.5rem (56px) */
-        extraLarge4: number;
-        /** 4rem (64px) */
-        extraLarge5: number;
-        /**  4.5rem (72px) */
-        extraLarge6: number;
-        /** 5rem (80px) */
-        extraLarge7: number;
-        /**  5.5rem (88px) */
-        extraLarge8: number;
-        /**  6rem (96px) */
-        extraLarge9: number;
-    };
-};
-
-export declare const timings: {
-    /** 0.1s */
-    fast: string;
-    /** 0.2s */
-    medium: string;
-    /** 0.5s */
-    slow: string;
-};
-
-export declare const transport: {
-    contrast: {
-        bicycle: string;
-        bus: string;
-        busTransparent: string;
-        cableway: string;
-        cablewayTransparent: string;
-        carferry: string;
-        carferryTransparent: string;
-        citybike: string;
-        ferry: string;
-        ferryTransparent: string;
-        funicular: string;
-        funicularTransparent: string;
-        helicopter: string;
-        helicopterTransparent: string;
-        metro: string;
-        metroTransparent: string;
-        mobility: string;
-        neutral: string;
-        plane: string;
-        planeTransparent: string;
-        taxi: string;
-        taxiTransparent: string;
-        train: string;
-        trainTransparent: string;
-        tram: string;
-        tramTransparent: string;
-        walk: string;
-        airportlinkbus: string;
-        airportlinkbusTransparent: string;
-        airportlinkrail: string;
-        airportlinkrailTransparent: string;
-    };
-    dark: {
-        bicycle: string;
-        bus: string;
-        busTransparent: string;
-        cableway: string;
-        cablewayTransparent: string;
-        carferry: string;
-        carferryTransparent: string;
-        citybike: string;
-        ferry: string;
-        ferryTransparent: string;
-        funicular: string;
-        funicularTransparent: string;
-        helicopter: string;
-        helicopterTransparent: string;
-        metro: string;
-        metroTransparent: string;
-        mobility: string;
-        neutral: string;
-        plane: string;
-        planeTransparent: string;
-        taxi: string;
-        taxiTransparent: string;
-        train: string;
-        trainTransparent: string;
-        tram: string;
-        tramTransparent: string;
-        walk: string;
-        airportlinkbus: string;
-        airportlinkbusTransparent: string;
-        airportlinkrail: string;
-        airportlinkrailTransparent: string;
-    };
-    standard: {
-        bicycle: string;
-        bus: string;
-        busTransparent: string;
-        cableway: string;
-        cablewayTransparent: string;
-        carferry: string;
-        carferryTransparent: string;
-        citybike: string;
-        ferry: string;
-        ferryTransparent: string;
-        funicular: string;
-        funicularTransparent: string;
-        helicopter: string;
-        helicopterTransparent: string;
-        metro: string;
-        metroTransparent: string;
-        mobility: string;
-        neutral: string;
-        plane: string;
-        planeTransparent: string;
-        taxi: string;
-        taxiTransparent: string;
-        train: string;
-        trainTransparent: string;
-        tram: string;
-        tramTransparent: string;
-        walk: string;
-        airportlinkbus: string;
-        airportlinkbusTransparent: string;
-        airportlinkrail: string;
-        airportlinkrailTransparent: string;
-    };
-};
-
-declare type VariableSet = {
-    css: KeyValueSet;
-    scss: KeyValueSet;
-    less: KeyValueSet;
-    js: KeyValueSet;
-    mode: string;
-    usesAlias: boolean;
-};
-
-export declare const zIndexes: {
-    behind: number;
-    default: number;
-    sticky: number;
-    popover: number;
-    overlay: number;
-    modal: number;
-    toast: number;
-};
-
-export { }
+export * from './primitive';
+export * from './semantic';
+export * from './base';
+export * from './data';
+export * from './transport';
+export * from './componentColors';
+export * from './legacy-tokens';
+export { createColorSet, createColorsFileData, createJSColorFileData, } from './buildVariables';