@entur/tokens 3.12.0 → 3.12.1-alpha.0

package/dist/componentColors.d.ts

@@ -0,0 +1,2578 @@
+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: {
+                            fill: string;
+                            text: string;
+                            textBullet: string;
+                        };
+                        standard: {
+                            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;
+                        fillDefault: string;
+                        fillHoveractive: string;
+                        icon: string;
+                        subjectText: string;
+                        text: string;
+                    };
+                    standard: {
+                        borderDefault: string;
+                        borderActive: string;
+                        divide: string;
+                        fillDefault: string;
+                        fillHoveractive: string;
+                        icon: string;
+                        subjectText: string;
+                        text: string;
+                    };
+                };
+            };
+            alert: {
+                alertbox: {
+                    information: {
+                        contrast: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: string;
+                        };
+                        standard: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: string;
+                        };
+                    };
+                    negative: {
+                        contrast: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: string;
+                        };
+                        standard: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: string;
+                        };
+                    };
+                    success: {
+                        contrast: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: string;
+                        };
+                        standard: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: string;
+                        };
+                    };
+                    warning: {
+                        contrast: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: string;
+                        };
+                        standard: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: 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: {
+                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;
+                };
+                datefield: {
+                    contrast: {
+                        borderDefault: string;
+                        borderInteractive: string;
+                        borderNegative: string;
+                        borderSuccess: string;
+                        fillDefault: string;
+                        fillDisabled: 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;
+                        icon: string;
+                        iconDisabled: string;
+                        textContent: string;
+                        textDescription: string;
+                        textLabel: string;
+                        textDisabled: string;
+                    };
+                };
+            };
+            dropdown: {
+                dropdown: {
+                    contrast: {
+                        borderActive: string;
+                        borderDefault: string;
+                        borderHover: string;
+                        borderNegative: string;
+                        borderSuccess: string;
+                        fillDefault: string;
+                        fillDisabled: string;
+                        fillReadonly: string;
+                        icon: string;
+                        iconDisabled: string;
+                        textContent: string;
+                        textDescription: string;
+                        textLabel: string;
+                        textDisabled: string;
+                    };
+                    standard: {
+                        borderActive: string;
+                        borderDefault: string;
+                        borderHover: string;
+                        borderNegative: string;
+                        borderSuccess: string;
+                        fillDefault: string;
+                        fillDisabled: string;
+                        fillReadonly: string;
+                        icon: string;
+                        iconDisabled: string;
+                        textContent: string;
+                        textDescription: string;
+                        textLabel: string;
+                        textDisabled: string;
+                    };
+                };
+                multiSelect: {
+                    contrast: {
+                        borderDanger: string;
+                        borderDefault: string;
+                        borderInteractive: 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;
+                    };
+                };
+            };
+            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: {
+                checkboxPanel: {
+                    contrast: {
+                        borderDefault: string;
+                        borderDisabled: string;
+                        borderSelected: string;
+                        fillDefault: string;
+                        fillDisabled: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        textAccent: string;
+                        textDisabled: string;
+                        textRebate: string;
+                        textSubdued: string;
+                    };
+                    standard: {
+                        borderDefault: string;
+                        borderDisabled: string;
+                        borderSelected: string;
+                        fillDefault: string;
+                        fillDisabled: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        textAccent: string;
+                        textDisabled: string;
+                        textRebate: string;
+                        textSubdued: string;
+                    };
+                };
+                checkbox: {
+                    contrast: {
+                        border: string;
+                        borderNegative: string;
+                        fillDefault: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        fillSelectedhover: string;
+                        icon: string;
+                        text: string;
+                    };
+                    standard: {
+                        border: string;
+                        borderNegative: string;
+                        fillDefault: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        icon: string;
+                        selectedhover: string;
+                        text: 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;
+                        };
+                    };
+                };
+                radioPanel: {
+                    contrast: {
+                        borderDefault: string;
+                        borderDisabled: string;
+                        borderSelected: string;
+                        fillDefault: string;
+                        fillDisabled: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        textAccent: string;
+                        textDisabled: string;
+                        textRebate: string;
+                        textSubdued: string;
+                    };
+                    standard: {
+                        borderDefault: string;
+                        borderDisabled: string;
+                        borderSelected: string;
+                        fillDefault: string;
+                        fillDisabled: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        textAccent: string;
+                        textDisabled: string;
+                        textRebate: string;
+                        textSubdued: string;
+                    };
+                };
+                radio: {
+                    contrast: {
+                        border: string;
+                        borderNegative: string;
+                        fillDefault: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        fillSelectedhover: string;
+                        icon: string;
+                        text: string;
+                    };
+                    standard: {
+                        border: string;
+                        borderNegative: string;
+                        fillDefault: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        icon: string;
+                        selectedhover: string;
+                        text: string;
+                    };
+                };
+                search: {
+                    contrast: {
+                        borderDanger: string;
+                        borderDefault: string;
+                        borderInteractive: 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;
+                    };
+                };
+                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;
+                    };
+                };
+                textArea: {
+                    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;
+                    };
+                };
+                textField: {
+                    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;
+                    };
+                };
+            };
+            loader: {
+                fileupload: {
+                    contrast: {
+                        fillDefault: string;
+                        icon: string;
+                        strokeDefault: string;
+                        strokeNegative: string;
+                        strokeSuccess: string;
+                        text: string;
+                    };
+                    standard: {
+                        fillDefault: string;
+                        icon: string;
+                        strokeDefault: string;
+                        strokeNegative: string;
+                        strokeSuccess: string;
+                        text: string;
+                    };
+                };
+                loader: {
+                    contrast: {
+                        border: string;
+                        progressbar: string;
+                        text: string;
+                    };
+                    standard: {
+                        border: string;
+                        progressbar: string;
+                        text: 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;
+                    fillDefault: string;
+                    fillHover: string;
+                    icon: string;
+                    text: 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;
+                        fillActive: string;
+                        fillDefault: string;
+                        fillHover: string;
+                        icon: string;
+                        strokeSelected: string;
+                        text: string;
+                    };
+                    standard: {
+                        avatar: string;
+                        background: string;
+                        fillActive: string;
+                        fillDefault: string;
+                        fillHover: string;
+                        icon: string;
+                        strokeSelected: string;
+                        text: 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;
+                    fillHover: string;
+                    fillSelected: string;
+                    fillUnselected: string;
+                    icon: string;
+                    text: string;
+                    underlineSelected: string;
+                };
+                standard: {
+                    border: string;
+                    fillHover: string;
+                    fillSelected: string;
+                    fillUnselected: string;
+                    icon: string;
+                    text: string;
+                    underlineSelected: string;
+                };
+            };
+            table: {
+                contrast: {
+                    fill: string;
+                    fillStriped: string;
+                    icon: string;
+                    stroke: string;
+                    text: string;
+                };
+                standard: {
+                    fill: string;
+                    fillStriped: 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;
+                        shape: string;
+                        text: string;
+                    };
+                    standard: {
+                        fill: string;
+                        shape: string;
+                        text: 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: {
+                        bulletBorder: string;
+                        bus: string;
+                        ferry: string;
+                        metro: string;
+                        mobility: string;
+                        plane: string;
+                        taxi: string;
+                        train: string;
+                        tram: string;
+                        walk: string;
+                    };
+                    standard: {
+                        bulletBorder: string;
+                        bus: string;
+                        ferry: string;
+                        metro: string;
+                        mobility: string;
+                        plane: string;
+                        taxi: string;
+                        train: string;
+                        tram: string;
+                        walk: string;
+                    };
+                };
+                travelSwitch: {
+                    contrast: {
+                        backgroundfalse: string;
+                        backgroundtrueBus: string;
+                        backgroundtrueFerry: string;
+                        backgroundtrueMetro: string;
+                        backgroundtrueMobility: string;
+                        backgroundtruePlane: string;
+                        backgroundtrueTaxi: string;
+                        backgroundtrueTrain: string;
+                        backgroundtrueTram: string;
+                        iconfalse: string;
+                        icontrueBus: string;
+                        icontrueFerry: string;
+                        icontrueMetro: string;
+                        icontrueMobility: string;
+                        icontruePlane: string;
+                        icontrueTaxi: string;
+                        icontrueTrain: string;
+                        icontrueTram: string;
+                        switchfillFalse: string;
+                        switchfillTrue: string;
+                        text: string;
+                    };
+                    standard: {
+                        backgroundfalse: string;
+                        backgroundtrueBus: string;
+                        backgroundtrueFerry: string;
+                        backgroundtrueMetro: string;
+                        backgroundtrueMobility: string;
+                        backgroundtruePlane: string;
+                        backgroundtrueTaxi: string;
+                        backgroundtrueTrain: string;
+                        backgroundtrueTram: string;
+                        iconfalse: string;
+                        icontrueBus: string;
+                        icontrueFerry: string;
+                        icontrueMetro: string;
+                        icontrueMobility: string;
+                        icontruePlane: string;
+                        icontrueTaxi: string;
+                        icontrueTrain: string;
+                        icontrueTram: string;
+                        switchfillFalse: string;
+                        switchfillTrue: string;
+                        text: string;
+                    };
+                };
+                travelTag: {
+                    contrast: {
+                        icon: string;
+                        iconBusCancled: string;
+                        iconFerryCancled: string;
+                        iconMetroCancled: string;
+                        iconPlaneCancled: string;
+                        iconTaxiCancled: string;
+                        iconTrainCancled: string;
+                        iconTramCancled: string;
+                        iconWalk: string;
+                        iconborderValidation: string;
+                        tagfillBus: string;
+                        tagfillBusCancled: string;
+                        tagfillFerry: string;
+                        tagfillFerryCancled: string;
+                        tagfillMetro: string;
+                        tagfillMetroCancled: string;
+                        tagfillMobility: string;
+                        tagfillPlane: string;
+                        tagfillPlaneCancled: string;
+                        tagfillTaxi: string;
+                        tagfillTaxiCancled: string;
+                        tagfillTrain: string;
+                        tagfillTrainCancled: string;
+                        tagfillTram: string;
+                        tagfillTramCancled: string;
+                        tagfillWalk: string;
+                        textCancled: string;
+                        textLabel: string;
+                        textLine: string;
+                        textLineBusCancled: string;
+                        textLineFerryCancled: string;
+                        textLineMetroCancled: string;
+                        textLinePlaneCancled: string;
+                        textLineTaxiCancled: string;
+                        textLineTrainCancled: string;
+                        textLineTramCancled: string;
+                        textNewtime: string;
+                        textWalk: string;
+                    };
+                    standard: {
+                        icon: string;
+                        iconBusCancled: string;
+                        iconFerryCancled: string;
+                        iconMetroCancled: string;
+                        iconPlaneCancled: string;
+                        iconTaxiCancled: string;
+                        iconTrainCancled: string;
+                        iconTramCancled: string;
+                        iconWalk: string;
+                        iconborderValidation: string;
+                        tagfillBus: string;
+                        tagfillBusCancled: string;
+                        tagfillFerry: string;
+                        tagfillFerryCancled: string;
+                        tagfillMetro: string;
+                        tagfillMetroCancled: string;
+                        tagfillMobility: string;
+                        tagfillPlane: string;
+                        tagfillPlaneCancled: string;
+                        tagfillTaxi: string;
+                        tagfillTaxiCancled: string;
+                        tagfillTrain: string;
+                        tagfillTrainCancled: string;
+                        tagfillTram: string;
+                        tagfillTramCancled: string;
+                        tagfillWalk: string;
+                        textCancled: string;
+                        textLabel: string;
+                        textLine: string;
+                        textLineBusCancled: string;
+                        textLineFerryCancled: string;
+                        textLineMetroCancled: string;
+                        textLinePlaneCancled: string;
+                        textLineTaxiCancled: string;
+                        textLineTrainCancled: string;
+                        textLineTramCancled: string;
+                        textNewtime: string;
+                        textWalk: string;
+                    };
+                };
+            };
+            typography: {
+                blockquote: {
+                    contrast: {
+                        stroke: string;
+                        textAccent: string;
+                        textSubdued: string;
+                    };
+                    standard: {
+                        stroke: string;
+                        textAccent: 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: {
+                            fill: string;
+                            text: string;
+                            textBullet: string;
+                        };
+                        standard: {
+                            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;
+                        fillDefault: string;
+                        fillHoveractive: string;
+                        icon: string;
+                        subjectText: string;
+                        text: string;
+                    };
+                    standard: {
+                        borderDefault: string;
+                        borderActive: string;
+                        divide: string;
+                        fillDefault: string;
+                        fillHoveractive: string;
+                        icon: string;
+                        subjectText: string;
+                        text: string;
+                    };
+                };
+            };
+            alert: {
+                alertbox: {
+                    information: {
+                        contrast: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: string;
+                        };
+                        standard: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: string;
+                        };
+                    };
+                    negative: {
+                        contrast: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: string;
+                        };
+                        standard: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: string;
+                        };
+                    };
+                    success: {
+                        contrast: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: string;
+                        };
+                        standard: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: string;
+                        };
+                    };
+                    warning: {
+                        contrast: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: string;
+                        };
+                        standard: {
+                            border: string;
+                            fill: string;
+                            icon: string;
+                            iconBorder: string;
+                            text: 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: {
+                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;
+                };
+                datefield: {
+                    contrast: {
+                        borderDefault: string;
+                        borderInteractive: string;
+                        borderNegative: string;
+                        borderSuccess: string;
+                        fillDefault: string;
+                        fillDisabled: 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;
+                        icon: string;
+                        iconDisabled: string;
+                        textContent: string;
+                        textDescription: string;
+                        textLabel: string;
+                        textDisabled: string;
+                    };
+                };
+            };
+            dropdown: {
+                dropdown: {
+                    contrast: {
+                        borderActive: string;
+                        borderDefault: string;
+                        borderHover: string;
+                        borderNegative: string;
+                        borderSuccess: string;
+                        fillDefault: string;
+                        fillDisabled: string;
+                        fillReadonly: string;
+                        icon: string;
+                        iconDisabled: string;
+                        textContent: string;
+                        textDescription: string;
+                        textLabel: string;
+                        textDisabled: string;
+                    };
+                    standard: {
+                        borderActive: string;
+                        borderDefault: string;
+                        borderHover: string;
+                        borderNegative: string;
+                        borderSuccess: string;
+                        fillDefault: string;
+                        fillDisabled: string;
+                        fillReadonly: string;
+                        icon: string;
+                        iconDisabled: string;
+                        textContent: string;
+                        textDescription: string;
+                        textLabel: string;
+                        textDisabled: string;
+                    };
+                };
+                multiSelect: {
+                    contrast: {
+                        borderDanger: string;
+                        borderDefault: string;
+                        borderInteractive: 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;
+                    };
+                };
+            };
+            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: {
+                checkboxPanel: {
+                    contrast: {
+                        borderDefault: string;
+                        borderDisabled: string;
+                        borderSelected: string;
+                        fillDefault: string;
+                        fillDisabled: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        textAccent: string;
+                        textDisabled: string;
+                        textRebate: string;
+                        textSubdued: string;
+                    };
+                    standard: {
+                        borderDefault: string;
+                        borderDisabled: string;
+                        borderSelected: string;
+                        fillDefault: string;
+                        fillDisabled: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        textAccent: string;
+                        textDisabled: string;
+                        textRebate: string;
+                        textSubdued: string;
+                    };
+                };
+                checkbox: {
+                    contrast: {
+                        border: string;
+                        borderNegative: string;
+                        fillDefault: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        fillSelectedhover: string;
+                        icon: string;
+                        text: string;
+                    };
+                    standard: {
+                        border: string;
+                        borderNegative: string;
+                        fillDefault: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        icon: string;
+                        selectedhover: string;
+                        text: 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;
+                        };
+                    };
+                };
+                radioPanel: {
+                    contrast: {
+                        borderDefault: string;
+                        borderDisabled: string;
+                        borderSelected: string;
+                        fillDefault: string;
+                        fillDisabled: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        textAccent: string;
+                        textDisabled: string;
+                        textRebate: string;
+                        textSubdued: string;
+                    };
+                    standard: {
+                        borderDefault: string;
+                        borderDisabled: string;
+                        borderSelected: string;
+                        fillDefault: string;
+                        fillDisabled: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        textAccent: string;
+                        textDisabled: string;
+                        textRebate: string;
+                        textSubdued: string;
+                    };
+                };
+                radio: {
+                    contrast: {
+                        border: string;
+                        borderNegative: string;
+                        fillDefault: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        fillSelectedhover: string;
+                        icon: string;
+                        text: string;
+                    };
+                    standard: {
+                        border: string;
+                        borderNegative: string;
+                        fillDefault: string;
+                        fillHover: string;
+                        fillSelected: string;
+                        icon: string;
+                        selectedhover: string;
+                        text: string;
+                    };
+                };
+                search: {
+                    contrast: {
+                        borderDanger: string;
+                        borderDefault: string;
+                        borderInteractive: 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;
+                    };
+                };
+                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;
+                    };
+                };
+                textArea: {
+                    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;
+                    };
+                };
+                textField: {
+                    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;
+                    };
+                };
+            };
+            loader: {
+                fileupload: {
+                    contrast: {
+                        fillDefault: string;
+                        icon: string;
+                        strokeDefault: string;
+                        strokeNegative: string;
+                        strokeSuccess: string;
+                        text: string;
+                    };
+                    standard: {
+                        fillDefault: string;
+                        icon: string;
+                        strokeDefault: string;
+                        strokeNegative: string;
+                        strokeSuccess: string;
+                        text: string;
+                    };
+                };
+                loader: {
+                    contrast: {
+                        border: string;
+                        progressbar: string;
+                        text: string;
+                    };
+                    standard: {
+                        border: string;
+                        progressbar: string;
+                        text: 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;
+                    fillDefault: string;
+                    fillHover: string;
+                    icon: string;
+                    text: 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;
+                        fillActive: string;
+                        fillDefault: string;
+                        fillHover: string;
+                        icon: string;
+                        strokeSelected: string;
+                        text: string;
+                    };
+                    standard: {
+                        avatar: string;
+                        background: string;
+                        fillActive: string;
+                        fillDefault: string;
+                        fillHover: string;
+                        icon: string;
+                        strokeSelected: string;
+                        text: 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;
+                    fillHover: string;
+                    fillSelected: string;
+                    fillUnselected: string;
+                    icon: string;
+                    text: string;
+                    underlineSelected: string;
+                };
+                standard: {
+                    border: string;
+                    fillHover: string;
+                    fillSelected: string;
+                    fillUnselected: string;
+                    icon: string;
+                    text: string;
+                    underlineSelected: string;
+                };
+            };
+            table: {
+                contrast: {
+                    fill: string;
+                    fillStriped: string;
+                    icon: string;
+                    stroke: string;
+                    text: string;
+                };
+                standard: {
+                    fill: string;
+                    fillStriped: 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;
+                        shape: string;
+                        text: string;
+                    };
+                    standard: {
+                        fill: string;
+                        shape: string;
+                        text: 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: {
+                        bulletBorder: string;
+                        bus: string;
+                        ferry: string;
+                        metro: string;
+                        mobility: string;
+                        plane: string;
+                        taxi: string;
+                        train: string;
+                        tram: string;
+                        walk: string;
+                    };
+                    standard: {
+                        bulletBorder: string;
+                        bus: string;
+                        ferry: string;
+                        metro: string;
+                        mobility: string;
+                        plane: string;
+                        taxi: string;
+                        train: string;
+                        tram: string;
+                        walk: string;
+                    };
+                };
+                travelSwitch: {
+                    contrast: {
+                        backgroundfalse: string;
+                        backgroundtrueBus: string;
+                        backgroundtrueFerry: string;
+                        backgroundtrueMetro: string;
+                        backgroundtrueMobility: string;
+                        backgroundtruePlane: string;
+                        backgroundtrueTaxi: string;
+                        backgroundtrueTrain: string;
+                        backgroundtrueTram: string;
+                        iconfalse: string;
+                        icontrueBus: string;
+                        icontrueFerry: string;
+                        icontrueMetro: string;
+                        icontrueMobility: string;
+                        icontruePlane: string;
+                        icontrueTaxi: string;
+                        icontrueTrain: string;
+                        icontrueTram: string;
+                        switchfillFalse: string;
+                        switchfillTrue: string;
+                        text: string;
+                    };
+                    standard: {
+                        backgroundfalse: string;
+                        backgroundtrueBus: string;
+                        backgroundtrueFerry: string;
+                        backgroundtrueMetro: string;
+                        backgroundtrueMobility: string;
+                        backgroundtruePlane: string;
+                        backgroundtrueTaxi: string;
+                        backgroundtrueTrain: string;
+                        backgroundtrueTram: string;
+                        iconfalse: string;
+                        icontrueBus: string;
+                        icontrueFerry: string;
+                        icontrueMetro: string;
+                        icontrueMobility: string;
+                        icontruePlane: string;
+                        icontrueTaxi: string;
+                        icontrueTrain: string;
+                        icontrueTram: string;
+                        switchfillFalse: string;
+                        switchfillTrue: string;
+                        text: string;
+                    };
+                };
+                travelTag: {
+                    contrast: {
+                        icon: string;
+                        iconBusCancled: string;
+                        iconFerryCancled: string;
+                        iconMetroCancled: string;
+                        iconPlaneCancled: string;
+                        iconTaxiCancled: string;
+                        iconTrainCancled: string;
+                        iconTramCancled: string;
+                        iconWalk: string;
+                        iconborderValidation: string;
+                        tagfillBus: string;
+                        tagfillBusCancled: string;
+                        tagfillFerry: string;
+                        tagfillFerryCancled: string;
+                        tagfillMetro: string;
+                        tagfillMetroCancled: string;
+                        tagfillMobility: string;
+                        tagfillPlane: string;
+                        tagfillPlaneCancled: string;
+                        tagfillTaxi: string;
+                        tagfillTaxiCancled: string;
+                        tagfillTrain: string;
+                        tagfillTrainCancled: string;
+                        tagfillTram: string;
+                        tagfillTramCancled: string;
+                        tagfillWalk: string;
+                        textCancled: string;
+                        textLabel: string;
+                        textLine: string;
+                        textLineBusCancled: string;
+                        textLineFerryCancled: string;
+                        textLineMetroCancled: string;
+                        textLinePlaneCancled: string;
+                        textLineTaxiCancled: string;
+                        textLineTrainCancled: string;
+                        textLineTramCancled: string;
+                        textNewtime: string;
+                        textWalk: string;
+                    };
+                    standard: {
+                        icon: string;
+                        iconBusCancled: string;
+                        iconFerryCancled: string;
+                        iconMetroCancled: string;
+                        iconPlaneCancled: string;
+                        iconTaxiCancled: string;
+                        iconTrainCancled: string;
+                        iconTramCancled: string;
+                        iconWalk: string;
+                        iconborderValidation: string;
+                        tagfillBus: string;
+                        tagfillBusCancled: string;
+                        tagfillFerry: string;
+                        tagfillFerryCancled: string;
+                        tagfillMetro: string;
+                        tagfillMetroCancled: string;
+                        tagfillMobility: string;
+                        tagfillPlane: string;
+                        tagfillPlaneCancled: string;
+                        tagfillTaxi: string;
+                        tagfillTaxiCancled: string;
+                        tagfillTrain: string;
+                        tagfillTrainCancled: string;
+                        tagfillTram: string;
+                        tagfillTramCancled: string;
+                        tagfillWalk: string;
+                        textCancled: string;
+                        textLabel: string;
+                        textLine: string;
+                        textLineBusCancled: string;
+                        textLineFerryCancled: string;
+                        textLineMetroCancled: string;
+                        textLinePlaneCancled: string;
+                        textLineTaxiCancled: string;
+                        textLineTrainCancled: string;
+                        textLineTramCancled: string;
+                        textNewtime: string;
+                        textWalk: string;
+                    };
+                };
+            };
+            typography: {
+                blockquote: {
+                    contrast: {
+                        stroke: string;
+                        textAccent: string;
+                        textSubdued: string;
+                    };
+                    standard: {
+                        stroke: string;
+                        textAccent: string;
+                        textSubdued: string;
+                    };
+                };
+            };
+        };
+    };
+};