@primer/primitives 0.0.0-20260413110918 → 0.0.0-20260413145152

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/dist/build/platforms/css.js +1 -0
  2. package/dist/css/functional/size/border.css +4 -0
  3. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +0 -8
  4. package/dist/css/functional/themes/dark-colorblind.css +0 -8
  5. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +0 -8
  6. package/dist/css/functional/themes/dark-dimmed.css +0 -8
  7. package/dist/css/functional/themes/dark-high-contrast.css +0 -8
  8. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +0 -8
  9. package/dist/css/functional/themes/dark-tritanopia.css +0 -8
  10. package/dist/css/functional/themes/dark.css +0 -8
  11. package/dist/css/functional/themes/light-colorblind-high-contrast.css +0 -8
  12. package/dist/css/functional/themes/light-colorblind.css +0 -8
  13. package/dist/css/functional/themes/light-high-contrast.css +0 -8
  14. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +0 -8
  15. package/dist/css/functional/themes/light-tritanopia.css +0 -8
  16. package/dist/css/functional/themes/light.css +0 -8
  17. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +0 -134
  18. package/dist/docs/functional/themes/dark-colorblind.json +0 -134
  19. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +0 -134
  20. package/dist/docs/functional/themes/dark-dimmed.json +0 -134
  21. package/dist/docs/functional/themes/dark-high-contrast.json +0 -134
  22. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +0 -134
  23. package/dist/docs/functional/themes/dark-tritanopia.json +0 -134
  24. package/dist/docs/functional/themes/dark.json +0 -134
  25. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +0 -134
  26. package/dist/docs/functional/themes/light-colorblind.json +0 -134
  27. package/dist/docs/functional/themes/light-high-contrast.json +0 -134
  28. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +0 -134
  29. package/dist/docs/functional/themes/light-tritanopia.json +0 -134
  30. package/dist/docs/functional/themes/light.json +0 -134
  31. package/dist/figma/dimension/dimension.json +46 -0
  32. package/dist/figma/figma.json +0 -9
  33. package/dist/figma/themes/dark-colorblind.json +0 -46
  34. package/dist/figma/themes/dark-dimmed.json +0 -46
  35. package/dist/figma/themes/dark-high-contrast.json +0 -46
  36. package/dist/figma/themes/dark-tritanopia.json +0 -46
  37. package/dist/figma/themes/dark.json +0 -46
  38. package/dist/figma/themes/light-colorblind.json +0 -46
  39. package/dist/figma/themes/light-high-contrast.json +0 -46
  40. package/dist/figma/themes/light-tritanopia.json +0 -46
  41. package/dist/figma/themes/light.json +0 -46
  42. package/dist/internalCss/dark-colorblind-high-contrast.css +6 -22
  43. package/dist/internalCss/dark-colorblind.css +6 -22
  44. package/dist/internalCss/dark-dimmed-high-contrast.css +6 -22
  45. package/dist/internalCss/dark-dimmed.css +6 -22
  46. package/dist/internalCss/dark-high-contrast.css +6 -22
  47. package/dist/internalCss/dark-tritanopia-high-contrast.css +6 -22
  48. package/dist/internalCss/dark-tritanopia.css +6 -22
  49. package/dist/internalCss/dark.css +6 -22
  50. package/dist/internalCss/light-colorblind-high-contrast.css +6 -22
  51. package/dist/internalCss/light-colorblind.css +6 -22
  52. package/dist/internalCss/light-high-contrast.css +6 -22
  53. package/dist/internalCss/light-tritanopia-high-contrast.css +6 -22
  54. package/dist/internalCss/light-tritanopia.css +6 -22
  55. package/dist/internalCss/light.css +6 -22
  56. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +0 -134
  57. package/dist/styleLint/functional/themes/dark-colorblind.json +0 -134
  58. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +0 -134
  59. package/dist/styleLint/functional/themes/dark-dimmed.json +0 -134
  60. package/dist/styleLint/functional/themes/dark-high-contrast.json +0 -134
  61. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +0 -134
  62. package/dist/styleLint/functional/themes/dark-tritanopia.json +0 -134
  63. package/dist/styleLint/functional/themes/dark.json +0 -134
  64. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +0 -134
  65. package/dist/styleLint/functional/themes/light-colorblind.json +0 -134
  66. package/dist/styleLint/functional/themes/light-high-contrast.json +0 -134
  67. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +0 -134
  68. package/dist/styleLint/functional/themes/light-tritanopia.json +0 -134
  69. package/dist/styleLint/functional/themes/light.json +0 -134
  70. package/package.json +1 -1
