@primer/primitives 11.7.0 → 11.7.1-rc.ef267e0e

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 (35) hide show
  1. package/dist/build/platforms/css.js +22 -4
  2. package/dist/build/transformers/figmaAttributes.js +6 -4
  3. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +54 -54
  4. package/dist/css/functional/themes/dark-colorblind.css +54 -54
  5. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +54 -54
  6. package/dist/css/functional/themes/dark-dimmed.css +54 -54
  7. package/dist/css/functional/themes/dark-high-contrast.css +54 -54
  8. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +54 -54
  9. package/dist/css/functional/themes/dark-tritanopia.css +54 -54
  10. package/dist/css/functional/themes/dark.css +54 -54
  11. package/dist/css/functional/themes/light-colorblind-high-contrast.css +54 -54
  12. package/dist/css/functional/themes/light-colorblind.css +54 -54
  13. package/dist/css/functional/themes/light-high-contrast.css +54 -54
  14. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +54 -54
  15. package/dist/css/functional/themes/light-tritanopia.css +54 -54
  16. package/dist/css/functional/themes/light.css +54 -54
  17. package/dist/figma/figma.json +6 -6
  18. package/dist/figma/scales/dark-dimmed.json +629 -629
  19. package/dist/figma/scales/dark-high-constrast.json +628 -628
  20. package/dist/figma/scales/light-high-constrast.json +626 -626
  21. package/dist/internalCss/dark-colorblind-high-contrast.css +54 -54
  22. package/dist/internalCss/dark-colorblind.css +54 -54
  23. package/dist/internalCss/dark-dimmed-high-contrast.css +54 -54
  24. package/dist/internalCss/dark-dimmed.css +54 -54
  25. package/dist/internalCss/dark-high-contrast.css +54 -54
  26. package/dist/internalCss/dark-tritanopia-high-contrast.css +54 -54
  27. package/dist/internalCss/dark-tritanopia.css +54 -54
  28. package/dist/internalCss/dark.css +54 -54
  29. package/dist/internalCss/light-colorblind-high-contrast.css +54 -54
  30. package/dist/internalCss/light-colorblind.css +54 -54
  31. package/dist/internalCss/light-high-contrast.css +54 -54
  32. package/dist/internalCss/light-tritanopia-high-contrast.css +54 -54
  33. package/dist/internalCss/light-tritanopia.css +54 -54
  34. package/dist/internalCss/light.css +54 -54
  35. package/package.json +15 -14
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -685,26 +685,26 @@
685
685
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
686
686
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
687
687
  --bgColor-white: #cdd9e5; /** Pure white background */
688
- --border-accent-emphasis: 0.0625rem solid #316dca;
689
- --border-accent-muted: 0.0625rem solid #4184e466;
690
- --border-attention-emphasis: 0.0625rem solid #966600;
691
- --border-attention-muted: 0.0625rem solid #ae7c1466;
692
- --border-danger-emphasis: 0.0625rem solid #c93c37;
693
- --border-danger-muted: 0.0625rem solid #e5534b66;
694
- --border-default: 0.0625rem solid #3d444d;
695
- --border-disabled: 0.0625rem solid #656c761a;
696
- --border-done-emphasis: 0.0625rem solid #8256d0;
697
- --border-done-muted: 0.0625rem solid #986ee266;
698
- --border-emphasis: 0.0625rem solid #656c76;
699
- --border-muted: 0.0625rem solid #3d444db3;
700
- --border-neutral-muted: 0.0625rem solid #3d444db3;
701
- --border-severe-emphasis: 0.0625rem solid #ae5622;
702
- --border-severe-muted: 0.0625rem solid #cc6b2c66;
703
- --border-sponsors-emphasis: 0.0625rem solid #ae4c82;
704
- --border-sponsors-muted: 0.0625rem solid #c9619866;
705
- --border-success-emphasis: 0.0625rem solid #347d39;
706
- --border-success-muted: 0.0625rem solid #46954a66;
707
- --border-transparent: 0.0625rem solid #00000000;
688
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
689
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
690
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
691
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
692
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
693
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
694
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
695
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
696
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
697
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
698
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
699
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
700
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
701
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
702
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
703
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
704
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
705
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
706
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
707
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
708
708
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
709
709
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
710
710
  --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
