@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-tritanopia.css CHANGED
@@ -674,24 +674,24 @@
674
674
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
675
675
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
676
676
  --bgColor-white: #ffffff; /** Pure white background */
677
- --border-accent-emphasis: 0.0625rem solid #1f6feb;
678
- --border-accent-muted: 0.0625rem solid #388bfd66;
679
- --border-attention-emphasis: 0.0625rem solid #9e6a03;
680
- --border-attention-muted: 0.0625rem solid #bb800966;
681
- --border-danger-emphasis: 0.0625rem solid #da3633;
682
- --border-danger-muted: 0.0625rem solid #f8514966;
683
- --border-default: 0.0625rem solid #3d444d;
684
- --border-disabled: 0.0625rem solid #656c761a;
685
- --border-done-emphasis: 0.0625rem solid #8957e5;
686
- --border-done-muted: 0.0625rem solid #ab7df866;
687
- --border-emphasis: 0.0625rem solid #656c76;
688
- --border-severe-emphasis: 0.0625rem solid #da3633;
689
- --border-severe-muted: 0.0625rem solid #f8514966;
690
- --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
691
- --border-sponsors-muted: 0.0625rem solid #db61a266;
692
- --border-success-emphasis: 0.0625rem solid #1f6feb;
693
- --border-success-muted: 0.0625rem solid #388bfd66;
694
- --border-transparent: 0.0625rem solid #00000000;
677
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
678
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
679
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
680
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
681
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
682
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
683
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
684
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
685
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
686
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
687
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
688
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
689
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
690
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
691
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
692
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
693
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
694
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
695
695
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
696
696
  --borderColor-closed-muted: #3d444d66; /** Subtle border for closed state indicators */
697
697
  --borderColor-draft-muted: #3d444d66; /** Subtle border for draft state indicators */
@@ -832,14 +832,14 @@
832
832
  --avatar-borderColor: var(--borderColor-translucent);
833
833
  --border-closed-emphasis: var(--border-danger-emphasis);
834
834
  --border-closed-muted: var(--border-danger-muted);
835
- --border-draft-muted: 0.0625rem solid #3d444d66;
836
- --border-muted: 0.0625rem solid #3d444db3;
837
- --border-neutral-emphasis: 0.0625rem solid #656c76;
835
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
836
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
837
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
838
838
  --border-open-emphasis: var(--border-success-emphasis);
839
839
  --border-open-muted: var(--border-success-muted);
840
- --border-translucent: 0.0625rem solid #ffffff26; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
841
- --border-upsell-emphasis: 0.0625rem solid #8957e5;
842
- --border-upsell-muted: 0.0625rem solid #ab7df866;
840
+ --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. */
841
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
842
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
843
843
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
844
844
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
845
845
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
@@ -882,12 +882,12 @@
882
882
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
883
883
  --dashboard-bgColor: var(--bgColor-inset);
884
884
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
885
- --focus-outline: 0.125rem solid #1f6feb; /** 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: var(--borderColor-muted);
888
888
  --tooltip-fgColor: var(--fgColor-onEmphasis);
889
- --border-draft-emphasis: 0.0625rem solid #656c76;
890
- --border-neutral-muted: 0.0625rem solid #3d444db3;
889
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
890
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
891
891
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
892
892
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
893
893
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
@@ -1577,24 +1577,24 @@
1577
1577
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
1578
1578
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
1579
1579
  --bgColor-white: #ffffff; /** Pure white background */
1580
- --border-accent-emphasis: 0.0625rem solid #1f6feb;
1581
- --border-accent-muted: 0.0625rem solid #388bfd66;
1582
- --border-attention-emphasis: 0.0625rem solid #9e6a03;
1583
- --border-attention-muted: 0.0625rem solid #bb800966;
1584
- --border-danger-emphasis: 0.0625rem solid #da3633;
1585
- --border-danger-muted: 0.0625rem solid #f8514966;
1586
- --border-default: 0.0625rem solid #3d444d;
1587
- --border-disabled: 0.0625rem solid #656c761a;
1588
- --border-done-emphasis: 0.0625rem solid #8957e5;
1589
- --border-done-muted: 0.0625rem solid #ab7df866;
1590
- --border-emphasis: 0.0625rem solid #656c76;
1591
- --border-severe-emphasis: 0.0625rem solid #da3633;
1592
- --border-severe-muted: 0.0625rem solid #f8514966;
1593
- --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
1594
- --border-sponsors-muted: 0.0625rem solid #db61a266;
1595
- --border-success-emphasis: 0.0625rem solid #1f6feb;
1596
- --border-success-muted: 0.0625rem solid #388bfd66;
1597
- --border-transparent: 0.0625rem solid #00000000;
1580
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
1581
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
1582
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
1583
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
1584
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
1585
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
1586
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
1587
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
1588
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
1589
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
1590
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
1591
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
1592
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
1593
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
1594
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
1595
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
1596
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
1597
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
1598
1598
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
1599
1599
  --borderColor-closed-muted: #3d444d66; /** Subtle border for closed state indicators */
