@primer/primitives 8.2.4-rc.b28008e7 → 8.2.4-rc.d08fdd34

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 (64) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +12 -12
  2. package/dist/css/functional/themes/dark-dimmed.css +14 -14
  3. package/dist/css/functional/themes/dark-high-contrast.css +250 -250
  4. package/dist/css/functional/themes/dark-tritanopia.css +14 -14
  5. package/dist/css/functional/themes/dark.css +14 -14
  6. package/dist/css/functional/themes/light-colorblind.css +24 -24
  7. package/dist/css/functional/themes/light-high-contrast.css +146 -146
  8. package/dist/css/functional/themes/light-tritanopia.css +24 -24
  9. package/dist/css/functional/themes/light.css +12 -12
  10. package/dist/docs/functional/themes/dark-colorblind.json +149 -149
  11. package/dist/docs/functional/themes/dark-dimmed.json +160 -158
  12. package/dist/docs/functional/themes/dark-high-contrast.json +464 -454
  13. package/dist/docs/functional/themes/dark-tritanopia.json +153 -153
  14. package/dist/docs/functional/themes/dark.json +160 -158
  15. package/dist/docs/functional/themes/light-colorblind.json +167 -173
  16. package/dist/docs/functional/themes/light-high-contrast.json +362 -358
  17. package/dist/docs/functional/themes/light-tritanopia.json +165 -171
  18. package/dist/docs/functional/themes/light.json +159 -157
  19. package/dist/figma/themes/dark-colorblind.json +198 -198
  20. package/dist/figma/themes/dark-dimmed.json +201 -200
  21. package/dist/figma/themes/dark-high-contrast.json +598 -596
  22. package/dist/figma/themes/dark-tritanopia.json +200 -200
  23. package/dist/figma/themes/dark.json +201 -200
  24. package/dist/figma/themes/light-colorblind.json +217 -218
  25. package/dist/figma/themes/light-high-contrast.json +393 -391
  26. package/dist/figma/themes/light-tritanopia.json +216 -217
  27. package/dist/figma/themes/light.json +139 -138
  28. package/dist/internalCss/dark-colorblind.css +12 -12
  29. package/dist/internalCss/dark-dimmed.css +14 -14
  30. package/dist/internalCss/dark-high-contrast.css +250 -250
  31. package/dist/internalCss/dark-tritanopia.css +14 -14
  32. package/dist/internalCss/dark.css +14 -14
  33. package/dist/internalCss/light-colorblind.css +24 -24
  34. package/dist/internalCss/light-high-contrast.css +146 -146
  35. package/dist/internalCss/light-tritanopia.css +24 -24
  36. package/dist/internalCss/light.css +12 -12
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +149 -149
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +160 -158
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +464 -454
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +153 -153
  41. package/dist/styleLint/functional/themes/dark.json +160 -158
  42. package/dist/styleLint/functional/themes/light-colorblind.json +167 -173
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +362 -358
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +165 -171
  45. package/dist/styleLint/functional/themes/light.json +159 -157
  46. package/package.json +27 -26
  47. package/src/formats/cssAdvanced.ts +3 -3
  48. package/src/formats/cssCustomMedia.ts +2 -2
  49. package/src/formats/javascriptCommonJs.ts +2 -2
  50. package/src/formats/javascriptEsm.ts +2 -2
  51. package/src/formats/jsonFigma.ts +2 -2
  52. package/src/formats/jsonNestedPrefixed.ts +2 -2
  53. package/src/formats/jsonOneDimensional.ts +2 -2
  54. package/src/formats/jsonPostCssFallback.ts +2 -2
  55. package/src/formats/typescriptExportDefinition.ts +2 -2
  56. package/src/schemas/designToken.ts +1 -1
  57. package/src/schemas/validTokenType.ts +1 -1
  58. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +512 -2
  59. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
  60. package/src/tokens/functional/color/dark/primitives-dark.json5 +66 -65
  61. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +394 -0
  62. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
  63. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
  64. package/src/tokens/functional/color/light/primitives-light.json5 +65 -64
package/dist/figma/themes/dark.json CHANGED
@@ -1088,45 +1088,6 @@
1088
1088
  "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
1089
1089
  }
1090
1090
  },