package/dist/build/platforms/css.js CHANGED
@@ -49,6 +49,7 @@ export const css = (outputFile, prefix, buildPath, options) => {
49
49
  filter: token => isSource(token) &&
50
50
  (options === null || options === void 0 ? void 0 : options.themed) === true &&
51
51
  token.$type !== 'custom-viewportRange' &&
52
+ token.$type !== 'dimension' &&
52
53
  !isFromFile(token, [
53
54
  'src/tokens/functional/size/size-coarse.json5',
54
55
  'src/tokens/functional/size/size-fine.json5',
package/dist/css/functional/size/border.css CHANGED
@@ -2,8 +2,12 @@
2
2
  --borderWidth-thick: 0.125rem; /** Thick 2px border for emphasis. Use for focus indicators, selected states, or to emphasize important boundaries */
3
3
  --borderWidth-thicker: 0.25rem; /** Extra thick 4px border for maximum emphasis. Use sparingly for high-contrast focus indicators or critical visual separators */
4
4
  --borderWidth-thin: 0.0625rem; /** Standard 1px border width. Use for most borders, dividers, and outlines throughout the interface */
5
+ --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
6
+ --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
5
7
  --borderWidth-default: var(--borderWidth-thin); /** Default border width for most UI elements. Alias of borderWidth.thin (1px) */
6
8
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick); /** Thick shadow (2px) used instead of a border for emphasis without layout shift */
7
9
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker); /** Thickest shadow (4px) used for high emphasis borders without layout shift. Use sparingly for maximum visual impact */
8
10
  --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow used instead of a border to prevent layout shift */
11
+ --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
12
+ --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
9
13
  }
package/dist/css/functional/themes/dark-colorblind-high-contrast.css CHANGED
@@ -14,8 +14,6 @@
14
14
  --fgColor-accent: #74b9ff; /** Accent text for links and interactive elements */
15
15
  --fgColor-done: #d3abff; /** Text color for completed/done state indicators */
16
16
  --fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
17
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
18
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
19
17
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
20
18
  --avatar-shadow: 0 0 0 2px #0d1117;
21
19
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -633,8 +631,6 @@
633
631
  --label-yellow-fgColor-hover: #df9e11;
634
632
  --label-yellow-fgColor-rest: #d3910d;
635
633
  --menu-bgColor-active: #151b23;
636
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
637
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
638
634
  --overlay-backdrop-bgColor: #d1d7e066;
639
635
  --progressBar-bgColor-neutral: #656c76;
640
636
  --reactionButton-selected-bgColor-rest: #5cacff33;
@@ -922,8 +918,6 @@
922
918
  --fgColor-accent: #74b9ff; /** Accent text for links and interactive elements */
923
919
  --fgColor-done: #d3abff; /** Text color for completed/done state indicators */
924
920
  --fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
925
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
926
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
927
921
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
928
922
  --avatar-shadow: 0 0 0 2px #0d1117;
929
923
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -1541,8 +1535,6 @@
1541
1535
  --label-yellow-fgColor-hover: #df9e11;
1542
1536
  --label-yellow-fgColor-rest: #d3910d;
1543
1537
  --menu-bgColor-active: #151b23;
