@primer/primitives 7.11.7 → 7.11.8-rc.08a9209

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

@@ -108,7 +108,7 @@ exports.default = {
   },
   avatar: {
     bgColor: "#cdd9e51a",
-    borderColor: "#00000000",
+    borderColor: "#444c5666",
     shadow: "0px 0px 0px 2px #22272e",
   },
   avatarStack: {
@@ -510,62 +510,92 @@ exports.default = {
       emphasis: "#ae4c82",
     },
   },
-  ansi: {
-    fgColor: {
+  color: {
+    ansi: {
       black: "#545d68",
-      blackBright: "#636e7b",
+      "black-bright": "#636e7b",
       white: "#909dab",
-      whiteBright: "#cdd9e5",
+      "white-bright": "#cdd9e5",
       gray: "#636e7b",
       red: "#f47067",
-      redBright: "#ff938a",
+      "red-bright": "#ff938a",
       green: "#57ab5a",
-      greenBright: "#6bc46d",
+      "green-bright": "#6bc46d",
       yellow: "#c69026",
-      yellowBright: "#daaa3f",
+      "yellow-bright": "#daaa3f",
       blue: "#539bf5",
-      blueBright: "#6cb6ff",
+      "blue-bright": "#6cb6ff",
       magenta: "#b083f0",
-      magentaBright: "#dcbdfb",
+      "magenta-bright": "#dcbdfb",
       cyan: "#39c5cf",
-      cyanBright: "#56d4dd",
+      "cyan-bright": "#56d4dd",
     },
-  },
-  prettylights: {
-    syntax: {
-      comment: "#768390",
-      constant: "#6cb6ff",
-      entity: "#dcbdfb",
-      storageModifierImport: "#adbac7",
-      entityTag: "#8ddb8c",
-      keyword: "#f47067",
-      string: "#96d0ff",
-      variable: "#f69d50",
-      brackethighlighterUnmatched: "#e5534b",
-      invalidIllegalText: "#cdd9e5",
-      invalidIllegalBg: "#922323",
-      carriageReturnText: "#cdd9e5",
-      carriageReturnBg: "#ad2e2c",
-      stringRegexp: "#8ddb8c",
-      markupList: "#eac55f",
-      markupHeading: "#316dca",
-      markupItalic: "#adbac7",
-      markupBold: "#adbac7",
-      markupDeletedText: "#ffd8d3",
-      markupDeletedBg: "#78191b",
-      markupInsertedText: "#b4f1b4",
-      markupInsertedBg: "#1b4721",
-      markupChangedText: "#ffddb0",
-      markupChangedBg: "#682d0f",
-      markupIgnoredText: "#adbac7",
-      markupIgnoredBg: "#255ab2",
-      metaDiffRange: "#dcbdfb",
-      brackethighlighterAngle: "#768390",
-      sublimelinterGutterMark: "#545d68",
-      constantOtherReferenceLink: "#96d0ff",
+    prettylights: {
+      syntax: {
+        comment: "#768390",
+        constant: "#6cb6ff",
+        "constant-other-reference-link": "#96d0ff",
+        entity: "#dcbdfb",
+        storage: {
+          modifier: {
+            import: "#adbac7",
+          },
+        },
+        "entity-tag": "#8ddb8c",
+        keyword: "#f47067",
+        string: "#96d0ff",
+        variable: "#f69d50",
+        brackethighlighter: {
+          unmatched: "#e5534b",
+          angle: "#768390",
+        },
+        invalid: {
+          illegal: {
+            text: "#cdd9e5",
+            bg: "#922323",
+          },
+        },
+        carriage: {
+          return: {
+            text: "#cdd9e5",
+            bg: "#ad2e2c",
+          },
+        },
+        "string-regexp": "#8ddb8c",
+        markup: {
+          list: "#eac55f",
+          heading: "#316dca",
+          italic: "#adbac7",
+          bold: "#adbac7",
+          deleted: {
+            text: "#ffd8d3",
+            bg: "#78191b",
+          },
+          inserted: {
+            text: "#b4f1b4",
+            bg: "#1b4721",
+          },
+          changed: {
+            text: "#ffddb0",
+            bg: "#682d0f",
+          },
+          ignored: {
+            text: "#adbac7",
+            bg: "#255ab2",
+          },
+        },
+        meta: {
+          diff: {
+            range: "#dcbdfb",
+          },
+        },
+        sublimelinter: {
+          gutter: {
+            mark: "#545d68",
+          },
+        },
+      },
     },
-  },
-  color: {
     scale: {
       black: "#1c2128",
       transparent: "#00000000",

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

@@ -510,62 +510,92 @@ exports.default = {
       emphasis: "#ef6eb1",
     },
   },
-  ansi: {
-    fgColor: {
+  color: {
+    ansi: {
       black: "#7a828e",
-      blackBright: "#9ea7b3",
+      "black-bright": "#9ea7b3",
       white: "#d9dee3",
-      whiteBright: "#ffffff",
+      "white-bright": "#ffffff",
       gray: "#9ea7b3",
       red: "#ff9492",
-      redBright: "#ffb1af",
+      "red-bright": "#ffb1af",
       green: "#26cd4d",
-      greenBright: "#4ae168",
+      "green-bright": "#4ae168",
       yellow: "#f0b72f",
-      yellowBright: "#f7c843",
+      "yellow-bright": "#f7c843",
       blue: "#71b7ff",
-      blueBright: "#91cbff",
+      "blue-bright": "#91cbff",
       magenta: "#cb9eff",
-      magentaBright: "#dbb7ff",
+      "magenta-bright": "#dbb7ff",
       cyan: "#39c5cf",
-      cyanBright: "#56d4dd",
+      "cyan-bright": "#56d4dd",
     },
-  },
-  prettylights: {
-    syntax: {
-      comment: "#bdc4cc",
-      constant: "#91cbff",
-      entity: "#dbb7ff",
-      storageModifierImport: "#f0f3f6",
-      entityTag: "#72f088",
-      keyword: "#ff9492",
-      string: "#addcff",
-      variable: "#ffb757",
-      brackethighlighterUnmatched: "#ff6a69",
-      invalidIllegalText: "#ffffff",
-      invalidIllegalBg: "#e82a2f",
-      carriageReturnText: "#ffffff",
-      carriageReturnBg: "#ff4445",
-      stringRegexp: "#72f088",
-      markupList: "#fbd669",
-      markupHeading: "#409eff",
-      markupItalic: "#f0f3f6",
-      markupBold: "#f0f3f6",
-      markupDeletedText: "#ffdedb",
-      markupDeletedBg: "#cc1421",
-      markupInsertedText: "#acf7b6",
-      markupInsertedBg: "#007728",
-      markupChangedText: "#ffe1b4",
-      markupChangedBg: "#a74c00",
-      markupIgnoredText: "#f0f3f6",
-      markupIgnoredBg: "#318bf8",
-      metaDiffRange: "#dbb7ff",
-      brackethighlighterAngle: "#bdc4cc",
-      sublimelinterGutterMark: "#7a828e",
-      constantOtherReferenceLink: "#addcff",
+    prettylights: {
+      syntax: {
+        comment: "#bdc4cc",
+        constant: "#91cbff",
+        "constant-other-reference-link": "#addcff",
+        entity: "#dbb7ff",
+        storage: {
+          modifier: {
+            import: "#f0f3f6",
+          },
+        },
+        "entity-tag": "#72f088",
+        keyword: "#ff9492",
+        string: "#addcff",
+        variable: "#ffb757",
+        brackethighlighter: {
+          unmatched: "#ff6a69",
+          angle: "#bdc4cc",
+        },
+        invalid: {
+          illegal: {
+            text: "#ffffff",
+            bg: "#e82a2f",
+          },
+        },
+        carriage: {
+          return: {
+            text: "#ffffff",
+            bg: "#ff4445",
+          },
+        },
+        "string-regexp": "#72f088",
+        markup: {
+          list: "#fbd669",
+          heading: "#409eff",
+          italic: "#f0f3f6",
+          bold: "#f0f3f6",
+          deleted: {
+            text: "#ffdedb",
+            bg: "#cc1421",
+          },
+          inserted: {
+            text: "#acf7b6",
+            bg: "#007728",
+          },
+          changed: {
+            text: "#ffe1b4",
+            bg: "#a74c00",
+          },
+          ignored: {
+            text: "#f0f3f6",
+            bg: "#318bf8",
+          },
+        },
+        meta: {
+          diff: {
+            range: "#dbb7ff",
+          },
+        },
+        sublimelinter: {
+          gutter: {
+            mark: "#7a828e",
+          },
+        },
+      },
     },
-  },
-  color: {
     scale: {
       black: "#010409",
       transparent: "#00000000",

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

@@ -108,7 +108,7 @@ exports.default = {
   },
   avatar: {
     bgColor: "#ffffff1a",
-    borderColor: "#00000000",
+    borderColor: "#30363d66",
     shadow: "0px 0px 0px 2px #0d1117",
   },
   avatarStack: {
@@ -510,62 +510,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: "#58a6ff",
-      greenBright: "#79c0ff",
+      "green-bright": "#79c0ff",
       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: "#a5d6ff",
-      keyword: "#ff7b72",
-      string: "#a5d6ff",
-      variable: "#ffa198",
-      brackethighlighterUnmatched: "#f85149",
-      invalidIllegalText: "#f0f6fc",
-      invalidIllegalBg: "#8e1519",
-      carriageReturnText: "#f0f6fc",
-      carriageReturnBg: "#b62324",
-      stringRegexp: "#a5d6ff",
-      markupList: "#f2cc60",
-      markupHeading: "#1f6feb",
-      markupItalic: "#c9d1d9",
-      markupBold: "#c9d1d9",
-      markupDeletedText: "#ffdcd7",
-      markupDeletedBg: "#67060c",
-      markupInsertedText: "#cae8ff",
-      markupInsertedBg: "#0c2d6b",
-      markupChangedText: "#ffdcd7",
-      markupChangedBg: "#67060c",
-      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": "#a5d6ff",
+        keyword: "#ff7b72",
+        string: "#a5d6ff",
+        variable: "#ffa198",
+        brackethighlighter: {
+          unmatched: "#f85149",
+          angle: "#8b949e",
+        },
+        invalid: {
+          illegal: {
+            text: "#f0f6fc",
+            bg: "#8e1519",
+          },
+        },
+        carriage: {
+          return: {
+            text: "#f0f6fc",
+            bg: "#b62324",
+          },
+        },
+        "string-regexp": "#a5d6ff",
+        markup: {
+          list: "#f2cc60",
+          heading: "#1f6feb",
+          italic: "#c9d1d9",
+          bold: "#c9d1d9",
+          deleted: {
+            text: "#ffdcd7",
+            bg: "#67060c",
+          },
+          inserted: {
+            text: "#cae8ff",
+            bg: "#0c2d6b",
+          },
+          changed: {
+            text: "#ffdcd7",
+            bg: "#67060c",
+          },
+          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/dark.js

@@ -108,7 +108,7 @@ exports.default = {
   },
   avatar: {
     bgColor: "#ffffff1a",
-    borderColor: "#00000000",
+    borderColor: "#30363d66",
     shadow: "0px 0px 0px 2px #0d1117",
   },
   avatarStack: {
@@ -510,62 +510,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",