@primer/primitives 7.15.4-rc.b720f44 → 7.15.4

package/tokens-next-private/docs/functional/themes/dark-colorblind.json

@@ -424,7 +424,7 @@
     "path": ["diffBlob", "hunk", "bgColor", "num"]
   },
   "diffBlob-expander-iconColor": {
-    "value": "#7d8590",
+    "value": "#848d97",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -569,7 +569,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "default"]
   },
   "codeMirror-gutterMarker-fgColor-muted": {
-    "value": "#7d8590",
+    "value": "#848d97",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -598,7 +598,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
   },
   "codeMirror-lineNumber-fgColor": {
-    "value": "#7d8590",
+    "value": "#848d97",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1781,7 +1781,7 @@
     "path": ["control", "borderColor", "warning"]
   },
   "control-iconColor-rest": {
-    "value": "#7d8590",
+    "value": "#848d97",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2620,7 +2620,7 @@
     "path": ["controlTrack", "bgColor", "disabled"]
   },
   "controlTrack-fgColor-rest": {
-    "value": "#7d8590",
+    "value": "#848d97",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3703,7 +3703,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-iconColor-rest": {
-    "value": "#7d8590",
+    "value": "#848d97",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5482,7 +5482,7 @@
     "path": ["timelineBadge", "bgColor"]
   },
   "treeViewItem-leadingVisual-iconColor-rest": {
-    "value": "#7d8590",
+    "value": "#848d97",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5569,7 +5569,7 @@
     "path": ["underlineNav", "borderColor", "hover"]
   },
   "underlineNav-iconColor-rest": {
-    "value": "#7d8590",
+    "value": "#848d97",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5605,7 +5605,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["fgColor"]
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
+        }
       }
     },
     "mix": {
@@ -5622,7 +5625,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["fgColor"]
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
+          }
         }
       },
       "mix": {
@@ -5635,19 +5641,22 @@
     "path": ["fgColor", "default"]
   },
   "fgColor-muted": {
-    "value": "#7d8590",
+    "value": "#848d97",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["fgColor"]
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
+        }
       }
     },
     "mix": {
       "color": "#6e7681",
-      "weight": 0.5
+      "weight": 0.25
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
@@ -5659,12 +5668,15 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["fgColor"]
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
+          }
         }
       },
       "mix": {
         "color": "{base.color.gray.4}",
-        "weight": 0.5
+        "weight": 0.25
       }
     },
     "name": "fgColor-muted",
@@ -5679,7 +5691,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["fgColor"]
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -5692,7 +5707,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["fgColor"]
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
+          }
         }
       }
     },
@@ -5766,7 +5784,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["fgColor"]
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -5779,7 +5800,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["fgColor"]
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
+          }
         }
       }
     },
@@ -5882,7 +5906,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["fgColor"]
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
+        }
       }
     },
     "mix": {
@@ -5899,7 +5926,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["fgColor"]
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
+          }
         }
       },
       "mix": {
@@ -5948,7 +5978,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["fgColor"]
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-success) /* utility class: .color-fg-success */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
@@ -5961,7 +5994,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["fgColor"]
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-success) /* utility class: .color-fg-success */"
+          }
         }
       }
     },
@@ -6006,7 +6042,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["fgColor"]
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -6019,7 +6058,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["fgColor"]
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
+          }
         }
       }
     },
@@ -6064,7 +6106,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["fgColor"]
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -6077,7 +6122,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["fgColor"]
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
+          }
         }
       }
     },
@@ -6122,7 +6170,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["fgColor"]
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
@@ -6135,7 +6186,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["fgColor"]
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
+          }
         }
       }
     },
@@ -6188,7 +6242,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["fgColor"]
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
@@ -6201,7 +6258,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["fgColor"]
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
+          }
         }
       }
     },
@@ -6246,7 +6306,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["fgColor"]
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
@@ -6259,7 +6322,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["fgColor"]
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
+          }
         }
       }
     },