1544
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
1545
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
1546
1538
  --overlay-backdrop-bgColor: #d1d7e066;
1547
1539
  --progressBar-bgColor-neutral: #656c76;
1548
1540
  --reactionButton-selected-bgColor-rest: #5cacff33;
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -12,8 +12,6 @@
12
12
  --control-checked-bgColor-active: #3685f3;
13
13
  --control-checked-bgColor-hover: #2a7aef;
14
14
  --fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
15
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
16
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
17
15
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
18
16
  --avatar-shadow: 0 0 0 2px #0d1117;
19
17
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -652,8 +650,6 @@
652
650
  --label-yellow-fgColor-hover: #df9e11;
653
651
  --label-yellow-fgColor-rest: #d3910d;
654
652
  --menu-bgColor-active: #151b23;
655
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
656
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
657
653
  --overlay-backdrop-bgColor: #21283066;
658
654
  --progressBar-track-borderColor: #00000000;
659
655
  --reactionButton-selected-bgColor-rest: #388bfd33;
@@ -920,8 +916,6 @@
920
916
  --control-checked-bgColor-active: #3685f3;
921
917
  --control-checked-bgColor-hover: #2a7aef;
922
918
  --fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
923
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
924
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
925
919
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
926
920
  --avatar-shadow: 0 0 0 2px #0d1117;
927
921
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -1560,8 +1554,6 @@
1560
1554
  --label-yellow-fgColor-hover: #df9e11;
1561
1555
  --label-yellow-fgColor-rest: #d3910d;
1562
1556
  --menu-bgColor-active: #151b23;
1563
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
1564
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
1565
1557
  --overlay-backdrop-bgColor: #21283066;
1566
1558
  --progressBar-track-borderColor: #00000000;
1567
1559
  --reactionButton-selected-bgColor-rest: #388bfd33;
package/dist/css/functional/themes/dark-dimmed-high-contrast.css CHANGED
@@ -17,8 +17,6 @@
17
17
  --control-checked-bgColor-hover: #2b64c1;
18
18
  --control-danger-bgColor-active: #c51120;
19
19
  --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
20
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
21
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
22
20
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
23
21
  --avatar-shadow: 0 0 0 2px #0d1117;
24
22
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -643,8 +641,6 @@
643
641
  --label-yellow-fgColor-hover: #df9e11;
644
642
  --label-yellow-fgColor-rest: #d3910d;
645
643
  --menu-bgColor-active: #151b23;
646
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
647
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
648
644
  --overlay-backdrop-bgColor: #9198a166;
649
645
  --overlay-bgColor: #262c36;
650
646
  --progressBar-bgColor-neutral: #656c76;
@@ -925,8 +921,6 @@
925
921
  --control-checked-bgColor-hover: #2b64c1;
926
922
  --control-danger-bgColor-active: #c51120;
927
923
  --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
928
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
929
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
930
924
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
931
925
  --avatar-shadow: 0 0 0 2px #0d1117;
932
926
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -1551,8 +1545,6 @@
1551
1545
  --label-yellow-fgColor-hover: #df9e11;
1552
1546
  --label-yellow-fgColor-rest: #d3910d;
1553
1547
  --menu-bgColor-active: #151b23;
1554
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
1555
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
1556
1548
  --overlay-backdrop-bgColor: #9198a166;
1557
1549
  --overlay-bgColor: #262c36;
1558
1550
  --progressBar-bgColor-neutral: #656c76;
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -22,8 +22,6 @@
22
22
  --control-checked-borderColor-active: #3f7fdb;
23
23
  --control-checked-borderColor-hover: #3876d3;
24
24
  --fgColor-accent: #478be6; /** Accent text for links and interactive elements */
25
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
26
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
27
25
  --reactionButton-selected-bgColor-hover: #4285e55c;
28
26
  --avatar-shadow: 0 0 0 2px #0d1117;
29
27
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -663,8 +661,6 @@
663
661
  --label-yellow-fgColor-hover: #df9e11;
