@primer/primitives 7.11.7 → 7.11.8-rc.0252b5f

package/tokens-next-private/js/functional/themes/dark.js

@@ -108,7 +108,7 @@ exports.default = {
   },
   avatar: {
     bgColor: "#ffffff1a",
-    borderColor: "#00000000",
+    borderColor: "#30363d66",
     shadow: "0px 0px 0px 2px #0d1117",
   },
   avatarStack: {
@@ -181,8 +181,8 @@ exports.default = {
       },
       borderColor: {
         rest: "#1f6feb",
-        hover: "#00000000",
-        active: "#00000000",
+        hover: "#2a7aef",
+        active: "#3685f3",
         disabled: "#484f58",
       },
     },
@@ -254,9 +254,9 @@ exports.default = {
         disabled: "#46bf57",
       },
       borderColor: {
-        rest: "#30363dcc",
-        hover: "#30363dcc",
-        disabled: "#30363dcc",
+        rest: "#f0f6fc1a",
+        hover: "#f0f6fc1a",
+        disabled: "#f0f6fc1a",
       },
       shadow: {
         selected: "0px 0px 0px 0px #000000",
@@ -265,6 +265,7 @@ exports.default = {
     invisible: {
       fgColor: {
         rest: "#2f81f7",
+        hover: "#58a6ff",
         disabled: "#484f58",
       },
       bgColor: {
@@ -280,8 +281,8 @@ exports.default = {
     },
     outline: {
       fgColor: {
-        rest: "#2f81f7",
-        hover: "#2f81f7",
+        rest: "#388bfd",
+        hover: "#58a6ff",
         active: "#ffffff",
         disabled: "#2f81f780",
       },
@@ -332,23 +333,38 @@ exports.default = {
         rest: "#30363d",
       },
     },
+    invisible: {
+      bgColor: {
+        rest: "#30363d",
+      },
+    },
     primary: {
       bgColor: {
-        rest: "#ffffff33",
+        rest: "#04260f33",
       },
     },
     outline: {
       bgColor: {
-        rest: "#1f6feb1a",
-        hover: "#ffffff33",
+        rest: "#051d4d33",
+        hover: "#051d4d33",
         disabled: "#1f6feb0d",
       },
+      fgColor: {
+        rest: "#388bfd",
+        hover: "#58a6ff",
+        disabled: "#2f81f780",
+      },
     },
     danger: {
       bgColor: {
         hover: "#ffffff33",
         disabled: "#da36330d",
-        rest: "#da36331a",
+        rest: "#49020233",
+      },
+      fgColor: {
+        rest: "#f85149",
+        hover: "#ffffff",
+        disabled: "#f8514980",
       },
     },
   },
@@ -403,10 +419,6 @@ exports.default = {
     disabled: "#484f58",
     link: {
       rest: "#2f81f7",
-      inverse: {
-        rest: "#1f6feb",
-      },
-      control: "#636a75",
     },
     accent: "#2f81f7",
     success: "#3fb950",
@@ -510,62 +522,92 @@ exports.default = {
       emphasis: "#bf4b8a",
     },
   },
-  ansi: {
-    fgColor: {
+  color: {
+    ansi: {
       black: "#484f58",
-      blackBright: "#6e7681",
+      "black-bright": "#6e7681",
       white: "#b1bac4",
-      whiteBright: "#ffffff",
+      "white-bright": "#ffffff",
       gray: "#6e7681",
       red: "#ff7b72",
-      redBright: "#ffa198",
+      "red-bright": "#ffa198",
       green: "#3fb950",
-      greenBright: "#56d364",
+      "green-bright": "#56d364",
       yellow: "#d29922",
-      yellowBright: "#e3b341",
+      "yellow-bright": "#e3b341",
       blue: "#58a6ff",
-      blueBright: "#79c0ff",
+      "blue-bright": "#79c0ff",
       magenta: "#bc8cff",
-      magentaBright: "#d2a8ff",
+      "magenta-bright": "#d2a8ff",
       cyan: "#39c5cf",
-      cyanBright: "#56d4dd",
+      "cyan-bright": "#56d4dd",
     },
-  },
-  prettylights: {
-    syntax: {
-      comment: "#8b949e",
-      constant: "#79c0ff",
-      entity: "#d2a8ff",
-      storageModifierImport: "#c9d1d9",
-      entityTag: "#7ee787",
-      keyword: "#ff7b72",
-      string: "#a5d6ff",
-      variable: "#ffa657",
-      brackethighlighterUnmatched: "#f85149",
-      invalidIllegalText: "#f0f6fc",
-      invalidIllegalBg: "#8e1519",
-      carriageReturnText: "#f0f6fc",
-      carriageReturnBg: "#b62324",
-      stringRegexp: "#7ee787",
-      markupList: "#f2cc60",
-      markupHeading: "#1f6feb",
-      markupItalic: "#c9d1d9",
-      markupBold: "#c9d1d9",
-      markupDeletedText: "#ffdcd7",
-      markupDeletedBg: "#67060c",
-      markupInsertedText: "#aff5b4",
-      markupInsertedBg: "#033a16",
-      markupChangedText: "#ffdfb6",
-      markupChangedBg: "#5a1e02",
-      markupIgnoredText: "#c9d1d9",
-      markupIgnoredBg: "#1158c7",
-      metaDiffRange: "#d2a8ff",
-      brackethighlighterAngle: "#8b949e",
-      sublimelinterGutterMark: "#484f58",
-      constantOtherReferenceLink: "#a5d6ff",
+    prettylights: {
+      syntax: {
+        comment: "#8b949e",
+        constant: "#79c0ff",
+        "constant-other-reference-link": "#a5d6ff",
+        entity: "#d2a8ff",
+        storage: {
+          modifier: {
+            import: "#c9d1d9",
+          },
+        },
+        "entity-tag": "#7ee787",
+        keyword: "#ff7b72",
+        string: "#a5d6ff",
+        variable: "#ffa657",
+        brackethighlighter: {
+          unmatched: "#f85149",
+          angle: "#8b949e",
+        },
+        invalid: {
+          illegal: {
+            text: "#f0f6fc",
+            bg: "#8e1519",
+          },
+        },
+        carriage: {
+          return: {
+            text: "#f0f6fc",
+            bg: "#b62324",
+          },
+        },
+        "string-regexp": "#7ee787",
+        markup: {
+          list: "#f2cc60",
+          heading: "#1f6feb",
+          italic: "#c9d1d9",
+          bold: "#c9d1d9",
+          deleted: {
+            text: "#ffdcd7",
+            bg: "#67060c",
+          },
+          inserted: {
+            text: "#aff5b4",
+            bg: "#033a16",
+          },
+          changed: {
+            text: "#ffdfb6",
+            bg: "#5a1e02",
+          },
+          ignored: {
+            text: "#c9d1d9",
+            bg: "#1158c7",
+          },
+        },
+        meta: {
+          diff: {
+            range: "#d2a8ff",
+          },
+        },
+        sublimelinter: {
+          gutter: {
+            mark: "#484f58",
+          },
+        },
+      },
     },
-  },
-  color: {
     scale: {
       black: "#010409",
       transparent: "#00000000",

package/tokens-next-private/js/functional/themes/light-colorblind.js

@@ -30,9 +30,9 @@ exports.default = {
         num: "#1f2328",
       },
       bgColor: {
-        num: "#f7993966",
-        line: "#fff5e880",
-        word: "#ffbc6d80",
+        num: "#fb8f4466",
+        line: "#fff1e580",
+        word: "#ffb77c80",
       },
     },
     hunk: {
@@ -84,11 +84,11 @@ exports.default = {
         comment: "#24292f",
         constant: "#0550ae",
         entity: "#8250df",
-        keyword: "#b35900",
-        storage: "#b35900",
+        keyword: "#bc4c00",
+        storage: "#bc4c00",
         string: "#0a3069",
         support: "#0550ae",
-        variable: "#8a4600",
+        variable: "#953800",
       },
     },
   },
@@ -138,7 +138,7 @@ exports.default = {
       disabled: "#d0d7de",
       selected: "#f6f8fa",
       success: "#218bff",
-      danger: "#b35900",
+      danger: "#bc4c00",
       warning: "#bf8700",
     },
     iconColor: {
@@ -160,12 +160,12 @@ exports.default = {
     },
     danger: {
       fgColor: {
-        rest: "#b55b01",
-        hover: "#b55b01",
+        rest: "#be4e02",
+        hover: "#be4e02",
       },
       bgColor: {
-        hover: "#fff5e8",
-        active: "#fff5e866",
+        hover: "#fff1e5",
+        active: "#fff1e566",
       },
     },
     checked: {
@@ -181,8 +181,8 @@ exports.default = {
       },
       borderColor: {
         rest: "#0969da",
-        hover: "#00000000",
-        active: "#00000000",
+        hover: "#0860ca",
+        active: "#0757ba",
         disabled: "#8c959f",
       },
     },
@@ -254,9 +254,9 @@ exports.default = {
         disabled: "#92caff",
       },
       borderColor: {
-        rest: "#d0d7decc",
-        hover: "#d0d7decc",
-        disabled: "#d0d7decc",
+        rest: "#1f232826",
+        hover: "#1f232826",
+        disabled: "#1f232826",
       },
       shadow: {
         selected: "inset 0px 1px 0px 0px #0021554d",
@@ -265,6 +265,7 @@ exports.default = {
     invisible: {
       fgColor: {
         rest: "#0969da",
+        hover: "#0969da",
         disabled: "#8c959f",
       },
       bgColor: {
@@ -301,19 +302,19 @@ exports.default = {
     },
     danger: {
       fgColor: {
-        rest: "#b55b01",
+        rest: "#be4e02",
         hover: "#ffffff",
         active: "#ffffff",
-        disabled: "#b55b0180",
+        disabled: "#be4e0280",
       },
       iconColor: {
-        rest: "#b55b01",
+        rest: "#be4e02",
         hover: "#ffffff",
       },
       bgColor: {
         rest: "#f6f8fa",
-        hover: "#8a4600",
-        active: "#763c00",
+        hover: "#953800",
+        active: "#7e2f00",
         disabled: "#f6f8fa",
       },
       borderColor: {
@@ -322,19 +323,24 @@ exports.default = {
         active: "#d0d7de",
       },
       shadow: {
-        selected: "inset 0px 1px 0px 0px #41200033",
+        selected: "inset 0px 1px 0px 0px #47170033",
       },
     },
   },
   buttonCounter: {
     default: {
       bgColor: {
-        rest: "#eaeef280",
+        rest: "#eaeef2",
+      },
+    },
+    invisible: {
+      bgColor: {
+        rest: "#eaeef2",
       },
     },
     primary: {
       bgColor: {
-        rest: "#ffffff33",
+        rest: "#002d1133",
       },
     },
     outline: {
@@ -343,12 +349,22 @@ exports.default = {
         hover: "#ffffff33",
         disabled: "#0969da0d",
       },
+      fgColor: {
+        rest: "#0550ae",
+        hover: "#ffffff",
+        disabled: "#0969da80",
+      },
     },
     danger: {
       bgColor: {
         hover: "#ffffff33",
-        disabled: "#b359000d",
-        rest: "#b359001a",
+        disabled: "#bc4c000d",
+        rest: "#bc4c001a",
+      },
+      fgColor: {
+        rest: "#c21c2c",
+        hover: "#ffffff",
+        disabled: "#be4e0280",
       },
     },
   },
@@ -404,17 +420,13 @@ exports.default = {
     disabled: "#8c959f",
     link: {
       rest: "#0969da",
-      inverse: {
-        rest: "#54aeff",
-      },
-      control: "#868f99",
     },
     accent: "#0969da",
     success: "#0969da",
     attention: "#9a6700",
-    severe: "#b35900",
-    danger: "#b55b01",
-    open: "#b35900",
+    severe: "#bc4c00",
+    danger: "#be4e02",
+    open: "#bc4c00",
     closed: "#6e7781",
     done: "#8250df",
     sponsors: "#bf3989",
@@ -441,16 +453,16 @@ exports.default = {
       emphasis: "#9a6700",
     },
     severe: {
-      muted: "#fff5e8",
-      emphasis: "#b35900",
+      muted: "#fff1e5",
+      emphasis: "#bc4c00",
     },
     danger: {
-      muted: "#fff5e8",
-      emphasis: "#b35900",
+      muted: "#fff1e5",
+      emphasis: "#bc4c00",
     },
     open: {
-      muted: "#f7993966",
-      emphasis: "#dd7815",
+      muted: "#fb8f4466",
+      emphasis: "#e16f24",
     },
     closed: {
       muted: "#afb8c166",
@@ -487,16 +499,16 @@ exports.default = {
       emphasis: "#bf8700",
     },
     severe: {
-      muted: "#f7993966",
-      emphasis: "#b35900",
+      muted: "#fb8f4466",
+      emphasis: "#bc4c00",
     },
     danger: {
-      muted: "#f7993966",
-      emphasis: "#b35900",
+      muted: "#fb8f4466",
+      emphasis: "#bc4c00",
     },
     open: {
-      muted: "#f7993966",
-      emphasis: "#dd7815",
+      muted: "#fb8f4466",
+      emphasis: "#e16f24",
     },
     closed: {
       muted: "#afb8c166",
@@ -513,70 +525,75 @@ exports.default = {
   },
   color: {
     ansi: {
-      black: {
-        bright: "#57606a",
-      },
-      white: {
-        bright: "#8c959f",
-      },
+      black: "#24292f",
+      "black-bright": "#57606a",
+      white: "#6e7781",
+      "white-bright": "#8c959f",
       gray: "#6e7781",
-      red: {
-        bright: "#8a4600",
-      },
-      green: {
-        bright: "#0969da",
-      },
-      yellow: {
-        bright: "#633c01",
-      },
-      blue: {
-        bright: "#218bff",
-      },
-      magenta: {
-        bright: "#a475f9",
-      },
-      cyan: {
-        bright: "#3192aa",
-      },
+      red: "#bc4c00",
+      "red-bright": "#953800",
+      green: "#0550ae",
+      "green-bright": "#0969da",
+      yellow: "#4d2d00",
+      "yellow-bright": "#633c01",
+      blue: "#0969da",
+      "blue-bright": "#218bff",
+      magenta: "#8250df",
+      "magenta-bright": "#a475f9",
+      cyan: "#1b7c83",
+      "cyan-bright": "#3192aa",
     },
     prettylights: {
       syntax: {
         comment: "#6e7781",
-        constant: {
-          other: {
-            reference: {
-              link: "#0a3069",
-            },
-          },
-        },
-        entity: {
-          tag: "#0550ae",
-        },
+        constant: "#0550ae",
+        "constant-other-reference-link": "#0a3069",
+        entity: "#8250df",
         storage: {
           modifier: {
             import: "#24292f",
           },
         },
-        keyword: "#b35900",
-        string: {
-          regexp: "#0550ae",
-        },
-        variable: "#8a4600",
+        "entity-tag": "#0550ae",
+        keyword: "#bc4c00",
+        string: "#0a3069",
+        variable: "#953800",
         brackethighlighter: {
+          unmatched: "#762c00",
           angle: "#57606a",
         },
         invalid: {
           illegal: {
-            bg: "#6f3800",
+            text: "#f6f8fa",
+            bg: "#762c00",
           },
         },
         carriage: {
           return: {
-            bg: "#b35900",
+            text: "#f6f8fa",
+            bg: "#bc4c00",
           },
         },
+        "string-regexp": "#0550ae",
         markup: {
+          list: "#3b2300",
+          heading: "#0550ae",
+          italic: "#24292f",
+          bold: "#24292f",
+          deleted: {
+            text: "#762c00",
+            bg: "#fff1e5",
+          },
+          inserted: {
+            text: "#0550ae",
+            bg: "#ddf4ff",
+          },
+          changed: {
+            text: "#953800",
+            bg: "#ffd8b5",
+          },
           ignored: {
+            text: "#eaeef2",
             bg: "#0550ae",
           },
         },
@@ -645,28 +662,28 @@ exports.default = {
         "9": "#3b2300",
       },
       orange: {
-        "0": "#fff5e8",
-        "1": "#ffddb0",
-        "2": "#ffbc6d",
-        "3": "#f79939",
-        "4": "#dd7815",
-        "5": "#b35900",
-        "6": "#8a4600",
-        "7": "#6f3800",
-        "8": "#572c00",
-        "9": "#412000",
+        "0": "#fff1e5",
+        "1": "#ffd8b5",
+        "2": "#ffb77c",
+        "3": "#fb8f44",
+        "4": "#e16f24",
+        "5": "#bc4c00",
+        "6": "#953800",
+        "7": "#762c00",
+        "8": "#5c2200",
+        "9": "#471700",
       },
       red: {
-        "0": "#fff5e8",
-        "1": "#ffddb0",
-        "2": "#ffbc6d",
-        "3": "#f79939",
-        "4": "#dd7815",
-        "5": "#b35900",
-        "6": "#8a4600",
-        "7": "#6f3800",
-        "8": "#572c00",
-        "9": "#412000",
+        "0": "#fff1e5",
+        "1": "#ffd8b5",
+        "2": "#ffb77c",
+        "3": "#fb8f44",
+        "4": "#e16f24",
+        "5": "#bc4c00",
+        "6": "#953800",
+        "7": "#762c00",
+        "8": "#5c2200",
+        "9": "#471700",
       },
       purple: {
         "0": "#fbefff",