@primer/primitives 7.11.7 → 7.11.8-rc.46bb738

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

@@ -510,62 +510,26 @@ export 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",
-    },
-  },
-  color: {
     scale: {
       black: "#010409",
       transparent: "#00000000",
@@ -680,6 +644,74 @@ export default {
       },
     },
   },
+  prettylights: {
+    syntax: {
+      comment: "#bdc4cc",
+      constant: {
+        other: {
+          reference: {
+            link: "#addcff",
+          },
+        },
+      },
+      entity: "#dbb7ff",
+      storage: {
+        modifier: {
+          import: "#f0f3f6",
+        },
+      },
+      "entity-tag": "#72f088",
+      keyword: "#ff9492",
+      string: "#addcff",
+      variable: "#ffb757",
+      brackethighlighter: {
+        angle: "#bdc4cc",
+      },
+      invalid: {
+        illegal: {
+          bg: "#e82a2f",
+        },
+      },
+      carriage: {
+        return: {
+          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",
+        },
+      },
+    },
+  },
   shadow: {
     inset: "0px 0px 0px 0px #000000",
     highlight: "0px 0px 0px 0px #000000",

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

@@ -510,62 +510,26 @@ export 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",
-    },
-  },
-  color: {
     scale: {
       black: "#010409",
       transparent: "#00000000",
@@ -680,6 +644,74 @@ export default {
       },
     },
   },
+  prettylights: {
+    syntax: {
+      comment: "#8b949e",
+      constant: {
+        other: {
+          reference: {
+            link: "#a5d6ff",
+          },
+        },
+      },
+      entity: "#d2a8ff",
+      storage: {
+        modifier: {
+          import: "#c9d1d9",
+        },
+      },
+      "entity-tag": "#a5d6ff",
+      keyword: "#ff7b72",
+      string: "#a5d6ff",
+      variable: "#ffa198",
+      brackethighlighter: {
+        angle: "#8b949e",
+      },
+      invalid: {
+        illegal: {
+          bg: "#8e1519",
+        },
+      },
+      carriage: {
+        return: {
+          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",
+        },
+      },
+    },
+  },
   shadow: {
     inset: "0px 0px 0px 0px #000000",
     highlight: "0px 0px 0px 0px #000000",

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

@@ -510,62 +510,26 @@ export 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",
-    },
-  },
-  color: {
     scale: {
       black: "#010409",
       transparent: "#00000000",
@@ -680,6 +644,74 @@ export default {
       },
     },
   },
+  prettylights: {
+    syntax: {
+      comment: "#8b949e",
+      constant: {
+        other: {
+          reference: {
+            link: "#a5d6ff",
+          },
+        },
+      },
+      entity: "#d2a8ff",
+      storage: {
+        modifier: {
+          import: "#c9d1d9",
+        },
+      },
+      "entity-tag": "#7ee787",
+      keyword: "#ff7b72",
+      string: "#a5d6ff",
+      variable: "#ffa657",
+      brackethighlighter: {
+        angle: "#8b949e",
+      },
+      invalid: {
+        illegal: {
+          bg: "#8e1519",
+        },
+      },
+      carriage: {
+        return: {
+          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",
+        },
+      },
+    },
+  },
   shadow: {
     inset: "0px 0px 0px 0px #000000",
     highlight: "0px 0px 0px 0px #000000",

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

@@ -513,31 +513,23 @@ export 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: "#b35900",
+      "red-bright": "#8a4600",
+      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: {
@@ -549,18 +541,15 @@ export default {
             },
           },
         },
-        entity: {
-          tag: "#0550ae",
-        },
+        entity: "#8250df",
         storage: {
           modifier: {
             import: "#24292f",
           },
         },
+        "entity-tag": "#0550ae",
         keyword: "#b35900",
-        string: {
-          regexp: "#0550ae",
-        },
+        string: "#0a3069",
         variable: "#8a4600",
         brackethighlighter: {
           angle: "#57606a",
@@ -575,8 +564,26 @@ export default {
             bg: "#b35900",
           },
         },
+        "string-regexp": "#0550ae",
         markup: {
+          list: "#3b2300",
+          heading: "#0550ae",
+          italic: "#24292f",
+          bold: "#24292f",
+          deleted: {
+            text: "#6f3800",
+            bg: "#fff5e8",
+          },
+          inserted: {
+            text: "#0550ae",
+            bg: "#ddf4ff",
+          },
+          changed: {
+            text: "#8a4600",
+            bg: "#ffddb0",
+          },
           ignored: {
+            text: "#eaeef2",
             bg: "#0550ae",
           },
         },

package/tokens-next-private/ts/functional/themes/light-high-contrast.ts

@@ -513,31 +513,23 @@ export default {
   },
   color: {
     ansi: {
-      black: {
-        bright: "#4b535d",
-      },
-      white: {
-        bright: "#88929d",
-      },
+      black: "#0e1116",
+      "black-bright": "#4b535d",
+      white: "#66707b",
+      "white-bright": "#88929d",
       gray: "#66707b",
-      red: {
-        bright: "#86061d",
-      },
-      green: {
-        bright: "#055d20",
-      },
-      yellow: {
-        bright: "#4e2c00",
-      },
-      blue: {
-        bright: "#1168e3",
-      },
-      magenta: {
-        bright: "#844ae7",
-      },
-      cyan: {
-        bright: "#3192aa",
-      },
+      red: "#a0111f",
+      "red-bright": "#86061d",
+      green: "#024c1a",
+      "green-bright": "#055d20",
+      yellow: "#3f2200",
+      "yellow-bright": "#4e2c00",
+      blue: "#0349b4",
+      "blue-bright": "#1168e3",
+      magenta: "#622cbc",
+      "magenta-bright": "#844ae7",
+      cyan: "#1b7c83",
+      "cyan-bright": "#3192aa",
     },
     prettylights: {
       syntax: {
@@ -549,18 +541,15 @@ export default {
             },
           },
         },
-        entity: {
-          tag: "#023b95",
-        },
+        entity: "#622cbc",
         storage: {
           modifier: {
             import: "#0e1116",
           },
         },
+        "entity-tag": "#023b95",
         keyword: "#a0111f",
-        string: {
-          regexp: "#024c1a",
-        },
+        string: "#032563",
         variable: "#702c00",
         brackethighlighter: {
           angle: "#4b535d",
@@ -575,8 +564,26 @@ export default {
             bg: "#a0111f",
           },
         },
+        "string-regexp": "#024c1a",
         markup: {
+          list: "#2e1800",
+          heading: "#023b95",
+          italic: "#0e1116",
+          bold: "#0e1116",
+          deleted: {
+            text: "#6e011a",
+            bg: "#fff0ee",
+          },
+          inserted: {
+            text: "#024c1a",
+            bg: "#d2fedb",
+          },
+          changed: {
+            text: "#702c00",
+            bg: "#ffc67b",
+          },
           ignored: {
+            text: "#e7ecf0",
             bg: "#023b95",
           },
         },