664
662
  --label-yellow-fgColor-rest: #d3910d;
665
663
  --menu-bgColor-active: #151b23;
666
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
667
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
668
664
  --overlay-backdrop-bgColor: #262c3666;
669
665
  --overlay-bgColor: #2a313c;
670
666
  --overlay-borderColor: #3d444db3;
@@ -930,8 +926,6 @@
930
926
  --control-checked-borderColor-active: #3f7fdb;
931
927
  --control-checked-borderColor-hover: #3876d3;
932
928
  --fgColor-accent: #478be6; /** Accent text for links and interactive elements */
933
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
934
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
935
929
  --reactionButton-selected-bgColor-hover: #4285e55c;
936
930
  --avatar-shadow: 0 0 0 2px #0d1117;
937
931
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -1571,8 +1565,6 @@
1571
1565
  --label-yellow-fgColor-hover: #df9e11;
1572
1566
  --label-yellow-fgColor-rest: #d3910d;
1573
1567
  --menu-bgColor-active: #151b23;
1574
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
1575
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
1576
1568
  --overlay-backdrop-bgColor: #262c3666;
1577
1569
  --overlay-bgColor: #2a313c;
1578
1570
  --overlay-borderColor: #3d444db3;
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -16,8 +16,6 @@
16
16
  --fgColor-done: #d3abff; /** Text color for completed/done state indicators */
17
17
  --fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
18
18
  --fgColor-success: #2bd853; /** Success text for positive feedback and completed states */
19
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
20
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
21
19
  --reactionButton-selected-bgColor-hover: #5dadff5c;
22
20
  --avatar-shadow: 0 0 0 2px #0d1117;
23
21
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -627,8 +625,6 @@
627
625
  --label-yellow-fgColor-hover: #df9e11;
628
626
  --label-yellow-fgColor-rest: #d3910d;
629
627
  --menu-bgColor-active: #151b23;
630
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
631
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
632
628
  --overlay-backdrop-bgColor: #d1d7e066;
633
629
  --progressBar-bgColor-neutral: #656c76;
634
630
  --reactionButton-selected-bgColor-rest: #5cacff33;
@@ -924,8 +920,6 @@
924
920
  --fgColor-done: #d3abff; /** Text color for completed/done state indicators */
925
921
  --fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
926
922
  --fgColor-success: #2bd853; /** Success text for positive feedback and completed states */
927
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
928
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
929
923
  --reactionButton-selected-bgColor-hover: #5dadff5c;
930
924
  --avatar-shadow: 0 0 0 2px #0d1117;
931
925
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -1535,8 +1529,6 @@
1535
1529
  --label-yellow-fgColor-hover: #df9e11;
1536
1530
  --label-yellow-fgColor-rest: #d3910d;
1537
1531
  --menu-bgColor-active: #151b23;
1538
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
1539
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
1540
1532
  --overlay-backdrop-bgColor: #d1d7e066;
1541
1533
  --progressBar-bgColor-neutral: #656c76;
1542
1534
  --reactionButton-selected-bgColor-rest: #5cacff33;
package/dist/css/functional/themes/dark-tritanopia-high-contrast.css CHANGED
@@ -17,8 +17,6 @@
17
17
  --fgColor-accent: #74b9ff; /** Accent text for links and interactive elements */
18
18
  --fgColor-done: #d3abff; /** Text color for completed/done state indicators */
19
19
  --fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
20
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
21
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
22
20
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
23
21
  --avatar-shadow: 0 0 0 2px #0d1117;
24
22
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -633,8 +631,6 @@
633
631
  --label-yellow-fgColor-hover: #df9e11;
634
632
  --label-yellow-fgColor-rest: #d3910d;
635
633
  --menu-bgColor-active: #151b23;
636
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
637
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
638
634
  --overlay-backdrop-bgColor: #d1d7e066;