1091
- {
1092
- "name": "borderColor/upsell-emphasis",
1093
- "value": {
1094
- "r": 0.5372549019607843,
1095
- "g": 0.3411764705882353,
1096
- "b": 0.8980392156862745,
1097
- "a": 1
1098
- },
1099
- "type": "COLOR",
1100
- "refId": "mode/borderColor/upsell-emphasis",
1101
- "reference": "base/color/dark/base/color/purple/5",
1102
- "collection": "mode",
1103
- "mode": "dark",
1104
- "group": "semantic",
1105
- "scopes": ["STROKE_COLOR"],
1106
- "codeSyntax": {
1107
- "web": "var(--borderColor-upsell-emphasis"
1108
- }
1109
- },
1110
- {
1111
- "name": "borderColor/upsell-muted",
1112
- "value": {
1113
- "r": 0.6705882352941176,
1114
- "g": 0.49019607843137253,
1115
- "b": 0.9725490196078431,
1116
- "a": 0.4
1117
- },
1118
- "type": "COLOR",
1119
- "alpha": 0.4,
1120
- "refId": "mode/borderColor/upsell-muted",
1121
- "reference": "base/color/dark/base/color/purple/4",
1122
- "collection": "mode",
1123
- "mode": "dark",
1124
- "group": "semantic",
1125
- "scopes": ["STROKE_COLOR"],
1126
- "codeSyntax": {
1127
- "web": "var(--borderColor-upsell-muted)"
1128
- }
1129
- },
1130
1091
  {
1131
1092
  "name": "borderColor/done-emphasis",
1132
1093
  "value": {
@@ -1166,45 +1127,6 @@
1166
1127
  "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */"
1167
1128
  }
1168
1129
  },
1169
- {
1170
- "name": "borderColor/closed-emphasis",
1171
- "value": {
1172
- "r": 0.8549019607843137,
1173
- "g": 0.21176470588235294,
1174
- "b": 0.2,
1175
- "a": 1
1176
- },
1177
- "type": "COLOR",
1178
- "refId": "mode/borderColor/closed-emphasis",
1179
- "reference": "base/color/dark/base/color/red/5",
1180
- "collection": "mode",
1181
- "mode": "dark",
1182
- "group": "semantic",
1183
- "scopes": ["STROKE_COLOR"],
1184
- "codeSyntax": {
1185
- "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
1186
- }
1187
- },
1188
- {
1189
- "name": "borderColor/closed-muted",
1190
- "value": {
1191
- "r": 0.9725490196078431,
1192
- "g": 0.3176470588235294,
1193
- "b": 0.28627450980392155,
1194
- "a": 0.4
1195
- },
1196
- "type": "COLOR",
1197
- "alpha": 0.4,
1198
- "refId": "mode/borderColor/closed-muted",
1199
- "reference": "base/color/dark/base/color/red/4",
1200
- "collection": "mode",
1201
- "mode": "dark",
1202
- "group": "semantic",
1203
- "scopes": ["STROKE_COLOR"],
1204
- "codeSyntax": {
1205
- "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
1206
- }
1207
- },
1208
1130
  {
1209
1131
  "name": "borderColor/danger-emphasis",
1210
1132
  "value": {
@@ -1540,45 +1462,6 @@
1540
1462
  "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
1541
1463
  }
1542
1464
  },
1543
- {
1544
- "name": "bgColor/upsell-emphasis",
1545
- "value": {
1546
- "r": 0.5372549019607843,
1547
- "g": 0.3411764705882353,
1548
- "b": 0.8980392156862745,
1549
- "a": 1
1550
- },
1551
- "type": "COLOR",
1552
- "refId": "mode/bgColor/upsell-emphasis",
1553
- "reference": "base/color/dark/base/color/purple/5",
1554
- "collection": "mode",
1555
- "mode": "dark",
1556
- "group": "semantic",
1557
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1558
- "codeSyntax": {
1559
- "web": "var(--bgColor-upsell-emphasis)"
1560
- }
1561
- },
1562
- {
1563
- "name": "bgColor/upsell-muted",
1564
- "value": {
1565
- "r": 0.6705882352941176,
1566
- "g": 0.49019607843137253,
1567
- "b": 0.9725490196078431,
1568
- "a": 0.15
1569
- },
1570
- "type": "COLOR",
1571
- "alpha": 0.15,
1572
- "refId": "mode/bgColor/upsell-muted",
1573
- "reference": "base/color/dark/base/color/purple/4",
1574
- "collection": "mode",
1575
- "mode": "dark",
1576
- "group": "semantic",
1577
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1578
- "codeSyntax": {
1579
- "web": "var(--bgColor-upsell-muted)"
1580
- }
1581
- },
1582
1465
  {
1583
1466
  "name": "bgColor/done-emphasis",
1584
1467
  "value": {
@@ -1618,45 +1501,6 @@
1618
1501
  "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
1619
1502
  }
1620
1503
  },
