@primer/primitives 4.8.1 → 5.0.0

package/dist/js/colors/light_protanopia.js

@@ -1,559 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    "auto": {
-        "black": "#1b1f24",
-        "white": "#ffffff",
-        "gray": [
-            "#f6f8fa",
-            "#eaeef2",
-            "#d0d7de",
-            "#afb8c1",
-            "#8c959f",
-            "#6e7781",
-            "#57606a",
-            "#424a53",
-            "#32383f",
-            "#24292f"
-        ],
-        "blue": [
-            "#ddf4ff",
-            "#b6e3ff",
-            "#80ccff",
-            "#54aeff",
-            "#218bff",
-            "#0969da",
-            "#0550ae",
-            "#033d8b",
-            "#0a3069",
-            "#002155"
-        ],
-        "green": [
-            "#c0f6ff",
-            "#96e5ff",
-            "#65ccff",
-            "#35adff",
-            "#0088ff",
-            "#0566d5",
-            "#054da9",
-            "#033a86",
-            "#002d68",
-            "#001f50"
-        ],
-        "yellow": [
-            "#fff8c5",
-            "#fae17d",
-            "#eac54f",
-            "#d4a72c",
-            "#bf8700",
-            "#9a6700",
-            "#7d4e00",
-            "#633c01",
-            "#4d2d00",
-            "#3b2300"
-        ],
-        "orange": [
-            "#fff1e5",
-            "#ffd8b5",
-            "#ffb77c",
-            "#fb8f44",
-            "#e16f24",
-            "#bc4c00",
-            "#953800",
-            "#762c00",
-            "#5c2200",
-            "#471700"
-        ],
-        "red": [
-            "#fefe48",
-            "#fee325",
-            "#f8c200",
-            "#e7a100",
-            "#d08002",
-            "#ac5e00",
-            "#8b4600",
-            "#6c3900",
-            "#4c3100",
-            "#2f2900"
-        ],
-        "purple": [
-            "#fbefff",
-            "#ecd8ff",
-            "#d8b9ff",
-            "#c297ff",
-            "#a475f9",
-            "#8250df",
-            "#6639ba",
-            "#512a97",
-            "#3e1f79",
-            "#2e1461"
-        ],
-        "pink": [
-            "#ffeff7",
-            "#ffd3eb",
-            "#ffadda",
-            "#ff80c8",
-            "#e85aad",
-            "#bf3989",
-            "#99286e",
-            "#772057",
-            "#611347",
-            "#4d0336"
-        ]
-    },
-    "text": {
-        "primary": "#24292f",
-        "secondary": "#57606a",
-        "tertiary": "#57606a",
-        "placeholder": "#6e7781",
-        "disabled": "#57606a",
-        "inverse": "#ffffff",
-        "link": "#0969da",
-        "danger": "#ac5e00",
-        "success": "#0566d5",
-        "warning": "#9a6700",
-        "white": "#ffffff"
-    },
-    "icon": {
-        "primary": "#24292f",
-        "secondary": "#57606a",
-        "tertiary": "#57606a",
-        "info": "#0969da",
-        "danger": "#ac5e00",
-        "success": "#0566d5",
-        "warning": "#9a6700"
-    },
-    "border": {
-        "primary": "#d0d7de",
-        "secondary": "hsla(210,18%,87%,1)",
-        "tertiary": "#d0d7de",
-        "overlay": "#d0d7de",
-        "inverse": "#ffffff",
-        "info": "#0969da",
-        "danger": "#ac5e00",
-        "success": "#0088ff",
-        "warning": "#bf8700",
-        "default": "#d0d7de",
-        "muted": "hsla(210,18%,87%,1)",
-        "subtle": "rgba(27,31,36,0.15)"
-    },
-    "bg": {
-        "canvas": "#ffffff",
-        "canvasMobile": "rgba(0,0,0,0)",
-        "canvasInverse": "#6e7781",
-        "canvasInset": "#f6f8fa",
-        "primary": "#ffffff",
-        "secondary": "#f6f8fa",
-        "tertiary": "#f6f8fa",
-        "overlay": "#ffffff",
-        "backdrop": "rgba(27,31,36,0.5)",
-        "info": "#ddf4ff",
-        "infoInverse": "#0969da",
-        "danger": "#fefe48",
-        "dangerInverse": "#ac5e00",
-        "success": "#c0f6ff",
-        "successInverse": "#0088ff",
-        "warning": "#fff8c5",
-        "warningInverse": "#bf8700"
-    },
-    "shadow": {
-        "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
-        "inset": "inset 0 1px 0 rgba(208,215,222,0.2)",
-        "small": "0 1px 0 rgba(27,31,36,0.04)",
-        "medium": "0 3px 6px rgba(140,149,159,0.15)",
-        "large": "0 8px 24px rgba(140,149,159,0.2)",
-        "extraLarge": "0 12px 28px rgba(140,149,159,0.3)"
-    },
-    "state": {
-        "hover": {
-            "primaryBg": "#0969da",
-            "primaryBorder": "#0969da",
-            "primaryText": "#ffffff",
-            "primaryIcon": "#ffffff",
-            "secondaryBg": "rgba(234,238,242,0.5)",
-            "secondaryBorder": "rgba(234,238,242,0.5)"
-        },
-        "selected": {
-            "primaryBg": "#0969da",
-            "primaryBorder": "#0969da",
-            "primaryText": "#ffffff",
-            "primaryIcon": "#ffffff"
-        },
-        "focus": {
-            "border": "#0969da",
-            "shadow": "0 0 0 3px rgba(9,105,218,0.3)"
-        }
-    },
-    "fade": {
-        "fg10": "rgba(27,31,36,0.1)",
-        "fg15": "rgba(27,31,36,0.15)",
-        "fg30": "rgba(27,31,36,0.3)",
-        "fg50": "rgba(27,31,36,0.5)",
-        "fg70": "rgba(27,31,36,0.7)",
-        "fg85": "rgba(27,31,36,0.85)",
-        "black10": "rgba(27,31,36,0.1)",
-        "black15": "rgba(27,31,36,0.15)",
-        "black30": "rgba(27,31,36,0.3)",
-        "black50": "rgba(27,31,36,0.5)",
-        "black70": "rgba(27,31,36,0.7)",
-        "black85": "rgba(27,31,36,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": "#24292f",
-            "icon": "#0969da",
-            "bg": "#ddf4ff",
-            "border": "rgba(84,174,255,0.4)"
-        },
-        "warn": {
-            "text": "#24292f",
-            "icon": "#9a6700",
-            "bg": "#fff8c5",
-            "border": "rgba(212,167,44,0.4)"
-        },
-        "error": {
-            "text": "#24292f",
-            "icon": "#ac5e00",
-            "bg": "#fefe48",
-            "border": "rgba(231,161,0,0.4)"
-        },
-        "success": {
-            "text": "#24292f",
-            "icon": "#0566d5",
-            "bg": "#c0f6ff",
-            "border": "rgba(53,173,255,0.4)"
-        }
-    },
-    "autocomplete": {
-        "shadow": "0 3px 6px rgba(140,149,159,0.15)",
-        "rowBorder": "hsla(210,18%,87%,1)"
-    },
-    "blankslate": {
-        "icon": "#57606a"
-    },
-    "counter": {
-        "text": "#24292f",
-        "bg": "rgba(175,184,193,0.2)",
-        "primary": {
-            "text": "#ffffff",
-            "bg": "#6e7781"
-        },
-        "secondary": {
-            "text": "#57606a",
-            "bg": "rgba(234,238,242,0.5)"
-        }
-    },
-    "box": {
-        "blueBorder": "rgba(84,174,255,0.4)",
-        "rowYellowBg": "#fff8c5",
-        "rowBlueBg": "#ddf4ff",
-        "headerBlueBg": "#ddf4ff",
-        "headerBlueBorder": "rgba(84,174,255,0.4)",
-        "borderInfo": "rgba(84,174,255,0.4)",
-        "bgInfo": "#ddf4ff",
-        "borderWarning": "rgba(212,167,44,0.4)",
-        "bgWarning": "#fff8c5"
-    },
-    "branchName": {
-        "text": "#57606a",
-        "icon": "#57606a",
-        "bg": "#ddf4ff",
-        "link": {
-            "text": "#0969da",
-            "icon": "#0969da",
-            "bg": "#ddf4ff"
-        }
-    },
-    "markdown": {
-        "codeBg": "rgba(175,184,193,0.2)",
-        "frameBorder": "#d0d7de",
-        "blockquoteBorder": "#d0d7de",
-        "tableBorder": "#d0d7de",
-        "tableTrBorder": "hsla(210,18%,87%,1)"
-    },
-    "filterItem": {
-        "barBg": "rgba(234,238,242,0.5)"
-    },
-    "hiddenTextExpander": {
-        "bg": "rgba(175,184,193,0.2)",
-        "bgHover": "rgba(84,174,255,0.4)"
-    },
-    "dragAndDrop": {
-        "border": "#d0d7de"
-    },
-    "uploadEnabled": {
-        "border": "#d0d7de",
-        "borderFocused": "#0969da"
-    },
-    "previewableCommentForm": {
-        "border": "#d0d7de"
-    },
-    "verifiedBadge": {
-        "text": "#0566d5",
-        "bg": "#ffffff",
-        "border": "#d0d7de"
-    },
-    "socialCount": {
-        "bg": "#ffffff"
-    },
-    "tooltip": {
-        "text": "#ffffff",
-        "bg": "#24292f"
-    },
-    "filesExplorerIcon": "#0969da",
-    "hlAuthorBg": "#ddf4ff",
-    "hlAuthorBorder": "rgba(84,174,255,0.4)",
-    "logoSubdued": "rgba(175,184,193,0.2)",
-    "discussionBorder": "rgba(53,173,255,0.4)",
-    "discussionBgSuccess": "#0088ff",
-    "actionsWorkflowTableStickyBg": "rgba(255,255,255,0.95)",
-    "repoLanguageColorBorder": "rgba(27,31,36,0.1)",
-    "codeSelectionBg": "rgba(84,174,255,0.4)",
-    "highlight": {
-        "text": "#24292f",
-        "bg": "#fff8c5"
-    },
-    "blob": {
-        "lineHighlightBg": "#fff8c5",
-        "lineHighlightBorder": "rgba(212,167,44,0.4)"
-    },
-    "topicTag": {
-        "text": "#0969da",
-        "bg": "#ddf4ff",
-        "hoverBg": "#0969da",
-        "activeBg": "#ddf4ff",
-        "border": "rgba(0,0,0,0)"
-    },
-    "footerInvertocat": {
-        "octicon": "#6e7781",
-        "octiconHover": "#57606a"
-    },
-    "dropdown": {
-        "shadow": "0 8px 24px rgba(140,149,159,0.2)"
-    },
-    "label": {
-        "border": "#d0d7de",
-        "primary": {
-            "text": "#24292f",
-            "border": "#6e7781"
-        },
-        "secondary": {
-            "text": "#57606a",
-            "border": "#d0d7de"
-        },
-        "info": {
-            "text": "#0969da",
-            "border": "#0969da"
-        },
-        "success": {
-            "text": "#0566d5",
-            "border": "#0088ff"
-        },
-        "warning": {
-            "text": "#9a6700",
-            "border": "#bf8700"
-        },
-        "danger": {
-            "text": "#ac5e00",
-            "border": "#ac5e00"
-        },
-        "orange": {
-            "text": "#bc4c00",
-            "border": "#bc4c00"
-        }
-    },
-    "input": {
-        "bg": "#ffffff",
-        "contrastBg": "#f6f8fa",
-        "border": "#d0d7de",
-        "shadow": "inset 0 1px 0 rgba(208,215,222,0.2)",
-        "disabledBorder": "#d0d7de",
-        "warningBorder": "#bf8700",
-        "errorBorder": "#ac5e00",
-        "tooltip": {
-            "success": {
-                "text": "#24292f",
-                "bg": "#c0f6ff",
-                "border": "rgba(53,173,255,0.4)"
-            },
-            "warning": {
-                "text": "#24292f",
-                "bg": "#fff8c5",
-                "border": "rgba(212,167,44,0.4)"
-            },
-            "error": {
-                "text": "#24292f",
-                "bg": "#fefe48",
-                "border": "rgba(231,161,0,0.4)"
-            }
-        },
-        "disabledBg": "rgba(175,184,193,0.2)"
-    },
-    "toast": {
-        "text": "#24292f",
-        "bg": "#ffffff",
-        "border": "#d0d7de",
-        "shadow": "0 8px 24px rgba(140,149,159,0.2)",
-        "icon": "#ffffff",
-        "iconBg": "#0969da",
-        "iconBorder": "rgba(0,0,0,0)",
-        "success": {
-            "text": "#24292f",
-            "border": "#d0d7de",
-            "icon": "#ffffff",
-            "iconBg": "#0088ff",
-            "iconBorder": "rgba(0,0,0,0)"
-        },
-        "warning": {
-            "text": "#24292f",
-            "border": "#d0d7de",
-            "icon": "#24292f",
-            "iconBg": "#bf8700",
-            "iconBorder": "rgba(0,0,0,0)"
-        },
-        "danger": {
-            "text": "#24292f",
-            "border": "#d0d7de",
-            "icon": "#ffffff",
-            "iconBg": "#ac5e00",
-            "iconBorder": "rgba(0,0,0,0)"
-        },
-        "loading": {
-            "text": "#24292f",
-            "border": "#d0d7de",
-            "icon": "#ffffff",
-            "iconBg": "#6e7781",
-            "iconBorder": "rgba(0,0,0,0)"
-        }
-    },
-    "timeline": {
-        "text": "#57606a",
-        "badgeSuccessBorder": "rgba(0,0,0,0)",
-        "targetBadgeBorder": "#0969da",
-        "targetBadgeShadow": "rgba(84,174,255,0.4)",
-        "badgeBg": "#eaeef2"
-    },
-    "diffstat": {
-        "neutralBg": "rgba(175,184,193,0.2)",
-        "neutralBorder": "rgba(27,31,36,0.15)",
-        "deletionBorder": "rgba(27,31,36,0.15)",
-        "additionBorder": "rgba(27,31,36,0.15)",
-        "deletionBg": "#ac5e00",
-        "additionBg": "#0088ff"
-    },
-    "diff": {
-        "addition": {
-            "text": "#24292f",
-            "bg": "#c0f6ff",
-            "border": "rgba(53,173,255,0.4)"
-        },
-        "deletion": {
-            "text": "#24292f",
-            "bg": "#fefe48",
-            "border": "rgba(231,161,0,0.4)"
-        },
-        "change": {
-            "text": "#9a6700",
-            "bg": "#fff8c5",
-            "border": "rgba(212,167,44,0.4)"
-        }
-    },
-    "mergeBox": {
-        "successIconBg": "#0088ff",
-        "successIconText": "#ffffff",
-        "successIconBorder": "rgba(0,0,0,0)",
-        "successIndicatorBg": "#0088ff",
-        "successIndicatorBorder": "rgba(0,0,0,0)",
-        "mergedIconBg": "#8250df",
-        "mergedIconText": "#ffffff",
-        "mergedIconBorder": "rgba(0,0,0,0)",
-        "mergedBoxBorder": "#8250df",
-        "neutralIconBg": "#6e7781",
-        "neutralIconText": "#ffffff",
-        "neutralIconBorder": "rgba(0,0,0,0)",
-        "neutralIndicatorBg": "#6e7781",
-        "neutralIndicatorBorder": "rgba(0,0,0,0)",
-        "warningIconBg": "#bf8700",
-        "warningIconText": "#ffffff",
-        "warningIconBorder": "rgba(0,0,0,0)",
-        "warningBoxBorder": "#bf8700",
-        "warningMergeHighlight": "rgba(0,0,0,0)",
-        "errorIconBg": "#ac5e00",
-        "errorIconText": "#ffffff",
-        "errorIconBorder": "rgba(0,0,0,0)",
-        "errorIndicatorBg": "#ac5e00",
-        "errorIndicatorBorder": "rgba(0,0,0,0)"
-    },
-    "underlinenav": {
-        "border": "rgba(0,0,0,0)",
-        "borderHover": "rgba(175,184,193,0.2)",
-        "borderActive": "#FD8C73",
-        "text": "#24292f",
-        "textHover": "#24292f",
-        "textActive": "#24292f",
-        "icon": "#6e7781",
-        "iconHover": "#6e7781",
-        "iconActive": "#24292f",
-        "counterText": "#24292f",
-        "counterBg": "rgba(175,184,193,0.2)"
-    },
-    "selectMenu": {
-        "borderSecondary": "hsla(210,18%,87%,1)",
-        "shadow": "0 8px 24px rgba(140,149,159,0.2)",
-        "backdropBg": "rgba(27,31,36,0.5)",
-        "backdropBorder": "rgba(0,0,0,0)",
-        "tapHighlight": "rgba(175,184,193,0.5)",
-        "tapFocusBg": "#b6e3ff"
-    },
-    "sidenav": {
-        "borderActive": "#FD8C73",
-        "selectedBg": "#ffffff"
-    },
-    "menu": {
-        "headingText": "#24292f",
-        "borderActive": "#FD8C73",
-        "bgActive": "rgba(0,0,0,0)"
-    },
-    "project": {
-        "cardBg": "#ffffff",
-        "headerBg": "#24292f",
-        "sidebarBg": "#ffffff",
-        "gradientIn": "#ffffff",
-        "gradientOut": "rgba(255,255,255,0)"
-    },
-    "prState": {
-        "draft": {
-            "text": "#ffffff",
-            "bg": "#6e7781",
-            "border": "rgba(0,0,0,0)"
-        },
-        "open": {
-            "text": "#ffffff",
-            "bg": "#0088ff",
-            "border": "rgba(0,0,0,0)"
-        },
-        "merged": {
-            "text": "#ffffff",
-            "bg": "#8250df",
-            "border": "rgba(0,0,0,0)"
-        },
-        "closed": {
-            "text": "#ffffff",
-            "bg": "#ac5e00",
-            "border": "rgba(0,0,0,0)"
-        }
+    "canvasDefaultTransparent": "rgba(255,255,255,0)",
+    "marketingIcon": {
+        "primary": "#218bff",
+        "secondary": "#54aeff"
     },
     "diffBlob": {
-        "numText": "#6e7781",
-        "numHoverText": "#24292f",
         "addition": {
-            "numHoverText": "#24292f",
             "numText": "#24292f",
             "fg": "#24292f",
             "numBg": "rgba(53,173,255,0.4)",
@@ -561,7 +15,6 @@ exports.default = {
             "wordBg": "rgba(53,173,255,0.4)"
         },
         "deletion": {
-            "numHoverText": "#24292f",
             "numText": "#24292f",
             "fg": "#24292f",
             "numBg": "rgba(231,161,0,0.4)",
@@ -569,45 +22,17 @@ exports.default = {
             "wordBg": "rgba(248,194,0,0.5)"
         },
         "hunk": {
-            "text": "#57606a",
-            "numBg": "rgba(84,174,255,0.4)",
-            "lineBg": "#ddf4ff"
+            "numBg": "rgba(84,174,255,0.4)"
         },
-        "emptyBlockBg": "rgba(234,238,242,0.5)",
-        "selectedLineHighlightBg": "#fff8c5",
-        "selectedLineHighlightBorder": "rgba(212,167,44,0.4)",
         "expander": {
-            "hoverIcon": "#ffffff",
-            "hoverBg": "#0969da",
             "icon": "#57606a"
         },
-        "commentButton": {
-            "icon": "#ffffff",
-            "bg": "#0969da",
-            "gradientBg": "rgba(0,0,0,0)"
-        },
         "selectedLineHighlightMixBlendMode": "multiply"
     },
-    "globalNav": {
-        "logo": "#ffffff",
-        "bg": "#24292f",
-        "text": "#ffffff",
-        "icon": "#ffffff",
-        "inputBg": "#f6f8fa",
-        "inputBorder": "#f6f8fa",
-        "inputIcon": "#afb8c1",
-        "inputPlaceholder": "#8c959f"
-    },
-    "introShelf": {
-        "gradientLeft": "#ddf4ff",
-        "gradientRight": "#c0f6ff",
-        "gradientIn": "#ffffff",
-        "gradientOut": "rgba(255,255,255,0)"
-    },
-    "canvasDefaultTransparent": "rgba(255,255,255,0)",
-    "marketingIcon": {
-        "primary": "#218bff",
-        "secondary": "#54aeff"
+    "diffstat": {
+        "deletionBorder": "rgba(27,31,36,0.15)",
+        "additionBorder": "rgba(27,31,36,0.15)",
+        "additionBg": "#0088ff"
     },
     "searchKeyword": {
         "hl": "#fff8c5"
@@ -746,6 +171,12 @@ exports.default = {
             "cyanBright": "#b3f0ff"
         }
     },
+    "project": {
+        "headerBg": "#24292f",
+        "sidebarBg": "#ffffff",
+        "gradientIn": "#ffffff",
+        "gradientOut": "rgba(255,255,255,0)"
+    },
     "mktg": {
         "success": "rgba(3,119,234,1)",
         "info": "rgba(19,119,234,1)",
@@ -818,6 +249,14 @@ exports.default = {
         "stackFadeMore": "#d0d7de",
         "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
     },
+    "topicTag": {
+        "border": "rgba(0,0,0,0)"
+    },
+    "selectMenu": {
+        "backdropBorder": "rgba(0,0,0,0)",
+        "tapHighlight": "rgba(175,184,193,0.5)",
+        "tapFocusBg": "#b6e3ff"
+    },
     "overlay": {
         "shadow": "0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)"
     },
@@ -830,6 +269,18 @@ exports.default = {
         "bg": "#24292f",
         "border": "#57606a"
     },
+    "sidenav": {
+        "selectedBg": "#ffffff"
+    },
+    "menu": {
+        "bgActive": "rgba(0,0,0,0)"
+    },
+    "input": {
+        "disabledBg": "rgba(175,184,193,0.2)"
+    },
+    "timeline": {
+        "badgeBg": "#eaeef2"
+    },
     "ansi": {
         "black": "#24292f",
         "blackBright": "#57606a",
@@ -926,6 +377,10 @@ exports.default = {
             "hoverIcon": "#ffffff"
         }
     },
+    "underlinenav": {
+        "icon": "#6e7781",
+        "borderHover": "rgba(175,184,193,0.2)"
+    },
     "fg": {
         "default": "#24292f",
         "muted": "#57606a",
@@ -938,6 +393,17 @@ exports.default = {
         "inset": "#f6f8fa",
         "subtle": "#f6f8fa"
     },
+    "border": {
+        "default": "#d0d7de",
+        "muted": "hsla(210,18%,87%,1)",
+        "subtle": "rgba(27,31,36,0.15)"
+    },
+    "shadow": {
+        "small": "0 1px 0 rgba(27,31,36,0.04)",
+        "medium": "0 3px 6px rgba(140,149,159,0.15)",
+        "large": "0 8px 24px rgba(140,149,159,0.2)",
+        "extraLarge": "0 12px 28px rgba(140,149,159,0.3)"
+    },
     "neutral": {
         "emphasisPlus": "#24292f",
         "emphasis": "#6e7781",