@primer/primitives 11.7.0 → 11.7.1-rc.97abd424

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 (30) hide show
  1. package/dist/build/platforms/css.js +22 -4
  2. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +54 -54
  3. package/dist/css/functional/themes/dark-colorblind.css +54 -54
  4. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +54 -54
  5. package/dist/css/functional/themes/dark-dimmed.css +54 -54
  6. package/dist/css/functional/themes/dark-high-contrast.css +54 -54
  7. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +54 -54
  8. package/dist/css/functional/themes/dark-tritanopia.css +54 -54
  9. package/dist/css/functional/themes/dark.css +54 -54
  10. package/dist/css/functional/themes/light-colorblind-high-contrast.css +54 -54
  11. package/dist/css/functional/themes/light-colorblind.css +54 -54
  12. package/dist/css/functional/themes/light-high-contrast.css +54 -54
  13. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +54 -54
  14. package/dist/css/functional/themes/light-tritanopia.css +54 -54
  15. package/dist/css/functional/themes/light.css +54 -54
  16. package/dist/internalCss/dark-colorblind-high-contrast.css +54 -54
  17. package/dist/internalCss/dark-colorblind.css +54 -54
  18. package/dist/internalCss/dark-dimmed-high-contrast.css +54 -54
  19. package/dist/internalCss/dark-dimmed.css +54 -54
  20. package/dist/internalCss/dark-high-contrast.css +54 -54
  21. package/dist/internalCss/dark-tritanopia-high-contrast.css +54 -54
  22. package/dist/internalCss/dark-tritanopia.css +54 -54
  23. package/dist/internalCss/dark.css +54 -54
  24. package/dist/internalCss/light-colorblind-high-contrast.css +54 -54
  25. package/dist/internalCss/light-colorblind.css +54 -54
  26. package/dist/internalCss/light-high-contrast.css +54 -54
  27. package/dist/internalCss/light-tritanopia-high-contrast.css +54 -54
  28. package/dist/internalCss/light-tritanopia.css +54 -54
  29. package/dist/internalCss/light.css +54 -54
  30. package/package.json +15 -14
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -660,25 +660,25 @@
660
660
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
661
661
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
662
662
  --bgColor-white: #ffffff; /** Pure white background */
663
- --border-accent-emphasis: 0.0625rem solid #0969da;
664
- --border-accent-muted: 0.0625rem solid #54aeff66;
665
- --border-attention-emphasis: 0.0625rem solid #9a6700;
666
- --border-attention-muted: 0.0625rem solid #d4a72c66;
667
- --border-danger-emphasis: 0.0625rem solid #cf222e;
668
- --border-danger-muted: 0.0625rem solid #ff818266;
669
- --border-default: 0.0625rem solid #d1d9e0;
670
- --border-disabled: 0.0625rem solid #818b981a;
671
- --border-done-emphasis: 0.0625rem solid #8250df;
672
- --border-done-muted: 0.0625rem solid #c297ff66;
673
- --border-emphasis: 0.0625rem solid #818b98;
674
- --border-neutral-emphasis: 0.0625rem solid #59636e;
675
- --border-severe-emphasis: 0.0625rem solid #cf222e;
676
- --border-severe-muted: 0.0625rem solid #ff818266;
677
- --border-sponsors-emphasis: 0.0625rem solid #bf3989;
678
- --border-sponsors-muted: 0.0625rem solid #ff80c866;
679
- --border-success-emphasis: 0.0625rem solid #0969da;
680
- --border-success-muted: 0.0625rem solid #54aeff66;
681
- --border-transparent: 0.0625rem solid #ffffff00;
663
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
664
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
665
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
666
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
667
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
668
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
669
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
670
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
671
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
672
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
673
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
674
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
675
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
676
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
677
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
678
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
679
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
680
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
681
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
682
682
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
683
683
  --borderColor-closed-muted: #d1d9e066; /** Subtle border for closed state indicators */
684
684
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
@@ -817,14 +817,14 @@
817
817
  --avatar-borderColor: var(--borderColor-translucent);
818
818
  --border-closed-emphasis: var(--border-danger-emphasis);
