@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/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/figma/figma.json CHANGED
@@ -25,28 +25,28 @@
25
25
  "component"
26
26
  ]
27
27
  },
28
- "base/color/dark": {
28
+ "base/color/dark-dimmed": {
29
29
  "modes": [
30
30
  "default"
31
31
  ],
32
32
  "groups": [
33
- "base/color/dark"
33
+ "base/color/dark-dimmed"
34
34
  ]
35
35
  },
36
- "base/color/dark-dimmed": {
36
+ "base/color/dark-high-contrast": {
37
37
  "modes": [
38
38
  "default"
39
39
  ],
40
40
  "groups": [
41
- "base/color/dark-dimmed"
41
+ "base/color/dark-high-contrast"
42
42
  ]
43
43
  },
44
- "base/color/dark-high-contrast": {
44
+ "base/color/dark": {
45
45
  "modes": [
46
46
  "default"
47
47
  ],
48
48
  "groups": [
49
- "base/color/dark-high-contrast"
49
+ "base/color/dark"
50
50
  ]
51
51
  },
52
52
  "base/color/light-high-contrast": {