@primer/primitives 4.7.0 → 4.8.0-rc.bdc0e17

package/dist/js/index.d.ts

@@ -516,6 +516,7 @@ declare const _default: {
                 gradientIn: string;
                 gradientOut: string;
             };
+            canvasDefaultTransparent: string;
             marketingIcon: {
                 primary: string;
                 secondary: string;
@@ -926,1859 +927,7 @@ declare const _default: {
                 coral: string[];
             };
         };
-        dark: {
-            auto: {
-                black: string;
-                white: string;
-                gray: string[];
-                blue: string[];
-                green: string[];
-                yellow: string[];
-                orange: string[];
-                red: string[];
-                purple: string[];
-                pink: string[];
-            };
-            text: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                placeholder: string;
-                disabled: string;
-                inverse: string;
-                link: string;
-                danger: string;
-                success: string;
-                warning: string;
-                white: string;
-            };
-            icon: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                info: string;
-                danger: string;
-                success: string;
-                warning: string;
-            };
-            border: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                overlay: string;
-                inverse: string;
-                info: string;
-                danger: string;
-                success: string;
-                warning: string;
-                default: string;
-                muted: string;
-                subtle: string;
-            };
-            bg: {
-                canvas: string;
-                canvasMobile: string;
-                canvasInverse: string;
-                canvasInset: string;
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                overlay: string;
-                backdrop: string;
-                info: string;
-                infoInverse: string;
-                danger: string;
-                dangerInverse: string;
-                success: string;
-                successInverse: string;
-                warning: string;
-                warningInverse: string;
-            };
-            shadow: {
-                highlight: string;
-                inset: string;
-                small: string;
-                medium: string;
-                large: string;
-                extraLarge: string;
-            };
-            state: {
-                hover: {
-                    primaryBg: string;
-                    primaryBorder: string;
-                    primaryText: string;
-                    primaryIcon: string;
-                    secondaryBg: string;
-                    secondaryBorder: string;
-                };
-                selected: {
-                    primaryBg: string;
-                    primaryBorder: string;
-                    primaryText: string;
-                    primaryIcon: string;
-                };
-                focus: {
-                    border: string;
-                    shadow: string;
-                };
-            };
-            fade: {
-                fg10: string;
-                fg15: string;
-                fg30: string;
-                fg50: string;
-                fg70: string;
-                fg85: string;
-                black10: string;
-                black15: string;
-                black30: string;
-                black50: string;
-                black70: string;
-                black85: string;
-                white10: string;
-                white15: string;
-                white30: string;
-                white50: string;
-                white70: string;
-                white85: string;
-            };
-            alert: {
-                info: {
-                    text: string;
-                    icon: string;
-                    bg: string;
-                    border: string;
-                };
-                warn: {
-                    text: string;
-                    icon: string;
-                    bg: string;
-                    border: string;
-                };
-                error: {
-                    text: string;
-                    icon: string;
-                    bg: string;
-                    border: string;
-                };
-                success: {
-                    text: string;
-                    icon: string;
-                    bg: string;
-                    border: string;
-                };
-            };
-            autocomplete: {
-                shadow: string;
-                rowBorder: string;
-            };
-            blankslate: {
-                icon: string;
-            };
-            counter: {
-                text: string;
-                bg: string;
-                primary: {
-                    text: string;
-                    bg: string;
-                };
-                secondary: {
-                    text: string;
-                    bg: string;
-                };
-            };
-            box: {
-                blueBorder: string;
-                rowYellowBg: string;
-                rowBlueBg: string;
-                headerBlueBg: string;
-                headerBlueBorder: string;
-                borderInfo: string;
-                bgInfo: string;
-                borderWarning: string;
-                bgWarning: string;
-            };
-            branchName: {
-                text: string;
-                icon: string;
-                bg: string;
-                link: {
-                    text: string;
-                    icon: string;
-                    bg: string;
-                };
-            };
-            markdown: {
-                codeBg: string;
-                frameBorder: string;
-                blockquoteBorder: string;
-                tableBorder: string;
-                tableTrBorder: string;
-            };
-            filterItem: {
-                barBg: string;
-            };
-            hiddenTextExpander: {
-                bg: string;
-                bgHover: string;
-            };
-            dragAndDrop: {
-                border: string;
-            };
-            uploadEnabled: {
-                border: string;
-                borderFocused: string;
-            };
-            previewableCommentForm: {
-                border: string;
-            };
-            verifiedBadge: {
-                text: string;
-                bg: string;
-                border: string;
-            };
-            socialCount: {
-                bg: string;
-            };
-            tooltip: {
-                text: string;
-                bg: string;
-            };
-            filesExplorerIcon: string;
-            hlAuthorBg: string;
-            hlAuthorBorder: string;
-            logoSubdued: string;
-            discussionBorder: string;
-            discussionBgSuccess: string;
-            actionsWorkflowTableStickyBg: string;
-            repoLanguageColorBorder: string;
-            codeSelectionBg: string;
-            highlight: {
-                text: string;
-                bg: string;
-            };
-            blob: {
-                lineHighlightBg: string;
-                lineHighlightBorder: string;
-            };
-            topicTag: {
-                text: string;
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                border: string;
-            };
-            footerInvertocat: {
-                octicon: string;
-                octiconHover: string;
-            };
-            dropdown: {
-                shadow: string;
-            };
-            label: {
-                border: string;
-                primary: {
-                    text: string;
-                    border: string;
-                };
-                secondary: {
-                    text: string;
-                    border: string;
-                };
-                info: {
-                    text: string;
-                    border: string;
-                };
-                success: {
-                    text: string;
-                    border: string;
-                };
-                warning: {
-                    text: string;
-                    border: string;
-                };
-                danger: {
-                    text: string;
-                    border: string;
-                };
-                orange: {
-                    text: string;
-                    border: string;
-                };
-            };
-            input: {
-                bg: string;
-                contrastBg: string;
-                border: string;
-                shadow: string;
-                disabledBorder: string;
-                warningBorder: string;
-                errorBorder: string;
-                tooltip: {
-                    success: {
-                        text: string;
-                        bg: string;
-                        border: string;
-                    };
-                    warning: {
-                        text: string;
-                        bg: string;
-                        border: string;
-                    };
-                    error: {
-                        text: string;
-                        bg: string;
-                        border: string;
-                    };
-                };
-                disabledBg: string;
-            };
-            toast: {
-                text: string;
-                bg: string;
-                border: string;
-                shadow: string;
-                icon: string;
-                iconBg: string;
-                iconBorder: string;
-                success: {
-                    text: string;
-                    border: string;
-                    icon: string;
-                    iconBg: string;
-                    iconBorder: string;
-                };
-                warning: {
-                    text: string;
-                    border: string;
-                    icon: string;
-                    iconBg: string;
-                    iconBorder: string;
-                };
-                danger: {
-                    text: string;
-                    border: string;
-                    icon: string;
-                    iconBg: string;
-                    iconBorder: string;
-                };
-                loading: {
-                    text: string;
-                    border: string;
-                    icon: string;
-                    iconBg: string;
-                    iconBorder: string;
-                };
-            };
-            timeline: {
-                text: string;
-                badgeSuccessBorder: string;
-                targetBadgeBorder: string;
-                targetBadgeShadow: string;
-                badgeBg: string;
-            };
-            diffstat: {
-                neutralBg: string;
-                neutralBorder: string;
-                deletionBorder: string;
-                additionBorder: string;
-                deletionBg: string;
-                additionBg: string;
-            };
-            diff: {
-                addition: {
-                    text: string;
-                    bg: string;
-                    border: string;
-                };
-                deletion: {
-                    text: string;
-                    bg: string;
-                    border: string;
-                };
-                change: {
-                    text: string;
-                    bg: string;
-                    border: string;
-                };
-            };
-            mergeBox: {
-                successIconBg: string;
-                successIconText: string;
-                successIconBorder: string;
-                successIndicatorBg: string;
-                successIndicatorBorder: string;
-                mergedIconBg: string;
-                mergedIconText: string;
-                mergedIconBorder: string;
-                mergedBoxBorder: string;
-                neutralIconBg: string;
-                neutralIconText: string;
-                neutralIconBorder: string;
-                neutralIndicatorBg: string;
-                neutralIndicatorBorder: string;
-                warningIconBg: string;
-                warningIconText: string;
-                warningIconBorder: string;
-                warningBoxBorder: string;
-                warningMergeHighlight: string;
-                errorIconBg: string;
-                errorIconText: string;
-                errorIconBorder: string;
-                errorIndicatorBg: string;
-                errorIndicatorBorder: string;
-            };
-            underlinenav: {
-                border: string;
-                borderHover: string;
-                borderActive: string;
-                text: string;
-                textHover: string;
-                textActive: string;
-                icon: string;
-                iconHover: string;
-                iconActive: string;
-                counterText: string;
-                counterBg: string;
-            };
-            selectMenu: {
-                borderSecondary: string;
-                shadow: string;
-                backdropBg: string;
-                backdropBorder: string;
-                tapHighlight: string;
-                tapFocusBg: string;
-            };
-            sidenav: {
-                borderActive: string;
-                selectedBg: string;
-            };
-            menu: {
-                headingText: string;
-                borderActive: string;
-                bgActive: string;
-            };
-            project: {
-                cardBg: string;
-                headerBg: string;
-                sidebarBg: string;
-                gradientIn: string;
-                gradientOut: string;
-            };
-            prState: {
-                draft: {
-                    text: string;
-                    bg: string;
-                    border: string;
-                };
-                open: {
-                    text: string;
-                    bg: string;
-                    border: string;
-                };
-                merged: {
-                    text: string;
-                    bg: string;
-                    border: string;
-                };
-                closed: {
-                    text: string;
-                    bg: string;
-                    border: string;
-                };
-            };
-            diffBlob: {
-                numText: string;
-                numHoverText: string;
-                addition: {
-                    numHoverText: string;
-                    numText: string;
-                    fg: string;
-                    numBg: string;
-                    lineBg: string;
-                    wordBg: string;
-                };
-                deletion: {
-                    numHoverText: string;
-                    lineBg: string;
-                    wordBg: string;
-                    numText: string;
-                    fg: string;
-                    numBg: string;
-                };
-                hunk: {
-                    text: string;
-                    numBg: string;
-                    lineBg: string;
-                };
-                emptyBlockBg: string;
-                selectedLineHighlightBg: string;
-                selectedLineHighlightBorder: string;
-                expander: {
-                    hoverIcon: string;
-                    hoverBg: string;
-                    icon: string;
-                };
-                commentButton: {
-                    icon: string;
-                    bg: string;
-                    gradientBg: string;
-                };
-                selectedLineHighlightMixBlendMode: string;
-            };
-            globalNav: {
-                logo: string;
-                bg: string;
-                text: string;
-                icon: string;
-                inputBg: string;
-                inputBorder: string;
-                inputIcon: string;
-                inputPlaceholder: string;
-            };
-            introShelf: {
-                gradientLeft: string;
-                gradientRight: string;
-                gradientIn: string;
-                gradientOut: string;
-            };
-            marketingIcon: {
-                primary: string;
-                secondary: 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;
-                };
-            };
-            mktg: {
-                success: string;
-                info: string;
-                bgShadeGradient: {
-                    top: string;
-                    bottom: string;
-                };
-                btn: {
-                    bg: {
-                        top: string;
-                        bottom: string;
-                    };
-                    bgOverlay: {
-                        top: string;
-                        bottom: string;
-                    };
-                    text: string;
-                    primary: {
-                        bg: {
-                            top: string;
-                            bottom: string;
-                        };
-                        bgOverlay: {
-                            top: string;
-                            bottom: string;
-                        };
-                        text: string;
-                    };
-                    enterprise: {
-                        bg: {
-                            top: string;
-                            bottom: string;
-                        };
-                        bgOverlay: {
-                            top: string;
-                            bottom: string;
-                        };
-                        text: string;
-                    };
-                    outline: {
-                        text: string;
-                        border: string;
-                        hover: {
-                            text: string;
-                            border: string;
-                        };
-                        focus: {
-                            border: string;
-                            borderInset: string;
-                        };
-                    };
-                    dark: {
-                        text: string;
-                        border: string;
-                        hover: {
-                            text: string;
-                            border: string;
-                        };
-                        focus: {
-                            border: string;
-                            borderInset: string;
-                        };
-                    };
-                };
-            };
-            avatar: {
-                bg: string;
-                border: string;
-                stackFade: string;
-                stackFadeMore: string;
-                childShadow: string;
-            };
-            overlay: {
-                shadow: string;
-            };
-            header: {
-                text: string;
-                bg: string;
-                logo: string;
-            };
-            headerSearch: {
-                bg: string;
-                border: 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;
-                };
-            };
-            fg: {
-                default: string;
-                muted: string;
-                subtle: string;
-                onEmphasis: string;
-            };
-            canvas: {
-                default: string;
-                overlay: string;
-                inset: string;
-                subtle: 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;
-            };
-            done: {
-                fg: string;
-                emphasis: string;
-                muted: string;
-                subtle: string;
-            };
-            sponsors: {
-                fg: string;
-                emphasis: string;
-                muted: string;
-                subtle: string;
-            };
-            primer: {
-                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_dimmed: {
-            auto: {
-                black: string;
-                white: string;
-                gray: string[];
-                blue: string[];
-                green: string[];
-                yellow: string[];
-                orange: string[];
-                red: string[];
-                purple: string[];
-                pink: string[];
-            };
-            text: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                placeholder: string;
-                disabled: string;
-                inverse: string;
-                link: string;
-                danger: string;
-                success: string;
-                warning: string;
-                white: string;
-            };
-            icon: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                info: string;
-                danger: string;
-                success: string;
-                warning: string;
-            };
-            border: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                overlay: string;
-                inverse: string;
-                info: string;
-                danger: string;
-                success: string;
-                warning: string;
-                default: string;
-                muted: string;
-                subtle: string;
-            };
-            bg: {
-                canvas: string;
-                canvasMobile: string;
-                canvasInverse: string;
-                canvasInset: string;
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                overlay: string;
-                backdrop: string;
-                info: string;
-                infoInverse: string;
-                danger: string;
-                dangerInverse: string;
-                success: string;
-                successInverse: string;
-                warning: string;
-                warningInverse: string;
-            };
-            shadow: {
-                highlight: string;
-                inset: string;
-                small: string;
-                medium: string;
-                large: string;
-                extraLarge: string;
-            };
-            state: {
-                hover: {
-                    primaryBg: string;
-                    primaryBorder: string;
-                    primaryText: string;
-                    primaryIcon: string;
-                    secondaryBg: string;
-                    secondaryBorder: string;
-                };
-                selected: {
-                    primaryBg: string;
-                    primaryBorder: string;
-                    primaryText: string;
-                    primaryIcon: string;
-                };
-                focus: {
-                    border: string;
-                    shadow: string;
-                };
-            };
-            fade: {
-                fg10: string;
-                fg15: string;
-                fg30: string;
-                fg50: string;
-                fg70: string;
-                fg85: string;
-                black10: string;
-                black15: string;
-                black30: string;
-                black50: string;
-                black70: string;
-                black85: string;
-                white10: string;
-                white15: string;
-                white30: string;
-                white50: string;
-                white70: string;
-                white85: string;
-            };
-            alert: {
-                info: {
-                    text: string;
-                    icon: string;
-                    bg: string;
-                    border: string;
-                };
-                warn: {
-                    text: string;
-                    icon: string;
-                    bg: string;
-                    border: string;
-                };
-                error: {
-                    text: string;
-                    icon: string;
-                    bg: string;
-                    border: string;
-                };
-                success: {
-                    text: string;
-                    icon: string;
-                    bg: string;
-                    border: string;
-                };
-            };
-            autocomplete: {
-                shadow: string;
-                rowBorder: string;
-            };
-            blankslate: {
-                icon: string;
-            };
-            counter: {
-                text: string;
-                bg: string;
-                primary: {
-                    text: string;
-                    bg: string;
-                };
-                secondary: {
-                    text: string;
-                    bg: string;
-                };
-            };
-            box: {
-                blueBorder: string;
-                rowYellowBg: string;
-                rowBlueBg: string;
-                headerBlueBg: string;
-                headerBlueBorder: string;
-                borderInfo: string;
-                bgInfo: string;
-                borderWarning: string;
-                bgWarning: string;
-            };
-            branchName: {
-                text: string;
-                icon: string;
-                bg: string;
-                link: {
-                    text: string;
-                    icon: string;
-                    bg: string;
-                };
-            };
-            markdown: {
-                codeBg: string;
-                frameBorder: string;
-                blockquoteBorder: string;
-                tableBorder: string;
-                tableTrBorder: string;
-            };
-            filterItem: {
-                barBg: string;
-            };
-            hiddenTextExpander: {
-                bg: string;
-                bgHover: string;
-            };
-            dragAndDrop: {
-                border: string;
-            };
-            uploadEnabled: {
-                border: string;
-                borderFocused: string;
-            };
-            previewableCommentForm: {
-                border: string;
-            };
-            verifiedBadge: {
-                text: string;
-                bg: string;
-                border: string;
-            };
-            socialCount: {
-                bg: string;
-            };
-            tooltip: {
-                text: string;
-                bg: string;
-            };
-            filesExplorerIcon: string;
-            hlAuthorBg: string;
-            hlAuthorBorder: string;
-            logoSubdued: string;
-            discussionBorder: string;
-            discussionBgSuccess: string;
-            actionsWorkflowTableStickyBg: string;
-            repoLanguageColorBorder: string;
-            codeSelectionBg: string;
-            highlight: {
-                text: string;
-                bg: string;
-            };
-            blob: {
-                lineHighlightBg: string;
-                lineHighlightBorder: string;
-            };
-            topicTag: {
-                text: string;
-                bg: string;
-                hoverBg: string;
-                activeBg: string;
-                border: string;
-            };
-            footerInvertocat: {
-                octicon: string;
-                octiconHover: string;
-            };
-            dropdown: {
-                shadow: string;
-            };
-            label: {
-                border: string;
-                primary: {
-                    text: string;
-                    border: string;
-                };
-                secondary: {
-                    text: string;
-                    border: string;
-                };
-                info: {
-                    text: string;
-                    border: string;
-                };
-                success: {
-                    text: string;
-                    border: string;
-                };
-                warning: {
-                    text: string;
-                    border: string;
-                };
-                danger: {
-                    text: string;
-                    border: string;
-                };
-                orange: {
-                    text: string;
-                    border: string;
-                };
-            };
-            input: {
-                bg: string;
-                contrastBg: string;
-                border: string;
-                shadow: string;
-                disabledBorder: string;
-                warningBorder: string;
-                errorBorder: string;
-                tooltip: {
-                    success: {
-                        text: string;
-                        bg: string;
-                        border: string;
-                    };
-                    warning: {
-                        text: string;
-                        bg: string;
-                        border: string;
-                    };
-                    error: {
-                        text: string;
-                        bg: string;
-                        border: string;
-                    };
-                };
-                disabledBg: string;
-            };
-            toast: {
-                text: string;
-                bg: string;
-                border: string;
-                shadow: string;
-                icon: string;
-                iconBg: string;
-                iconBorder: string;
-                success: {
-                    text: string;
-                    border: string;
-                    icon: string;
-                    iconBg: string;
-                    iconBorder: string;
-                };
-                warning: {
-                    text: string;
-                    border: string;
-                    icon: string;
-                    iconBg: string;
-                    iconBorder: string;
-                };
-                danger: {
-                    text: string;
-                    border: string;
-                    icon: string;
-                    iconBg: string;
-                    iconBorder: string;
-                };
-                loading: {
-                    text: string;
-                    border: string;
-                    icon: string;
-                    iconBg: string;
-                    iconBorder: string;
-                };
-            };
-            timeline: {
-                text: string;
-                badgeSuccessBorder: string;
-                targetBadgeBorder: string;
-                targetBadgeShadow: string;
-                badgeBg: string;
-            };
-            diffstat: {
-                neutralBg: string;
-                neutralBorder: string;
-                deletionBorder: string;
-                additionBorder: string;
-                deletionBg: string;
-                additionBg: string;
-            };
-            diff: {
-                addition: {
-                    text: string;
-                    bg: string;
-                    border: string;
-                };
-                deletion: {
-                    text: string;
-                    bg: string;
-                    border: string;
-                };
-                change: {
-                    text: string;
-                    bg: string;
-                    border: string;
-                };
-            };
-            mergeBox: {
-                successIconBg: string;
-                successIconText: string;
-                successIconBorder: string;
-                successIndicatorBg: string;
-                successIndicatorBorder: string;
-                mergedIconBg: string;
-                mergedIconText: string;
-                mergedIconBorder: string;
-                mergedBoxBorder: string;
-                neutralIconBg: string;
-                neutralIconText: string;
-                neutralIconBorder: string;
-                neutralIndicatorBg: string;
-                neutralIndicatorBorder: string;
-                warningIconBg: string;
-                warningIconText: string;
-                warningIconBorder: string;
-                warningBoxBorder: string;
-                warningMergeHighlight: string;
-                errorIconBg: string;
-                errorIconText: string;
-                errorIconBorder: string;
-                errorIndicatorBg: string;
-                errorIndicatorBorder: string;
-            };
-            underlinenav: {
-                border: string;
-                borderHover: string;
-                borderActive: string;
-                text: string;
-                textHover: string;
-                textActive: string;
-                icon: string;
-                iconHover: string;
-                iconActive: string;
-                counterText: string;
-                counterBg: string;
-            };
-            selectMenu: {
-                borderSecondary: string;
-                shadow: string;
-                backdropBg: string;
-                backdropBorder: string;
-                tapHighlight: string;
-                tapFocusBg: string;
-            };
-            sidenav: {
-                borderActive: string;
-                selectedBg: string;
-            };
-            menu: {
-                headingText: string;
-                borderActive: string;
-                bgActive: string;
-            };
-            project: {
-                cardBg: string;
-                headerBg: string;
-                sidebarBg: string;
-                gradientIn: string;
-                gradientOut: string;
-            };
-            prState: {
-                draft: {
-                    text: string;
-                    bg: string;
-                    border: string;
-                };
-                open: {
-                    text: string;
-                    bg: string;
-                    border: string;
-                };
-                merged: {
-                    text: string;
-                    bg: string;
-                    border: string;
-                };
-                closed: {
-                    text: string;
-                    bg: string;
-                    border: string;
-                };
-            };
-            diffBlob: {
-                numText: string;
-                numHoverText: string;
-                addition: {
-                    numHoverText: string;
-                    numText: string;
-                    fg: string;
-                    numBg: string;
-                    lineBg: string;
-                    wordBg: string;
-                };
-                deletion: {
-                    numHoverText: string;
-                    lineBg: string;
-                    wordBg: string;
-                    numText: string;
-                    fg: string;
-                    numBg: string;
-                };
-                hunk: {
-                    text: string;
-                    numBg: string;
-                    lineBg: string;
-                };
-                emptyBlockBg: string;
-                selectedLineHighlightBg: string;
-                selectedLineHighlightBorder: string;
-                expander: {
-                    hoverIcon: string;
-                    hoverBg: string;
-                    icon: string;
-                };
-                commentButton: {
-                    icon: string;
-                    bg: string;
-                    gradientBg: string;
-                };
-                selectedLineHighlightMixBlendMode: string;
-            };
-            globalNav: {
-                logo: string;
-                bg: string;
-                text: string;
-                icon: string;
-                inputBg: string;
-                inputBorder: string;
-                inputIcon: string;
-                inputPlaceholder: string;
-            };
-            introShelf: {
-                gradientLeft: string;
-                gradientRight: string;
-                gradientIn: string;
-                gradientOut: string;
-            };
-            marketingIcon: {
-                primary: string;
-                secondary: 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;
-                };
-            };
-            mktg: {
-                success: string;
-                info: string;
-                bgShadeGradient: {
-                    top: string;
-                    bottom: string;
-                };
-                btn: {
-                    bg: {
-                        top: string;
-                        bottom: string;
-                    };
-                    bgOverlay: {
-                        top: string;
-                        bottom: string;
-                    };
-                    text: string;
-                    primary: {
-                        bg: {
-                            top: string;
-                            bottom: string;
-                        };
-                        bgOverlay: {
-                            top: string;
-                            bottom: string;
-                        };
-                        text: string;
-                    };
-                    enterprise: {
-                        bg: {
-                            top: string;
-                            bottom: string;
-                        };
-                        bgOverlay: {
-                            top: string;
-                            bottom: string;
-                        };
-                        text: string;
-                    };
-                    outline: {
-                        text: string;
-                        border: string;
-                        hover: {
-                            text: string;
-                            border: string;
-                        };
-                        focus: {
-                            border: string;
-                            borderInset: string;
-                        };
-                    };
-                    dark: {
-                        text: string;
-                        border: string;
-                        hover: {
-                            text: string;
-                            border: string;
-                        };
-                        focus: {
-                            border: string;
-                            borderInset: string;
-                        };
-                    };
-                };
-            };
-            avatar: {
-                bg: string;
-                border: string;
-                stackFade: string;
-                stackFadeMore: string;
-                childShadow: string;
-            };
-            overlay: {
-                shadow: string;
-            };
-            header: {
-                text: string;
-                bg: string;
-                logo: string;
-            };
-            headerSearch: {
-                bg: string;
-                border: 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;
-                };
-            };
-            fg: {
-                default: string;
-                muted: string;
-                subtle: string;
-                onEmphasis: string;
-            };
-            canvas: {
-                default: string;
-                overlay: string;
-                inset: string;
-                subtle: 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;
-            };
-            done: {
-                fg: string;
-                emphasis: string;
-                muted: string;
-                subtle: string;
-            };
-            sponsors: {
-                fg: string;
-                emphasis: string;
-                muted: string;
-                subtle: string;
-            };
-            primer: {
-                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_high_contrast: {
+        light_protanopia: {
             auto: {
                 black: string;
                 white: string;
@@ -3294,6 +1443,7 @@ declare const _default: {
                 gradientIn: string;
                 gradientOut: string;
             };
+            canvasDefaultTransparent: string;
             marketingIcon: {
                 primary: string;
                 secondary: string;
@@ -3600,7 +1750,6 @@ declare const _default: {
                     hoverBorder: string;
                     hoverShadow: string;
                     hoverInsetShadow: string;
-                    hoverIcon: string;
                     hoverCounterBg: string;
                     selectedText: string;
                     selectedBg: string;
@@ -3613,6 +1762,7 @@ declare const _default: {
                     focusShadow: string;
                     counterBg: string;
                     icon: string;
+                    hoverIcon: string;
                 };
             };
             fg: {
@@ -3704,9 +1854,7 @@ declare const _default: {
                 coral: string[];
             };
         };
-    };
-    colors_v2: {
-        light: {
+        dark: {
             auto: {
                 black: string;
                 white: string;
@@ -4222,6 +2370,7 @@ declare const _default: {
                 gradientIn: string;
                 gradientOut: string;
             };
+            canvasDefaultTransparent: string;
             marketingIcon: {
                 primary: string;
                 secondary: string;
@@ -4528,6 +2677,7 @@ declare const _default: {
                     hoverBorder: string;
                     hoverShadow: string;
                     hoverInsetShadow: string;
+                    hoverIcon: string;
                     hoverCounterBg: string;
                     selectedText: string;
                     selectedBg: string;
@@ -4540,7 +2690,6 @@ declare const _default: {
                     focusShadow: string;
                     counterBg: string;
                     icon: string;
-                    hoverIcon: string;
                 };
             };
             fg: {
@@ -4632,7 +2781,7 @@ declare const _default: {
                 coral: string[];
             };
         };
-        dark: {
+        dark_dimmed: {
             auto: {
                 black: string;
                 white: string;
@@ -5148,6 +3297,7 @@ declare const _default: {
                 gradientIn: string;
                 gradientOut: string;
             };
+            canvasDefaultTransparent: string;
             marketingIcon: {
                 primary: string;
                 secondary: string;
@@ -5558,7 +3708,7 @@ declare const _default: {
                 coral: string[];
             };
         };
-        dark_dimmed: {
+        dark_high_contrast: {
             auto: {
                 black: string;
                 white: string;
@@ -6074,6 +4224,7 @@ declare const _default: {
                 gradientIn: string;
                 gradientOut: string;
             };
+            canvasDefaultTransparent: string;
             marketingIcon: {
                 primary: string;
                 secondary: string;
@@ -6484,7 +4635,7 @@ declare const _default: {
                 coral: string[];
             };
         };
-        dark_high_contrast: {
+        dark_protanopia: {
             auto: {
                 black: string;
                 white: string;
@@ -7000,6 +5151,7 @@ declare const _default: {
                 gradientIn: string;
                 gradientOut: string;
             };
+            canvasDefaultTransparent: string;
             marketingIcon: {
                 primary: string;
                 secondary: string;