1600
1600
  --borderColor-draft-muted: #3d444d66; /** Subtle border for draft state indicators */
@@ -1735,14 +1735,14 @@
1735
1735
  --avatar-borderColor: var(--borderColor-translucent);
1736
1736
  --border-closed-emphasis: var(--border-danger-emphasis);
1737
1737
  --border-closed-muted: var(--border-danger-muted);
1738
- --border-draft-muted: 0.0625rem solid #3d444d66;
1739
- --border-muted: 0.0625rem solid #3d444db3;
1740
- --border-neutral-emphasis: 0.0625rem solid #656c76;
1738
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
1739
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
1740
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1741
1741
  --border-open-emphasis: var(--border-success-emphasis);
1742
1742
  --border-open-muted: var(--border-success-muted);
1743
- --border-translucent: 0.0625rem solid #ffffff26; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1744
- --border-upsell-emphasis: 0.0625rem solid #8957e5;
1745
- --border-upsell-muted: 0.0625rem solid #ab7df866;
1743
+ --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. */
1744
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1745
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1746
1746
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1747
1747
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1748
1748
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
@@ -1785,12 +1785,12 @@
1785
1785
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1786
1786
  --dashboard-bgColor: var(--bgColor-inset);
1787
1787
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1788
- --focus-outline: 0.125rem solid #1f6feb; /** 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: var(--borderColor-muted);
1791
1791
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1792
- --border-draft-emphasis: 0.0625rem solid #656c76;
1793
- --border-neutral-muted: 0.0625rem solid #3d444db3;
1792
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1793
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
1794
1794
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1795
1795
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1796
1796
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
package/dist/css/functional/themes/dark.css CHANGED
@@ -667,24 +667,24 @@
667
667
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
668
668
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
669
669
  --bgColor-white: #ffffff; /** Pure white background */
670
- --border-accent-emphasis: 0.0625rem solid #1f6feb;
671
- --border-accent-muted: 0.0625rem solid #388bfd66;
672
- --border-attention-emphasis: 0.0625rem solid #9e6a03;
673
- --border-attention-muted: 0.0625rem solid #bb800966;
674
- --border-danger-emphasis: 0.0625rem solid #da3633;
675
- --border-danger-muted: 0.0625rem solid #f8514966;
676
- --border-default: 0.0625rem solid #3d444d;
677
- --border-disabled: 0.0625rem solid #656c761a;
678
- --border-done-emphasis: 0.0625rem solid #8957e5;
679
- --border-done-muted: 0.0625rem solid #ab7df866;
680
- --border-emphasis: 0.0625rem solid #656c76;
681
- --border-severe-emphasis: 0.0625rem solid #bd561d;
682
- --border-severe-muted: 0.0625rem solid #db6d2866;
683
- --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
684
- --border-sponsors-muted: 0.0625rem solid #db61a266;
685
- --border-success-emphasis: 0.0625rem solid #238636;
686
- --border-success-muted: 0.0625rem solid #2ea04366;
687
- --border-transparent: 0.0625rem solid #00000000;
670
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
671
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
672
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
673
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
674
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
675
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
676
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
677
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
678
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
679
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
680
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
681
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
682
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
683
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
684
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
685
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
686
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
687
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
688
688
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
689
689
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
690
690
  --borderColor-muted: #3d444db3; /** Subtle border for secondary elements and light separators */
@@ -830,13 +830,13 @@
830
830
  --avatar-borderColor: var(--borderColor-translucent);
831
831
  --border-closed-emphasis: var(--border-danger-emphasis);
832
832
  --border-closed-muted: var(--border-danger-muted);
833
- --border-muted: 0.0625rem solid #3d444db3;
834
- --border-neutral-emphasis: 0.0625rem solid #656c76;
833
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
834
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
835
835
  --border-open-emphasis: var(--border-success-emphasis);