819
819
  --border-closed-muted: var(--border-danger-muted);
820
- --border-draft-emphasis: 0.0625rem solid #59636e;
821
- --border-draft-muted: 0.0625rem solid #d1d9e066;
822
- --border-muted: 0.0625rem solid #d1d9e0b3;
820
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
821
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
822
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
823
823
  --border-open-emphasis: var(--border-success-emphasis);
824
824
  --border-open-muted: var(--border-success-muted);
825
- --border-translucent: 0.0625rem solid #1f232826; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
826
- --border-upsell-emphasis: 0.0625rem solid #8250df;
827
- --border-upsell-muted: 0.0625rem solid #c297ff66;
825
+ --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. */
826
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
827
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
828
828
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
829
829
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
830
830
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
@@ -882,13 +882,13 @@
882
882
  --diffBlob-deletionWord-fgColor: var(--fgColor-default);
883
883
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
884
884
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
885
- --focus-outline: 0.125rem solid #0969da; /** Focus ring outline for keyboard navigation and accessibility. */
885
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
886
886
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
887
887
  --overlay-borderColor: #d1d9e080;
888
888
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
889
889
  --tooltip-fgColor: var(--fgColor-onEmphasis);
890
890
  --underlineNav-borderColor-hover: var(--borderColor-muted);
891
- --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
891
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
892
892
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
893
893
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
894
894
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
@@ -1563,25 +1563,25 @@
1563
1563
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
1564
1564
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
1565
1565
  --bgColor-white: #ffffff; /** Pure white background */
1566
- --border-accent-emphasis: 0.0625rem solid #0969da;
1567
- --border-accent-muted: 0.0625rem solid #54aeff66;
1568
- --border-attention-emphasis: 0.0625rem solid #9a6700;
1569
- --border-attention-muted: 0.0625rem solid #d4a72c66;
1570
- --border-danger-emphasis: 0.0625rem solid #cf222e;
1571
- --border-danger-muted: 0.0625rem solid #ff818266;
1572
- --border-default: 0.0625rem solid #d1d9e0;
1573
- --border-disabled: 0.0625rem solid #818b981a;
1574
- --border-done-emphasis: 0.0625rem solid #8250df;
1575
- --border-done-muted: 0.0625rem solid #c297ff66;
1576
- --border-emphasis: 0.0625rem solid #818b98;
1577
- --border-neutral-emphasis: 0.0625rem solid #59636e;
1578
- --border-severe-emphasis: 0.0625rem solid #cf222e;
1579
- --border-severe-muted: 0.0625rem solid #ff818266;
1580
- --border-sponsors-emphasis: 0.0625rem solid #bf3989;
1581
- --border-sponsors-muted: 0.0625rem solid #ff80c866;
1582
- --border-success-emphasis: 0.0625rem solid #0969da;
1583
- --border-success-muted: 0.0625rem solid #54aeff66;
1584
- --border-transparent: 0.0625rem solid #ffffff00;
1566
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
1567
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
1568
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
1569
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
1570
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
1571
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
1572
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
1573
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
1574
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
1575
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
1576
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
1577
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1578
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
1579
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
1580
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
1581
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
1582
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
1583
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
1584
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
1585
1585
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
1586
1586
  --borderColor-closed-muted: #d1d9e066; /** Subtle border for closed state indicators */
1587
1587
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
@@ -1720,14 +1720,14 @@
1720
1720
  --avatar-borderColor: var(--borderColor-translucent);
1721
1721
  --border-closed-emphasis: var(--border-danger-emphasis);
1722
1722
  --border-closed-muted: var(--border-danger-muted);
1723
- --border-draft-emphasis: 0.0625rem solid #59636e;
1724
- --border-draft-muted: 0.0625rem solid #d1d9e066;
1725
- --border-muted: 0.0625rem solid #d1d9e0b3;
1723
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1724
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
1725
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
1726
1726
  --border-open-emphasis: var(--border-success-emphasis);
1727
1727
  --border-open-muted: var(--border-success-muted);
