@primer/primitives - npm Package Compare versions

Comparing version 0.0.0-45ed36c to 0.0.0-47e6716

dist/js/colors/dark.d.ts

@@ -5,3 +5,3 @@ declare const _default: {
         white: string;
-        grey: string[];
+        gray: string[];
         blue: string[];
@@ -8,0 +8,0 @@ green: string[];

dist/js/colors/dark.js

@@ -7,3 +7,3 @@ "use strict";
         "white": "#0d1117",
-        "grey": [
+        "gray": [
             "#0d1117",
@@ -106,59 +106,59 @@ "#161b22",
     "text": {
+        "primary": "#f0f6fc",
+        "secondary": "#8b949e",
+        "tertiary": "#8b949e",
+        "placeholder": "#484f58",
+        "disabled": "#484f58",
+        "inverse": "#0d1117",
+        "linkPrimary": "#75bbff",
+        "linkSecondary": "#f0f6fc",
+        "linkTertiary": "#8b949e",
+        "danger": "#ed4e50",
+        "success": "#58ce65",
+        "warning": "#f7d232"
+    },
+    "icon": {
         "primary": "#0d1117",
         "secondary": "#30363d",
-        "tertiary": "#30363d",
-        "placeholder": "#6e7681",
-        "disabled": "#6e7681",
-        "inverse": "#f0f6fc",
-        "linkPrimary": "#0d4189",
-        "linkSecondary": "#0d1117",
-        "linkTertiary": "#30363d",
-        "danger": "#d13339",
-        "success": "#144d23",
-        "warning": "#b67b00"
+        "tertiary": "#6e7681",
+        "info": "#316ecd",
+        "danger": "#ed4e50",
+        "success": "#58ce65",
+        "warning": "#f7d232"
     },
-    "icon": {
-        "primary": "#f0f6fc",
+    "hl": {
+        "hoverPrimaryBg": "#316ecd",
+        "hoverPrimaryBorder": "#316ecd",
+        "hoverSecondaryBg": "#d5dde5",
+        "hoverSecondaryBorder": "#d5dde5",
+        "selectedPrimaryBg": "#316ecd",
+        "selectedPrimaryBorder": "#316ecd"
+    },
+    "border": {
+        "primary": "#30363d",
+        "primaryLight": "#bac2cb",
         "secondary": "#8b949e",
-        "tertiary": "#484f58",
-        "info": "#3f87e9",
+        "tertiary": "#f0f6fc",
+        "inverse": "#ffffff",
+        "info": "#316ecd",
         "danger": "#d13339",
-        "success": "#144d23",
+        "success": "#248035",
         "warning": "#b67b00"
     },
-    "hl": {
-        "hoverPrimaryBg": "#3f87e9",
-        "hoverPrimaryBorder": "#3f87e9",
-        "hoverSecondaryBg": "#161b22",
-        "hoverSecondaryBorder": "#161b22",
-        "selectedPrimaryBg": "#3f87e9",
-        "selectedPrimaryBorder": "#3f87e9"
-    },
-    "border": {
-        "primary": "#8b949e",
-        "primaryLight": "#272d36",
-        "secondary": "#30363d",
-        "tertiary": "#0d1117",
-        "inverse": "#0d1117",
-        "info": "#3f87e9",
-        "danger": "#ed4e50",
-        "success": "#2f9a42",
-        "warning": "#f7d232"
-    },
     "bg": {
-        "canvas": "#f0f6fc",
-        "canvasInverse": "#0d1117",
-        "primary": "#0d1117",
-        "secondary": "#161b22",
-        "tertiary": "#0d1117",
-        "overlay": "#0d1117",
-        "selected": "#3f87e9",
-        "info": "#0b2e63",
-        "infoInverse": "#3f87e9",
-        "danger": "#660614",
-        "dangerInverse": "#ed4e50",
-        "success": "#0a3818",
-        "successInverse": "#2f9a42",
-        "warning": "#b67b00",
-        "warningInverse": "#f7d232"
+        "canvas": "#0d1117",
+        "canvasInverse": "#f0f6fc",
+        "primary": "#ffffff",
+        "secondary": "#d5dde5",
+        "tertiary": "#f0f6fc",
+        "overlay": "#ffffff",
+        "selected": "#316ecd",
+        "info": "#a1d3ff",
+        "infoInverse": "#316ecd",
+        "danger": "#ffbdba",
+        "dangerInverse": "#d13339",
+        "success": "#81e38a",
+        "successInverse": "#248035",
+        "warning": "#f7d232",
+        "warningInverse": "#b67b00"
     },
@@ -170,3 +170,3 @@ "shadow": {
             "0",
-            "rgba(255,255,255,0.04)"
+            "rgba(13,17,23,0.04)"
         ],
@@ -177,3 +177,3 @@ "medium": [
             "6px",
-            "rgba(72,79,88,0.15)"
+            "rgba(110,118,129,0.15)"
         ],
@@ -184,3 +184,3 @@ "large": [
             "24px",
-            "rgba(72,79,88,0.2)"
+            "rgba(110,118,129,0.2)"
         ],
@@ -191,3 +191,3 @@ "extraLarge": [
             "48px",
-            "rgba(72,79,88,0.3)"
+            "rgba(110,118,129,0.3)"
         ],
@@ -199,3 +199,3 @@ "highlight": [
             "0",
-            "rgba(13,17,23,0.25)"
+            "rgba(255,255,255,0.25)"
         ],
@@ -207,3 +207,3 @@ "inset": [
             "0",
-            "rgba(33,38,45,0.2)"
+            "rgba(177,186,196,0.2)"
         ],
@@ -215,3 +215,3 @@ "focus": [
             "3px",
-            "rgba(63,135,233,0.3)"
+            "rgba(49,110,205,0.3)"
         ]
@@ -221,2 +221,10 @@ },
         "black": {
+            "10": "rgba(13,17,23,0.1)",
+            "15": "rgba(13,17,23,0.15)",
+            "30": "rgba(13,17,23,0.3)",
+            "50": "rgba(13,17,23,0.5)",
+            "70": "rgba(13,17,23,0.7)",
+            "85": "rgba(13,17,23,0.85)"
+        },
+        "white": {
             "10": "rgba(255,255,255,0.1)",
@@ -228,40 +236,32 @@ "15": "rgba(255,255,255,0.15)",
             "85": "rgba(255,255,255,0.85)"
-        },
-        "white": {
-            "10": "rgba(13,17,23,0.1)",
-            "15": "rgba(13,17,23,0.15)",
-            "30": "rgba(13,17,23,0.3)",
-            "50": "rgba(13,17,23,0.5)",
-            "70": "rgba(13,17,23,0.7)",
-            "85": "rgba(13,17,23,0.85)"
         }
     },
     "alert": {
-        "bg": "#0b2e63",
-        "border": "rgba(117,187,255,0.2)",
-        "icon": "rgba(117,187,255,0.6)",
+        "bg": "#a1d3ff",
+        "border": "rgba(13,65,137,0.2)",
+        "icon": "rgba(13,65,137,0.6)",
         "warn": {
-            "bg": "#9b6400",
-            "border": "rgba(253,225,95,0.2)",
-            "icon": "#fde15f"
+            "bg": "#fde15f",
+            "border": "rgba(155,100,0,0.2)",
+            "icon": "#9b6400"
         },
         "error": {
             "bg": "#ffe3e6",
-            "border": "rgba(255,189,186,0.2)",
-            "icon": "rgba(255,189,186,0.6)"
+            "border": "rgba(102,6,20,0.2)",
+            "icon": "rgba(102,6,20,0.6)"
         },
         "success": {
-            "bg": "#0a3818",
-            "border": "rgba(88,206,101,0.2)",
-            "icon": "rgba(88,206,101,0.8)"
+            "bg": "#81e38a",
+            "border": "rgba(20,77,35,0.2)",
+            "icon": "rgba(20,77,35,0.8)"
         }
     },
     "blankslate": {
-        "icon": "#535c66"
+        "icon": "#7a838e"
     },
     "btn": {
-        "bg": "#0d1117",
-        "border": "rgba(255,255,255,0.15)",
-        "text": "#f0f6fc",
-        "ic": "#6e7681",
+        "bg": "#f0f6fc",
+        "border": "rgba(13,17,23,0.15)",
+        "text": "#0d1117",
+        "ic": "#484f58",
         "bgHover": "#f3f4f6",
@@ -274,3 +274,3 @@ "bgActive": "#edeff2",
             "0.3em",
-            "rgba(255,255,255,0.15)"
+            "rgba(13,17,23,0.15)"
         ],
@@ -282,10 +282,10 @@ "shadowInputFocus": [
             "0.2em",
-            "rgba(63,135,233,0.3)"
+            "rgba(49,110,205,0.3)"
         ],
         "primary": {
             "bg": "#2ea44f",
-            "border": "rgba(255,255,255,0.15)",
-            "borderDisabled": "rgba(255,255,255,0.1)",
-            "text": "#0d1117",
-            "ic": "rgba(13,17,23,0.8)",
+            "border": "rgba(13,17,23,0.15)",
+            "borderDisabled": "rgba(13,17,23,0.1)",
+            "text": "#ffffff",
+            "ic": "rgba(255,255,255,0.8)",
             "shadow": [
@@ -295,3 +295,3 @@ "0",
                 "0",
-                "rgba(255,255,255,0.1)"
+                "rgba(13,17,23,0.1)"
             ],
@@ -303,3 +303,3 @@ "shadowHighlight": [
                 "0",
-                "rgba(13,17,23,0.03)"
+                "rgba(255,255,255,0.03)"
             ],
@@ -311,3 +311,3 @@ "shadowSelected": [
                 "0",
-                "rgba(178,244,182,0.2)"
+                "rgba(4,38,15,0.2)"
             ],
@@ -317,3 +317,3 @@ "bgHover": "#2c974b",
             "bgDisabled": "#94d3a2",
-            "disabledText": "rgba(13,17,23,0.8)",
+            "disabledText": "rgba(255,255,255,0.8)",
             "disabledShadow": [
@@ -326,6 +326,6 @@ "0",
             ],
-            "counterBg": "rgba(13,17,23,0.2)"
+            "counterBg": "rgba(255,255,255,0.2)"
         },
         "inverseOnHover": {
-            "border": "rgba(255,255,255,0.15)",
+            "border": "rgba(13,17,23,0.15)",
             "shadow": [
@@ -335,3 +335,3 @@ "0",
                 "0",
-                "rgba(255,255,255,0.1)"
+                "rgba(13,17,23,0.1)"
             ],
@@ -343,11 +343,11 @@ "shadowInset": [
                 "0",
-                "rgba(13,17,23,0.03)"
+                "rgba(255,255,255,0.03)"
             ],
-            "counterBg": "rgba(13,17,23,0.2)"
+            "counterBg": "rgba(255,255,255,0.2)"
         },
         "danger": {
-            "text": "#ed4e50",
-            "textDisabled": "rgba(237,78,80,0.5)",
-            "bgHover": "#ff7170",
-            "bgActive": "#ff6261",
+            "text": "#d13339",
+            "textDisabled": "rgba(209,51,57,0.5)",
+            "bgHover": "#ac212b",
+            "bgActive": "#9f1f28",
             "shadow": [
@@ -358,3 +358,3 @@ "inset",
                 "0",
-                "rgba(255,220,217,0.2)"
+                "rgba(73,0,12,0.2)"
             ],
@@ -366,12 +366,12 @@ "shadowFocus": [
                 "3px",
-                "rgba(255,113,112,0.4)"
+                "rgba(172,33,43,0.4)"
             ],
-            "counterBg": "rgba(237,78,80,0.1)",
-            "counterBgDisabled": "rgba(237,78,80,0.05)"
+            "counterBg": "rgba(209,51,57,0.1)",
+            "counterBgDisabled": "rgba(209,51,57,0.05)"
         },
         "outline": {
-            "text": "#3f87e9",
-            "textDisabled": "rgba(63,135,233,0.5)",
-            "bgHover": "#3f87e9",
-            "bgActive": "#317ee7",
+            "text": "#316ecd",
+            "textDisabled": "rgba(49,110,205,0.5)",
+            "bgHover": "#316ecd",
+            "bgActive": "#2e67c1",
             "shadow": [
@@ -382,3 +382,3 @@ "inset",
                 "0",
-                "rgba(202,232,255,0.2)"
+                "rgba(6,30,70,0.2)"
             ],
@@ -390,22 +390,22 @@ "shadowFocus": [
                 "3px",
-                "rgba(84,162,251,0.4)"
+                "rgba(36,86,170,0.4)"
             ],
-            "counterBg": "rgba(63,135,233,0.1)",
-            "counterBgDisabled": "rgba(63,135,233,0.05)"
+            "counterBg": "rgba(49,110,205,0.1)",
+            "counterBgDisabled": "rgba(49,110,205,0.05)"
         },
-        "counterBg": "rgba(255,255,255,0.08)"
+        "counterBg": "rgba(13,17,23,0.08)"
     },
     "counter": {
-        "text": "#f0f6fc",
-        "bg": "rgba(48,54,61,0.5)",
+        "text": "#0d1117",
+        "bg": "rgba(139,148,158,0.5)",
         "border": "rgba(209,213,218,0.5)"
     },
     "topic": {
-        "tagBg": "#061e46",
-        "tagBorder": "#061e46",
-        "tagText": "#3f87e9"
+        "tagBg": "#cae8ff",
+        "tagBorder": "#cae8ff",
+        "tagText": "#316ecd"
     },
     "input": {
-        "bg": "#0d1117",
-        "contrastBg": "#0d1117",
+        "bg": "#ffffff",
+        "contrastBg": "#f0f6fc",
         "shadow": [
@@ -416,3 +416,3 @@ "inset",
             "2px",
-            "rgba(255,255,255,0.075)"
+            "rgba(13,17,23,0.075)"
         ],
@@ -424,9 +424,9 @@ "shadowFocus": [
             "0.2em",
-            "rgba(63,135,233,0.3)"
+            "rgba(49,110,205,0.3)"
         ]
     },
     "avatar": {
-        "border": "rgba(255,255,255,0.1)",
-        "stackFade": "#30363d",
-        "stackFadeMore": "#21262d",
+        "border": "rgba(13,17,23,0.1)",
+        "stackFade": "#8b949e",
+        "stackFadeMore": "#b1bac4",
         "childShadow": [
@@ -436,16 +436,16 @@ "-2px",
             "0",
-            "rgba(13,17,23,0.8)"
+            "rgba(255,255,255,0.8)"
         ]
     },
     "toast": {
-        "icBgLoading": "#8b949e"
+        "icBgLoading": "#30363d"
     },
     "timeline": {
-        "text": "#b1bac4",
-        "badgeBg": "#21262d",
-        "targetBadgeBorder": "#316ecd",
-        "targetBadgeShadow": "#0d4189"
+        "text": "#21262d",
+        "badgeBg": "#b1bac4",
+        "targetBadgeBorder": "#3f87e9",
+        "targetBadgeShadow": "#75bbff"
     },
     "selectMenu": {
-        "backdropBg": "rgba(255,255,255,0.5)",
+        "backdropBg": "rgba(13,17,23,0.5)",
         "shadow": [
@@ -455,60 +455,60 @@ "0",
             "18px",
-            "rgba(255,255,255,0.4)"
+            "rgba(13,17,23,0.4)"
         ],
-        "tapHighlight": "rgba(48,54,61,0.5)",
-        "tapFocusBg": "#0b2e63"
+        "tapHighlight": "rgba(139,148,158,0.5)",
+        "tapFocusBg": "#a1d3ff"
     },
     "box": {
-        "blueBorder": "#0d4189"
+        "blueBorder": "#75bbff"
     },
     "dropdown": {
-        "border": "rgba(255,255,255,0.15)"
+        "border": "rgba(13,17,23,0.15)"
     },
     "popover": {
-        "border": "rgba(255,255,255,0.15)"
+        "border": "rgba(13,17,23,0.15)"
     },
     "branchName": {
-        "text": "rgba(255,255,255,0.6)",
-        "bg": "#0d3471",
-        "icon": "#676767"
+        "text": "rgba(13,17,23,0.6)",
+        "bg": "#b0daff",
+        "icon": "#91a6be"
     },
     "markdown": {
-        "codeBg": "rgba(255,255,255,0.05)",
-        "frameBorder": "#3b434b",
-        "blockquoteBorder": "#3b434b",
-        "tableBorder": "#3b434b",
-        "tableTrBorder": "#272c32"
+        "codeBg": "rgba(13,17,23,0.05)",
+        "frameBorder": "#99a1aa",
+        "blockquoteBorder": "#99a1aa",
+        "tableBorder": "#99a1aa",
+        "tableTrBorder": "#808a95"
     },
     "header": {
-        "text": "rgba(13,17,23,0.7)"
+        "text": "rgba(255,255,255,0.7)"
     },
     "filterItem": {
-        "barBg": "#12161c"
+        "barBg": "#cfd8e1"
     },
     "hiddenTextExpander": {
-        "bg": "#3b434b",
-        "bgHover": "#272c32"
+        "bg": "#99a1aa",
+        "bgHover": "#808a95"
     },
     "dragAndDrop": {
-        "border": "#25292f"
+        "border": "#7d8792"
     },
     "uploadEnabled": {
-        "border": "#3b434b",
-        "borderFocused": "#5185d5"
+        "border": "#99a1aa",
+        "borderFocused": "#649eed"
     },
     "previewableCommentForm": {
-        "border": "#25292f"
+        "border": "#7d8792"
     },
-    "icFolder": "#2456aa",
-    "hlAuthorBg": "#061e46",
-    "hlAuthorBorder": "#0d4189",
-    "logoSubdued": "#30363d",
-    "discussionBorder": "#354c3a",
+    "icFolder": "#54a2fb",
+    "hlAuthorBg": "#cae8ff",
+    "hlAuthorBorder": "#75bbff",
+    "logoSubdued": "#8b949e",
+    "discussionBorder": "#6a856f",
     "diff": {
-        "neutralBg": "#30363d",
-        "deletionBg": "#ff7170",
+        "neutralBg": "#8b949e",
+        "deletionBg": "#ac212b",
         "deletionBgStrong": "#ffffff",
         "deletionBorder": "#ffffff",
         "deletionBorderStrong": "#ffffff",
-        "additionBg": "#1e6c2d",
+        "additionBg": "#29863a",
         "additionBgStrong": "#ffffff",
@@ -519,7 +519,7 @@ "additionBorder": "#ffffff",
     "globalNav": {
-        "logo": "#0d1117",
-        "bg": "#f0f6fc",
-        "text": "#0d1117",
-        "inputBg": "#0d1117",
-        "inputBorder": "#0d1117",
+        "logo": "#ffffff",
+        "bg": "#0d1117",
+        "text": "#ffffff",
+        "inputBg": "#f0f6fc",
+        "inputBorder": "#f0f6fc",
         "inputIc": "#ffffff",
@@ -526,0 +526,0 @@ "inputPlaceholder": "#ffffff"

dist/js/colors/index.d.ts

@@ -6,3 +6,3 @@ declare const _default: {
             white: string;
-            grey: string[];
+            gray: string[];
             blue: string[];
@@ -298,3 +298,3 @@ green: string[];
             white: string;
-            grey: string[];
+            gray: string[];
             blue: string[];
@@ -301,0 +301,0 @@ green: string[];

dist/js/colors/light.d.ts

@@ -5,3 +5,3 @@ declare const _default: {
         white: string;
-        grey: string[];
+        gray: string[];
         blue: string[];
@@ -8,0 +8,0 @@ green: string[];

dist/js/colors/light.js

@@ -7,3 +7,3 @@ "use strict";
         "white": "#ffffff",
-        "grey": [
+        "gray": [
             "#fafbfc",
@@ -10,0 +10,0 @@ "#f6f8fa",

dist/js/index.d.ts

@@ -7,3 +7,3 @@ declare const _default: {
                 white: string;
-                grey: string[];
+                gray: string[];
                 blue: string[];
@@ -299,3 +299,3 @@ green: string[];
                 white: string;
-                grey: string[];
+                gray: string[];
                 blue: string[];
@@ -302,0 +302,0 @@ green: string[];

dist/json/colors/dark.json

@@ -5,3 +5,3 @@ {
     "white": "#0d1117",
-    "grey": [
+    "gray": [
       "#0d1117",
@@ -104,59 +104,59 @@ "#161b22",
   "text": {
+    "primary": "#f0f6fc",
+    "secondary": "#8b949e",
+    "tertiary": "#8b949e",
+    "placeholder": "#484f58",
+    "disabled": "#484f58",
+    "inverse": "#0d1117",
+    "linkPrimary": "#75bbff",
+    "linkSecondary": "#f0f6fc",
+    "linkTertiary": "#8b949e",
+    "danger": "#ed4e50",
+    "success": "#58ce65",
+    "warning": "#f7d232"
+  },
+  "icon": {
     "primary": "#0d1117",
     "secondary": "#30363d",
-    "tertiary": "#30363d",
-    "placeholder": "#6e7681",
-    "disabled": "#6e7681",
-    "inverse": "#f0f6fc",
-    "linkPrimary": "#0d4189",
-    "linkSecondary": "#0d1117",
-    "linkTertiary": "#30363d",
-    "danger": "#d13339",
-    "success": "#144d23",
-    "warning": "#b67b00"
+    "tertiary": "#6e7681",
+    "info": "#316ecd",
+    "danger": "#ed4e50",
+    "success": "#58ce65",
+    "warning": "#f7d232"
   },
-  "icon": {
-    "primary": "#f0f6fc",
+  "hl": {
+    "hoverPrimaryBg": "#316ecd",
+    "hoverPrimaryBorder": "#316ecd",
+    "hoverSecondaryBg": "#d5dde5",
+    "hoverSecondaryBorder": "#d5dde5",
+    "selectedPrimaryBg": "#316ecd",
+    "selectedPrimaryBorder": "#316ecd"
+  },
+  "border": {
+    "primary": "#30363d",
+    "primaryLight": "#bac2cb",
     "secondary": "#8b949e",
-    "tertiary": "#484f58",
-    "info": "#3f87e9",
+    "tertiary": "#f0f6fc",
+    "inverse": "#ffffff",
+    "info": "#316ecd",
     "danger": "#d13339",
-    "success": "#144d23",
+    "success": "#248035",
     "warning": "#b67b00"
   },
-  "hl": {
-    "hoverPrimaryBg": "#3f87e9",
-    "hoverPrimaryBorder": "#3f87e9",
-    "hoverSecondaryBg": "#161b22",
-    "hoverSecondaryBorder": "#161b22",
-    "selectedPrimaryBg": "#3f87e9",
-    "selectedPrimaryBorder": "#3f87e9"
-  },
-  "border": {
-    "primary": "#8b949e",
-    "primaryLight": "#272d36",
-    "secondary": "#30363d",
-    "tertiary": "#0d1117",
-    "inverse": "#0d1117",
-    "info": "#3f87e9",
-    "danger": "#ed4e50",
-    "success": "#2f9a42",
-    "warning": "#f7d232"
-  },
   "bg": {
-    "canvas": "#f0f6fc",
-    "canvasInverse": "#0d1117",
-    "primary": "#0d1117",
-    "secondary": "#161b22",
-    "tertiary": "#0d1117",
-    "overlay": "#0d1117",
-    "selected": "#3f87e9",
-    "info": "#0b2e63",
-    "infoInverse": "#3f87e9",
-    "danger": "#660614",
-    "dangerInverse": "#ed4e50",
-    "success": "#0a3818",
-    "successInverse": "#2f9a42",
-    "warning": "#b67b00",
-    "warningInverse": "#f7d232"
+    "canvas": "#0d1117",
+    "canvasInverse": "#f0f6fc",
+    "primary": "#ffffff",
+    "secondary": "#d5dde5",
+    "tertiary": "#f0f6fc",
+    "overlay": "#ffffff",
+    "selected": "#316ecd",
+    "info": "#a1d3ff",
+    "infoInverse": "#316ecd",
+    "danger": "#ffbdba",
+    "dangerInverse": "#d13339",
+    "success": "#81e38a",
+    "successInverse": "#248035",
+    "warning": "#f7d232",
+    "warningInverse": "#b67b00"
   },
@@ -168,3 +168,3 @@ "shadow": {
       "0",
-      "rgba(255,255,255,0.04)"
+      "rgba(13,17,23,0.04)"
     ],
@@ -175,3 +175,3 @@ "medium": [
       "6px",
-      "rgba(72,79,88,0.15)"
+      "rgba(110,118,129,0.15)"
     ],
@@ -182,3 +182,3 @@ "large": [
       "24px",
-      "rgba(72,79,88,0.2)"
+      "rgba(110,118,129,0.2)"
     ],
@@ -189,3 +189,3 @@ "extraLarge": [
       "48px",
-      "rgba(72,79,88,0.3)"
+      "rgba(110,118,129,0.3)"
     ],
@@ -197,3 +197,3 @@ "highlight": [
       "0",
-      "rgba(13,17,23,0.25)"
+      "rgba(255,255,255,0.25)"
     ],
@@ -205,3 +205,3 @@ "inset": [
       "0",
-      "rgba(33,38,45,0.2)"
+      "rgba(177,186,196,0.2)"
     ],
@@ -213,3 +213,3 @@ "focus": [
       "3px",
-      "rgba(63,135,233,0.3)"
+      "rgba(49,110,205,0.3)"
     ]
@@ -219,2 +219,10 @@ },
     "black": {
+      "10": "rgba(13,17,23,0.1)",
+      "15": "rgba(13,17,23,0.15)",
+      "30": "rgba(13,17,23,0.3)",
+      "50": "rgba(13,17,23,0.5)",
+      "70": "rgba(13,17,23,0.7)",
+      "85": "rgba(13,17,23,0.85)"
+    },
+    "white": {
       "10": "rgba(255,255,255,0.1)",
@@ -226,40 +234,32 @@ "15": "rgba(255,255,255,0.15)",
       "85": "rgba(255,255,255,0.85)"
-    },
-    "white": {
-      "10": "rgba(13,17,23,0.1)",
-      "15": "rgba(13,17,23,0.15)",
-      "30": "rgba(13,17,23,0.3)",
-      "50": "rgba(13,17,23,0.5)",
-      "70": "rgba(13,17,23,0.7)",
-      "85": "rgba(13,17,23,0.85)"
     }
   },
   "alert": {
-    "bg": "#0b2e63",
-    "border": "rgba(117,187,255,0.2)",
-    "icon": "rgba(117,187,255,0.6)",
+    "bg": "#a1d3ff",
+    "border": "rgba(13,65,137,0.2)",
+    "icon": "rgba(13,65,137,0.6)",
     "warn": {
-      "bg": "#9b6400",
-      "border": "rgba(253,225,95,0.2)",
-      "icon": "#fde15f"
+      "bg": "#fde15f",
+      "border": "rgba(155,100,0,0.2)",
+      "icon": "#9b6400"
     },
     "error": {
       "bg": "#ffe3e6",
-      "border": "rgba(255,189,186,0.2)",
-      "icon": "rgba(255,189,186,0.6)"
+      "border": "rgba(102,6,20,0.2)",
+      "icon": "rgba(102,6,20,0.6)"
     },
     "success": {
-      "bg": "#0a3818",
-      "border": "rgba(88,206,101,0.2)",
-      "icon": "rgba(88,206,101,0.8)"
+      "bg": "#81e38a",
+      "border": "rgba(20,77,35,0.2)",
+      "icon": "rgba(20,77,35,0.8)"
     }
   },
   "blankslate": {
-    "icon": "#535c66"
+    "icon": "#7a838e"
   },
   "btn": {
-    "bg": "#0d1117",
-    "border": "rgba(255,255,255,0.15)",
-    "text": "#f0f6fc",
-    "ic": "#6e7681",
+    "bg": "#f0f6fc",
+    "border": "rgba(13,17,23,0.15)",
+    "text": "#0d1117",
+    "ic": "#484f58",
     "bgHover": "#f3f4f6",
@@ -272,3 +272,3 @@ "bgActive": "#edeff2",
       "0.3em",
-      "rgba(255,255,255,0.15)"
+      "rgba(13,17,23,0.15)"
     ],
@@ -280,10 +280,10 @@ "shadowInputFocus": [
       "0.2em",
-      "rgba(63,135,233,0.3)"
+      "rgba(49,110,205,0.3)"
     ],
     "primary": {
       "bg": "#2ea44f",
-      "border": "rgba(255,255,255,0.15)",
-      "borderDisabled": "rgba(255,255,255,0.1)",
-      "text": "#0d1117",
-      "ic": "rgba(13,17,23,0.8)",
+      "border": "rgba(13,17,23,0.15)",
+      "borderDisabled": "rgba(13,17,23,0.1)",
+      "text": "#ffffff",
+      "ic": "rgba(255,255,255,0.8)",
       "shadow": [
@@ -293,3 +293,3 @@ "0",
         "0",
-        "rgba(255,255,255,0.1)"
+        "rgba(13,17,23,0.1)"
       ],
@@ -301,3 +301,3 @@ "shadowHighlight": [
         "0",
-        "rgba(13,17,23,0.03)"
+        "rgba(255,255,255,0.03)"
       ],
@@ -309,3 +309,3 @@ "shadowSelected": [
         "0",
-        "rgba(178,244,182,0.2)"
+        "rgba(4,38,15,0.2)"
       ],
@@ -315,3 +315,3 @@ "bgHover": "#2c974b",
       "bgDisabled": "#94d3a2",
-      "disabledText": "rgba(13,17,23,0.8)",
+      "disabledText": "rgba(255,255,255,0.8)",
       "disabledShadow": [
@@ -324,6 +324,6 @@ "0",
       ],
-      "counterBg": "rgba(13,17,23,0.2)"
+      "counterBg": "rgba(255,255,255,0.2)"
     },
     "inverseOnHover": {
-      "border": "rgba(255,255,255,0.15)",
+      "border": "rgba(13,17,23,0.15)",
       "shadow": [
@@ -333,3 +333,3 @@ "0",
         "0",
-        "rgba(255,255,255,0.1)"
+        "rgba(13,17,23,0.1)"
       ],
@@ -341,11 +341,11 @@ "shadowInset": [
         "0",
-        "rgba(13,17,23,0.03)"
+        "rgba(255,255,255,0.03)"
       ],
-      "counterBg": "rgba(13,17,23,0.2)"
+      "counterBg": "rgba(255,255,255,0.2)"
     },
     "danger": {
-      "text": "#ed4e50",
-      "textDisabled": "rgba(237,78,80,0.5)",
-      "bgHover": "#ff7170",
-      "bgActive": "#ff6261",
+      "text": "#d13339",
+      "textDisabled": "rgba(209,51,57,0.5)",
+      "bgHover": "#ac212b",
+      "bgActive": "#9f1f28",
       "shadow": [
@@ -356,3 +356,3 @@ "inset",
         "0",
-        "rgba(255,220,217,0.2)"
+        "rgba(73,0,12,0.2)"
       ],
@@ -364,12 +364,12 @@ "shadowFocus": [
         "3px",
-        "rgba(255,113,112,0.4)"
+        "rgba(172,33,43,0.4)"
       ],
-      "counterBg": "rgba(237,78,80,0.1)",
-      "counterBgDisabled": "rgba(237,78,80,0.05)"
+      "counterBg": "rgba(209,51,57,0.1)",
+      "counterBgDisabled": "rgba(209,51,57,0.05)"
     },
     "outline": {
-      "text": "#3f87e9",
-      "textDisabled": "rgba(63,135,233,0.5)",
-      "bgHover": "#3f87e9",
-      "bgActive": "#317ee7",
+      "text": "#316ecd",
+      "textDisabled": "rgba(49,110,205,0.5)",
+      "bgHover": "#316ecd",
+      "bgActive": "#2e67c1",
       "shadow": [
@@ -380,3 +380,3 @@ "inset",
         "0",
-        "rgba(202,232,255,0.2)"
+        "rgba(6,30,70,0.2)"
       ],
@@ -388,22 +388,22 @@ "shadowFocus": [
         "3px",
-        "rgba(84,162,251,0.4)"
+        "rgba(36,86,170,0.4)"
       ],
-      "counterBg": "rgba(63,135,233,0.1)",
-      "counterBgDisabled": "rgba(63,135,233,0.05)"
+      "counterBg": "rgba(49,110,205,0.1)",
+      "counterBgDisabled": "rgba(49,110,205,0.05)"
     },
-    "counterBg": "rgba(255,255,255,0.08)"
+    "counterBg": "rgba(13,17,23,0.08)"
   },
   "counter": {
-    "text": "#f0f6fc",
-    "bg": "rgba(48,54,61,0.5)",
+    "text": "#0d1117",
+    "bg": "rgba(139,148,158,0.5)",
     "border": "rgba(209,213,218,0.5)"
   },
   "topic": {
-    "tagBg": "#061e46",
-    "tagBorder": "#061e46",
-    "tagText": "#3f87e9"
+    "tagBg": "#cae8ff",
+    "tagBorder": "#cae8ff",
+    "tagText": "#316ecd"
   },
   "input": {
-    "bg": "#0d1117",
-    "contrastBg": "#0d1117",
+    "bg": "#ffffff",
+    "contrastBg": "#f0f6fc",
     "shadow": [
@@ -414,3 +414,3 @@ "inset",
       "2px",
-      "rgba(255,255,255,0.075)"
+      "rgba(13,17,23,0.075)"
     ],
@@ -422,9 +422,9 @@ "shadowFocus": [
       "0.2em",
-      "rgba(63,135,233,0.3)"
+      "rgba(49,110,205,0.3)"
     ]
   },
   "avatar": {
-    "border": "rgba(255,255,255,0.1)",
-    "stackFade": "#30363d",
-    "stackFadeMore": "#21262d",
+    "border": "rgba(13,17,23,0.1)",
+    "stackFade": "#8b949e",
+    "stackFadeMore": "#b1bac4",
     "childShadow": [
@@ -434,16 +434,16 @@ "-2px",
       "0",
-      "rgba(13,17,23,0.8)"
+      "rgba(255,255,255,0.8)"
     ]
   },
   "toast": {
-    "icBgLoading": "#8b949e"
+    "icBgLoading": "#30363d"
   },
   "timeline": {
-    "text": "#b1bac4",
-    "badgeBg": "#21262d",
-    "targetBadgeBorder": "#316ecd",
-    "targetBadgeShadow": "#0d4189"
+    "text": "#21262d",
+    "badgeBg": "#b1bac4",
+    "targetBadgeBorder": "#3f87e9",
+    "targetBadgeShadow": "#75bbff"
   },
   "selectMenu": {
-    "backdropBg": "rgba(255,255,255,0.5)",
+    "backdropBg": "rgba(13,17,23,0.5)",
     "shadow": [
@@ -453,60 +453,60 @@ "0",
       "18px",
-      "rgba(255,255,255,0.4)"
+      "rgba(13,17,23,0.4)"
     ],
-    "tapHighlight": "rgba(48,54,61,0.5)",
-    "tapFocusBg": "#0b2e63"
+    "tapHighlight": "rgba(139,148,158,0.5)",
+    "tapFocusBg": "#a1d3ff"
   },
   "box": {
-    "blueBorder": "#0d4189"
+    "blueBorder": "#75bbff"
   },
   "dropdown": {
-    "border": "rgba(255,255,255,0.15)"
+    "border": "rgba(13,17,23,0.15)"
   },
   "popover": {
-    "border": "rgba(255,255,255,0.15)"
+    "border": "rgba(13,17,23,0.15)"
   },
   "branchName": {
-    "text": "rgba(255,255,255,0.6)",
-    "bg": "#0d3471",
-    "icon": "#676767"
+    "text": "rgba(13,17,23,0.6)",
+    "bg": "#b0daff",
+    "icon": "#91a6be"
   },
   "markdown": {
-    "codeBg": "rgba(255,255,255,0.05)",
-    "frameBorder": "#3b434b",
-    "blockquoteBorder": "#3b434b",
-    "tableBorder": "#3b434b",
-    "tableTrBorder": "#272c32"
+    "codeBg": "rgba(13,17,23,0.05)",
+    "frameBorder": "#99a1aa",
+    "blockquoteBorder": "#99a1aa",
+    "tableBorder": "#99a1aa",
+    "tableTrBorder": "#808a95"
   },
   "header": {
-    "text": "rgba(13,17,23,0.7)"
+    "text": "rgba(255,255,255,0.7)"
   },
   "filterItem": {
-    "barBg": "#12161c"
+    "barBg": "#cfd8e1"
   },
   "hiddenTextExpander": {
-    "bg": "#3b434b",
-    "bgHover": "#272c32"
+    "bg": "#99a1aa",
+    "bgHover": "#808a95"
   },
   "dragAndDrop": {
-    "border": "#25292f"
+    "border": "#7d8792"
   },
   "uploadEnabled": {
-    "border": "#3b434b",
-    "borderFocused": "#5185d5"
+    "border": "#99a1aa",
+    "borderFocused": "#649eed"
   },
   "previewableCommentForm": {
-    "border": "#25292f"
+    "border": "#7d8792"
   },
-  "icFolder": "#2456aa",
-  "hlAuthorBg": "#061e46",
-  "hlAuthorBorder": "#0d4189",
-  "logoSubdued": "#30363d",
-  "discussionBorder": "#354c3a",
+  "icFolder": "#54a2fb",
+  "hlAuthorBg": "#cae8ff",
+  "hlAuthorBorder": "#75bbff",
+  "logoSubdued": "#8b949e",
+  "discussionBorder": "#6a856f",
   "diff": {
-    "neutralBg": "#30363d",
-    "deletionBg": "#ff7170",
+    "neutralBg": "#8b949e",
+    "deletionBg": "#ac212b",
     "deletionBgStrong": "#ffffff",
     "deletionBorder": "#ffffff",
     "deletionBorderStrong": "#ffffff",
-    "additionBg": "#1e6c2d",
+    "additionBg": "#29863a",
     "additionBgStrong": "#ffffff",
@@ -517,7 +517,7 @@ "additionBorder": "#ffffff",
   "globalNav": {
-    "logo": "#0d1117",
-    "bg": "#f0f6fc",
-    "text": "#0d1117",
-    "inputBg": "#0d1117",
-    "inputBorder": "#0d1117",
+    "logo": "#ffffff",
+    "bg": "#0d1117",
+    "text": "#ffffff",
+    "inputBg": "#f0f6fc",
+    "inputBorder": "#f0f6fc",
     "inputIc": "#ffffff",
@@ -524,0 +524,0 @@ "inputPlaceholder": "#ffffff"

dist/json/colors/light.json

@@ -5,3 +5,3 @@ {
     "white": "#ffffff",
-    "grey": [
+    "gray": [
       "#fafbfc",
@@ -8,0 +8,0 @@ "#f6f8fa",

dist/ts/colors/dark.ts

@@ -5,3 +5,3 @@ export default {
     "white": "#0d1117",
-    "grey": [
+    "gray": [
       "#0d1117",
@@ -104,59 +104,59 @@ "#161b22",
   "text": {
+    "primary": "#f0f6fc",
+    "secondary": "#8b949e",
+    "tertiary": "#8b949e",
+    "placeholder": "#484f58",
+    "disabled": "#484f58",
+    "inverse": "#0d1117",
+    "linkPrimary": "#75bbff",
+    "linkSecondary": "#f0f6fc",
+    "linkTertiary": "#8b949e",
+    "danger": "#ed4e50",
+    "success": "#58ce65",
+    "warning": "#f7d232"
+  },
+  "icon": {
     "primary": "#0d1117",
     "secondary": "#30363d",
-    "tertiary": "#30363d",
-    "placeholder": "#6e7681",
-    "disabled": "#6e7681",
-    "inverse": "#f0f6fc",
-    "linkPrimary": "#0d4189",
-    "linkSecondary": "#0d1117",
-    "linkTertiary": "#30363d",
-    "danger": "#d13339",
-    "success": "#144d23",
-    "warning": "#b67b00"
+    "tertiary": "#6e7681",
+    "info": "#316ecd",
+    "danger": "#ed4e50",
+    "success": "#58ce65",
+    "warning": "#f7d232"
   },
-  "icon": {
-    "primary": "#f0f6fc",
+  "hl": {
+    "hoverPrimaryBg": "#316ecd",
+    "hoverPrimaryBorder": "#316ecd",
+    "hoverSecondaryBg": "#d5dde5",
+    "hoverSecondaryBorder": "#d5dde5",
+    "selectedPrimaryBg": "#316ecd",
+    "selectedPrimaryBorder": "#316ecd"
+  },
+  "border": {
+    "primary": "#30363d",
+    "primaryLight": "#bac2cb",
     "secondary": "#8b949e",
-    "tertiary": "#484f58",
-    "info": "#3f87e9",
+    "tertiary": "#f0f6fc",
+    "inverse": "#ffffff",
+    "info": "#316ecd",
     "danger": "#d13339",
-    "success": "#144d23",
+    "success": "#248035",
     "warning": "#b67b00"
   },
-  "hl": {
-    "hoverPrimaryBg": "#3f87e9",
-    "hoverPrimaryBorder": "#3f87e9",
-    "hoverSecondaryBg": "#161b22",
-    "hoverSecondaryBorder": "#161b22",
-    "selectedPrimaryBg": "#3f87e9",
-    "selectedPrimaryBorder": "#3f87e9"
-  },
-  "border": {
-    "primary": "#8b949e",
-    "primaryLight": "#272d36",
-    "secondary": "#30363d",
-    "tertiary": "#0d1117",
-    "inverse": "#0d1117",
-    "info": "#3f87e9",
-    "danger": "#ed4e50",
-    "success": "#2f9a42",
-    "warning": "#f7d232"
-  },
   "bg": {
-    "canvas": "#f0f6fc",
-    "canvasInverse": "#0d1117",
-    "primary": "#0d1117",
-    "secondary": "#161b22",
-    "tertiary": "#0d1117",
-    "overlay": "#0d1117",
-    "selected": "#3f87e9",
-    "info": "#0b2e63",
-    "infoInverse": "#3f87e9",
-    "danger": "#660614",
-    "dangerInverse": "#ed4e50",
-    "success": "#0a3818",
-    "successInverse": "#2f9a42",
-    "warning": "#b67b00",
-    "warningInverse": "#f7d232"
+    "canvas": "#0d1117",
+    "canvasInverse": "#f0f6fc",
+    "primary": "#ffffff",
+    "secondary": "#d5dde5",
+    "tertiary": "#f0f6fc",
+    "overlay": "#ffffff",
+    "selected": "#316ecd",
+    "info": "#a1d3ff",
+    "infoInverse": "#316ecd",
+    "danger": "#ffbdba",
+    "dangerInverse": "#d13339",
+    "success": "#81e38a",
+    "successInverse": "#248035",
+    "warning": "#f7d232",
+    "warningInverse": "#b67b00"
   },
@@ -168,3 +168,3 @@ "shadow": {
       "0",
-      "rgba(255,255,255,0.04)"
+      "rgba(13,17,23,0.04)"
     ],
@@ -175,3 +175,3 @@ "medium": [
       "6px",
-      "rgba(72,79,88,0.15)"
+      "rgba(110,118,129,0.15)"
     ],
@@ -182,3 +182,3 @@ "large": [
       "24px",
-      "rgba(72,79,88,0.2)"
+      "rgba(110,118,129,0.2)"
     ],
@@ -189,3 +189,3 @@ "extraLarge": [
       "48px",
-      "rgba(72,79,88,0.3)"
+      "rgba(110,118,129,0.3)"
     ],
@@ -197,3 +197,3 @@ "highlight": [
       "0",
-      "rgba(13,17,23,0.25)"
+      "rgba(255,255,255,0.25)"
     ],
@@ -205,3 +205,3 @@ "inset": [
       "0",
-      "rgba(33,38,45,0.2)"
+      "rgba(177,186,196,0.2)"
     ],
@@ -213,3 +213,3 @@ "focus": [
       "3px",
-      "rgba(63,135,233,0.3)"
+      "rgba(49,110,205,0.3)"
     ]
@@ -219,2 +219,10 @@ },
     "black": {
+      "10": "rgba(13,17,23,0.1)",
+      "15": "rgba(13,17,23,0.15)",
+      "30": "rgba(13,17,23,0.3)",
+      "50": "rgba(13,17,23,0.5)",
+      "70": "rgba(13,17,23,0.7)",
+      "85": "rgba(13,17,23,0.85)"
+    },
+    "white": {
       "10": "rgba(255,255,255,0.1)",
@@ -226,40 +234,32 @@ "15": "rgba(255,255,255,0.15)",
       "85": "rgba(255,255,255,0.85)"
-    },
-    "white": {
-      "10": "rgba(13,17,23,0.1)",
-      "15": "rgba(13,17,23,0.15)",
-      "30": "rgba(13,17,23,0.3)",
-      "50": "rgba(13,17,23,0.5)",
-      "70": "rgba(13,17,23,0.7)",
-      "85": "rgba(13,17,23,0.85)"
     }
   },
   "alert": {
-    "bg": "#0b2e63",
-    "border": "rgba(117,187,255,0.2)",
-    "icon": "rgba(117,187,255,0.6)",
+    "bg": "#a1d3ff",
+    "border": "rgba(13,65,137,0.2)",
+    "icon": "rgba(13,65,137,0.6)",
     "warn": {
-      "bg": "#9b6400",
-      "border": "rgba(253,225,95,0.2)",
-      "icon": "#fde15f"
+      "bg": "#fde15f",
+      "border": "rgba(155,100,0,0.2)",
+      "icon": "#9b6400"
     },
     "error": {
       "bg": "#ffe3e6",
-      "border": "rgba(255,189,186,0.2)",
-      "icon": "rgba(255,189,186,0.6)"
+      "border": "rgba(102,6,20,0.2)",
+      "icon": "rgba(102,6,20,0.6)"
     },
     "success": {
-      "bg": "#0a3818",
-      "border": "rgba(88,206,101,0.2)",
-      "icon": "rgba(88,206,101,0.8)"
+      "bg": "#81e38a",
+      "border": "rgba(20,77,35,0.2)",
+      "icon": "rgba(20,77,35,0.8)"
     }
   },
   "blankslate": {
-    "icon": "#535c66"
+    "icon": "#7a838e"
   },
   "btn": {
-    "bg": "#0d1117",
-    "border": "rgba(255,255,255,0.15)",
-    "text": "#f0f6fc",
-    "ic": "#6e7681",
+    "bg": "#f0f6fc",
+    "border": "rgba(13,17,23,0.15)",
+    "text": "#0d1117",
+    "ic": "#484f58",
     "bgHover": "#f3f4f6",
@@ -272,3 +272,3 @@ "bgActive": "#edeff2",
       "0.3em",
-      "rgba(255,255,255,0.15)"
+      "rgba(13,17,23,0.15)"
     ],
@@ -280,10 +280,10 @@ "shadowInputFocus": [
       "0.2em",
-      "rgba(63,135,233,0.3)"
+      "rgba(49,110,205,0.3)"
     ],
     "primary": {
       "bg": "#2ea44f",
-      "border": "rgba(255,255,255,0.15)",
-      "borderDisabled": "rgba(255,255,255,0.1)",
-      "text": "#0d1117",
-      "ic": "rgba(13,17,23,0.8)",
+      "border": "rgba(13,17,23,0.15)",
+      "borderDisabled": "rgba(13,17,23,0.1)",
+      "text": "#ffffff",
+      "ic": "rgba(255,255,255,0.8)",
       "shadow": [
@@ -293,3 +293,3 @@ "0",
         "0",
-        "rgba(255,255,255,0.1)"
+        "rgba(13,17,23,0.1)"
       ],
@@ -301,3 +301,3 @@ "shadowHighlight": [
         "0",
-        "rgba(13,17,23,0.03)"
+        "rgba(255,255,255,0.03)"
       ],
@@ -309,3 +309,3 @@ "shadowSelected": [
         "0",
-        "rgba(178,244,182,0.2)"
+        "rgba(4,38,15,0.2)"
       ],
@@ -315,3 +315,3 @@ "bgHover": "#2c974b",
       "bgDisabled": "#94d3a2",
-      "disabledText": "rgba(13,17,23,0.8)",
+      "disabledText": "rgba(255,255,255,0.8)",
       "disabledShadow": [
@@ -324,6 +324,6 @@ "0",
       ],
-      "counterBg": "rgba(13,17,23,0.2)"
+      "counterBg": "rgba(255,255,255,0.2)"
     },
     "inverseOnHover": {
-      "border": "rgba(255,255,255,0.15)",
+      "border": "rgba(13,17,23,0.15)",
       "shadow": [
@@ -333,3 +333,3 @@ "0",
         "0",
-        "rgba(255,255,255,0.1)"
+        "rgba(13,17,23,0.1)"
       ],
@@ -341,11 +341,11 @@ "shadowInset": [
         "0",
-        "rgba(13,17,23,0.03)"
+        "rgba(255,255,255,0.03)"
       ],
-      "counterBg": "rgba(13,17,23,0.2)"
+      "counterBg": "rgba(255,255,255,0.2)"
     },
     "danger": {
-      "text": "#ed4e50",
-      "textDisabled": "rgba(237,78,80,0.5)",
-      "bgHover": "#ff7170",
-      "bgActive": "#ff6261",
+      "text": "#d13339",
+      "textDisabled": "rgba(209,51,57,0.5)",
+      "bgHover": "#ac212b",
+      "bgActive": "#9f1f28",
       "shadow": [
@@ -356,3 +356,3 @@ "inset",
         "0",
-        "rgba(255,220,217,0.2)"
+        "rgba(73,0,12,0.2)"
       ],
@@ -364,12 +364,12 @@ "shadowFocus": [
         "3px",
-        "rgba(255,113,112,0.4)"
+        "rgba(172,33,43,0.4)"
       ],
-      "counterBg": "rgba(237,78,80,0.1)",
-      "counterBgDisabled": "rgba(237,78,80,0.05)"
+      "counterBg": "rgba(209,51,57,0.1)",
+      "counterBgDisabled": "rgba(209,51,57,0.05)"
     },
     "outline": {
-      "text": "#3f87e9",
-      "textDisabled": "rgba(63,135,233,0.5)",
-      "bgHover": "#3f87e9",
-      "bgActive": "#317ee7",
+      "text": "#316ecd",
+      "textDisabled": "rgba(49,110,205,0.5)",
+      "bgHover": "#316ecd",
+      "bgActive": "#2e67c1",
       "shadow": [
@@ -380,3 +380,3 @@ "inset",
         "0",
-        "rgba(202,232,255,0.2)"
+        "rgba(6,30,70,0.2)"
       ],
@@ -388,22 +388,22 @@ "shadowFocus": [
         "3px",
-        "rgba(84,162,251,0.4)"
+        "rgba(36,86,170,0.4)"
       ],
-      "counterBg": "rgba(63,135,233,0.1)",
-      "counterBgDisabled": "rgba(63,135,233,0.05)"
+      "counterBg": "rgba(49,110,205,0.1)",
+      "counterBgDisabled": "rgba(49,110,205,0.05)"
     },
-    "counterBg": "rgba(255,255,255,0.08)"
+    "counterBg": "rgba(13,17,23,0.08)"
   },
   "counter": {
-    "text": "#f0f6fc",
-    "bg": "rgba(48,54,61,0.5)",
+    "text": "#0d1117",
+    "bg": "rgba(139,148,158,0.5)",
     "border": "rgba(209,213,218,0.5)"
   },
   "topic": {
-    "tagBg": "#061e46",
-    "tagBorder": "#061e46",
-    "tagText": "#3f87e9"
+    "tagBg": "#cae8ff",
+    "tagBorder": "#cae8ff",
+    "tagText": "#316ecd"
   },
   "input": {
-    "bg": "#0d1117",
-    "contrastBg": "#0d1117",
+    "bg": "#ffffff",
+    "contrastBg": "#f0f6fc",
     "shadow": [
@@ -414,3 +414,3 @@ "inset",
       "2px",
-      "rgba(255,255,255,0.075)"
+      "rgba(13,17,23,0.075)"
     ],
@@ -422,9 +422,9 @@ "shadowFocus": [
       "0.2em",
-      "rgba(63,135,233,0.3)"
+      "rgba(49,110,205,0.3)"
     ]
   },
   "avatar": {
-    "border": "rgba(255,255,255,0.1)",
-    "stackFade": "#30363d",
-    "stackFadeMore": "#21262d",
+    "border": "rgba(13,17,23,0.1)",
+    "stackFade": "#8b949e",
+    "stackFadeMore": "#b1bac4",
     "childShadow": [
@@ -434,16 +434,16 @@ "-2px",
       "0",
-      "rgba(13,17,23,0.8)"
+      "rgba(255,255,255,0.8)"
     ]
   },
   "toast": {
-    "icBgLoading": "#8b949e"
+    "icBgLoading": "#30363d"
   },
   "timeline": {
-    "text": "#b1bac4",
-    "badgeBg": "#21262d",
-    "targetBadgeBorder": "#316ecd",
-    "targetBadgeShadow": "#0d4189"
+    "text": "#21262d",
+    "badgeBg": "#b1bac4",
+    "targetBadgeBorder": "#3f87e9",
+    "targetBadgeShadow": "#75bbff"
   },
   "selectMenu": {
-    "backdropBg": "rgba(255,255,255,0.5)",
+    "backdropBg": "rgba(13,17,23,0.5)",
     "shadow": [
@@ -453,60 +453,60 @@ "0",
       "18px",
-      "rgba(255,255,255,0.4)"
+      "rgba(13,17,23,0.4)"
     ],
-    "tapHighlight": "rgba(48,54,61,0.5)",
-    "tapFocusBg": "#0b2e63"
+    "tapHighlight": "rgba(139,148,158,0.5)",
+    "tapFocusBg": "#a1d3ff"
   },
   "box": {
-    "blueBorder": "#0d4189"
+    "blueBorder": "#75bbff"
   },
   "dropdown": {
-    "border": "rgba(255,255,255,0.15)"
+    "border": "rgba(13,17,23,0.15)"
   },
   "popover": {
-    "border": "rgba(255,255,255,0.15)"
+    "border": "rgba(13,17,23,0.15)"
   },
   "branchName": {
-    "text": "rgba(255,255,255,0.6)",
-    "bg": "#0d3471",
-    "icon": "#676767"
+    "text": "rgba(13,17,23,0.6)",
+    "bg": "#b0daff",
+    "icon": "#91a6be"
   },
   "markdown": {
-    "codeBg": "rgba(255,255,255,0.05)",
-    "frameBorder": "#3b434b",
-    "blockquoteBorder": "#3b434b",
-    "tableBorder": "#3b434b",
-    "tableTrBorder": "#272c32"
+    "codeBg": "rgba(13,17,23,0.05)",
+    "frameBorder": "#99a1aa",
+    "blockquoteBorder": "#99a1aa",
+    "tableBorder": "#99a1aa",
+    "tableTrBorder": "#808a95"
   },
   "header": {
-    "text": "rgba(13,17,23,0.7)"
+    "text": "rgba(255,255,255,0.7)"
   },
   "filterItem": {
-    "barBg": "#12161c"
+    "barBg": "#cfd8e1"
   },
   "hiddenTextExpander": {
-    "bg": "#3b434b",
-    "bgHover": "#272c32"
+    "bg": "#99a1aa",
+    "bgHover": "#808a95"
   },
   "dragAndDrop": {
-    "border": "#25292f"
+    "border": "#7d8792"
   },
   "uploadEnabled": {
-    "border": "#3b434b",
-    "borderFocused": "#5185d5"
+    "border": "#99a1aa",
+    "borderFocused": "#649eed"
   },
   "previewableCommentForm": {
-    "border": "#25292f"
+    "border": "#7d8792"
   },
-  "icFolder": "#2456aa",
-  "hlAuthorBg": "#061e46",
-  "hlAuthorBorder": "#0d4189",
-  "logoSubdued": "#30363d",
-  "discussionBorder": "#354c3a",
+  "icFolder": "#54a2fb",
+  "hlAuthorBg": "#cae8ff",
+  "hlAuthorBorder": "#75bbff",
+  "logoSubdued": "#8b949e",
+  "discussionBorder": "#6a856f",
   "diff": {
-    "neutralBg": "#30363d",
-    "deletionBg": "#ff7170",
+    "neutralBg": "#8b949e",
+    "deletionBg": "#ac212b",
     "deletionBgStrong": "#ffffff",
     "deletionBorder": "#ffffff",
     "deletionBorderStrong": "#ffffff",
-    "additionBg": "#1e6c2d",
+    "additionBg": "#29863a",
     "additionBgStrong": "#ffffff",
@@ -517,7 +517,7 @@ "additionBorder": "#ffffff",
   "globalNav": {
-    "logo": "#0d1117",
-    "bg": "#f0f6fc",
-    "text": "#0d1117",
-    "inputBg": "#0d1117",
-    "inputBorder": "#0d1117",
+    "logo": "#ffffff",
+    "bg": "#0d1117",
+    "text": "#ffffff",
+    "inputBg": "#f0f6fc",
+    "inputBorder": "#f0f6fc",
     "inputIc": "#ffffff",
@@ -524,0 +524,0 @@ "inputPlaceholder": "#ffffff"

dist/ts/colors/light.ts

@@ -5,3 +5,3 @@ export default {
     "white": "#ffffff",
-    "grey": [
+    "gray": [
       "#fafbfc",
@@ -8,0 +8,0 @@ "#f6f8fa",

package.json

 {
   "name": "@primer/primitives",
-  "version": "0.0.0-45ed36c",
+  "version": "0.0.0-47e6716",
   "description": "Typography, spacing, and color primitives for Primer design system",
@@ -5,0 +5,0 @@ "files": [

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

147631

decreased by-0.1%

No dependency changes