@@ -861,13 +861,13 @@
861
861
  --avatar-borderColor: var(--borderColor-translucent);
862
862
  --border-closed-emphasis: var(--border-danger-emphasis);
863
863
  --border-closed-muted: var(--border-danger-muted);
864
- --border-draft-muted: 0.0625rem solid #3d444db3;
865
- --border-neutral-emphasis: 0.0625rem solid #656c76;
864
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
865
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
866
866
  --border-open-emphasis: var(--border-success-emphasis);
867
867
  --border-open-muted: var(--border-success-muted);
868
- --border-translucent: 0.0625rem solid #cdd9e526; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
869
- --border-upsell-emphasis: 0.0625rem solid #8256d0;
870
- --border-upsell-muted: 0.0625rem solid #986ee266;
868
+ --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
869
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
870
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
871
871
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
872
872
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
873
873
  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
@@ -895,9 +895,9 @@
895
895
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
896
896
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
897
897
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
898
- --focus-outline: 0.125rem solid #316dca; /** Focus ring outline for keyboard navigation and accessibility. */
898
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
899
899
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
900
- --border-draft-emphasis: 0.0625rem solid #656c76;
900
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
901
901
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
902
902
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
903
903
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
@@ -1588,26 +1588,26 @@
1588
1588
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
1589
1589
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
1590
1590
  --bgColor-white: #cdd9e5; /** Pure white background */
1591
- --border-accent-emphasis: 0.0625rem solid #316dca;
1592
- --border-accent-muted: 0.0625rem solid #4184e466;
1593
- --border-attention-emphasis: 0.0625rem solid #966600;
1594
- --border-attention-muted: 0.0625rem solid #ae7c1466;
1595
- --border-danger-emphasis: 0.0625rem solid #c93c37;
1596
- --border-danger-muted: 0.0625rem solid #e5534b66;
1597
- --border-default: 0.0625rem solid #3d444d;
1598
- --border-disabled: 0.0625rem solid #656c761a;
1599
- --border-done-emphasis: 0.0625rem solid #8256d0;
1600
- --border-done-muted: 0.0625rem solid #986ee266;
1601
- --border-emphasis: 0.0625rem solid #656c76;
1602
- --border-muted: 0.0625rem solid #3d444db3;
1603
- --border-neutral-muted: 0.0625rem solid #3d444db3;
1604
- --border-severe-emphasis: 0.0625rem solid #ae5622;
1605
- --border-severe-muted: 0.0625rem solid #cc6b2c66;
1606
- --border-sponsors-emphasis: 0.0625rem solid #ae4c82;
1607
- --border-sponsors-muted: 0.0625rem solid #c9619866;
1608
- --border-success-emphasis: 0.0625rem solid #347d39;
1609
- --border-success-muted: 0.0625rem solid #46954a66;
1610
- --border-transparent: 0.0625rem solid #00000000;
1591
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
1592
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
1593
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
1594
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
1595
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
1596
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
1597
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
1598
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
1599
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
1600
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
1601
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
1602
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
1603
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
1604
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
1605
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
1606
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
1607
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
1608
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
1609
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
1610
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
1611
1611
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
1612
1612
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
1613
1613
  --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
@@ -1764,13 +1764,13 @@
1764
1764
  --avatar-borderColor: var(--borderColor-translucent);
1765
1765
  --border-closed-emphasis: var(--border-danger-emphasis);
1766
1766
  --border-closed-muted: var(--border-danger-muted);
1767
- --border-draft-muted: 0.0625rem solid #3d444db3;
1768
- --border-neutral-emphasis: 0.0625rem solid #656c76;
1767
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
1768
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1769
1769
  --border-open-emphasis: var(--border-success-emphasis);