639
635
  --progressBar-bgColor-neutral: #656c76;
640
636
  --reactionButton-selected-bgColor-rest: #5cacff33;
@@ -925,8 +921,6 @@
925
921
  --fgColor-accent: #74b9ff; /** Accent text for links and interactive elements */
926
922
  --fgColor-done: #d3abff; /** Text color for completed/done state indicators */
927
923
  --fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
928
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
929
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
930
924
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
931
925
  --avatar-shadow: 0 0 0 2px #0d1117;
932
926
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -1541,8 +1535,6 @@
1541
1535
  --label-yellow-fgColor-hover: #df9e11;
1542
1536
  --label-yellow-fgColor-rest: #d3910d;
1543
1537
  --menu-bgColor-active: #151b23;
1544
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
1545
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
1546
1538
  --overlay-backdrop-bgColor: #d1d7e066;
1547
1539
  --progressBar-bgColor-neutral: #656c76;
1548
1540
  --reactionButton-selected-bgColor-rest: #5cacff33;
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -18,8 +18,6 @@
18
18
  --control-checked-bgColor-active: #3685f3;
19
19
  --control-checked-bgColor-hover: #2a7aef;
20
20
  --fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
21
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
22
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
23
21
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
24
22
  --avatar-shadow: 0 0 0 2px #0d1117;
25
23
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -655,8 +653,6 @@
655
653
  --label-yellow-fgColor-hover: #df9e11;
656
654
  --label-yellow-fgColor-rest: #d3910d;
657
655
  --menu-bgColor-active: #151b23;
658
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
659
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
660
656
  --overlay-backdrop-bgColor: #21283066;
661
657
  --progressBar-track-borderColor: #00000000;
662
658
  --reactionButton-selected-bgColor-rest: #388bfd33;
@@ -926,8 +922,6 @@
926
922
  --control-checked-bgColor-active: #3685f3;
927
923
  --control-checked-bgColor-hover: #2a7aef;
928
924
  --fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
929
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
930
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
931
925
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
932
926
  --avatar-shadow: 0 0 0 2px #0d1117;
933
927
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -1563,8 +1557,6 @@
1563
1557
  --label-yellow-fgColor-hover: #df9e11;
1564
1558
  --label-yellow-fgColor-rest: #d3910d;
1565
1559
  --menu-bgColor-active: #151b23;
1566
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
1567
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
1568
1560
  --overlay-backdrop-bgColor: #21283066;
1569
1561
  --progressBar-track-borderColor: #00000000;
1570
1562
  --reactionButton-selected-bgColor-rest: #388bfd33;
package/dist/css/functional/themes/dark.css CHANGED
@@ -14,8 +14,6 @@
14
14
  --control-checked-bgColor-active: #3685f3;
15
15
  --control-checked-bgColor-hover: #2a7aef;
16
16
  --fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
17
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
18
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
19
17
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
20
18
  --avatar-shadow: 0 0 0 2px #0d1117;
21
19
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -646,8 +644,6 @@
646
644
  --label-yellow-fgColor-hover: #df9e11;
647
645
  --label-yellow-fgColor-rest: #d3910d;
648
646
  --menu-bgColor-active: #151b23;
649
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
650
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
651
647
  --overlay-backdrop-bgColor: #21283066;
652
648
  --progressBar-track-borderColor: #00000000;
653
649
  --reactionButton-selected-bgColor-rest: #388bfd33;
@@ -922,8 +918,6 @@
922
918
  --control-checked-bgColor-active: #3685f3;
923
919
  --control-checked-bgColor-hover: #2a7aef;
924
920
  --fgColor-accent: #4493f8; /** Accent text for links and interactive elements */
925
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
926
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
927
921
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
928
922
  --avatar-shadow: 0 0 0 2px #0d1117;
929
923
  --avatarStack-fade-bgColor-default: #3d444d;
@@ -1554,8 +1548,6 @@
1554
1548
  --label-yellow-fgColor-hover: #df9e11;
