@primer/primitives 7.15.10 → 7.15.11-rc.d7c51d9c

package/tokens-next-private/figma/themes/dark-colorblind.json

@@ -29,6 +29,21 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -4128,6 +4143,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "alpha": 0.7,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "underlineNav/iconColor/rest",
     "value": {
@@ -5421,23 +5453,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "dark colorblind",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "overlay/borderColor",
     "value": {

package/tokens-next-private/figma/themes/dark-dimmed.json

@@ -29,6 +29,21 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -4128,6 +4143,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.19215686274509805,
+      "g": 0.42745098039215684,
+      "b": 0.792156862745098,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "alpha": 0.7,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "underlineNav/iconColor/rest",
     "value": {
@@ -5421,23 +5453,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.2784313725490196,
-      "g": 0.5450980392156862,
-      "b": 0.9019607843137255,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "dark dimmed",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "overlay/borderColor",
     "value": {

package/tokens-next-private/figma/themes/dark-high-contrast.json

@@ -29,6 +29,21 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -4198,6 +4213,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.25098039215686274,
+      "g": 0.6196078431372549,
+      "b": 1,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "alpha": 0.7,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "treeViewItem/leadingVisual/iconColor/rest",
     "value": {
@@ -6029,23 +6061,6 @@
     "collection": "mode",
     "group": "shadow"
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.3764705882352941,
-      "g": 0.6823529411764706,
-      "b": 1,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "dark high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "button/danger/bgColor/disabled",
     "value": {

package/tokens-next-private/figma/themes/dark-tritanopia.json

@@ -29,6 +29,21 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -4129,6 +4144,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "alpha": 0.7,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "underlineNav/iconColor/rest",
     "value": {
@@ -5422,23 +5454,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "dark tritanopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "overlay/borderColor",
     "value": {

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

@@ -29,6 +29,21 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -4128,6 +4143,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "alpha": 0.7,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "underlineNav/iconColor/rest",
     "value": {
@@ -5421,23 +5453,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "overlay/borderColor",
     "value": {

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

@@ -29,6 +29,21 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -3991,6 +4006,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "underlineNav/iconColor/rest",
     "value": {
@@ -5463,23 +5495,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "light colorblind",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "overlay/borderColor",
     "value": {

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

@@ -29,6 +29,21 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -4051,6 +4066,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.011764705882352941,
+      "g": 0.28627450980392155,
+      "b": 0.7058823529411765,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "underlineNav/iconColor/rest",
     "value": {
@@ -4089,10 +4121,10 @@
       "r": 0.5333333333333333,
       "g": 0.5725490196078431,
       "b": 0.615686274509804,
-      "a": 0.5
+      "a": null
     },
     "type": "COLOR",
-    "alpha": 0.5,
+    "alpha": null,
     "refId": "mode/overlay/borderColor",
     "reference": "mode/borderColor/muted",
     "collection": "mode",
@@ -5488,7 +5520,7 @@
       "r": 0.5333333333333333,
       "g": 0.5725490196078431,
       "b": 0.615686274509804,
-      "a": 0.5
+      "a": null
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -5588,7 +5620,7 @@
       "r": 0.5333333333333333,
       "g": 0.5725490196078431,
       "b": 0.615686274509804,
-      "a": 0.5
+      "a": null
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -5688,7 +5720,7 @@
       "r": 0.5333333333333333,
       "g": 0.5725490196078431,
       "b": 0.615686274509804,
-      "a": 0.5
+      "a": null
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -6046,23 +6078,6 @@
     "collection": "mode",
     "group": "shadow"
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.00784313725490196,
-      "g": 0.23137254901960785,
-      "b": 0.5843137254901961,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "light high contrast",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "button/danger/bgColor/disabled",
     "value": {

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

@@ -29,6 +29,21 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -3985,6 +4000,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "underlineNav/iconColor/rest",
     "value": {
@@ -5457,23 +5489,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "light tritanopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "overlay/borderColor",
     "value": {

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

@@ -29,6 +29,21 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -3984,6 +3999,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "underlineNav/iconColor/rest",
     "value": {
@@ -5456,23 +5488,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "overlay/borderColor",
     "value": {

package/tokens-next-private/scss/functional/themes/dark-colorblind.scss

@@ -198,10 +198,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
 $underlineNav-borderColor-active: #f78166;
 $underlineNav-borderColor-hover: #6e768166;
 $underlineNav-iconColor-rest: #848d97;
-$selection-bgColor: #4493f833;
+$selection-bgColor: #1f6febb3;
 $fgColor-default: #e6edf3;
 $fgColor-muted: #848d97;
 $fgColor-onEmphasis: #ffffff;
+$fgColor-white: #ffffff;
 $fgColor-disabled: #6e7681;
 $fgColor-link: #4493f8;
 $fgColor-neutral: #6e7681;

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

@@ -198,10 +198,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #717e8b;
 $underlineNav-borderColor-active: #ec775c;
 $underlineNav-borderColor-hover: #636e7b66;
 $underlineNav-iconColor-rest: #717e8b;
-$selection-bgColor: #478be633;
+$selection-bgColor: #316dcab3;
 $fgColor-default: #c5d1de;
 $fgColor-muted: #717e8b;
 $fgColor-onEmphasis: #cdd9e5;
+$fgColor-white: #ffffff;
 $fgColor-disabled: #636e7b;
 $fgColor-link: #478be6;
 $fgColor-neutral: #636e7b;