1770
1770
  --border-open-muted: var(--border-success-muted);
1771
- --border-translucent: 0.0625rem solid #cdd9e526; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1772
- --border-upsell-emphasis: 0.0625rem solid #8256d0;
1773
- --border-upsell-muted: 0.0625rem solid #986ee266;
1771
+ --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1772
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1773
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1774
1774
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1775
1775
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1776
1776
  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
@@ -1798,9 +1798,9 @@
1798
1798
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1799
1799
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1800
1800
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1801
- --focus-outline: 0.125rem solid #316dca; /** Focus ring outline for keyboard navigation and accessibility. */
1801
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
1802
1802
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
1803
- --border-draft-emphasis: 0.0625rem solid #656c76;
1803
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1804
1804
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1805
1805
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1806
1806
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -648,24 +648,24 @@
648
648
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
649
649
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
650
650
  --bgColor-white: #ffffff; /** Pure white background */
651
- --border-accent-emphasis: 0.0625rem solid #409eff;
652
- --border-accent-muted: 0.0625rem solid #5cacff;
653
- --border-attention-emphasis: 0.0625rem solid #e09b13;
654
- --border-attention-muted: 0.0625rem solid #edaa27;
655
- --border-danger-emphasis: 0.0625rem solid #ff6a69;
656
- --border-danger-muted: 0.0625rem solid #ff8080;
657
- --border-default: 0.0625rem solid #b7bdc8;
658
- --border-disabled: 0.0625rem solid #656c761a;
659
- --border-done-emphasis: 0.0625rem solid #b87fff;
660
- --border-done-muted: 0.0625rem solid #bf8fff;
661
- --border-severe-emphasis: 0.0625rem solid #e7811d;
662
- --border-severe-muted: 0.0625rem solid #f48b25;
663
- --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
664
- --border-sponsors-muted: 0.0625rem solid #f87cbd;
665
- --border-success-emphasis: 0.0625rem solid #09b43a;
666
- --border-success-muted: 0.0625rem solid #0ac740;
667
- --border-translucent: 0.0625rem solid #9198a1; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
668
- --border-transparent: 0.0625rem solid #00000000;
651
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
652
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
653
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
654
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
655
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
656
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
657
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
658
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
659
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
660
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
661
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
662
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
663
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
664
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
665
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
666
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
667
+ --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
668
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
669
669
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
670
670
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
671
671
  --borderColor-emphasis: var(--borderColor-default); /** Strong border for emphasis and visual weight */
@@ -808,12 +808,12 @@
808
808
  --avatar-borderColor: var(--borderColor-emphasis);
809
809
  --border-closed-emphasis: var(--border-danger-emphasis);
810
810
  --border-closed-muted: var(--border-danger-muted);
811
- --border-emphasis: 0.0625rem solid #b7bdc8;
812
- --border-muted: 0.0625rem solid #b7bdc8;
811
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
812
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
813
813
  --border-open-emphasis: var(--border-success-emphasis);
814
814
  --border-open-muted: var(--border-success-muted);
815
- --border-upsell-emphasis: 0.0625rem solid #b87fff;
816
- --border-upsell-muted: 0.0625rem solid #bf8fff;
815
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
816
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
817
817
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
818
818
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
819
819
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
@@ -874,7 +874,7 @@
874
874
  --diffBlob-expander-iconColor: var(--fgColor-default);
875
875
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
876
876
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
877
- --focus-outline: 0.125rem solid #409eff; /** Focus ring outline for keyboard navigation and accessibility. */
877
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
878
878
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
879
879
  --page-header-bgColor: var(--bgColor-default);
880
880
  --progressBar-track-bgColor: var(--bgColor-inverse);
@@ -884,8 +884,8 @@
884
884
  --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
885
885
  --tooltip-bgColor: var(--bgColor-inverse);
886
886
  --tooltip-fgColor: var(--fgColor-onInverse);
887
- --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
888
- --border-neutral-muted: 0.0625rem solid #b7bdc8;
887
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
888
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
889
889
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
890
890
  --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