1621
- {
1622
- "name": "bgColor/closed-emphasis",
1623
- "value": {
1624
- "r": 0.8549019607843137,
1625
- "g": 0.21176470588235294,
1626
- "b": 0.2,
1627
- "a": 1
1628
- },
1629
- "type": "COLOR",
1630
- "refId": "mode/bgColor/closed-emphasis",
1631
- "reference": "base/color/dark/base/color/red/5",
1632
- "collection": "mode",
1633
- "mode": "dark",
1634
- "group": "semantic",
1635
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1636
- "codeSyntax": {
1637
- "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
1638
- }
1639
- },
1640
- {
1641
- "name": "bgColor/closed-muted",
1642
- "value": {
1643
- "r": 0.9725490196078431,
1644
- "g": 0.3176470588235294,
1645
- "b": 0.28627450980392155,
1646
- "a": 0.15
1647
- },
1648
- "type": "COLOR",
1649
- "alpha": 0.15,
1650
- "refId": "mode/bgColor/closed-muted",
1651
- "reference": "base/color/dark/base/color/red/4",
1652
- "collection": "mode",
1653
- "mode": "dark",
1654
- "group": "semantic",
1655
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1656
- "codeSyntax": {
1657
- "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
1658
- }
1659
- },
1660
1504
  {
1661
1505
  "name": "bgColor/danger-emphasis",
1662
1506
  "value": {
@@ -2064,25 +1908,6 @@
2064
1908
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
2065
1909
  }
2066
1910
  },
2067
- {
2068
- "name": "fgColor/upsell",
2069
- "value": {
2070
- "r": 0.6705882352941176,
2071
- "g": 0.49019607843137253,
2072
- "b": 0.9725490196078431,
2073
- "a": 1
2074
- },
2075
- "type": "COLOR",
2076
- "refId": "mode/fgColor/upsell",
2077
- "reference": "base/color/dark/base/color/purple/4",
2078
- "collection": "mode",
2079
- "mode": "dark",
2080
- "group": "semantic",
2081
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2082
- "codeSyntax": {
2083
- "web": "var(--fgColor-upsell)"
2084
- }
2085
- },
2086
1911
  {
2087
1912
  "name": "fgColor/done",
2088
1913
  "value": {
@@ -2102,25 +1927,6 @@
2102
1927
  "web": "var(--fgColor-done) /* utility class: .color-fg-done */"
2103
1928
  }
2104
1929
  },