836
836
  --border-open-muted: var(--border-success-muted);
837
- --border-translucent: 0.0625rem solid #ffffff26; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
838
- --border-upsell-emphasis: 0.0625rem solid #8957e5;
839
- --border-upsell-muted: 0.0625rem solid #ab7df866;
837
+ --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. */
838
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
839
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
840
840
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
841
841
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
842
842
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
@@ -880,12 +880,12 @@
880
880
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
881
881
  --dashboard-bgColor: var(--bgColor-inset);
882
882
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
883
- --focus-outline: 0.125rem solid #1f6feb; /** 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: var(--borderColor-muted);
886
886
  --tooltip-fgColor: var(--fgColor-onEmphasis);
887
- --border-draft-emphasis: 0.0625rem solid #656c76;
888
- --border-neutral-muted: 0.0625rem solid #3d444db3;
887
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
888
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
889
889
  --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
890
890
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
891
891
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
@@ -900,7 +900,7 @@
900
900
  --shadow-floating-small: 0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
901
901
  --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
902
902
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
903
- --border-draft-muted: 0.0625rem solid #3d444db3;
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-default-borderColor-hover);
906
906
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1570,24 +1570,24 @@
1570
1570
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
1571
1571
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
1572
1572
  --bgColor-white: #ffffff; /** Pure white background */
1573
- --border-accent-emphasis: 0.0625rem solid #1f6feb;
1574
- --border-accent-muted: 0.0625rem solid #388bfd66;
1575
- --border-attention-emphasis: 0.0625rem solid #9e6a03;
1576
- --border-attention-muted: 0.0625rem solid #bb800966;
1577
- --border-danger-emphasis: 0.0625rem solid #da3633;
1578
- --border-danger-muted: 0.0625rem solid #f8514966;
1579
- --border-default: 0.0625rem solid #3d444d;
1580
- --border-disabled: 0.0625rem solid #656c761a;
1581
- --border-done-emphasis: 0.0625rem solid #8957e5;
1582
- --border-done-muted: 0.0625rem solid #ab7df866;
1583
- --border-emphasis: 0.0625rem solid #656c76;
1584
- --border-severe-emphasis: 0.0625rem solid #bd561d;
1585
- --border-severe-muted: 0.0625rem solid #db6d2866;
1586
- --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
1587
- --border-sponsors-muted: 0.0625rem solid #db61a266;
1588
- --border-success-emphasis: 0.0625rem solid #238636;
1589
- --border-success-muted: 0.0625rem solid #2ea04366;
1590
- --border-transparent: 0.0625rem solid #00000000;
1573
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
1574
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
1575
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
1576
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
1577
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
1578
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
1579
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
1580
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
1581
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
1582
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
1583
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
1584
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
1585
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
1586
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
1587
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
1588
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
1589
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
1590
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
1591
1591
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis); /** Strong border for closed state badges */
1592
1592
  --borderColor-closed-muted: var(--borderColor-danger-muted); /** Subtle border for closed state indicators */
1593
1593
  --borderColor-muted: #3d444db3; /** Subtle border for secondary elements and light separators */
@@ -1733,13 +1733,13 @@
1733
1733
  --avatar-borderColor: var(--borderColor-translucent);
1734
1734
  --border-closed-emphasis: var(--border-danger-emphasis);
1735
1735
  --border-closed-muted: var(--border-danger-muted);
1736
- --border-muted: 0.0625rem solid #3d444db3;
1737
- --border-neutral-emphasis: 0.0625rem solid #656c76;
1736
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
1737
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1738
1738
  --border-open-emphasis: var(--border-success-emphasis);
1739
1739
  --border-open-muted: var(--border-success-muted);
1740
- --border-translucent: 0.0625rem solid #ffffff26; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1741
- --border-upsell-emphasis: 0.0625rem solid #8957e5;
1742
- --border-upsell-muted: 0.0625rem solid #ab7df866;
1740
+ --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. */
1741
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1742
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1743
1743
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1744
1744
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1745
1745
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
@@ -1783,12 +1783,12 @@
1783
1783
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1784
1784
  --dashboard-bgColor: var(--bgColor-inset);
1785
1785
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1786
- --focus-outline: 0.125rem solid #1f6feb; /** 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: var(--borderColor-muted);
1789
1789
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1790
- --border-draft-emphasis: 0.0625rem solid #656c76;
1791
- --border-neutral-muted: 0.0625rem solid #3d444db3;
1790
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1791
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
1792
1792
  --borderColor-draft-muted: var(--borderColor-neutral-muted); /** Subtle border for draft state indicators */