891
891
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
@@ -900,8 +900,8 @@
900
900
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
901
901
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
902
902
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
903
- --border-draft-emphasis: 0.0625rem solid #b7bdc8;
904
- --border-draft-muted: 0.0625rem solid #b7bdc8;
903
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
904
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
905
905
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
906
906
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
907
907
  }
@@ -1551,24 +1551,24 @@
1551
1551
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
1552
1552
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
1553
1553
  --bgColor-white: #ffffff; /** Pure white background */
1554
- --border-accent-emphasis: 0.0625rem solid #409eff;
1555
- --border-accent-muted: 0.0625rem solid #5cacff;
1556
- --border-attention-emphasis: 0.0625rem solid #e09b13;
1557
- --border-attention-muted: 0.0625rem solid #edaa27;
1558
- --border-danger-emphasis: 0.0625rem solid #ff6a69;
1559
- --border-danger-muted: 0.0625rem solid #ff8080;
1560
- --border-default: 0.0625rem solid #b7bdc8;
1561
- --border-disabled: 0.0625rem solid #656c761a;
1562
- --border-done-emphasis: 0.0625rem solid #b87fff;
1563
- --border-done-muted: 0.0625rem solid #bf8fff;
1564
- --border-severe-emphasis: 0.0625rem solid #e7811d;
1565
- --border-severe-muted: 0.0625rem solid #f48b25;
1566
- --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
1567
- --border-sponsors-muted: 0.0625rem solid #f87cbd;
1568
- --border-success-emphasis: 0.0625rem solid #09b43a;
1569
- --border-success-muted: 0.0625rem solid #0ac740;
1570
- --border-translucent: 0.0625rem solid #9198a1; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1571
- --border-transparent: 0.0625rem solid #00000000;
1554
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
1555
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
1556
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
1557
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
1558
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
1559
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
1560
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
1561
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
1562
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
1563
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
1564
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
1565
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
1566
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
1567
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
1568
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
1569
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
1570
+ --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1571
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
1572
1572
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
1573
1573
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
1574
1574
  --borderColor-emphasis: var(--borderColor-default); /** Strong border for emphasis and visual weight */
@@ -1711,12 +1711,12 @@
1711
1711
  --avatar-borderColor: var(--borderColor-emphasis);
1712
1712
  --border-closed-emphasis: var(--border-danger-emphasis);
1713
1713
  --border-closed-muted: var(--border-danger-muted);
1714
- --border-emphasis: 0.0625rem solid #b7bdc8;
1715
- --border-muted: 0.0625rem solid #b7bdc8;
1714
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
1715
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
1716
1716
  --border-open-emphasis: var(--border-success-emphasis);
1717
1717
  --border-open-muted: var(--border-success-muted);
1718
- --border-upsell-emphasis: 0.0625rem solid #b87fff;
1719
- --border-upsell-muted: 0.0625rem solid #bf8fff;
1718
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1719
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1720
1720
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
1721
1721
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1722
1722
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
@@ -1777,7 +1777,7 @@
1777
1777
  --diffBlob-expander-iconColor: var(--fgColor-default);
1778
1778
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1779
1779
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1780
- --focus-outline: 0.125rem solid #409eff; /** Focus ring outline for keyboard navigation and accessibility. */
1780
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
1781
1781
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
1782
1782
  --page-header-bgColor: var(--bgColor-default);
1783
1783
  --progressBar-track-bgColor: var(--bgColor-inverse);
@@ -1787,8 +1787,8 @@
1787
1787
  --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
1788
1788
  --tooltip-bgColor: var(--bgColor-inverse);
1789
1789
  --tooltip-fgColor: var(--fgColor-onInverse);
1790
- --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
1791
- --border-neutral-muted: 0.0625rem solid #b7bdc8;
1790
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1791
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
1792
1792
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1793
1793
  --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