1728
- --border-translucent: 0.0625rem solid #1f232826; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1729
- --border-upsell-emphasis: 0.0625rem solid #8250df;
1730
- --border-upsell-muted: 0.0625rem solid #c297ff66;
1728
+ --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. */
1729
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1730
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1731
1731
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1732
1732
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1733
1733
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
@@ -1785,13 +1785,13 @@
1785
1785
  --diffBlob-deletionWord-fgColor: var(--fgColor-default);
1786
1786
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
1787
1787
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1788
- --focus-outline: 0.125rem solid #0969da; /** Focus ring outline for keyboard navigation and accessibility. */
1788
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
1789
1789
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
1790
1790
  --overlay-borderColor: #d1d9e080;
1791
1791
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1792
1792
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1793
1793
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1794
- --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1794
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
1795
1795
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1796
1796
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1797
1797
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
package/dist/css/functional/themes/light.css CHANGED
@@ -658,25 +658,25 @@
658
658
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
659
659
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
660
660
  --bgColor-white: #ffffff; /** Pure white background */
661
- --border-accent-emphasis: 0.0625rem solid #0969da;
662
- --border-accent-muted: 0.0625rem solid #54aeff66;
663
- --border-attention-emphasis: 0.0625rem solid #9a6700;
664
- --border-attention-muted: 0.0625rem solid #d4a72c66;
665
- --border-danger-emphasis: 0.0625rem solid #cf222e;
666
- --border-danger-muted: 0.0625rem solid #ff818266;
667
- --border-default: 0.0625rem solid #d1d9e0;
668
- --border-disabled: 0.0625rem solid #818b981a;
669
- --border-done-emphasis: 0.0625rem solid #8250df;
670
- --border-done-muted: 0.0625rem solid #c297ff66;
671
- --border-emphasis: 0.0625rem solid #818b98;
672
- --border-neutral-emphasis: 0.0625rem solid #59636e;
673
- --border-severe-emphasis: 0.0625rem solid #bc4c00;
674
- --border-severe-muted: 0.0625rem solid #fb8f4466;
675
- --border-sponsors-emphasis: 0.0625rem solid #bf3989;
676
- --border-sponsors-muted: 0.0625rem solid #ff80c866;
677
- --border-success-emphasis: 0.0625rem solid #1a7f37;
678
- --border-success-muted: 0.0625rem solid #4ac26b66;
679
- --border-transparent: 0.0625rem solid #ffffff00;
661
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
662
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
663
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
664
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
665
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
666
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
667
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
668
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
669
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
670
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
671
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
672
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
673
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
674
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
675
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
676
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
677
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
678
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
679
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
680
680
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
681
681
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
682
682
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
@@ -816,13 +816,13 @@
816
816
  --avatar-borderColor: var(--borderColor-translucent);
817
817
  --border-closed-emphasis: var(--border-danger-emphasis);
818
818
  --border-closed-muted: var(--border-danger-muted);
819
- --border-draft-emphasis: 0.0625rem solid #59636e;
820
- --border-muted: 0.0625rem solid #d1d9e0b3;
819
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
820
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
821
821
  --border-open-emphasis: var(--border-success-emphasis);
822
822
  --border-open-muted: var(--border-success-muted);
823
- --border-translucent: 0.0625rem solid #1f232826; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
824
- --border-upsell-emphasis: 0.0625rem solid #8250df;
825
- --border-upsell-muted: 0.0625rem solid #c297ff66;
823
+ --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. */
824
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
825
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
826
826
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
827
827
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
828
828
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
@@ -880,13 +880,13 @@
880
880
  --diffBlob-deletionWord-fgColor: var(--fgColor-default);
881
881
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
882
882
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
883
- --focus-outline: 0.125rem solid #0969da; /** Focus ring outline for keyboard navigation and accessibility. */
883
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
884
884
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
885
885
  --overlay-borderColor: #d1d9e080;
886
886
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
887
887
  --tooltip-fgColor: var(--fgColor-onEmphasis);
888
888
  --underlineNav-borderColor-hover: var(--borderColor-muted);
889
- --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
889
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
890
890
  --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
