@primer/primitives 4.8.1 → 5.0.0

package/dist/js/colors/dark_high_contrast.js

@@ -1,559 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    "auto": {
-        "black": "#ffffff",
-        "white": "#010409",
-        "gray": [
-            "#0a0c10",
-            "#272b33",
-            "#272b33",
-            "#525964",
-            "#7a828e",
-            "#9ea7b3",
-            "#bdc4cc",
-            "#d9dee3",
-            "#f0f3f6",
-            "#ffffff"
-        ],
-        "blue": [
-            "#194fb1",
-            "#1e60d5",
-            "#2672f3",
-            "#318bf8",
-            "#409eff",
-            "#409eff",
-            "#71b7ff",
-            "#91cbff",
-            "#addcff",
-            "#caeaff"
-        ],
-        "green": [
-            "#006222",
-            "#007728",
-            "#008c2c",
-            "#02a232",
-            "#09b43a",
-            "#09b43a",
-            "#26cd4d",
-            "#4ae168",
-            "#72f088",
-            "#acf7b6"
-        ],
-        "yellow": [
-            "#7b4900",
-            "#945d02",
-            "#ae7104",
-            "#c88508",
-            "#e09b13",
-            "#e09b13",
-            "#f0b72f",
-            "#f7c843",
-            "#fbd669",
-            "#fbe59e"
-        ],
-        "orange": [
-            "#8f3c00",
-            "#a74c00",
-            "#bf5e0a",
-            "#d57014",
-            "#e7811d",
-            "#e7811d",
-            "#fe9a2d",
-            "#ffb757",
-            "#ffcf86",
-            "#ffe1b4"
-        ],
-        "red": [
-            "#ad0116",
-            "#cc1421",
-            "#e82a2f",
-            "#ff4445",
-            "#ff6a69",
-            "#ff6a69",
-            "#ff9492",
-            "#ffb1af",
-            "#ffc9c7",
-            "#ffdedb"
-        ],
-        "purple": [
-            "#6921d7",
-            "#8031f7",
-            "#954ffd",
-            "#a66bff",
-            "#b87fff",
-            "#b780ff",
-            "#cb9eff",
-            "#dbb7ff",
-            "#e6ccff",
-            "#f0dfff"
-        ],
-        "pink": [
-            "#9c1d6a",
-            "#b72c7d",
-            "#d23d91",
-            "#e456a3",
-            "#ef6eb1",
-            "#ef6eb1",
-            "#ff8dc7",
-            "#ffadd4",
-            "#ffc7e1",
-            "#ffdceb"
-        ]
-    },
-    "text": {
-        "primary": "#f0f3f6",
-        "secondary": "#f0f3f6",
-        "tertiary": "#f0f3f6",
-        "placeholder": "#7a828e",
-        "disabled": "#f0f3f6",
-        "inverse": "#0a0c10",
-        "link": "#71b7ff",
-        "danger": "#ff6a69",
-        "success": "#26cd4d",
-        "warning": "#f0b72f",
-        "white": "#ffffff"
-    },
-    "icon": {
-        "primary": "#f0f3f6",
-        "secondary": "#f0f3f6",
-        "tertiary": "#f0f3f6",
-        "info": "#71b7ff",
-        "danger": "#ff6a69",
-        "success": "#26cd4d",
-        "warning": "#f0b72f"
-    },
-    "border": {
-        "primary": "#7a828e",
-        "secondary": "#7a828e",
-        "tertiary": "#7a828e",
-        "overlay": "#7a828e",
-        "inverse": "#0a0c10",
-        "info": "#409eff",
-        "danger": "#ff6a69",
-        "success": "#09b43a",
-        "warning": "#e09b13",
-        "default": "#7a828e",
-        "muted": "#7a828e",
-        "subtle": "#7a828e"
-    },
-    "bg": {
-        "canvas": "#0a0c10",
-        "canvasMobile": "rgba(0,0,0,0)",
-        "canvasInverse": "#9ea7b3",
-        "canvasInset": "#010409",
-        "primary": "#0a0c10",
-        "secondary": "#272b33",
-        "tertiary": "#272b33",
-        "overlay": "#272b33",
-        "backdrop": "rgba(1,4,9,0.8)",
-        "info": "rgba(64,158,255,0.15)",
-        "infoInverse": "#409eff",
-        "danger": "rgba(255,106,105,0.15)",
-        "dangerInverse": "#ff6a69",
-        "success": "rgba(9,180,58,0.15)",
-        "successInverse": "#09b43a",
-        "warning": "rgba(224,155,19,0.15)",
-        "warningInverse": "#e09b13"
-    },
-    "shadow": {
-        "highlight": "0 0 transparent",
-        "inset": "0 0 transparent",
-        "small": "0 0 transparent",
-        "medium": "0 3px 6px #010409",
-        "large": "0 8px 24px #010409",
-        "extraLarge": "0 12px 48px #010409"
-    },
-    "state": {
-        "hover": {
-            "primaryBg": "#409eff",
-            "primaryBorder": "#409eff",
-            "primaryText": "#0a0c10",
-            "primaryIcon": "#0a0c10",
-            "secondaryBg": "rgba(158,167,179,0.1)",
-            "secondaryBorder": "rgba(158,167,179,0.1)"
-        },
-        "selected": {
-            "primaryBg": "#409eff",
-            "primaryBorder": "#409eff",
-            "primaryText": "#0a0c10",
-            "primaryIcon": "#0a0c10"
-        },
-        "focus": {
-            "border": "#409eff",
-            "shadow": "0 0 0 3px #1e60d5"
-        }
-    },
-    "fade": {
-        "fg10": "rgba(255,255,255,0.1)",
-        "fg15": "rgba(255,255,255,0.15)",
-        "fg30": "rgba(255,255,255,0.3)",
-        "fg50": "rgba(255,255,255,0.5)",
-        "fg70": "rgba(255,255,255,0.7)",
-        "fg85": "rgba(255,255,255,0.85)",
-        "black10": "rgba(1,4,9,0.1)",
-        "black15": "rgba(1,4,9,0.15)",
-        "black30": "rgba(1,4,9,0.3)",
-        "black50": "rgba(1,4,9,0.5)",
-        "black70": "rgba(1,4,9,0.7)",
-        "black85": "rgba(1,4,9,0.85)",
-        "white10": "rgba(255,255,255,0.1)",
-        "white15": "rgba(255,255,255,0.15)",
-        "white30": "rgba(255,255,255,0.3)",
-        "white50": "rgba(255,255,255,0.5)",
-        "white70": "rgba(255,255,255,0.7)",
-        "white85": "rgba(255,255,255,0.85)"
-    },
-    "alert": {
-        "info": {
-            "text": "#f0f3f6",
-            "icon": "#71b7ff",
-            "bg": "rgba(64,158,255,0.15)",
-            "border": "#409eff"
-        },
-        "warn": {
-            "text": "#f0f3f6",
-            "icon": "#f0b72f",
-            "bg": "rgba(224,155,19,0.15)",
-            "border": "#e09b13"
-        },
-        "error": {
-            "text": "#f0f3f6",
-            "icon": "#ff6a69",
-            "bg": "rgba(255,106,105,0.15)",
-            "border": "#ff6a69"
-        },
-        "success": {
-            "text": "#f0f3f6",
-            "icon": "#26cd4d",
-            "bg": "rgba(9,180,58,0.15)",
-            "border": "#09b43a"
-        }
-    },
-    "autocomplete": {
-        "shadow": "0 3px 6px #010409",
-        "rowBorder": "#7a828e"
-    },
-    "blankslate": {
-        "icon": "#f0f3f6"
-    },
-    "counter": {
-        "text": "#f0f3f6",
-        "bg": "rgba(158,167,179,0.4)",
-        "primary": {
-            "text": "#0a0c10",
-            "bg": "#9ea7b3"
-        },
-        "secondary": {
-            "text": "#f0f3f6",
-            "bg": "rgba(158,167,179,0.1)"
-        }
-    },
-    "box": {
-        "blueBorder": "#409eff",
-        "rowYellowBg": "rgba(224,155,19,0.15)",
-        "rowBlueBg": "rgba(64,158,255,0.15)",
-        "headerBlueBg": "rgba(64,158,255,0.15)",
-        "headerBlueBorder": "#409eff",
-        "borderInfo": "#409eff",
-        "bgInfo": "rgba(64,158,255,0.15)",
-        "borderWarning": "#e09b13",
-        "bgWarning": "rgba(224,155,19,0.15)"
-    },
-    "branchName": {
-        "text": "#f0f3f6",
-        "icon": "#f0f3f6",
-        "bg": "rgba(64,158,255,0.15)",
-        "link": {
-            "text": "#71b7ff",
-            "icon": "#71b7ff",
-            "bg": "rgba(64,158,255,0.15)"
-        }
-    },
-    "markdown": {
-        "codeBg": "rgba(158,167,179,0.4)",
-        "frameBorder": "#7a828e",
-        "blockquoteBorder": "#7a828e",
-        "tableBorder": "#7a828e",
-        "tableTrBorder": "#7a828e"
-    },
-    "filterItem": {
-        "barBg": "rgba(158,167,179,0.1)"
-    },
-    "hiddenTextExpander": {
-        "bg": "rgba(158,167,179,0.4)",
-        "bgHover": "#409eff"
-    },
-    "dragAndDrop": {
-        "border": "#7a828e"
-    },
-    "uploadEnabled": {
-        "border": "#7a828e",
-        "borderFocused": "#409eff"
-    },
-    "previewableCommentForm": {
-        "border": "#7a828e"
-    },
-    "verifiedBadge": {
-        "text": "#26cd4d",
-        "bg": "#0a0c10",
-        "border": "#7a828e"
-    },
-    "socialCount": {
-        "bg": "#0a0c10"
-    },
-    "tooltip": {
-        "text": "#0a0c10",
-        "bg": "#ffffff"
-    },
-    "filesExplorerIcon": "#71b7ff",
-    "hlAuthorBg": "rgba(64,158,255,0.15)",
-    "hlAuthorBorder": "#409eff",
-    "logoSubdued": "rgba(158,167,179,0.4)",
-    "discussionBorder": "#09b43a",
-    "discussionBgSuccess": "#09b43a",
-    "actionsWorkflowTableStickyBg": "rgba(10,12,16,0.95)",
-    "repoLanguageColorBorder": "rgba(255,255,255,0.2)",
-    "codeSelectionBg": "#409eff",
-    "highlight": {
-        "text": "#f0f3f6",
-        "bg": "rgba(224,155,19,0.15)"
-    },
-    "blob": {
-        "lineHighlightBg": "rgba(224,155,19,0.15)",
-        "lineHighlightBorder": "#e09b13"
-    },
-    "topicTag": {
-        "text": "#71b7ff",
-        "bg": "rgba(64,158,255,0.15)",
-        "hoverBg": "#409eff",
-        "activeBg": "rgba(64,158,255,0.15)",
-        "border": "#409eff"
-    },
-    "footerInvertocat": {
-        "octicon": "#7a828e",
-        "octiconHover": "#f0f3f6"
-    },
-    "dropdown": {
-        "shadow": "0 8px 24px #010409"
-    },
-    "label": {
-        "border": "#7a828e",
-        "primary": {
-            "text": "#f0f3f6",
-            "border": "#9ea7b3"
-        },
-        "secondary": {
-            "text": "#f0f3f6",
-            "border": "#7a828e"
-        },
-        "info": {
-            "text": "#71b7ff",
-            "border": "#409eff"
-        },
-        "success": {
-            "text": "#26cd4d",
-            "border": "#09b43a"
-        },
-        "warning": {
-            "text": "#f0b72f",
-            "border": "#e09b13"
-        },
-        "danger": {
-            "text": "#ff6a69",
-            "border": "#ff6a69"
-        },
-        "orange": {
-            "text": "#e7811d",
-            "border": "#e7811d"
-        }
-    },
-    "input": {
-        "bg": "#0a0c10",
-        "contrastBg": "#010409",
-        "border": "#7a828e",
-        "shadow": "0 0 transparent",
-        "disabledBorder": "#7a828e",
-        "warningBorder": "#e09b13",
-        "errorBorder": "#ff6a69",
-        "tooltip": {
-            "success": {
-                "text": "#f0f3f6",
-                "bg": "rgba(9,180,58,0.15)",
-                "border": "#09b43a"
-            },
-            "warning": {
-                "text": "#f0f3f6",
-                "bg": "rgba(224,155,19,0.15)",
-                "border": "#e09b13"
-            },
-            "error": {
-                "text": "#f0f3f6",
-                "bg": "rgba(255,106,105,0.15)",
-                "border": "#ff6a69"
-            }
-        },
-        "disabledBg": "rgba(158,167,179,0)"
-    },
-    "toast": {
-        "text": "#f0f3f6",
-        "bg": "#0a0c10",
-        "border": "#7a828e",
-        "shadow": "0 8px 24px #010409",
-        "icon": "#0a0c10",
-        "iconBg": "#409eff",
-        "iconBorder": "rgba(0,0,0,0)",
-        "success": {
-            "text": "#f0f3f6",
-            "border": "#7a828e",
-            "icon": "#0a0c10",
-            "iconBg": "#09b43a",
-            "iconBorder": "rgba(0,0,0,0)"
-        },
-        "warning": {
-            "text": "#f0f3f6",
-            "border": "#7a828e",
-            "icon": "#f0f3f6",
-            "iconBg": "#e09b13",
-            "iconBorder": "rgba(0,0,0,0)"
-        },
-        "danger": {
-            "text": "#f0f3f6",
-            "border": "#7a828e",
-            "icon": "#0a0c10",
-            "iconBg": "#ff6a69",
-            "iconBorder": "rgba(0,0,0,0)"
-        },
-        "loading": {
-            "text": "#f0f3f6",
-            "border": "#7a828e",
-            "icon": "#0a0c10",
-            "iconBg": "#9ea7b3",
-            "iconBorder": "rgba(0,0,0,0)"
-        }
-    },
-    "timeline": {
-        "text": "#f0f3f6",
-        "badgeSuccessBorder": "rgba(0,0,0,0)",
-        "targetBadgeBorder": "#409eff",
-        "targetBadgeShadow": "#409eff",
-        "badgeBg": "#272b33"
-    },
-    "diffstat": {
-        "neutralBg": "rgba(158,167,179,0.4)",
-        "neutralBorder": "#7a828e",
-        "deletionBorder": "#ffb1af",
-        "additionBorder": "#4ae168",
-        "deletionBg": "#ff6a69",
-        "additionBg": "#26cd4d"
-    },
-    "diff": {
-        "addition": {
-            "text": "#f0f3f6",
-            "bg": "rgba(9,180,58,0.15)",
-            "border": "#09b43a"
-        },
-        "deletion": {
-            "text": "#f0f3f6",
-            "bg": "rgba(255,106,105,0.15)",
-            "border": "#ff6a69"
-        },
-        "change": {
-            "text": "#f0b72f",
-            "bg": "rgba(224,155,19,0.15)",
-            "border": "#e09b13"
-        }
-    },
-    "mergeBox": {
-        "successIconBg": "#09b43a",
-        "successIconText": "#0a0c10",
-        "successIconBorder": "rgba(0,0,0,0)",
-        "successIndicatorBg": "#09b43a",
-        "successIndicatorBorder": "rgba(0,0,0,0)",
-        "mergedIconBg": "#b87fff",
-        "mergedIconText": "#0a0c10",
-        "mergedIconBorder": "rgba(0,0,0,0)",
-        "mergedBoxBorder": "#b87fff",
-        "neutralIconBg": "#9ea7b3",
-        "neutralIconText": "#0a0c10",
-        "neutralIconBorder": "rgba(0,0,0,0)",
-        "neutralIndicatorBg": "#9ea7b3",
-        "neutralIndicatorBorder": "rgba(0,0,0,0)",
-        "warningIconBg": "#e09b13",
-        "warningIconText": "#0a0c10",
-        "warningIconBorder": "rgba(0,0,0,0)",
-        "warningBoxBorder": "#e09b13",
-        "warningMergeHighlight": "rgba(0,0,0,0)",
-        "errorIconBg": "#ff6a69",
-        "errorIconText": "#0a0c10",
-        "errorIconBorder": "rgba(0,0,0,0)",
-        "errorIndicatorBg": "#ff6a69",
-        "errorIndicatorBorder": "rgba(0,0,0,0)"
-    },
-    "underlinenav": {
-        "border": "rgba(0,0,0,0)",
-        "borderHover": "#bdc4cc",
-        "borderActive": "#FF967D",
-        "text": "#f0f3f6",
-        "textHover": "#f0f3f6",
-        "textActive": "#f0f3f6",
-        "icon": "#f0f3f6",
-        "iconHover": "#7a828e",
-        "iconActive": "#f0f3f6",
-        "counterText": "#f0f3f6",
-        "counterBg": "rgba(158,167,179,0.4)"
-    },
-    "selectMenu": {
-        "borderSecondary": "#7a828e",
-        "shadow": "0 8px 24px #010409",
-        "backdropBg": "rgba(1,4,9,0.8)",
-        "backdropBorder": "#7a828e",
-        "tapHighlight": "rgba(82,89,100,0.5)",
-        "tapFocusBg": "#1e60d5"
-    },
-    "sidenav": {
-        "borderActive": "#FF967D",
-        "selectedBg": "#272b33"
-    },
-    "menu": {
-        "headingText": "#f0f3f6",
-        "borderActive": "#FF967D",
-        "bgActive": "#272b33"
-    },
-    "project": {
-        "cardBg": "#272b33",
-        "headerBg": "#0a0c10",
-        "sidebarBg": "#272b33",
-        "gradientIn": "#272b33",
-        "gradientOut": "rgba(39,43,51,0)"
-    },
-    "prState": {
-        "draft": {
-            "text": "#0a0c10",
-            "bg": "#9ea7b3",
-            "border": "rgba(0,0,0,0)"
-        },
-        "open": {
-            "text": "#0a0c10",
-            "bg": "#09b43a",
-            "border": "rgba(0,0,0,0)"
-        },
-        "merged": {
-            "text": "#0a0c10",
-            "bg": "#b87fff",
-            "border": "rgba(0,0,0,0)"
-        },
-        "closed": {
-            "text": "#0a0c10",
-            "bg": "#ff6a69",
-            "border": "rgba(0,0,0,0)"
-        }
+    "canvasDefaultTransparent": "rgba(10,12,16,0)",
+    "marketingIcon": {
+        "primary": "#91cbff",
+        "secondary": "#409eff"
     },
     "diffBlob": {
-        "numText": "#7a828e",
-        "numHoverText": "#f0f3f6",
         "addition": {
-            "numHoverText": "#f0f3f6",
             "numText": "#f0f3f6",
             "fg": "#0a0c10",
             "numBg": "rgba(38,205,77,0.3)",
@@ -561,7 +15,6 @@ exports.default = {
             "wordBg": "#09b43a"
         },
         "deletion": {
-            "numHoverText": "#f0f3f6",
             "numText": "#f0f3f6",
             "fg": "#0a0c10",
             "numBg": "rgba(255,106,105,0.3)",
@@ -569,45 +22,17 @@ exports.default = {
             "wordBg": "#ff6a69"
         },
         "hunk": {
-            "text": "#f0f3f6",
-            "numBg": "rgba(64,158,255,0.4)",
-            "lineBg": "rgba(64,158,255,0.15)"
+            "numBg": "rgba(64,158,255,0.4)"
         },
-        "emptyBlockBg": "rgba(158,167,179,0.1)",
-        "selectedLineHighlightBg": "rgba(224,155,19,0.15)",
-        "selectedLineHighlightBorder": "#e09b13",
         "expander": {
-            "hoverIcon": "#0a0c10",
-            "hoverBg": "#409eff",
             "icon": "#0a0c10"
         },
-        "commentButton": {
-            "icon": "#0a0c10",
-            "bg": "#409eff",
-            "gradientBg": "rgba(0,0,0,0)"
-        },
         "selectedLineHighlightMixBlendMode": "screen"
     },
-    "globalNav": {
-        "logo": "#ffffff",
-        "bg": "#272b33",
-        "text": "#f0f3f6",
-        "icon": "#f0f3f6",
-        "inputBg": "#0a0c10",
-        "inputBorder": "#272b33",
-        "inputIcon": "#272b33",
-        "inputPlaceholder": "#7a828e"
-    },
-    "introShelf": {
-        "gradientLeft": "rgba(64,158,255,0.15)",
-        "gradientRight": "rgba(9,180,58,0.15)",
-        "gradientIn": "#0a0c10",
-        "gradientOut": "rgba(255,255,255,0)"
-    },
-    "canvasDefaultTransparent": "rgba(10,12,16,0)",
-    "marketingIcon": {
-        "primary": "#91cbff",
-        "secondary": "#409eff"
+    "diffstat": {
+        "deletionBorder": "#ffb1af",
+        "additionBorder": "#4ae168",
+        "additionBg": "#26cd4d"
     },
     "searchKeyword": {
         "hl": "rgba(240,183,47,0.4)"
@@ -746,6 +171,12 @@ exports.default = {
             "cyanBright": "#b3f0ff"
         }
     },
+    "project": {
+        "headerBg": "#0a0c10",
+        "sidebarBg": "#272b33",
+        "gradientIn": "#272b33",
+        "gradientOut": "rgba(39,43,51,0)"
+    },
     "mktg": {
         "success": "rgba(9,180,58,1)",
         "info": "rgba(64,158,255,1)",
@@ -818,6 +249,14 @@ exports.default = {
         "stackFadeMore": "#272b33",
         "childShadow": "-2px -2px 0 #0a0c10"
     },
+    "topicTag": {
+        "border": "#409eff"
+    },
+    "selectMenu": {
+        "backdropBorder": "#7a828e",
+        "tapHighlight": "rgba(82,89,100,0.5)",
+        "tapFocusBg": "#1e60d5"
+    },
     "overlay": {
         "shadow": "0 0 0 1px #525964, 0 16px 32px rgba(1,4,9,0.85)"
     },
@@ -830,6 +269,18 @@ exports.default = {
         "bg": "#0a0c10",
         "border": "#525964"
     },
+    "sidenav": {
+        "selectedBg": "#272b33"
+    },
+    "menu": {
+        "bgActive": "#272b33"
+    },
+    "input": {
+        "disabledBg": "rgba(158,167,179,0)"
+    },
+    "timeline": {
+        "badgeBg": "#272b33"
+    },
     "ansi": {
         "black": "#7a828e",
         "blackBright": "#9ea7b3",
@@ -926,6 +377,10 @@ exports.default = {
             "icon": "#ff6a69"
         }
     },
+    "underlinenav": {
+        "icon": "#f0f3f6",
+        "borderHover": "#bdc4cc"
+    },
     "fg": {
         "default": "#f0f3f6",
         "muted": "#f0f3f6",
@@ -938,6 +393,17 @@ exports.default = {
         "inset": "#010409",
         "subtle": "#272b33"
     },
+    "border": {
+        "default": "#7a828e",
+        "muted": "#7a828e",
+        "subtle": "#7a828e"
+    },
+    "shadow": {
+        "small": "0 0 transparent",
+        "medium": "0 3px 6px #010409",
+        "large": "0 8px 24px #010409",
+        "extraLarge": "0 12px 48px #010409"
+    },
     "neutral": {
         "emphasisPlus": "#ffffff",
         "emphasis": "#9ea7b3",