2105
- {
2106
- "name": "fgColor/closed",
2107
- "value": {
2108
- "r": 0.9725490196078431,
2109
- "g": 0.3176470588235294,
2110
- "b": 0.28627450980392155,
2111
- "a": 1
2112
- },
2113
- "type": "COLOR",
2114
- "refId": "mode/fgColor/closed",
2115
- "reference": "base/color/dark/base/color/red/4",
2116
- "collection": "mode",
2117
- "mode": "dark",
2118
- "group": "semantic",
2119
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2120
- "codeSyntax": {
2121
- "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
2122
- }
2123
- },
2124
1930
  {
2125
1931
  "name": "fgColor/danger",
2126
1932
  "value": {
@@ -2220,14 +2026,14 @@
2220
2026
  {
2221
2027
  "name": "fgColor/neutral",
2222
2028
  "value": {
2223
- "r": 0.43137254901960786,
2224
- "g": 0.4627450980392157,
2225
- "b": 0.5058823529411764,
2029
+ "r": 0.6941176470588235,
2030
+ "g": 0.7294117647058823,
2031
+ "b": 0.7686274509803922,
2226
2032
  "a": 1
2227
2033
  },
2228
2034
  "type": "COLOR",
2229
2035
  "refId": "mode/fgColor/neutral",
2230
- "reference": "base/color/dark/base/color/neutral/4",
2036
+ "reference": "base/color/dark/base/color/neutral/2",
2231
2037
  "collection": "mode",
2232
2038
  "mode": "dark",
2233
2039
  "group": "semantic",
@@ -7727,6 +7533,84 @@
7727
7533
  "group": "component",
7728
7534
  "scopes": ["STROKE_COLOR"]
7729
7535
  },
7536
+ {
7537
+ "name": "borderColor/upsell-emphasis",
7538
+ "value": {
7539
+ "r": 0.5372549019607843,
7540
+ "g": 0.3411764705882353,
7541
+ "b": 0.8980392156862745,
7542
+ "a": 1
7543
+ },
7544
+ "type": "COLOR",
7545
+ "refId": "mode/borderColor/upsell-emphasis",
7546
+ "reference": "mode/borderColor/done-emphasis",
7547
+ "collection": "mode",
7548
+ "mode": "dark",
7549
+ "group": "semantic",
7550
+ "scopes": ["STROKE_COLOR"],
7551
+ "codeSyntax": {
7552
+ "web": "var(--borderColor-upsell-emphasis"
7553
+ }
7554
+ },
7555
+ {
7556
+ "name": "borderColor/upsell-muted",
7557
+ "value": {
7558
+ "r": 0.6705882352941176,
7559
+ "g": 0.49019607843137253,
7560
+ "b": 0.9725490196078431,
7561
+ "a": 0.4
7562
+ },
7563
+ "type": "COLOR",
7564
+ "alpha": 0.4,
7565
+ "refId": "mode/borderColor/upsell-muted",
7566
+ "reference": "mode/borderColor/done-muted",
7567
+ "collection": "mode",
7568
+ "mode": "dark",
7569
+ "group": "semantic",
7570
+ "scopes": ["STROKE_COLOR"],
7571
+ "codeSyntax": {
7572
+ "web": "var(--borderColor-upsell-muted)"
7573
+ }
7574
+ },
7575
+ {
7576
+ "name": "borderColor/closed-emphasis",
7577
+ "value": {
7578
+ "r": 0.8549019607843137,
7579
+ "g": 0.21176470588235294,
7580
+ "b": 0.2,
7581
+ "a": 1
7582
+ },
7583
+ "type": "COLOR",
7584
+ "refId": "mode/borderColor/closed-emphasis",
7585
+ "reference": "mode/borderColor/danger-emphasis",
7586
+ "collection": "mode",
7587
+ "mode": "dark",
7588
+ "group": "semantic",
7589
+ "scopes": ["STROKE_COLOR"],
7590
+ "codeSyntax": {
7591
+ "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
7592
+ }
7593
+ },
7594
+ {
7595
+ "name": "borderColor/closed-muted",
7596
+ "value": {
7597
+ "r": 0.9725490196078431,
7598
+ "g": 0.3176470588235294,
7599
+ "b": 0.28627450980392155,
7600
+ "a": 0.4
7601
+ },
7602
+ "type": "COLOR",
7603
+ "alpha": 0.4,
7604
+ "refId": "mode/borderColor/closed-muted",
7605
+ "reference": "mode/borderColor/danger-muted",
7606
+ "collection": "mode",
7607
+ "mode": "dark",
7608
+ "group": "semantic",
7609
+ "scopes": ["STROKE_COLOR"],
7610
+ "codeSyntax": {
7611
+ "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
7612
+ }
7613
+ },
7730
7614
  {
7731
7615
  "name": "borderColor/open-emphasis",
7732
7616
  "value": {
@@ -7755,6 +7639,7 @@
7755
7639
  "a": 0.4
7756
7640
  },
7757
7641
  "type": "COLOR",
7642
+ "alpha": 0.4,
7758
7643
  "refId": "mode/borderColor/open-muted",
7759
7644
  "reference": "mode/borderColor/success-muted",
7760
7645
  "collection": "mode",
@@ -7801,6 +7686,84 @@
7801
7686
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
7802
7687
  }
7803
7688
  },
7689
+ {
7690
+ "name": "bgColor/upsell-emphasis",
7691
+ "value": {
7692
+ "r": 0.5372549019607843,
7693
+ "g": 0.3411764705882353,
7694
+ "b": 0.8980392156862745,
7695
+ "a": 1
7696
+ },
7697
+ "type": "COLOR",
7698
+ "refId": "mode/bgColor/upsell-emphasis",
7699
+ "reference": "mode/bgColor/done-emphasis",
7700
+ "collection": "mode",
7701
+ "mode": "dark",
7702
+ "group": "semantic",
7703
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7704
+ "codeSyntax": {
7705
+ "web": "var(--bgColor-upsell-emphasis)"
7706
+ }
7707
+ },
7708
+ {
7709
+ "name": "bgColor/upsell-muted",
7710
+ "value": {
7711
+ "r": 0.6705882352941176,
7712
+ "g": 0.49019607843137253,
7713
+ "b": 0.9725490196078431,
7714
+ "a": 0.15
7715
+ },
7716
+ "type": "COLOR",
7717
+ "alpha": 0.15,
7718
+ "refId": "mode/bgColor/upsell-muted",
7719
+ "reference": "mode/bgColor/done-muted",
7720
+ "collection": "mode",
7721
+ "mode": "dark",
7722
+ "group": "semantic",
7723
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7724
+ "codeSyntax": {
7725
+ "web": "var(--bgColor-upsell-muted)"
7726
+ }
7727
+ },
7728
+ {
7729
+ "name": "bgColor/closed-emphasis",
7730
+ "value": {
7731
+ "r": 0.8549019607843137,
7732
+ "g": 0.21176470588235294,
7733
+ "b": 0.2,
7734
+ "a": 1
7735
+ },
7736
+ "type": "COLOR",
7737
+ "refId": "mode/bgColor/closed-emphasis",
7738
+ "reference": "mode/bgColor/danger-emphasis",
7739
+ "collection": "mode",
7740
+ "mode": "dark",
7741
+ "group": "semantic",
7742
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7743
+ "codeSyntax": {
7744
+ "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
7745
+ }
7746
+ },
7747
+ {
7748
+ "name": "bgColor/closed-muted",
7749
+ "value": {
7750
+ "r": 0.9725490196078431,
7751
+ "g": 0.3176470588235294,
7752
+ "b": 0.28627450980392155,
7753
+ "a": 0.1
7754
+ },
7755
+ "type": "COLOR",
7756
+ "alpha": 0.1,
7757
+ "refId": "mode/bgColor/closed-muted",
7758
+ "reference": "mode/bgColor/danger-muted",
7759
+ "collection": "mode",
7760
+ "mode": "dark",
7761
+ "group": "semantic",
7762
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7763
+ "codeSyntax": {
7764
+ "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
7765
+ }
7766
+ },
7804
7767
  {
7805
7768
  "name": "bgColor/open-emphasis",
7806
7769
  "value": {
@@ -7826,10 +7789,10 @@
7826
7789
  "r": 0.1803921568627451,
7827
7790
  "g": 0.6274509803921569,
7828
7791
  "b": 0.2627450980392157,
7829
- "a": 0.1
7792
+ "a": 0.15
7830
7793
  },
7831
7794
  "type": "COLOR",
7832
- "alpha": 0.1,
7795
+ "alpha": 0.15,
7833
7796
  "refId": "mode/bgColor/open-muted",
7834
7797
  "reference": "mode/bgColor/success-muted",
7835
7798
  "collection": "mode",
@@ -7840,6 +7803,44 @@
7840
7803
  "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
7841
7804
  }
7842
7805
  },
