@primer/primitives 4.8.1 → 5.0.0

package/dist/ts/colors/light.ts

@@ -1,557 +1,11 @@
 export 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": [
-      "#dafbe1",
-      "#aceebb",
-      "#6fdd8b",
-      "#4ac26b",
-      "#2da44e",
-      "#1a7f37",
-      "#116329",
-      "#044f1e",
-      "#003d16",
-      "#002d11"
-    ],
-    "yellow": [
-      "#fff8c5",
-      "#fae17d",
-      "#eac54f",
-      "#d4a72c",
-      "#bf8700",
-      "#9a6700",
-      "#7d4e00",
-      "#633c01",
-      "#4d2d00",
-      "#3b2300"
-    ],
-    "orange": [
-      "#fff1e5",
-      "#ffd8b5",
-      "#ffb77c",
-      "#fb8f44",
-      "#e16f24",
-      "#bc4c00",
-      "#953800",
-      "#762c00",
-      "#5c2200",
-      "#471700"
-    ],
-    "red": [
-      "#FFEBE9",
-      "#ffcecb",
-      "#ffaba8",
-      "#ff8182",
-      "#fa4549",
-      "#cf222e",
-      "#a40e26",
-      "#82071e",
-      "#660018",
-      "#4c0014"
-    ],
-    "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": "#cf222e",
-    "success": "#1a7f37",
-    "warning": "#9a6700",
-    "white": "#ffffff"
-  },
-  "icon": {
-    "primary": "#24292f",
-    "secondary": "#57606a",
-    "tertiary": "#57606a",
-    "info": "#0969da",
-    "danger": "#cf222e",
-    "success": "#1a7f37",
-    "warning": "#9a6700"
-  },
-  "border": {
-    "primary": "#d0d7de",
-    "secondary": "hsla(210,18%,87%,1)",
-    "tertiary": "#d0d7de",
-    "overlay": "#d0d7de",
-    "inverse": "#ffffff",
-    "info": "#0969da",
-    "danger": "#cf222e",
-    "success": "#2da44e",
-    "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": "#FFEBE9",
-    "dangerInverse": "#cf222e",
-    "success": "#dafbe1",
-    "successInverse": "#2da44e",
-    "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": "#cf222e",
-      "bg": "#FFEBE9",
-      "border": "rgba(255,129,130,0.4)"
-    },
-    "success": {
-      "text": "#24292f",
-      "icon": "#1a7f37",
-      "bg": "#dafbe1",
-      "border": "rgba(74,194,107,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": "#1a7f37",
-    "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(74,194,107,0.4)",
-  "discussionBgSuccess": "#2da44e",
-  "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": "#1a7f37",
-      "border": "#2da44e"
-    },
-    "warning": {
-      "text": "#9a6700",
-      "border": "#bf8700"
-    },
-    "danger": {
-      "text": "#cf222e",
-      "border": "#cf222e"
-    },
-    "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": "#cf222e",
-    "tooltip": {
-      "success": {
-        "text": "#24292f",
-        "bg": "#dafbe1",
-        "border": "rgba(74,194,107,0.4)"
-      },
-      "warning": {
-        "text": "#24292f",
-        "bg": "#fff8c5",
-        "border": "rgba(212,167,44,0.4)"
-      },
-      "error": {
-        "text": "#24292f",
-        "bg": "#FFEBE9",
-        "border": "rgba(255,129,130,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": "#2da44e",
-      "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": "#cf222e",
-      "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": "#cf222e",
-    "additionBg": "#2da44e"
-  },
-  "diff": {
-    "addition": {
-      "text": "#24292f",
-      "bg": "#dafbe1",
-      "border": "rgba(74,194,107,0.4)"
-    },
-    "deletion": {
-      "text": "#24292f",
-      "bg": "#FFEBE9",
-      "border": "rgba(255,129,130,0.4)"
-    },
-    "change": {
-      "text": "#9a6700",
-      "bg": "#fff8c5",
-      "border": "rgba(212,167,44,0.4)"
-    }
-  },
-  "mergeBox": {
-    "successIconBg": "#2da44e",
-    "successIconText": "#ffffff",
-    "successIconBorder": "rgba(0,0,0,0)",
-    "successIndicatorBg": "#2da44e",
-    "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": "#cf222e",
-    "errorIconText": "#ffffff",
-    "errorIconBorder": "rgba(0,0,0,0)",
-    "errorIndicatorBg": "#cf222e",
-    "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": "#2da44e",
-      "border": "rgba(0,0,0,0)"
-    },
-    "merged": {
-      "text": "#ffffff",
-      "bg": "#8250df",
-      "border": "rgba(0,0,0,0)"
-    },
-    "closed": {
-      "text": "#ffffff",
-      "bg": "#cf222e",
-      "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": "#CCFFD8",
@@ -559,7 +13,6 @@ export default {
       "wordBg": "#ABF2BC"
     },
     "deletion": {
-      "numHoverText": "#24292f",
       "numText": "#24292f",
       "fg": "#24292f",
       "numBg": "#FFD7D5",
@@ -567,45 +20,17 @@ export default {
       "wordBg": "rgba(255,129,130,0.4)"
     },
     "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": "#dafbe1",
-    "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": "#2da44e"
   },
   "searchKeyword": {
     "hl": "#fff8c5"
@@ -744,6 +169,12 @@ export default {
       "cyanBright": "#b3f0ff"
     }
   },
+  "project": {
+    "headerBg": "#24292f",
+    "sidebarBg": "#ffffff",
+    "gradientIn": "#ffffff",
+    "gradientOut": "rgba(255,255,255,0)"
+  },
   "mktg": {
     "success": "rgba(36,146,67,1)",
     "info": "rgba(19,119,234,1)",
@@ -816,6 +247,14 @@ export 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)"
   },
@@ -828,6 +267,18 @@ export 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",
@@ -924,6 +375,10 @@ export default {
       "hoverIcon": "#ffffff"
     }
   },
+  "underlinenav": {
+    "icon": "#6e7781",
+    "borderHover": "rgba(175,184,193,0.2)"
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",
@@ -936,6 +391,17 @@ export 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",