1555
1549
  --label-yellow-fgColor-rest: #d3910d;
1556
1550
  --menu-bgColor-active: #151b23;
1557
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
1558
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
1559
1551
  --overlay-backdrop-bgColor: #21283066;
1560
1552
  --progressBar-track-borderColor: #00000000;
1561
1553
  --reactionButton-selected-bgColor-rest: #388bfd33;
package/dist/css/functional/themes/light-colorblind-high-contrast.css CHANGED
@@ -14,8 +14,6 @@
14
14
  --control-checked-bgColor-hover: #0344a8;
15
15
  --control-checked-borderColor-active: #033f9d;
16
16
  --control-checked-borderColor-hover: #0344a8;
17
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
18
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
19
17
  --reactionButton-selected-bgColor-hover: #caecff;
20
18
  --avatarStack-fade-bgColor-default: #c8d1da;
21
19
  --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -619,8 +617,6 @@
619
617
  --label-yellow-fgColor-hover: #704d00;
620
618
  --label-yellow-fgColor-rest: #805900;
621
619
  --menu-bgColor-active: #ffffff00;
622
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
623
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
624
620
  --overlay-backdrop-bgColor: #393f4666;
625
621
  --progressBar-bgColor-neutral: #818b98;
626
622
  --progressBar-track-borderColor: #393f46;
@@ -922,8 +918,6 @@
922
918
  --control-checked-bgColor-hover: #0344a8;
923
919
  --control-checked-borderColor-active: #033f9d;
924
920
  --control-checked-borderColor-hover: #0344a8;
925
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
926
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
927
921
  --reactionButton-selected-bgColor-hover: #caecff;
928
922
  --avatarStack-fade-bgColor-default: #c8d1da;
929
923
  --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -1527,8 +1521,6 @@
1527
1521
  --label-yellow-fgColor-hover: #704d00;
1528
1522
  --label-yellow-fgColor-rest: #805900;
1529
1523
  --menu-bgColor-active: #ffffff00;
1530
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
1531
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
1532
1524
  --overlay-backdrop-bgColor: #393f4666;
1533
1525
  --progressBar-bgColor-neutral: #818b98;
1534
1526
  --progressBar-track-borderColor: #393f46;
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -12,8 +12,6 @@
12
12
  --color-ansi-cyan-bright: #3192aa;
13
13
  --control-checked-bgColor-active: #0757ba;
14
14
  --control-checked-bgColor-hover: #0860ca;
15
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
16
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
17
15
  --reactionButton-selected-bgColor-hover: #caecff;
18
16
  --avatarStack-fade-bgColor-default: #c8d1da;
19
17
  --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -633,8 +631,6 @@
633
631
  --label-yellow-fgColor-hover: #704d00;
634
632
  --label-yellow-fgColor-rest: #805900;
635
633
  --menu-bgColor-active: #ffffff00;
636
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
637
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
638
634
  --overlay-backdrop-bgColor: #c8d1da66;
639
635
  --progressBar-track-borderColor: #ffffff00;
640
636
  --reactionButton-selected-bgColor-rest: #ddf4ff;
@@ -920,8 +916,6 @@
920
916
  --color-ansi-cyan-bright: #3192aa;
921
917
  --control-checked-bgColor-active: #0757ba;
922
918
  --control-checked-bgColor-hover: #0860ca;
923
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
924
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
925
919
  --reactionButton-selected-bgColor-hover: #caecff;
926
920
  --avatarStack-fade-bgColor-default: #c8d1da;
927
921
  --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -1541,8 +1535,6 @@
1541
1535
  --label-yellow-fgColor-hover: #704d00;
1542
1536
  --label-yellow-fgColor-rest: #805900;
1543
1537
  --menu-bgColor-active: #ffffff00;
1544
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
1545
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
1546
1538
  --overlay-backdrop-bgColor: #c8d1da66;