1793
1793
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1794
1794
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
@@ -1803,7 +1803,7 @@
1803
1803
  --shadow-floating-small: 0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966; /** Small floating shadow for dropdowns, tooltips, and small overlays */
1804
1804
  --shadow-floating-xlarge: 0 0 0 1px #3d444d, 0 32px 64px 0 #010409; /** Extra large floating shadow for full-screen overlays and sheets */
1805
1805
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1806
- --border-draft-muted: 0.0625rem solid #3d444db3;
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-default-borderColor-hover);
1809
1809
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
package/dist/css/functional/themes/light-colorblind-high-contrast.css CHANGED
@@ -639,25 +639,25 @@
639
639
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
640
640
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
641
641
  --bgColor-white: #ffffff; /** Pure white background */
642
- --border-accent-emphasis: 0.0625rem solid #0349b4;
643
- --border-accent-muted: 0.0625rem solid #368cf9;
644
- --border-attention-emphasis: 0.0625rem solid #744500;
645
- --border-attention-muted: 0.0625rem solid #b58407;
646
- --border-danger-emphasis: 0.0625rem solid #873800;
647
- --border-danger-muted: 0.0625rem solid #b45105;
648
- --border-default: 0.0625rem solid #454c54;
649
- --border-disabled: 0.0625rem solid #59636e1f;
650
- --border-done-emphasis: 0.0625rem solid #622cbc;
651
- --border-done-muted: 0.0625rem solid #a371f7;
652
- --border-neutral-emphasis: 0.0625rem solid #59636e;
653
- --border-severe-emphasis: 0.0625rem solid #873800;
654
- --border-severe-muted: 0.0625rem solid #dc6d1a66;
655
- --border-sponsors-emphasis: 0.0625rem solid #971368;
656
- --border-sponsors-muted: 0.0625rem solid #ed4baf;
657
- --border-success-emphasis: 0.0625rem solid #0349b4;
658
- --border-success-muted: 0.0625rem solid #368cf9;
659
- --border-translucent: 0.0625rem solid #59636e; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
660
- --border-transparent: 0.0625rem solid #ffffff00;
642
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
643
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
644
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
645
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
646
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
647
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
648
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
649
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
650
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
651
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
652
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
653
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
654
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
655
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
656
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
657
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
658
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
659
+ --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. */
660
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
661
661
  --borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
662
662
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
663
663
  --borderColor-draft-muted: var(--borderColor-default); /** Subtle border for draft state indicators */
@@ -818,14 +818,14 @@
818
818
  --avatar-borderColor: var(--borderColor-emphasis);
819
819
  --border-closed-emphasis: var(--border-danger-emphasis);
820
820
  --border-closed-muted: var(--border-danger-muted);
821
- --border-draft-emphasis: 0.0625rem solid #59636e;
822
- --border-draft-muted: 0.0625rem solid #454c54;
823
- --border-emphasis: 0.0625rem solid #454c54;
824
- --border-muted: 0.0625rem solid #454c54;
821
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
822
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
823
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
824
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
825
825
  --border-open-emphasis: var(--border-success-emphasis);
826
826
  --border-open-muted: var(--border-success-muted);
827
- --border-upsell-emphasis: 0.0625rem solid #622cbc;
828
- --border-upsell-muted: 0.0625rem solid #a371f7;
827
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
828
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
829
829
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
830
830
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
831
831
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
@@ -888,7 +888,7 @@
888
888
  --diffBlob-expander-iconColor: var(--fgColor-default);
889
889
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
890
890
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
891
- --focus-outline: 0.125rem solid #0349b4; /** Focus ring outline for keyboard navigation and accessibility. */
891
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
892
892
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
893
893
  --progressBar-track-bgColor: var(--bgColor-default);
894
894
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
@@ -898,7 +898,7 @@
898
898
  --shadow-floating-xlarge: 0 0 0 1px #454c54, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
899
899
  --tooltip-fgColor: var(--fgColor-onEmphasis);
900
900
  --underlineNav-borderColor-hover: var(--borderColor-muted);
901
- --border-neutral-muted: 0.0625rem solid #454c54;
901
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
902
902
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
903
903
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
904
904
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
@@ -1542,25 +1542,25 @@
1542
1542
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
1543
1543
  --bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