@@ -6304,7 +6370,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["fgColor"]
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-done) /* utility class: .color-fg-done */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -6317,7 +6386,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["fgColor"]
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-done) /* utility class: .color-fg-done */"
+          }
         }
       }
     },
@@ -6362,7 +6434,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["fgColor"]
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -6375,7 +6450,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["fgColor"]
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
+          }
         }
       }
     },
@@ -6420,7 +6498,10 @@
         "collection": "mode",
         "mode": "dark",
         "scopes": ["bgColor", "borderColor"],
-        "group": "semantic"
+        "group": "semantic",
+        "codeSyntax": {
+          "web": "var(--bgColor-default) /* utility class: .color-bg-default */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -6433,7 +6514,10 @@
           "collection": "mode",
           "mode": "dark",
           "scopes": ["bgColor", "borderColor"],
-          "group": "semantic"
+          "group": "semantic",
+          "codeSyntax": {
+            "web": "var(--bgColor-default) /* utility class: .color-bg-default */"
+          }
         }
       }
     },
@@ -6449,7 +6533,10 @@
         "collection": "mode",
         "mode": "dark",
         "scopes": ["bgColor", "borderColor"],
-        "group": "semantic"
+        "group": "semantic",
+        "codeSyntax": {
+          "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -6462,7 +6549,10 @@
           "collection": "mode",
           "mode": "dark",
           "scopes": ["bgColor", "borderColor"],
-          "group": "semantic"
+          "group": "semantic",
+          "codeSyntax": {
+            "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */"
+          }
         }
       }
     },
@@ -6478,7 +6568,10 @@
         "collection": "mode",
         "mode": "dark",
         "scopes": ["bgColor", "borderColor"],
-        "group": "semantic"
+        "group": "semantic",
+        "codeSyntax": {
+          "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -6491,7 +6584,10 @@
           "collection": "mode",
           "mode": "dark",
           "scopes": ["bgColor", "borderColor"],
-          "group": "semantic"
+          "group": "semantic",
+          "codeSyntax": {
+            "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */"
+          }
         }
       }
     },
@@ -6507,7 +6603,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -6520,7 +6619,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */"
+          }
         }
       }
     },
@@ -6594,7 +6696,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -6607,7 +6712,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */"
+          }
         }
       }
     },
@@ -6683,7 +6791,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */"
+        }
       }
     },
     "alpha": 0.1,
@@ -6697,7 +6808,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */"
+          }
         }
       },
       "alpha": 0.1
@@ -6714,7 +6828,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -6727,7 +6844,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */"
+          }
         }
       }
     },
@@ -6743,7 +6863,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
+        }
       }
     },
     "alpha": 0.15,
@@ -6757,7 +6880,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
+          }
         }
       },
       "alpha": 0.15
@@ -6774,7 +6900,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
@@ -6787,7 +6916,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
+          }
         }
       }
     },
@@ -6803,7 +6935,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
+        }
       }
     },
     "alpha": 0.15,
@@ -6817,7 +6952,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
+          }
         }
       },
       "alpha": 0.15
@@ -6834,7 +6972,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -6847,7 +6988,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
+          }
         }
       }
     },
@@ -6863,7 +7007,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
+        }
       }
     },
     "alpha": 0.1,
@@ -6877,7 +7024,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
+          }
         }
       },
       "alpha": 0.1
@@ -6894,7 +7044,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -6907,7 +7060,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
+          }
         }
       }
     },
@@ -6923,7 +7079,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
+        }
       }
     },
     "alpha": 0.1,
@@ -6937,7 +7096,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
+          }
         }
       },
       "alpha": 0.1
@@ -6954,7 +7116,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
@@ -6967,7 +7132,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
+          }
         }
       }
     },
@@ -6983,7 +7151,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
+        }
       }
     },
     "alpha": 0.4,
@@ -6997,7 +7168,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
+          }
         }
       },
       "alpha": 0.4
@@ -7014,7 +7188,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
@@ -7027,7 +7204,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
+          }
         }
       }
     },