7806
+ {
7807
+ "name": "fgColor/upsell",
7808
+ "value": {
7809
+ "r": 0.6705882352941176,
7810
+ "g": 0.49019607843137253,
7811
+ "b": 0.9725490196078431,
7812
+ "a": 1
7813
+ },
7814
+ "type": "COLOR",
7815
+ "refId": "mode/fgColor/upsell",
7816
+ "reference": "mode/fgColor/done",
7817
+ "collection": "mode",
7818
+ "mode": "dark",
7819
+ "group": "semantic",
7820
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
7821
+ "codeSyntax": {
7822
+ "web": "var(--fgColor-upsell)"
7823
+ }
7824
+ },
7825
+ {
7826
+ "name": "fgColor/closed",
7827
+ "value": {
7828
+ "r": 0.9725490196078431,
7829
+ "g": 0.3176470588235294,
7830
+ "b": 0.28627450980392155,
7831
+ "a": 1
7832
+ },
7833
+ "type": "COLOR",
7834
+ "refId": "mode/fgColor/closed",
7835
+ "reference": "mode/fgColor/danger",
7836
+ "collection": "mode",
7837
+ "mode": "dark",
7838
+ "group": "semantic",
7839
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
7840
+ "codeSyntax": {
7841
+ "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
7842
+ }
7843
+ },
7843
7844
  {
7844
7845
  "name": "fgColor/open",
7845
7846
  "value": {