@primer/primitives 7.15.10 → 7.15.11-rc.df46685d

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

@@ -5991,7 +5991,7 @@
     "path": ["underlineNav", "iconColor", "rest"]
   },
   "selection-bgColor": {
-    "value": "#4493f833",
+    "value": "#1f6febb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6001,11 +6001,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.link.@}",
+      "value": "{bgColor.accent.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6015,7 +6015,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.7
     },
     "name": "selection-bgColor",
     "attributes": {},

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

@@ -6004,7 +6004,7 @@
     "path": ["underlineNav", "iconColor", "rest"]
   },
   "selection-bgColor": {
-    "value": "#0969da1a",
+    "value": "#0969da33",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6014,11 +6014,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.1,
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.link.@}",
+      "value": "{bgColor.accent.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6028,7 +6028,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.1
+      "alpha": 0.2
     },
     "name": "selection-bgColor",
     "attributes": {},

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

@@ -6024,7 +6024,7 @@
     "path": ["underlineNav", "iconColor", "rest"]
   },
   "selection-bgColor": {
-    "value": "#023b951a",
+    "value": "#0349b433",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6034,11 +6034,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.1,
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.link.@}",
+      "value": "{bgColor.accent.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6048,7 +6048,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.1
+      "alpha": 0.2
     },
     "name": "selection-bgColor",
     "attributes": {},

package/tokens-next-private/docs/functional/themes/light-tritanopia.json

@@ -6000,7 +6000,7 @@
     "path": ["underlineNav", "iconColor", "rest"]
   },
   "selection-bgColor": {
-    "value": "#0969da1a",
+    "value": "#0969da33",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6010,11 +6010,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.1,
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.link.@}",
+      "value": "{bgColor.accent.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6024,7 +6024,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.1
+      "alpha": 0.2
     },
     "name": "selection-bgColor",
     "attributes": {},

package/tokens-next-private/docs/functional/themes/light.json

@@ -6000,7 +6000,7 @@
     "path": ["underlineNav", "iconColor", "rest"]
   },
   "selection-bgColor": {
-    "value": "#0969da1a",
+    "value": "#0969da33",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6010,11 +6010,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.1,
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.link.@}",
+      "value": "{bgColor.accent.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6024,7 +6024,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.1
+      "alpha": 0.2
     },
     "name": "selection-bgColor",
     "attributes": {},

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

@@ -4128,6 +4128,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 +5438,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

@@ -4128,6 +4128,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 +5438,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

@@ -4198,6 +4198,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 +6046,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

@@ -4129,6 +4129,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 +5439,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

@@ -4128,6 +4128,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 +5438,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

@@ -3991,6 +3991,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 +5480,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

@@ -4051,6 +4051,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": {
@@ -6046,23 +6063,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

@@ -3985,6 +3985,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 +5474,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

@@ -3984,6 +3984,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 +5473,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,7 +198,7 @@ $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;

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

@@ -198,7 +198,7 @@ $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;

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

@@ -198,7 +198,7 @@ $treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
 $underlineNav-borderColor-active: #ff967d;
 $underlineNav-borderColor-hover: #bdc4cc;
 $underlineNav-iconColor-rest: #f0f3f6;
-$selection-bgColor: #60aeff33;
+$selection-bgColor: #409effb3;
 $fgColor-default: #fbfcfd;
 $fgColor-muted: #f0f3f6;
 $fgColor-onEmphasis: #0a0c10;

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

@@ -198,7 +198,7 @@ $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;

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

@@ -198,7 +198,7 @@ $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;

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

@@ -199,7 +199,7 @@ $treeViewItem-leadingVisual-iconColor-rest: #54aeff;
 $underlineNav-borderColor-active: #fd8c73;
 $underlineNav-borderColor-hover: #afb8c133;
 $underlineNav-iconColor-rest: #636c76;
-$selection-bgColor: #0969da1a;
+$selection-bgColor: #0969da33;
 $fgColor-default: #1f2328;
 $fgColor-muted: #636c76;
 $fgColor-onEmphasis: #ffffff;

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

@@ -199,7 +199,7 @@ $treeViewItem-leadingVisual-iconColor-rest: #368cf9;
 $underlineNav-borderColor-active: #cd3425;
 $underlineNav-borderColor-hover: #88929d;
 $underlineNav-iconColor-rest: #0e1116;
-$selection-bgColor: #023b951a;
+$selection-bgColor: #0349b433;
 $fgColor-default: #010409;
 $fgColor-muted: #0e1116;
 $fgColor-onEmphasis: #ffffff;