@primer/primitives 7.5.2-rc.2ae21e0 → 7.7.0-rc.053d36d

package/dist/js/index.d.ts

@@ -347,6 +347,22 @@ declare const _default: {
                     hoverText: string;
                 };
             };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -809,6 +825,22 @@ declare const _default: {
                     hoverText: string;
                 };
             };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -1271,6 +1303,22 @@ declare const _default: {
                     hoverText: string;
                 };
             };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -1386,7 +1434,7 @@ declare const _default: {
                 coral: string[];
             };
         };
-        dark: {
+        light_tritanopia: {
             canvasDefaultTransparent: string;
             pageHeaderBg: string;
             marketingIcon: {
@@ -1699,7 +1747,6 @@ declare const _default: {
                     hoverBorder: string;
                     hoverShadow: string;
                     hoverInsetShadow: string;
-                    hoverIcon: string;
                     hoverCounterBg: string;
                     selectedText: string;
                     selectedBg: string;
@@ -1712,6 +1759,7 @@ declare const _default: {
                     focusShadow: string;
                     counterBg: string;
                     icon: string;
+                    hoverIcon: string;
                 };
             };
             underlinenav: {
@@ -1733,6 +1781,22 @@ declare const _default: {
                     hoverText: string;
                 };
             };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -1848,7 +1912,7 @@ declare const _default: {
                 coral: string[];
             };
         };
-        dark_dimmed: {
+        dark: {
             canvasDefaultTransparent: string;
             pageHeaderBg: string;
             marketingIcon: {
@@ -2195,6 +2259,22 @@ declare const _default: {
                     hoverText: string;
                 };
             };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -2310,7 +2390,7 @@ declare const _default: {
                 coral: string[];
             };
         };
-        dark_high_contrast: {
+        dark_dimmed: {
             canvasDefaultTransparent: string;
             pageHeaderBg: string;
             marketingIcon: {
@@ -2657,6 +2737,22 @@ declare const _default: {
                     hoverText: string;
                 };
             };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;
@@ -2772,7 +2868,7 @@ declare const _default: {
                 coral: string[];
             };
         };
-        dark_colorblind: {
+        dark_high_contrast: {
             canvasDefaultTransparent: string;
             pageHeaderBg: string;
             marketingIcon: {
@@ -3119,6 +3215,978 @@ declare const _default: {
                     hoverText: string;
                 };
             };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
+            fg: {
+                default: string;
+                muted: string;
+                subtle: string;
+                onEmphasis: string;
+            };
+            canvas: {
+                default: string;
+                overlay: string;
+                inset: string;
+                subtle: string;
+            };
+            border: {
+                default: string;
+                muted: string;
+                subtle: string;
+            };
+            shadow: {
+                small: string;
+                medium: string;
+                large: string;
+                extraLarge: string;
+            };
+            neutral: {
+                emphasisPlus: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            accent: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            success: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            attention: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            severe: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            danger: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            open: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            closed: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            done: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            sponsors: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            primer: {
+                fg: {
+                    disabled: string;
+                };
+                canvas: {
+                    backdrop: string;
+                    sticky: string;
+                };
+                border: {
+                    active: string;
+                    contrast: string;
+                };
+                shadow: {
+                    highlight: string;
+                    inset: string;
+                    focus: string;
+                };
+            };
+            scale: {
+                black: string;
+                white: string;
+                gray: string[];
+                blue: string[];
+                green: string[];
+                yellow: string[];
+                orange: string[];
+                red: string[];
+                purple: string[];
+                pink: string[];
+                coral: string[];
+            };
+        };
+        dark_colorblind: {
+            canvasDefaultTransparent: string;
+            pageHeaderBg: string;
+            marketingIcon: {
+                primary: string;
+                secondary: string;
+            };
+            diffBlob: {
+                addition: {
+                    numText: string;
+                    fg: string;
+                    numBg: string;
+                    lineBg: string;
+                    wordBg: string;
+                };
+                deletion: {
+                    numText: string;
+                    fg: string;
+                    numBg: string;
+                    lineBg: string;
+                    wordBg: string;
+                };
+                hunk: {
+                    numBg: string;
+                };
+                expander: {
+                    icon: string;
+                };
+                selectedLineHighlightMixBlendMode: string;
+            };
+            diffstat: {
+                deletionBorder: string;
+                additionBorder: string;
+                additionBg: string;
+            };
+            searchKeyword: {
+                hl: string;
+            };
+            prettylights: {
+                syntax: {
+                    comment: string;
+                    constant: string;
+                    entity: string;
+                    storageModifierImport: string;
+                    entityTag: string;
+                    keyword: string;
+                    string: string;
+                    variable: string;
+                    brackethighlighterUnmatched: string;
+                    invalidIllegalText: string;
+                    invalidIllegalBg: string;
+                    carriageReturnText: string;
+                    carriageReturnBg: string;
+                    stringRegexp: string;
+                    markupList: string;
+                    markupHeading: string;
+                    markupItalic: string;
+                    markupBold: string;
+                    markupDeletedText: string;
+                    markupDeletedBg: string;
+                    markupInsertedText: string;
+                    markupInsertedBg: string;
+                    markupChangedText: string;
+                    markupChangedBg: string;
+                    markupIgnoredText: string;
+                    markupIgnoredBg: string;
+                    metaDiffRange: string;
+                    brackethighlighterAngle: string;
+                    sublimelinterGutterMark: string;
+                    constantOtherReferenceLink: string;
+                };
+            };
+            codemirror: {
+                text: string;
+                bg: string;
+                guttersBg: string;
+                guttermarkerText: string;
+                guttermarkerSubtleText: string;
+                linenumberText: string;
+                cursor: string;
+                selectionBg: string;
+                activelineBg: string;
+                matchingbracketText: string;
+                linesBg: string;
+                syntax: {
+                    comment: string;
+                    constant: string;
+                    entity: string;
+                    keyword: string;
+                    storage: string;
+                    string: string;
+                    support: string;
+                    variable: string;
+                };
+            };
+            checks: {
+                bg: string;
+                runBorderWidth: string;
+                containerBorderWidth: string;
+                textPrimary: string;
+                textSecondary: string;
+                textLink: string;
+                btnIcon: string;
+                btnHoverIcon: string;
+                btnHoverBg: string;
+                inputText: string;
+                inputPlaceholderText: string;
+                inputFocusText: string;
+                inputBg: string;
+                inputShadow: string;
+                donutError: string;
+                donutPending: string;
+                donutSuccess: string;
+                donutNeutral: string;
+                dropdownText: string;
+                dropdownBg: string;
+                dropdownBorder: string;
+                dropdownShadow: string;
+                dropdownHoverText: string;
+                dropdownHoverBg: string;
+                dropdownBtnHoverText: string;
+                dropdownBtnHoverBg: string;
+                scrollbarThumbBg: string;
+                headerLabelText: string;
+                headerLabelOpenText: string;
+                headerBorder: string;
+                headerIcon: string;
+                lineText: string;
+                lineNumText: string;
+                lineTimestampText: string;
+                lineHoverBg: string;
+                lineSelectedBg: string;
+                lineSelectedNumText: string;
+                lineDtFmText: string;
+                lineDtFmBg: string;
+                gateBg: string;
+                gateText: string;
+                gateWaitingText: string;
+                stepHeaderOpenBg: string;
+                stepErrorText: string;
+                stepWarningText: string;
+                loglineText: string;
+                loglineNumText: string;
+                loglineDebugText: string;
+                loglineErrorText: string;
+                loglineErrorNumText: string;
+                loglineErrorBg: string;
+                loglineWarningText: string;
+                loglineWarningNumText: string;
+                loglineWarningBg: string;
+                loglineCommandText: string;
+                loglineSectionText: string;
+                ansi: {
+                    black: string;
+                    blackBright: string;
+                    white: string;
+                    whiteBright: string;
+                    gray: string;
+                    red: string;
+                    redBright: string;
+                    green: string;
+                    greenBright: string;
+                    yellow: string;
+                    yellowBright: string;
+                    blue: string;
+                    blueBright: string;
+                    magenta: string;
+                    magentaBright: string;
+                    cyan: string;
+                    cyanBright: string;
+                };
+            };
+            project: {
+                headerBg: string;
+                sidebarBg: string;
+                gradientIn: string;
+                gradientOut: string;
+            };
+            mktg: {
+                btn: {
+                    bg: string;
+                    shadow: {
+                        outline: string;
+                        focus: string;
+                        hover: string;
+                        hoverMuted: string;
+                    };
+                };
+            };
+            avatar: {
+                bg: string;
+                border: string;
+                stackFade: string;
+                stackFadeMore: string;
+                childShadow: string;
+            };
+            topicTag: {
+                border: string;
+            };
+            counter: {
+                border: string;
+            };
+            selectMenu: {
+                backdropBorder: string;
+                tapHighlight: string;
+                tapFocusBg: string;
+            };
+            overlay: {
+                shadow: string;
+            };
+            header: {
+                text: string;
+                bg: string;
+                divider: string;
+                logo: string;
+            };
+            headerSearch: {
+                bg: string;
+                border: string;
+            };
+            sidenav: {
+                selectedBg: string;
+            };
+            menu: {
+                bgActive: string;
+            };
+            input: {
+                disabledBg: string;
+            };
+            timeline: {
+                badgeBg: string;
+            };
+            ansi: {
+                black: string;
+                blackBright: string;
+                white: string;
+                whiteBright: string;
+                gray: string;
+                red: string;
+                redBright: string;
+                green: string;
+                greenBright: string;
+                yellow: string;
+                yellowBright: string;
+                blue: string;
+                blueBright: string;
+                magenta: string;
+                magentaBright: string;
+                cyan: string;
+                cyanBright: string;
+            };
+            btn: {
+                text: string;
+                bg: string;
+                border: string;
+                shadow: string;
+                insetShadow: string;
+                hoverBg: string;
+                hoverBorder: string;
+                activeBg: string;
+                activeBorder: string;
+                selectedBg: string;
+                focusBg: string;
+                focusBorder: string;
+                focusShadow: string;
+                shadowActive: string;
+                shadowInputFocus: string;
+                counterBg: string;
+                primary: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                    shadow: string;
+                    insetShadow: string;
+                    hoverBg: string;
+                    hoverBorder: string;
+                    selectedBg: string;
+                    selectedShadow: string;
+                    disabledText: string;
+                    disabledBg: string;
+                    disabledBorder: string;
+                    focusBg: string;
+                    focusBorder: string;
+                    focusShadow: string;
+                    icon: string;
+                    counterBg: string;
+                };
+                outline: {
+                    text: string;
+                    hoverText: string;
+                    hoverBg: string;
+                    hoverBorder: string;
+                    hoverShadow: string;
+                    hoverInsetShadow: string;
+                    hoverCounterBg: string;
+                    selectedText: string;
+                    selectedBg: string;
+                    selectedBorder: string;
+                    selectedShadow: string;
+                    disabledText: string;
+                    disabledBg: string;
+                    disabledCounterBg: string;
+                    focusBorder: string;
+                    focusShadow: string;
+                    counterBg: string;
+                };
+                danger: {
+                    text: string;
+                    hoverText: string;
+                    hoverBg: string;
+                    hoverBorder: string;
+                    hoverShadow: string;
+                    hoverInsetShadow: string;
+                    hoverIcon: string;
+                    hoverCounterBg: string;
+                    selectedText: string;
+                    selectedBg: string;
+                    selectedBorder: string;
+                    selectedShadow: string;
+                    disabledText: string;
+                    disabledBg: string;
+                    disabledCounterBg: string;
+                    focusBorder: string;
+                    focusShadow: string;
+                    counterBg: string;
+                    icon: string;
+                };
+            };
+            underlinenav: {
+                icon: string;
+                borderHover: string;
+            };
+            actionListItem: {
+                inlineDivider: string;
+                default: {
+                    hoverBg: string;
+                    hoverBorder: string;
+                    activeBg: string;
+                    activeBorder: string;
+                    selectedBg: string;
+                };
+                danger: {
+                    hoverBg: string;
+                    activeBg: string;
+                    hoverText: string;
+                };
+            };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
+            fg: {
+                default: string;
+                muted: string;
+                subtle: string;
+                onEmphasis: string;
+            };
+            canvas: {
+                default: string;
+                overlay: string;
+                inset: string;
+                subtle: string;
+            };
+            border: {
+                default: string;
+                muted: string;
+                subtle: string;
+            };
+            shadow: {
+                small: string;
+                medium: string;
+                large: string;
+                extraLarge: string;
+            };
+            neutral: {
+                emphasisPlus: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            accent: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            success: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            attention: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            severe: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            danger: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            open: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            closed: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            done: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            sponsors: {
+                fg: string;
+                emphasis: string;
+                muted: string;
+                subtle: string;
+            };
+            primer: {
+                fg: {
+                    disabled: string;
+                };
+                canvas: {
+                    backdrop: string;
+                    sticky: string;
+                };
+                border: {
+                    active: string;
+                    contrast: string;
+                };
+                shadow: {
+                    highlight: string;
+                    inset: string;
+                    focus: string;
+                };
+            };
+            scale: {
+                black: string;
+                white: string;
+                gray: string[];
+                blue: string[];
+                green: string[];
+                yellow: string[];
+                orange: string[];
+                red: string[];
+                purple: string[];
+                pink: string[];
+                coral: string[];
+            };
+        };
+        dark_tritanopia: {
+            canvasDefaultTransparent: string;
+            pageHeaderBg: string;
+            marketingIcon: {
+                primary: string;
+                secondary: string;
+            };
+            diffBlob: {
+                addition: {
+                    numText: string;
+                    fg: string;
+                    numBg: string;
+                    lineBg: string;
+                    wordBg: string;
+                };
+                deletion: {
+                    numText: string;
+                    fg: string;
+                    numBg: string;
+                    lineBg: string;
+                    wordBg: string;
+                };
+                hunk: {
+                    numBg: string;
+                };
+                expander: {
+                    icon: string;
+                };
+                selectedLineHighlightMixBlendMode: string;
+            };
+            diffstat: {
+                deletionBorder: string;
+                additionBorder: string;
+                additionBg: string;
+            };
+            searchKeyword: {
+                hl: string;
+            };
+            prettylights: {
+                syntax: {
+                    comment: string;
+                    constant: string;
+                    entity: string;
+                    storageModifierImport: string;
+                    entityTag: string;
+                    keyword: string;
+                    string: string;
+                    variable: string;
+                    brackethighlighterUnmatched: string;
+                    invalidIllegalText: string;
+                    invalidIllegalBg: string;
+                    carriageReturnText: string;
+                    carriageReturnBg: string;
+                    stringRegexp: string;
+                    markupList: string;
+                    markupHeading: string;
+                    markupItalic: string;
+                    markupBold: string;
+                    markupDeletedText: string;
+                    markupDeletedBg: string;
+                    markupInsertedText: string;
+                    markupInsertedBg: string;
+                    markupChangedText: string;
+                    markupChangedBg: string;
+                    markupIgnoredText: string;
+                    markupIgnoredBg: string;
+                    metaDiffRange: string;
+                    brackethighlighterAngle: string;
+                    sublimelinterGutterMark: string;
+                    constantOtherReferenceLink: string;
+                };
+            };
+            codemirror: {
+                text: string;
+                bg: string;
+                guttersBg: string;
+                guttermarkerText: string;
+                guttermarkerSubtleText: string;
+                linenumberText: string;
+                cursor: string;
+                selectionBg: string;
+                activelineBg: string;
+                matchingbracketText: string;
+                linesBg: string;
+                syntax: {
+                    comment: string;
+                    constant: string;
+                    entity: string;
+                    keyword: string;
+                    storage: string;
+                    string: string;
+                    support: string;
+                    variable: string;
+                };
+            };
+            checks: {
+                bg: string;
+                runBorderWidth: string;
+                containerBorderWidth: string;
+                textPrimary: string;
+                textSecondary: string;
+                textLink: string;
+                btnIcon: string;
+                btnHoverIcon: string;
+                btnHoverBg: string;
+                inputText: string;
+                inputPlaceholderText: string;
+                inputFocusText: string;
+                inputBg: string;
+                inputShadow: string;
+                donutError: string;
+                donutPending: string;
+                donutSuccess: string;
+                donutNeutral: string;
+                dropdownText: string;
+                dropdownBg: string;
+                dropdownBorder: string;
+                dropdownShadow: string;
+                dropdownHoverText: string;
+                dropdownHoverBg: string;
+                dropdownBtnHoverText: string;
+                dropdownBtnHoverBg: string;
+                scrollbarThumbBg: string;
+                headerLabelText: string;
+                headerLabelOpenText: string;
+                headerBorder: string;
+                headerIcon: string;
+                lineText: string;
+                lineNumText: string;
+                lineTimestampText: string;
+                lineHoverBg: string;
+                lineSelectedBg: string;
+                lineSelectedNumText: string;
+                lineDtFmText: string;
+                lineDtFmBg: string;
+                gateBg: string;
+                gateText: string;
+                gateWaitingText: string;
+                stepHeaderOpenBg: string;
+                stepErrorText: string;
+                stepWarningText: string;
+                loglineText: string;
+                loglineNumText: string;
+                loglineDebugText: string;
+                loglineErrorText: string;
+                loglineErrorNumText: string;
+                loglineErrorBg: string;
+                loglineWarningText: string;
+                loglineWarningNumText: string;
+                loglineWarningBg: string;
+                loglineCommandText: string;
+                loglineSectionText: string;
+                ansi: {
+                    black: string;
+                    blackBright: string;
+                    white: string;
+                    whiteBright: string;
+                    gray: string;
+                    red: string;
+                    redBright: string;
+                    green: string;
+                    greenBright: string;
+                    yellow: string;
+                    yellowBright: string;
+                    blue: string;
+                    blueBright: string;
+                    magenta: string;
+                    magentaBright: string;
+                    cyan: string;
+                    cyanBright: string;
+                };
+            };
+            project: {
+                headerBg: string;
+                sidebarBg: string;
+                gradientIn: string;
+                gradientOut: string;
+            };
+            mktg: {
+                btn: {
+                    bg: string;
+                    shadow: {
+                        outline: string;
+                        focus: string;
+                        hover: string;
+                        hoverMuted: string;
+                    };
+                };
+            };
+            avatar: {
+                bg: string;
+                border: string;
+                stackFade: string;
+                stackFadeMore: string;
+                childShadow: string;
+            };
+            topicTag: {
+                border: string;
+            };
+            counter: {
+                border: string;
+            };
+            selectMenu: {
+                backdropBorder: string;
+                tapHighlight: string;
+                tapFocusBg: string;
+            };
+            overlay: {
+                shadow: string;
+            };
+            header: {
+                text: string;
+                bg: string;
+                divider: string;
+                logo: string;
+            };
+            headerSearch: {
+                bg: string;
+                border: string;
+            };
+            sidenav: {
+                selectedBg: string;
+            };
+            menu: {
+                bgActive: string;
+            };
+            input: {
+                disabledBg: string;
+            };
+            timeline: {
+                badgeBg: string;
+            };
+            ansi: {
+                black: string;
+                blackBright: string;
+                white: string;
+                whiteBright: string;
+                gray: string;
+                red: string;
+                redBright: string;
+                green: string;
+                greenBright: string;
+                yellow: string;
+                yellowBright: string;
+                blue: string;
+                blueBright: string;
+                magenta: string;
+                magentaBright: string;
+                cyan: string;
+                cyanBright: string;
+            };
+            btn: {
+                text: string;
+                bg: string;
+                border: string;
+                shadow: string;
+                insetShadow: string;
+                hoverBg: string;
+                hoverBorder: string;
+                activeBg: string;
+                activeBorder: string;
+                selectedBg: string;
+                focusBg: string;
+                focusBorder: string;
+                focusShadow: string;
+                shadowActive: string;
+                shadowInputFocus: string;
+                counterBg: string;
+                primary: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                    shadow: string;
+                    insetShadow: string;
+                    hoverBg: string;
+                    hoverBorder: string;
+                    selectedBg: string;
+                    selectedShadow: string;
+                    disabledText: string;
+                    disabledBg: string;
+                    disabledBorder: string;
+                    focusBg: string;
+                    focusBorder: string;
+                    focusShadow: string;
+                    icon: string;
+                    counterBg: string;
+                };
+                outline: {
+                    text: string;
+                    hoverText: string;
+                    hoverBg: string;
+                    hoverBorder: string;
+                    hoverShadow: string;
+                    hoverInsetShadow: string;
+                    hoverCounterBg: string;
+                    selectedText: string;
+                    selectedBg: string;
+                    selectedBorder: string;
+                    selectedShadow: string;
+                    disabledText: string;
+                    disabledBg: string;
+                    disabledCounterBg: string;
+                    focusBorder: string;
+                    focusShadow: string;
+                    counterBg: string;
+                };
+                danger: {
+                    text: string;
+                    hoverText: string;
+                    hoverBg: string;
+                    hoverBorder: string;
+                    hoverShadow: string;
+                    hoverInsetShadow: string;
+                    hoverIcon: string;
+                    hoverCounterBg: string;
+                    selectedText: string;
+                    selectedBg: string;
+                    selectedBorder: string;
+                    selectedShadow: string;
+                    disabledText: string;
+                    disabledBg: string;
+                    disabledCounterBg: string;
+                    focusBorder: string;
+                    focusShadow: string;
+                    counterBg: string;
+                    icon: string;
+                };
+            };
+            underlinenav: {
+                icon: string;
+                borderHover: string;
+            };
+            actionListItem: {
+                inlineDivider: string;
+                default: {
+                    hoverBg: string;
+                    hoverBorder: string;
+                    activeBg: string;
+                    activeBorder: string;
+                    selectedBg: string;
+                };
+                danger: {
+                    hoverBg: string;
+                    activeBg: string;
+                    hoverText: string;
+                };
+            };
+            switchTrack: {
+                bg: string;
+                border: string;
+                checked: {
+                    bg: string;
+                    hoverBg: string;
+                    activeBg: string;
+                    border: string;
+                };
+            };
+            switchKnob: {
+                checked: {
+                    bg: string;
+                    disabledBg: string;
+                };
+            };
             fg: {
                 default: string;
                 muted: string;