@primer/primitives 7.15.10 → 7.15.11-rc.df46685d

package/dist/css/functional/themes/dark-colorblind.css

@@ -202,7 +202,7 @@
   --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;
@@ -623,7 +623,7 @@
     --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/dist/css/functional/themes/dark-dimmed.css

@@ -202,7 +202,7 @@
   --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;
@@ -623,7 +623,7 @@
     --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/dist/css/functional/themes/dark-high-contrast.css

@@ -202,7 +202,7 @@
   --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;
@@ -623,7 +623,7 @@
     --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/dist/css/functional/themes/dark-tritanopia.css

@@ -202,7 +202,7 @@
   --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;
@@ -623,7 +623,7 @@
     --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/dist/css/functional/themes/dark.css

@@ -202,7 +202,7 @@
   --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;
@@ -623,7 +623,7 @@
     --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/dist/css/functional/themes/light-colorblind.css

@@ -203,7 +203,7 @@
   --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;
@@ -624,7 +624,7 @@
     --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/dist/css/functional/themes/light-high-contrast.css

@@ -203,7 +203,7 @@
   --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;
@@ -624,7 +624,7 @@
     --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;

package/dist/css/functional/themes/light-tritanopia.css

@@ -203,7 +203,7 @@
   --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;
@@ -624,7 +624,7 @@
     --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/dist/css/functional/themes/light.css

@@ -203,7 +203,7 @@
   --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;
@@ -624,7 +624,7 @@
     --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/dist/docs/functional/themes/dark-colorblind.json

@@ -5985,7 +5985,7 @@
     "path": ["underlineNav", "iconColor", "rest"]
   },
   "selection-bgColor": {
-    "value": "#4493f833",
+    "value": "#1f6febb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5995,11 +5995,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": {
@@ -6009,7 +6009,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.7
     },
     "name": "selection-bgColor",
     "attributes": {},

package/dist/docs/functional/themes/dark-dimmed.json

@@ -5991,7 +5991,7 @@
     "path": ["underlineNav", "iconColor", "rest"]
   },
   "selection-bgColor": {
-    "value": "#478be633",
+    "value": "#316dcab3",
     "$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/dist/docs/functional/themes/dark-high-contrast.json

@@ -6013,7 +6013,7 @@
     "path": ["underlineNav", "iconColor", "rest"]
   },
   "selection-bgColor": {
-    "value": "#60aeff33",
+    "value": "#409effb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6023,11 +6023,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": {
@@ -6037,7 +6037,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.7
     },
     "name": "selection-bgColor",
     "attributes": {},

package/dist/docs/functional/themes/dark-tritanopia.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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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": {