1544
1544
  --bgColor-white: #ffffff; /** Pure white background */
1545
- --border-accent-emphasis: 0.0625rem solid #0349b4;
1546
- --border-accent-muted: 0.0625rem solid #368cf9;
1547
- --border-attention-emphasis: 0.0625rem solid #744500;
1548
- --border-attention-muted: 0.0625rem solid #b58407;
1549
- --border-danger-emphasis: 0.0625rem solid #873800;
1550
- --border-danger-muted: 0.0625rem solid #b45105;
1551
- --border-default: 0.0625rem solid #454c54;
1552
- --border-disabled: 0.0625rem solid #59636e1f;
1553
- --border-done-emphasis: 0.0625rem solid #622cbc;
1554
- --border-done-muted: 0.0625rem solid #a371f7;
1555
- --border-neutral-emphasis: 0.0625rem solid #59636e;
1556
- --border-severe-emphasis: 0.0625rem solid #873800;
1557
- --border-severe-muted: 0.0625rem solid #dc6d1a66;
1558
- --border-sponsors-emphasis: 0.0625rem solid #971368;
1559
- --border-sponsors-muted: 0.0625rem solid #ed4baf;
1560
- --border-success-emphasis: 0.0625rem solid #0349b4;
1561
- --border-success-muted: 0.0625rem solid #368cf9;
1562
- --border-translucent: 0.0625rem solid #59636e; /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
1563
- --border-transparent: 0.0625rem solid #ffffff00;
1545
+ --border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
1546
+ --border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
1547
+ --border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
1548
+ --border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
1549
+ --border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
1550
+ --border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
1551
+ --border-default: var(--borderWidth-default) solid var(--borderColor-default);
1552
+ --border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
1553
+ --border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
1554
+ --border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
1555
+ --border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
1556
+ --border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
1557
+ --border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
1558
+ --border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
1559
+ --border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
1560
+ --border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
1561
+ --border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
1562
+ --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. */
1563
+ --border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
1564
1564
  --borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
1565
1565
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
1566
1566
  --borderColor-draft-muted: var(--borderColor-default); /** Subtle border for draft state indicators */
@@ -1721,14 +1721,14 @@
1721
1721
  --avatar-borderColor: var(--borderColor-emphasis);
1722
1722
  --border-closed-emphasis: var(--border-danger-emphasis);
1723
1723
  --border-closed-muted: var(--border-danger-muted);
1724
- --border-draft-emphasis: 0.0625rem solid #59636e;
1725
- --border-draft-muted: 0.0625rem solid #454c54;
1726
- --border-emphasis: 0.0625rem solid #454c54;
1727
- --border-muted: 0.0625rem solid #454c54;
1724
+ --border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
1725
+ --border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
1726
+ --border-emphasis: var(--borderWidth-default) solid var(--borderColor-emphasis);
1727
+ --border-muted: var(--borderWidth-default) solid var(--borderColor-muted);
1728
1728
  --border-open-emphasis: var(--border-success-emphasis);
1729
1729
  --border-open-muted: var(--border-success-muted);
1730
- --border-upsell-emphasis: 0.0625rem solid #622cbc;
1731
- --border-upsell-muted: 0.0625rem solid #a371f7;
1730
+ --border-upsell-emphasis: var(--borderWidth-default) solid var(--borderColor-upsell-emphasis);
1731
+ --border-upsell-muted: var(--borderWidth-default) solid var(--borderColor-upsell-muted);
1732
1732
  --borderColor-closed-emphasis: var(--borderColor-emphasis); /** Strong border for closed state badges */
1733
1733
  --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
1734
1734
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
@@ -1791,7 +1791,7 @@
1791
1791
  --diffBlob-expander-iconColor: var(--fgColor-default);
1792
1792
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
1793
1793
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1794
- --focus-outline: 0.125rem solid #0349b4; /** Focus ring outline for keyboard navigation and accessibility. */
1794
+ --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
1795
1795
  --focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
1796
1796
  --progressBar-track-bgColor: var(--bgColor-default);
1797
1797
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
@@ -1801,7 +1801,7 @@
1801
1801
  --shadow-floating-xlarge: 0 0 0 1px #454c54, 0 56px 112px 0 #25292e52; /** Extra large floating shadow for full-screen overlays and sheets */
1802
1802
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1803
1803
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1804
- --border-neutral-muted: 0.0625rem solid #454c54;
1804
+ --border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
1805
1805
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1806
1806
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
1807
1807
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);