1547
1539
  --progressBar-track-borderColor: #ffffff00;
1548
1540
  --reactionButton-selected-bgColor-rest: #ddf4ff;
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -16,8 +16,6 @@
16
16
  --control-checked-borderColor-active: #033f9d;
17
17
  --control-checked-borderColor-hover: #0344a8;
18
18
  --control-danger-bgColor-active: #8c0b1d;
19
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
20
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
21
19
  --reactionButton-selected-bgColor-hover: #c7e9ff;
22
20
  --avatarStack-fade-bgColor-default: #c8d1da;
23
21
  --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -612,8 +610,6 @@
612
610
  --label-yellow-fgColor-hover: #704d00;
613
611
  --label-yellow-fgColor-rest: #805900;
614
612
  --menu-bgColor-active: #ffffff00;
615
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
616
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
617
613
  --overlay-backdrop-bgColor: #393f4666;
618
614
  --progressBar-bgColor-neutral: #818b98;
619
615
  --progressBar-track-borderColor: #393f46;
@@ -924,8 +920,6 @@
924
920
  --control-checked-borderColor-active: #033f9d;
925
921
  --control-checked-borderColor-hover: #0344a8;
926
922
  --control-danger-bgColor-active: #8c0b1d;
927
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
928
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
929
923
  --reactionButton-selected-bgColor-hover: #c7e9ff;
930
924
  --avatarStack-fade-bgColor-default: #c8d1da;
931
925
  --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -1520,8 +1514,6 @@
1520
1514
  --label-yellow-fgColor-hover: #704d00;
1521
1515
  --label-yellow-fgColor-rest: #805900;
1522
1516
  --menu-bgColor-active: #ffffff00;
1523
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
1524
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
1525
1517
  --overlay-backdrop-bgColor: #393f4666;
1526
1518
  --progressBar-bgColor-neutral: #818b98;
1527
1519
  --progressBar-track-borderColor: #393f46;
package/dist/css/functional/themes/light-tritanopia-high-contrast.css CHANGED
@@ -15,8 +15,6 @@
15
15
  --control-checked-borderColor-active: #033f9d;
16
16
  --control-checked-borderColor-hover: #0344a8;
17
17
  --control-danger-bgColor-active: #8c0b1d;
18
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
19
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
20
18
  --reactionButton-selected-bgColor-hover: #caecff;
21
19
  --avatarStack-fade-bgColor-default: #c8d1da;
22
20
  --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -619,8 +617,6 @@
619
617
  --label-yellow-fgColor-hover: #704d00;
620
618
  --label-yellow-fgColor-rest: #805900;
621
619
  --menu-bgColor-active: #ffffff00;
622
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
623
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
624
620
  --overlay-backdrop-bgColor: #393f4666;
625
621
  --progressBar-bgColor-neutral: #818b98;
626
622
  --progressBar-track-borderColor: #393f46;
@@ -923,8 +919,6 @@
923
919
  --control-checked-borderColor-active: #033f9d;
924
920
  --control-checked-borderColor-hover: #0344a8;
925
921
  --control-danger-bgColor-active: #8c0b1d;
926
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
927
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
928
922
  --reactionButton-selected-bgColor-hover: #caecff;
929
923
  --avatarStack-fade-bgColor-default: #c8d1da;
930
924
  --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -1527,8 +1521,6 @@
1527
1521
  --label-yellow-fgColor-hover: #704d00;
1528
1522
  --label-yellow-fgColor-rest: #805900;
1529
1523
  --menu-bgColor-active: #ffffff00;
1530
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
1531
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
1532
1524
  --overlay-backdrop-bgColor: #393f4666;
1533
1525
  --progressBar-bgColor-neutral: #818b98;
1534
1526
  --progressBar-track-borderColor: #393f46;
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -14,8 +14,6 @@
14
14
  --control-checked-bgColor-active: #0757ba;
15
15
  --control-checked-bgColor-hover: #0860ca;