891
891
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
892
892
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
@@ -900,7 +900,7 @@
900
900
  --shadow-floating-medium: 0 0 0 1px #d1d9e000, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
901
901
  --shadow-floating-small: 0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
902
902
  --shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
903
- --border-draft-muted: 0.0625rem solid #d1d9e0b3;
903
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
904
904
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
905
905
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
906
906
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1561,25 +1561,25 @@
1561
1561
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
1562
1562
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
1563
1563
  --bgColor-white: #ffffff; /** Pure white background */
1564
- --border-accent-emphasis: 0.0625rem solid #0969da;
1565
- --border-accent-muted: 0.0625rem solid #54aeff66;
1566
- --border-attention-emphasis: 0.0625rem solid #9a6700;
1567
- --border-attention-muted: 0.0625rem solid #d4a72c66;
1568
- --border-danger-emphasis: 0.0625rem solid #cf222e;
1569
- --border-danger-muted: 0.0625rem solid #ff818266;
1570
- --border-default: 0.0625rem solid #d1d9e0;
1571
- --border-disabled: 0.0625rem solid #818b981a;
1572
- --border-done-emphasis: 0.0625rem solid #8250df;
1573
- --border-done-muted: 0.0625rem solid #c297ff66;
1574
- --border-emphasis: 0.0625rem solid #818b98;
1575
- --border-neutral-emphasis: 0.0625rem solid #59636e;
1576
- --border-severe-emphasis: 0.0625rem solid #bc4c00;
1577
- --border-severe-muted: 0.0625rem solid #fb8f4466;
1578
- --border-sponsors-emphasis: 0.0625rem solid #bf3989;
1579
- --border-sponsors-muted: 0.0625rem solid #ff80c866;
1580
- --border-success-emphasis: 0.0625rem solid #1a7f37;
1581
- --border-success-muted: 0.0625rem solid #4ac26b66;
1582
- --border-transparent: 0.0625rem solid #ffffff00;
1564
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
1565
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
1566
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
1567
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
1568
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
1569
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
1570
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
1571
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
1572
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
1573
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
1574
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
1575
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1576
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
1577
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
1578
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
1579
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
1580
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
1581
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
1582
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
1583
1583
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
1584
1584
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
1585
1585
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
@@ -1719,13 +1719,13 @@
1719
1719
  --avatar-borderColor: var(--borderColor-translucent);
1720
1720
  --border-closed-emphasis: var(--border-danger-emphasis);
1721
1721
  --border-closed-muted: var(--border-danger-muted);
1722
- --border-draft-emphasis: 0.0625rem solid #59636e;
1723
- --border-muted: 0.0625rem solid #d1d9e0b3;
1722
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1723
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
1724
1724
  --border-open-emphasis: var(--border-success-emphasis);
1725
1725
  --border-open-muted: var(--border-success-muted);
1726
- --border-translucent: 0.0625rem solid #1f232826; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1727
- --border-upsell-emphasis: 0.0625rem solid #8250df;
1728
- --border-upsell-muted: 0.0625rem solid #c297ff66;
1726
+ --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. */
1727
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1728
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1729
1729
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1730
1730
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1731
1731
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
@@ -1783,13 +1783,13 @@
1783
1783
  --diffBlob-deletionWord-fgColor: var(--fgColor-default);
1784
1784
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1785
1785
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1786
- --focus-outline: 0.125rem solid #0969da; /** Focus ring outline for keyboard navigation and accessibility. */
1786
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
1787
1787
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
1788
1788
  --overlay-borderColor: #d1d9e080;
1789
1789
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1790
1790
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1791
1791
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1792
- --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1792
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
1793
1793
  --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
1794
1794
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1795
1795
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
@@ -1803,7 +1803,7 @@
1803
1803
  --shadow-floating-medium: 0 0 0 1px #d1d9e000, 0 8px 16px -4px #25292e14, 0 4px 32px -4px #25292e14, 0 24px 48px -12px #25292e14, 0 48px 96px -24px #25292e14; /** Medium floating shadow for popovers and action menus */
1804
1804
  --shadow-floating-small: 0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1805
