@primer/primitives 7.15.3 → 7.15.4-rc.08151ca

package/tokens-next-private/figma/themes/light.json

@@ -496,14 +496,14 @@
   {
     "name": "color/prettylights/syntax/comment",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4666666666666667,
-      "b": 0.5058823529411764,
+      "r": 0.3411764705882353,
+      "g": 0.3764705882352941,
+      "b": 0.41568627450980394,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/comment",
-    "reference": "base/color/light/base/color/gray/5",
+    "reference": "base/color/light/base/color/gray/6",
     "collection": "mode",
     "mode": "light",
     "group": "syntax",
@@ -763,7 +763,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */"
+    }
   },
   {
     "name": "borderColor/sponsors-muted",
@@ -780,7 +783,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
+    }
   },
   {
     "name": "borderColor/done-emphasis",
@@ -796,7 +802,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
+    }
   },
   {
     "name": "borderColor/done-muted",
@@ -813,7 +822,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */"
+    }
   },
   {
     "name": "borderColor/closed-emphasis",
@@ -829,7 +841,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
+    }
   },
   {
     "name": "borderColor/closed-muted",
@@ -846,7 +861,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
+    }
   },
   {
     "name": "borderColor/danger-emphasis",
@@ -862,7 +880,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
+    }
   },
   {
     "name": "borderColor/danger-muted",
@@ -879,7 +900,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
+    }
   },
   {
     "name": "borderColor/severe-emphasis",
@@ -895,7 +919,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
+    }
   },
   {
     "name": "borderColor/severe-muted",
@@ -912,7 +939,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
+    }
   },
   {
     "name": "borderColor/attention-emphasis",
@@ -928,7 +958,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
+    }
   },
   {
     "name": "borderColor/attention-muted",
@@ -945,7 +978,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
+    }
   },
   {
     "name": "borderColor/success-emphasis",
@@ -961,7 +997,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */"
+    }
   },
   {
     "name": "borderColor/success-muted",
@@ -978,7 +1017,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */"
+    }
   },
   {
     "name": "borderColor/accent-emphasis",
@@ -994,7 +1036,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
+    }
   },
   {
     "name": "borderColor/accent-muted",
@@ -1011,7 +1056,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
+    }
   },
   {
     "name": "borderColor/neutral-emphasis",
@@ -1092,7 +1140,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-default) /* utility class: .color-border-default */"
+    }
   },
   {
     "name": "bgColor/sponsors-emphasis",
@@ -1108,7 +1159,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */"
+    }
   },
   {
     "name": "bgColor/sponsors-muted",
@@ -1124,7 +1178,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
+    }
   },
   {
     "name": "bgColor/done-emphasis",
@@ -1140,7 +1197,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */"
+    }
   },
   {
     "name": "bgColor/done-muted",
@@ -1156,7 +1216,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
+    }
   },
   {
     "name": "bgColor/closed-emphasis",
@@ -1172,7 +1235,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
+    }
   },
   {
     "name": "bgColor/closed-muted",
@@ -1188,7 +1254,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
+    }
   },
   {
     "name": "bgColor/danger-emphasis",
@@ -1204,7 +1273,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
+    }
   },
   {
     "name": "bgColor/danger-muted",
@@ -1220,7 +1292,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
+    }
   },
   {
     "name": "bgColor/severe-emphasis",
@@ -1236,7 +1311,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
+    }
   },
   {
     "name": "bgColor/severe-muted",
@@ -1252,7 +1330,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
+    }
   },
   {
     "name": "bgColor/attention-emphasis",
@@ -1268,7 +1349,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
+    }
   },
   {
     "name": "bgColor/attention-muted",
@@ -1284,7 +1368,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
+    }
   },
   {
     "name": "bgColor/success-emphasis",
@@ -1301,7 +1388,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
+    }
   },
   {
     "name": "bgColor/success-muted",
@@ -1317,7 +1407,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
+    }
   },
   {
     "name": "bgColor/accent-emphasis",
@@ -1333,7 +1426,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */"
+    }
   },
   {
     "name": "bgColor/accent-muted",
@@ -1349,7 +1445,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */"
+    }
   },
   {
     "name": "bgColor/neutral-emphasis",
@@ -1398,7 +1497,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */"
+    }
   },
   {
     "name": "bgColor/disabled",
@@ -1446,7 +1548,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */"
+    }
   },
   {
     "name": "bgColor/inset",
@@ -1462,7 +1567,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */"
+    }
   },
   {
     "name": "bgColor/muted",
@@ -1478,7 +1586,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */"
+    }
   },
   {
     "name": "bgColor/default",
@@ -1494,7 +1605,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--bgColor-default) /* utility class: .color-bg-default */"
+    }
   },
   {
     "name": "fgColor/sponsors-onInverse",
@@ -1526,7 +1640,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
+    }
   },
   {
     "name": "fgColor/done-onInverse",
@@ -1558,7 +1675,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-done) /* utility class: .color-fg-done */"
+    }
   },
   {
     "name": "fgColor/danger-onInverse",
@@ -1591,7 +1711,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
+    }
   },
   {
     "name": "fgColor/severe-onInverse",
@@ -1623,7 +1746,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
+    }
   },
   {
     "name": "fgColor/attention-onInverse",
@@ -1655,7 +1781,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
+    }
   },
   {
     "name": "fgColor/success-onInverse",
@@ -1687,7 +1816,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-success) /* utility class: .color-fg-success */"
+    }
   },
   {
     "name": "fgColor/accent-onInverse",
@@ -1719,7 +1851,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
+    }
   },
   {
     "name": "fgColor/neutral-onInverse",
@@ -1799,7 +1934,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
+    }
   },
   {
     "name": "fgColor/muted",
@@ -1816,7 +1954,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
+    }
   },
   {
     "name": "fgColor/default",
@@ -1832,7 +1973,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
+    }
   },
   {
     "name": "underlineNav/borderColor/active",
@@ -3184,7 +3328,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
+    }
   },
   {
     "name": "borderColor/open-muted",
@@ -3200,7 +3347,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
+    }
   },
   {
     "name": "borderColor/disabled",
@@ -3233,7 +3383,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
+    }
   },
   {
     "name": "bgColor/open-emphasis",
@@ -3249,7 +3402,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
+    }
   },
   {
     "name": "bgColor/open-muted",
@@ -3265,7 +3421,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
+    }
   },
   {
     "name": "fgColor/closed-onInverse",
@@ -3297,7 +3456,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
+    }
   },
   {
     "name": "fgColor/open-onInverse",
@@ -3329,7 +3491,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
+    }
   },
   {
     "name": "fgColor/link-onInverse",
@@ -3361,7 +3526,10 @@
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
+    }
   },
   {
     "name": "underlineNav/iconColor/rest",

package/tokens-next-private/scss/functional/size/breakpoints.scss

@@ -3,4 +3,4 @@ $breakpoint-small: 34rem;
 $breakpoint-medium: 48rem;
 $breakpoint-large: 63.25rem;
 $breakpoint-xlarge: 80rem;
-$breakpoint-xxlarge: 90rem;
+$breakpoint-xxlarge: 87.5rem;

package/tokens-next-private/scss/functional/size/viewport.scss

@@ -1,6 +1,6 @@
 $viewportRange-narrow: (max-width: calc(48rem - 0.02px));
 $viewportRange-narrowLandscape: (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));
 $viewportRange-regular: (min-width: 48rem);
-$viewportRange-wide: (min-width: 90rem);
+$viewportRange-wide: (min-width: 87.5rem);
 $viewportRange-portrait: (orientation: portrait);
 $viewportRange-landscape: (orientation: landscape);