1794
1794
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
@@ -1803,8 +1803,8 @@
1803
1803
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1804
1804
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1805
1805
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1806
- --border-draft-emphasis: 0.0625rem solid #b7bdc8;
1807
- --border-draft-muted: 0.0625rem solid #b7bdc8;
1806
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1807
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
1808
1808
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1809
1809
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1810
1810
  }
package/dist/css/functional/themes/dark-tritanopia-high-contrast.css CHANGED
@@ -652,24 +652,24 @@
652
652
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
653
653
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
654
654
  --bgColor-white: #ffffff; /** Pure white background */
655
- --border-accent-emphasis: 0.0625rem solid #409eff;
656
- --border-accent-muted: 0.0625rem solid #5cacff;
657
- --border-attention-emphasis: 0.0625rem solid #e09b13;
658
- --border-attention-muted: 0.0625rem solid #edaa27;
659
- --border-danger-emphasis: 0.0625rem solid #ff6a69;
660
- --border-danger-muted: 0.0625rem solid #ff8080;
661
- --border-default: 0.0625rem solid #b7bdc8;
662
- --border-disabled: 0.0625rem solid #656c761a;
663
- --border-done-emphasis: 0.0625rem solid #b87fff;
664
- --border-done-muted: 0.0625rem solid #bf8fff;
665
- --border-severe-emphasis: 0.0625rem solid #e7811d;
666
- --border-severe-muted: 0.0625rem solid #ff8080;
667
- --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
668
- --border-sponsors-muted: 0.0625rem solid #f87cbd;
669
- --border-success-emphasis: 0.0625rem solid #409eff;
670
- --border-success-muted: 0.0625rem solid #5cacff;
671
- --border-translucent: 0.0625rem solid #9198a1; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
672
- --border-transparent: 0.0625rem solid #00000000;
655
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
656
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
657
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
658
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
659
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
660
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
661
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
662
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
663
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
664
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
665
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
666
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
667
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
668
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
669
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
670
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
671
+ --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
672
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
673
673
  --borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
674
674
  --borderColor-draft-muted: var(--borderColor-default); /** Subtle border for draft state indicators */
675
675
  --borderColor-emphasis: var(--borderColor-default); /** Strong border for emphasis and visual weight */
@@ -808,13 +808,13 @@
808
808
  --avatar-borderColor: var(--borderColor-emphasis);
809
809
  --border-closed-emphasis: var(--border-danger-emphasis);
810
810
  --border-closed-muted: var(--border-danger-muted);
811
- --border-draft-muted: 0.0625rem solid #b7bdc8;
812
- --border-emphasis: 0.0625rem solid #b7bdc8;
813
- --border-muted: 0.0625rem solid #b7bdc8;
811
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
812
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
813
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
814
814
  --border-open-emphasis: var(--border-success-emphasis);
815
815
  --border-open-muted: var(--border-success-muted);
816
- --border-upsell-emphasis: 0.0625rem solid #b87fff;
817
- --border-upsell-muted: 0.0625rem solid #bf8fff;
816
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
817
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
818
818
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
819
819
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
820
820
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
@@ -876,7 +876,7 @@
876
876
  --diffBlob-expander-iconColor: var(--fgColor-default);
877
877
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
878
878
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
879
- --focus-outline: 0.125rem solid #409eff; /** Focus ring outline for keyboard navigation and accessibility. */
879
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
880
880
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
881
881
  --page-header-bgColor: var(--bgColor-default);
882
882
  --progressBar-track-bgColor: var(--bgColor-inverse);
@@ -886,8 +886,8 @@
886
886
  --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
887
887
  --tooltip-bgColor: var(--bgColor-inverse);
888
888
  --tooltip-fgColor: var(--fgColor-onInverse);
889
- --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
890
- --border-neutral-muted: 0.0625rem solid #b7bdc8;
889
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
890
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
891
891
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
892
892
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
893
893
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
@@ -901,7 +901,7 @@
901
901
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
902
902
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
903
903
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
904
- --border-draft-emphasis: 0.0625rem solid #b7bdc8;
904
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
905
905
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
906
906
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
907
907
  }
