@entur/tokens 3.19.1 → 3.19.2-beta.0

package/dist/index.d.ts

@@ -1,8 +1,4020 @@
-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';
+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 { }