@@ -7043,7 +7223,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
+        }
       }
     },
     "alpha": 0.4,
@@ -7057,7 +7240,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
+          }
         }
       },
       "alpha": 0.4
@@ -7074,7 +7260,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
@@ -7087,7 +7276,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
+          }
         }
       }
     },
@@ -7103,7 +7295,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
+        }
       }
     },
     "alpha": 0.15,
@@ -7117,7 +7312,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
+          }
         }
       },
       "alpha": 0.15
@@ -7134,7 +7332,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -7147,7 +7348,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */"
+          }
         }
       }
     },
@@ -7163,7 +7367,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
+        }
       }
     },
     "alpha": 0.1,
@@ -7177,7 +7384,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
+          }
         }
       },
       "alpha": 0.1
@@ -7194,7 +7404,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -7207,7 +7420,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */"
+          }
         }
       }
     },
@@ -7223,7 +7439,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-default) /* utility class: .color-border-default */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -7236,7 +7455,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-default) /* utility class: .color-border-default */"
+          }
         }
       }
     },
@@ -7252,7 +7474,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
+        }
       }
     },
     "alpha": 0.4,
@@ -7266,7 +7491,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
+          }
         }
       },
       "alpha": 0.4
@@ -7430,7 +7658,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
+        }
       }
     },
     "alpha": 0.4,
@@ -7444,7 +7675,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
+          }
         }
       },
       "alpha": 0.4
@@ -7461,7 +7695,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -7474,7 +7711,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
+          }
         }
       }
     },
@@ -7490,7 +7730,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */"
+        }
       }
     },
     "alpha": 0.4,
@@ -7504,7 +7747,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */"
+          }
         }
       },
       "alpha": 0.4
@@ -7521,7 +7767,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
@@ -7534,7 +7783,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */"
+          }
         }
       }
     },
@@ -7550,7 +7802,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
+        }
       }
     },
     "alpha": 0.4,
@@ -7564,7 +7819,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
+          }
         }
       },
       "alpha": 0.4
@@ -7581,7 +7839,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -7594,7 +7855,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
+          }
         }
       }
     },
@@ -7610,7 +7874,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
+        }
       }
     },
     "alpha": 0.4,
@@ -7624,7 +7891,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
+          }
         }
       },
       "alpha": 0.4
@@ -7641,7 +7911,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -7654,7 +7927,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
+          }
         }
       }
     },
@@ -7670,7 +7946,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
+        }
       }
     },
     "alpha": 0.4,
@@ -7684,7 +7963,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
+          }
         }
       },
       "alpha": 0.4
@@ -7701,7 +7983,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
@@ -7714,7 +7999,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
+          }
         }
       }
     },
@@ -7730,7 +8018,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
@@ -7744,7 +8035,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
+          }
         }
       },
       "alpha": 0.4
@@ -7761,7 +8055,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
@@ -7774,7 +8071,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
+          }
         }
       }
     },
@@ -7790,7 +8090,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
+        }
       }
     },
     "alpha": 0.4,
@@ -7804,7 +8107,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
+          }
         }
       },
       "alpha": 0.4
@@ -7821,7 +8127,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
@@ -7834,7 +8143,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
+          }
         }
       }
     },
@@ -7850,7 +8162,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */"
+        }
       }
     },
     "alpha": 0.4,
@@ -7864,7 +8179,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */"
+          }
         }
       },
       "alpha": 0.4
@@ -7881,7 +8199,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -7894,7 +8215,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
+          }
         }
       }
     },
@@ -7910,7 +8234,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
+        }
       }
     },
     "alpha": 0.4,
@@ -7924,7 +8251,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
+          }
         }
       },
       "alpha": 0.4
@@ -7941,7 +8271,10 @@
         "collection": "mode",
         "mode": "dark",
         "group": "semantic",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */"
+        }
       }
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
@@ -7954,7 +8287,10 @@
           "collection": "mode",
           "mode": "dark",
           "group": "semantic",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */"
+          }
         }
       }
     },