@primer/primitives 7.15.10 → 7.15.11-rc.06eebf07

package/dist/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,
@@ -2365,7 +2380,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/bgColor/rest",
+    "name": "button/inactive/bgColor",
     "value": {
       "r": 0.9058823529411765,
       "g": 0.9254901960784314,
@@ -2373,7 +2388,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/bgColor/rest",
+    "refId": "mode/button/inactive/bgColor",
     "reference": "base/color/light-high-contrast/base/color/gray/1",
     "collection": "mode",
     "mode": "light high contrast",
@@ -2381,7 +2396,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/fgColor/rest",
+    "name": "button/inactive/fgColor",
     "value": {
       "r": 0.29411764705882354,
       "g": 0.3254901960784314,
@@ -2389,7 +2404,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/fgColor/rest",
+    "refId": "mode/button/inactive/fgColor",
     "reference": "base/color/light-high-contrast/base/color/gray/6",
     "collection": "mode",
     "mode": "light high contrast",
@@ -2888,7 +2903,7 @@
     "type": "COLOR",
     "alpha": 0.8,
     "refId": "mode/button/primary/iconColor/rest",
-    "reference": "base/color/light/base/color/white",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "light high contrast",
     "group": "component (internal)",
@@ -2921,7 +2936,7 @@
     },
     "type": "COLOR",
     "refId": "mode/button/primary/fgColor/rest",
-    "reference": "base/color/light/base/color/white",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "light high contrast",
     "group": "component (internal)",
@@ -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/dist/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,
@@ -2462,7 +2477,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/bgColor/rest",
+    "name": "button/inactive/bgColor",
     "value": {
       "r": 0.9176470588235294,
       "g": 0.9333333333333333,
@@ -2470,7 +2485,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/bgColor/rest",
+    "refId": "mode/button/inactive/bgColor",
     "reference": "base/color/light/base/color/gray/1",
     "collection": "mode",
     "mode": "light tritanopia",
@@ -2478,7 +2493,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/fgColor/rest",
+    "name": "button/inactive/fgColor",
     "value": {
       "r": 0.3411764705882353,
       "g": 0.3764705882352941,
@@ -2486,7 +2501,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/fgColor/rest",
+    "refId": "mode/button/inactive/fgColor",
     "reference": "base/color/light/base/color/gray/6",
     "collection": "mode",
     "mode": "light tritanopia",
@@ -2851,7 +2866,7 @@
     "type": "COLOR",
     "alpha": 0.8,
     "refId": "mode/button/primary/iconColor/rest",
-    "reference": "base/color/light/base/color/white",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "component (internal)",
@@ -2884,7 +2899,7 @@
     },
     "type": "COLOR",
     "refId": "mode/button/primary/fgColor/rest",
-    "reference": "base/color/light/base/color/white",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "component (internal)",
@@ -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/dist/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,
@@ -2347,7 +2362,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/bgColor/rest",
+    "name": "button/inactive/bgColor",
     "value": {
       "r": 0.9176470588235294,
       "g": 0.9333333333333333,
@@ -2355,7 +2370,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/bgColor/rest",
+    "refId": "mode/button/inactive/bgColor",
     "reference": "base/color/light/base/color/gray/1",
     "collection": "mode",
     "mode": "light",
@@ -2363,7 +2378,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/fgColor/rest",
+    "name": "button/inactive/fgColor",
     "value": {
       "r": 0.3411764705882353,
       "g": 0.3764705882352941,
@@ -2371,7 +2386,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/fgColor/rest",
+    "refId": "mode/button/inactive/fgColor",
     "reference": "base/color/light/base/color/gray/6",
     "collection": "mode",
     "mode": "light",
@@ -2736,7 +2751,7 @@
     "type": "COLOR",
     "alpha": 0.8,
     "refId": "mode/button/primary/iconColor/rest",
-    "reference": "base/color/light/base/color/white",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -2769,7 +2784,7 @@
     },
     "type": "COLOR",
     "refId": "mode/button/primary/fgColor/rest",
-    "reference": "base/color/light/base/color/white",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -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/dist/scss/functional/themes/dark-colorblind.scss

@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #30363d;
 $button-danger-borderColor-hover: #f0f6fc1a;
 $button-danger-borderColor-active: #f0f6fc1a;
 $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
-$button-inactive-fgColor-rest: #8b949e;
-$button-inactive-bgColor-rest: #21262d;
+$button-inactive-fgColor: #8b949e;
+$button-inactive-bgColor: #21262d;
 $buttonCounter-default-bgColor-rest: #30363d;
 $buttonCounter-invisible-bgColor-rest: #30363d;
 $buttonCounter-primary-bgColor-rest: #04260f33;
@@ -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;
@@ -414,4 +415,5 @@ $shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0p
 $shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
 $shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
 $shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
+$shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
 $outline-focus: #1f6feb solid 2px;

package/dist/scss/functional/themes/dark-dimmed.scss

@@ -117,9 +117,9 @@ $button-default-borderColor-hover: #444c56;
 $button-default-borderColor-active: #444c56;
 $button-default-borderColor-disabled: #373e47b3;
 $button-default-shadow-resting: 0px 0px 0px 0px #000000;
-$button-primary-fgColor-rest: #cdd9e5;
+$button-primary-fgColor-rest: #ffffff;
 $button-primary-fgColor-disabled: #cdd9e5cc;
-$button-primary-iconColor-rest: #cdd9e5;
+$button-primary-iconColor-rest: #ffffff;
 $button-primary-bgColor-rest: #347d39;
 $button-primary-bgColor-hover: #3b8640;
 $button-primary-bgColor-active: #428f46;
@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #444c56;
 $button-danger-borderColor-hover: #cdd9e51a;
 $button-danger-borderColor-active: #cdd9e51a;
 $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
-$button-inactive-fgColor-rest: #768390;
-$button-inactive-bgColor-rest: #373e47;
+$button-inactive-fgColor: #768390;
+$button-inactive-bgColor: #373e47;
 $buttonCounter-default-bgColor-rest: #444c56;
 $buttonCounter-invisible-bgColor-rest: #444c56;
 $buttonCounter-primary-bgColor-rest: #11341733;
@@ -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;
@@ -414,4 +415,5 @@ $shadow-floating-small: 0px 0px 0px 1px #444c56, 0px 6px 12px -3px #1c212866, 0p
 $shadow-floating-medium: 0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
 $shadow-floating-large: 0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128;
 $shadow-floating-xlarge: 0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128;
+$shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
 $outline-focus: #316dca solid 2px;

package/dist/scss/functional/themes/dark-high-contrast.scss

@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #7a828e;
 $button-danger-borderColor-hover: #ffffff1a;
 $button-danger-borderColor-active: #ffffff1a;
 $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
-$button-inactive-fgColor-rest: #bdc4cc;
-$button-inactive-bgColor-rest: #3d424d;
+$button-inactive-fgColor: #bdc4cc;
+$button-inactive-bgColor: #3d424d;
 $buttonCounter-default-bgColor-rest: #525964;
 $buttonCounter-invisible-bgColor-rest: #525964;
 $buttonCounter-primary-bgColor-rest: #01040926;
@@ -198,10 +198,11 @@ $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;
+$fgColor-white: #ffffff;
 $fgColor-disabled: #9ea7b3;
 $fgColor-link: #60aeff;
 $fgColor-neutral: #9ea7b3;
@@ -414,4 +415,5 @@ $shadow-floating-small: 0px 0px 0px 1px #7a828e, 0px 6px 12px -3px #01040966, 0p
 $shadow-floating-medium: 0px 0px 0px 1px #7a828e, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
 $shadow-floating-large: 0px 0px 0px 1px #7a828e, 0px 24px 48px 0px #010409;
 $shadow-floating-xlarge: 0px 0px 0px 1px #7a828e, 0px 32px 64px 0px #010409;
+$shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
 $outline-focus: #409eff solid 2px;

package/dist/scss/functional/themes/dark-tritanopia.scss

@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #30363d;
 $button-danger-borderColor-hover: #f0f6fc1a;
 $button-danger-borderColor-active: #f0f6fc1a;
 $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
-$button-inactive-fgColor-rest: #8b949e;
-$button-inactive-bgColor-rest: #21262d;
+$button-inactive-fgColor: #8b949e;
+$button-inactive-bgColor: #21262d;
 $buttonCounter-default-bgColor-rest: #30363d;
 $buttonCounter-invisible-bgColor-rest: #30363d;
 $buttonCounter-primary-bgColor-rest: #04260f33;
@@ -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;
@@ -414,4 +415,5 @@ $shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0p
 $shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
 $shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
 $shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
+$shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
 $outline-focus: #1f6feb solid 2px;

package/dist/scss/functional/themes/dark.scss

@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #30363d;
 $button-danger-borderColor-hover: #f0f6fc1a;
 $button-danger-borderColor-active: #f0f6fc1a;
 $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
-$button-inactive-fgColor-rest: #8b949e;
-$button-inactive-bgColor-rest: #21262d;
+$button-inactive-fgColor: #8b949e;
+$button-inactive-bgColor: #21262d;
 $buttonCounter-default-bgColor-rest: #30363d;
 $buttonCounter-invisible-bgColor-rest: #30363d;
 $buttonCounter-primary-bgColor-rest: #04260f33;
@@ -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;
@@ -414,4 +415,5 @@ $shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0p
 $shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
 $shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
 $shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
+$shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
 $outline-focus: #1f6feb solid 2px;

package/dist/scss/functional/themes/light-colorblind.scss

@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #d0d7de;
 $button-danger-borderColor-hover: #1f232826;
 $button-danger-borderColor-active: #1f232826;
 $button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
-$button-inactive-fgColor-rest: #57606a;
-$button-inactive-bgColor-rest: #eaeef2;
+$button-inactive-fgColor: #57606a;
+$button-inactive-bgColor: #eaeef2;
 $buttonCounter-default-bgColor-rest: #afb8c133;
 $buttonCounter-invisible-bgColor-rest: #afb8c133;
 $buttonCounter-primary-bgColor-rest: #002d1133;
@@ -199,10 +199,11 @@ $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;
+$fgColor-white: #ffffff;
 $fgColor-disabled: #8c959f;
 $fgColor-link: #0969da;
 $fgColor-neutral: #6e7781;
@@ -415,3 +416,4 @@ $shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a,
 $shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
 $shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
 $shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
+$shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;

package/dist/scss/functional/themes/light-high-contrast.scss

@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #20252c;
 $button-danger-borderColor-hover: #01040926;
 $button-danger-borderColor-active: #01040926;
 $button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
-$button-inactive-fgColor-rest: #4b535d;
-$button-inactive-bgColor-rest: #e7ecf0;
+$button-inactive-fgColor: #4b535d;
+$button-inactive-bgColor: #e7ecf0;
 $buttonCounter-default-bgColor-rest: #66707b33;
 $buttonCounter-invisible-bgColor-rest: #66707b33;
 $buttonCounter-primary-bgColor-rest: #00230b33;
@@ -188,7 +188,7 @@ $focus-outlineColor: #0349b4;
 $focus-outline: #0349b4 solid 2px;
 $menu-bgColor-active: #ffffff00;
 $overlay-bgColor: #ffffff;
-$overlay-borderColor: #88929d80;
+$overlay-borderColor: #88929d;
 $overlay-backdrop-bgColor: #88929d33;
 $selectMenu-borderColor: #ffffff00;
 $selectMenu-bgColor-active: #9cd7ff;
@@ -199,10 +199,11 @@ $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;
+$fgColor-white: #ffffff;
 $fgColor-disabled: #66707b;
 $fgColor-link: #023b95;
 $fgColor-neutral: #66707b;
@@ -415,3 +416,4 @@ $shadow-floating-small: 0px 0px 0px 1px #88929d80, 0px 6px 12px -3px #343b430a,
 $shadow-floating-medium: 0px 0px 0px 1px #88929d, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
 $shadow-floating-large: 0px 0px 0px 1px #88929d, 0px 40px 80px 0px #343b433d;
 $shadow-floating-xlarge: 0px 0px 0px 1px #88929d, 0px 56px 112px 0px #343b4352;
+$shadow-floating-legacy: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;

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

@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #d0d7de;
 $button-danger-borderColor-hover: #1f232826;
 $button-danger-borderColor-active: #1f232826;
 $button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
-$button-inactive-fgColor-rest: #57606a;
-$button-inactive-bgColor-rest: #eaeef2;
+$button-inactive-fgColor: #57606a;
+$button-inactive-bgColor: #eaeef2;
 $buttonCounter-default-bgColor-rest: #afb8c133;
 $buttonCounter-invisible-bgColor-rest: #afb8c133;
 $buttonCounter-primary-bgColor-rest: #002d1133;
@@ -199,10 +199,11 @@ $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;
+$fgColor-white: #ffffff;
 $fgColor-disabled: #8c959f;
 $fgColor-link: #0969da;
 $fgColor-neutral: #6e7781;
@@ -415,3 +416,4 @@ $shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a,
 $shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
 $shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
 $shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
+$shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;