1805
  --shadow-floating-xlarge: 0 0 0 1px #d1d9e000, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
1806
- --border-draft-muted: 0.0625rem solid #d1d9e0b3;
1806
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
1807
1807
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1808
1808
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1809
1809
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
package/dist/internalCss/dark-colorblind-high-contrast.css CHANGED
@@ -941,24 +941,24 @@
941
941
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
942
942
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
943
943
  --bgColor-white: var(--base-color-neutral-13); /** Pure white background */
944
- --border-accent-emphasis: 0.0625rem solid #409eff;
945
- --border-accent-muted: 0.0625rem solid #5cacff;
946
- --border-attention-emphasis: 0.0625rem solid #e09b13;
947
- --border-attention-muted: 0.0625rem solid #edaa27;
948
- --border-danger-emphasis: 0.0625rem solid #e7811d;
949
- --border-danger-muted: 0.0625rem solid #f48b25;
950
- --border-default: 0.0625rem solid #b7bdc8;
951
- --border-disabled: 0.0625rem solid #656c761a;
952
- --border-done-emphasis: 0.0625rem solid #b87fff;
953
- --border-done-muted: 0.0625rem solid #bf8fff;
954
- --border-severe-emphasis: 0.0625rem solid #e7811d;
955
- --border-severe-muted: 0.0625rem solid #e7811d;
956
- --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
957
- --border-sponsors-muted: 0.0625rem solid #f87cbd;
958
- --border-success-emphasis: 0.0625rem solid #409eff;
959
- --border-success-muted: 0.0625rem solid #5cacff;
960
- --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. */
961
- --border-transparent: 0.0625rem solid #00000000;
944
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
945
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
946
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
947
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
948
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
949
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
950
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
951
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
952
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
953
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
954
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
955
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
956
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
957
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
958
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
959
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
960
+ --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. */
961
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
962
962
  --borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
963
963
  --borderColor-draft-muted: var(--borderColor-default); /** Subtle border for draft state indicators */
964
964
  --borderColor-emphasis: var(--borderColor-default); /** Strong border for emphasis and visual weight */
@@ -1097,13 +1097,13 @@
1097
1097
  --avatar-borderColor: var(--borderColor-emphasis);
1098
1098
  --border-closed-emphasis: var(--border-danger-emphasis);
1099
1099
  --border-closed-muted: var(--border-danger-muted);
1100
- --border-draft-muted: 0.0625rem solid #b7bdc8;
1101
- --border-emphasis: 0.0625rem solid #b7bdc8;
1102
- --border-muted: 0.0625rem solid #b7bdc8;
1100
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
1101
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
1102
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
1103
1103
  --border-open-emphasis: var(--border-success-emphasis);
1104
1104
  --border-open-muted: var(--border-success-muted);
1105
- --border-upsell-emphasis: 0.0625rem solid #b87fff;
1106
- --border-upsell-muted: 0.0625rem solid #bf8fff;
1105
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1106
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1107
1107
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
1108
1108
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
1109
1109
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
@@ -1165,7 +1165,7 @@
1165
1165
  --diffBlob-expander-iconColor: var(--fgColor-default);
1166
1166
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1167
1167
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1168
- --focus-outline: 0.125rem solid #409eff; /** Focus ring outline for keyboard navigation and accessibility. */
1168
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
1169
1169
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
1170
1170
  --page-header-bgColor: var(--bgColor-default);
1171
1171
  --progressBar-track-bgColor: var(--bgColor-inverse);
@@ -1175,8 +1175,8 @@
1175
1175
  --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
1176
1176
  --tooltip-bgColor: var(--bgColor-inverse);
1177
1177
  --tooltip-fgColor: var(--fgColor-onInverse);
1178
- --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
1179
- --border-neutral-muted: 0.0625rem solid #b7bdc8;
1178
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1179
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
1180
1180
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1181
1181
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1182
1182
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
@@ -1190,7 +1190,7 @@
1190
1190
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1191
1191
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1192
1192
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1193
- --border-draft-emphasis: 0.0625rem solid #b7bdc8;
1193
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1194
1194
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1195
1195
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1196
1196
  }