16
16
  --fgColor-danger: #d1242f; /** Danger text for errors and destructive actions */
17
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
18
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
19
17
  --reactionButton-selected-bgColor-hover: #caecff;
20
18
  --avatarStack-fade-bgColor-default: #c8d1da;
21
19
  --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -639,8 +637,6 @@
639
637
  --label-yellow-fgColor-hover: #704d00;
640
638
  --label-yellow-fgColor-rest: #805900;
641
639
  --menu-bgColor-active: #ffffff00;
642
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
643
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
644
640
  --overlay-backdrop-bgColor: #c8d1da66;
645
641
  --progressBar-track-borderColor: #ffffff00;
646
642
  --reactionButton-selected-bgColor-rest: #ddf4ff;
@@ -922,8 +918,6 @@
922
918
  --control-checked-bgColor-active: #0757ba;
923
919
  --control-checked-bgColor-hover: #0860ca;
924
920
  --fgColor-danger: #d1242f; /** Danger text for errors and destructive actions */
925
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
926
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
927
921
  --reactionButton-selected-bgColor-hover: #caecff;
928
922
  --avatarStack-fade-bgColor-default: #c8d1da;
929
923
  --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -1547,8 +1541,6 @@
1547
1541
  --label-yellow-fgColor-hover: #704d00;
1548
1542
  --label-yellow-fgColor-rest: #805900;
1549
1543
  --menu-bgColor-active: #ffffff00;
1550
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
1551
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
1552
1544
  --overlay-backdrop-bgColor: #c8d1da66;
1553
1545
  --progressBar-track-borderColor: #ffffff00;
1554
1546
  --reactionButton-selected-bgColor-rest: #ddf4ff;
package/dist/css/functional/themes/light.css CHANGED
@@ -15,8 +15,6 @@
15
15
  --control-checked-bgColor-active: #0757ba;
16
16
  --control-checked-bgColor-hover: #0860ca;
17
17
  --fgColor-danger: #d1242f; /** Danger text for errors and destructive actions */
18
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
19
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
20
18
  --reactionButton-selected-bgColor-hover: #caecff;
21
19
  --avatarStack-fade-bgColor-default: #c8d1da;
22
20
  --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -635,8 +633,6 @@
635
633
  --label-yellow-fgColor-hover: #704d00;
636
634
  --label-yellow-fgColor-rest: #805900;
637
635
  --menu-bgColor-active: #ffffff00;
638
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
639
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
640
636
  --overlay-backdrop-bgColor: #c8d1da66;
641
637
  --progressBar-bgColor-success: var(--bgColor-success-emphasis);
642
638
  --progressBar-track-borderColor: #ffffff00;
@@ -923,8 +919,6 @@
923
919
  --control-checked-bgColor-active: #0757ba;
924
920
  --control-checked-bgColor-hover: #0860ca;
925
921
  --fgColor-danger: #d1242f; /** Danger text for errors and destructive actions */
926
- --focus-outline-offset: -0.125rem; /** Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds */
927
- --focus-outline-width: 0.125rem; /** Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements */
928
922
  --reactionButton-selected-bgColor-hover: #caecff;
929
923
  --avatarStack-fade-bgColor-default: #c8d1da;
930
924
  --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -1543,8 +1537,6 @@
1543
1537
  --label-yellow-fgColor-hover: #704d00;
1544
1538
  --label-yellow-fgColor-rest: #805900;
1545
1539
  --menu-bgColor-active: #ffffff00;
1546
- --outline-focus-offset: var(--focus-outline-offset); /** Deprecated. Use focus.outline-offset instead. */
1547
- --outline-focus-width: var(--focus-outline-width); /** Deprecated. Use focus.outline-width instead. */
1548
1540
  --overlay-backdrop-bgColor: #c8d1da66;
1549
1541
  --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1550
1542
  --progressBar-track-borderColor: #ffffff00;