@@ -1555,24 +1555,24 @@
1555
1555
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
1556
1556
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
1557
1557
  --bgColor-white: #ffffff; /** Pure white background */
1558
- --border-accent-emphasis: 0.0625rem solid #409eff;
1559
- --border-accent-muted: 0.0625rem solid #5cacff;
1560
- --border-attention-emphasis: 0.0625rem solid #e09b13;
1561
- --border-attention-muted: 0.0625rem solid #edaa27;
1562
- --border-danger-emphasis: 0.0625rem solid #ff6a69;
1563
- --border-danger-muted: 0.0625rem solid #ff8080;
1564
- --border-default: 0.0625rem solid #b7bdc8;
1565
- --border-disabled: 0.0625rem solid #656c761a;
1566
- --border-done-emphasis: 0.0625rem solid #b87fff;
1567
- --border-done-muted: 0.0625rem solid #bf8fff;
1568
- --border-severe-emphasis: 0.0625rem solid #e7811d;
1569
- --border-severe-muted: 0.0625rem solid #ff8080;
1570
- --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
1571
- --border-sponsors-muted: 0.0625rem solid #f87cbd;
1572
- --border-success-emphasis: 0.0625rem solid #409eff;
1573
- --border-success-muted: 0.0625rem solid #5cacff;
1574
- --border-translucent: 0.0625rem solid #9198a1; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1575
- --border-transparent: 0.0625rem solid #00000000;
1558
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
1559
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
1560
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
1561
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
1562
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
1563
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
1564
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
1565
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
1566
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
1567
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
1568
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
1569
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
1570
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
1571
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
1572
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
1573
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
1574
+ --border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1575
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
1576
1576
  --borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
1577
1577
  --borderColor-draft-muted: var(--borderColor-default); /** Subtle border for draft state indicators */
1578
1578
  --borderColor-emphasis: var(--borderColor-default); /** Strong border for emphasis and visual weight */
@@ -1711,13 +1711,13 @@
1711
1711
  --avatar-borderColor: var(--borderColor-emphasis);
1712
1712
  --border-closed-emphasis: var(--border-danger-emphasis);
1713
1713
  --border-closed-muted: var(--border-danger-muted);
1714
- --border-draft-muted: 0.0625rem solid #b7bdc8;
1715
- --border-emphasis: 0.0625rem solid #b7bdc8;
1716
- --border-muted: 0.0625rem solid #b7bdc8;
1714
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
1715
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
1716
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
1717
1717
  --border-open-emphasis: var(--border-success-emphasis);
1718
1718
  --border-open-muted: var(--border-success-muted);
1719
- --border-upsell-emphasis: 0.0625rem solid #b87fff;
1720
- --border-upsell-muted: 0.0625rem solid #bf8fff;
1719
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1720
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1721
1721
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
1722
1722
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
1723
1723
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
@@ -1779,7 +1779,7 @@
1779
1779
  --diffBlob-expander-iconColor: var(--fgColor-default);
1780
1780
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1781
1781
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1782
- --focus-outline: 0.125rem solid #409eff; /** Focus ring outline for keyboard navigation and accessibility. */
1782
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
1783
1783
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
1784
1784
  --page-header-bgColor: var(--bgColor-default);
1785
1785
  --progressBar-track-bgColor: var(--bgColor-inverse);
@@ -1789,8 +1789,8 @@
1789
1789
  --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
1790
1790
  --tooltip-bgColor: var(--bgColor-inverse);
1791
1791
  --tooltip-fgColor: var(--fgColor-onInverse);
1792
- --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
1793
- --border-neutral-muted: 0.0625rem solid #b7bdc8;
1792
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1793
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
1794
1794
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1795
1795
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1796
1796
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
@@ -1804,7 +1804,7 @@
1804
1804
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1805
1805
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1806
1806
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1807
- --border-draft-emphasis: 0.0625rem solid #b7bdc8;
1807
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1808
1808
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1809
1809
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1810
1810
  }