@@ -2137,24 +2137,24 @@
2137
2137
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
2138
2138
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
2139
2139
  --bgColor-white: var(--base-color-neutral-13); /** Pure white background */
2140
- --border-accent-emphasis: 0.0625rem solid #409eff;
2141
- --border-accent-muted: 0.0625rem solid #5cacff;
2142
- --border-attention-emphasis: 0.0625rem solid #e09b13;
2143
- --border-attention-muted: 0.0625rem solid #edaa27;
2144
- --border-danger-emphasis: 0.0625rem solid #e7811d;
2145
- --border-danger-muted: 0.0625rem solid #f48b25;
2146
- --border-default: 0.0625rem solid #b7bdc8;
2147
- --border-disabled: 0.0625rem solid #656c761a;
2148
- --border-done-emphasis: 0.0625rem solid #b87fff;
2149
- --border-done-muted: 0.0625rem solid #bf8fff;
2150
- --border-severe-emphasis: 0.0625rem solid #e7811d;
2151
- --border-severe-muted: 0.0625rem solid #e7811d;
2152
- --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
2153
- --border-sponsors-muted: 0.0625rem solid #f87cbd;
2154
- --border-success-emphasis: 0.0625rem solid #409eff;
2155
- --border-success-muted: 0.0625rem solid #5cacff;
2156
- --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. */
2157
- --border-transparent: 0.0625rem solid #00000000;
2140
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
2141
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
2142
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
2143
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
2144
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
2145
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
2146
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
2147
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
2148
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
2149
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
2150
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
2151
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
2152
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
2153
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
2154
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
2155
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
2156
+ --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. */
2157
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
2158
2158
  --borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
2159
2159
  --borderColor-draft-muted: var(--borderColor-default); /** Subtle border for draft state indicators */
2160
2160
  --borderColor-emphasis: var(--borderColor-default); /** Strong border for emphasis and visual weight */
@@ -2293,13 +2293,13 @@
2293
2293
  --avatar-borderColor: var(--borderColor-emphasis);
2294
2294
  --border-closed-emphasis: var(--border-danger-emphasis);
2295
2295
  --border-closed-muted: var(--border-danger-muted);
2296
- --border-draft-muted: 0.0625rem solid #b7bdc8;
2297
- --border-emphasis: 0.0625rem solid #b7bdc8;
2298
- --border-muted: 0.0625rem solid #b7bdc8;
2296
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
2297
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
2298
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
2299
2299
  --border-open-emphasis: var(--border-success-emphasis);
2300
2300
  --border-open-muted: var(--border-success-muted);
2301
- --border-upsell-emphasis: 0.0625rem solid #b87fff;
2302
- --border-upsell-muted: 0.0625rem solid #bf8fff;
2301
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
2302
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
2303
2303
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
2304
2304
  --borderColor-neutral-emphasis: var(--borderColor-emphasis); /** Strong neutral semantic border */
2305
2305
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
@@ -2361,7 +2361,7 @@
2361
2361
  --diffBlob-expander-iconColor: var(--fgColor-default);
2362
2362
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
2363
2363
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
2364
- --focus-outline: 0.125rem solid #409eff; /** Focus ring outline for keyboard navigation and accessibility. */
2364
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
2365
2365
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
2366
2366
  --page-header-bgColor: var(--bgColor-default);
2367
2367
  --progressBar-track-bgColor: var(--bgColor-inverse);
@@ -2371,8 +2371,8 @@
2371
2371
  --shadow-floating-xlarge: 0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
2372
2372
  --tooltip-bgColor: var(--bgColor-inverse);
2373
2373
  --tooltip-fgColor: var(--fgColor-onInverse);
2374
- --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
2375
- --border-neutral-muted: 0.0625rem solid #b7bdc8;
2374
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
2375
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
2376
2376
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
2377
2377
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
2378
2378
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
@@ -2386,7 +2386,7 @@
2386
2386
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2387
2387
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
2388
2388
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
2389
- --border-draft-emphasis: 0.0625rem solid #b7bdc8;
2389
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
2390
2390
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
2391
2391
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
2392
2392
  }