@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-dimmed.json CHANGED
@@ -1118,45 +1118,6 @@
1118
1118
  "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
1119
1119
  }
1120
1120
  },
1121
- {
1122
- "name": "borderColor/upsell-emphasis",
1123
- "value": {
1124
- "r": 0.5098039215686274,
1125
- "g": 0.33725490196078434,
1126
- "b": 0.8156862745098039,
1127
- "a": 1
1128
- },
1129
- "type": "COLOR",
1130
- "refId": "mode/borderColor/upsell-emphasis",
1131
- "reference": "base/color/dark-dimmed/base/color/purple/5",
1132
- "collection": "mode",
1133
- "mode": "dark dimmed",
1134
- "group": "semantic",
1135
- "scopes": ["STROKE_COLOR"],
1136
- "codeSyntax": {
1137
- "web": "var(--borderColor-upsell-emphasis"
1138
- }
1139
- },
1140
- {
1141
- "name": "borderColor/upsell-muted",
1142
- "value": {
1143
- "r": 0.596078431372549,
1144
- "g": 0.43137254901960786,
1145
- "b": 0.8862745098039215,
1146
- "a": 0.4
1147
- },
1148
- "type": "COLOR",
1149
- "alpha": 0.4,
1150
- "refId": "mode/borderColor/upsell-muted",
1151
- "reference": "base/color/dark-dimmed/base/color/purple/4",
1152
- "collection": "mode",
1153
- "mode": "dark dimmed",
1154
- "group": "semantic",
1155
- "scopes": ["STROKE_COLOR"],
1156
- "codeSyntax": {
1157
- "web": "var(--borderColor-upsell-muted)"
1158
- }
1159
- },
1160
1121
  {
1161
1122
  "name": "borderColor/done-emphasis",
1162
1123
  "value": {
@@ -1196,45 +1157,6 @@
1196
1157
  "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */"
1197
1158
  }
1198
1159
  },
1199
- {
1200
- "name": "borderColor/closed-emphasis",
1201
- "value": {
1202
- "r": 0.788235294117647,
1203
- "g": 0.23529411764705882,
1204
- "b": 0.21568627450980393,
1205
- "a": 1
1206
- },
1207
- "type": "COLOR",
1208
- "refId": "mode/borderColor/closed-emphasis",
1209
- "reference": "base/color/dark-dimmed/base/color/red/5",
1210
- "collection": "mode",
1211
- "mode": "dark dimmed",
1212
- "group": "semantic",
1213
- "scopes": ["STROKE_COLOR"],
1214
- "codeSyntax": {
1215
- "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
1216
- }
1217
- },
1218
- {
1219
- "name": "borderColor/closed-muted",
1220
- "value": {
1221
- "r": 0.8980392156862745,
1222
- "g": 0.3254901960784314,
1223
- "b": 0.29411764705882354,
1224
- "a": 0.4
1225
- },
1226
- "type": "COLOR",
1227
- "alpha": 0.4,
1228
- "refId": "mode/borderColor/closed-muted",
1229
- "reference": "base/color/dark-dimmed/base/color/red/4",
1230
- "collection": "mode",
1231
- "mode": "dark dimmed",
1232
- "group": "semantic",
1233
- "scopes": ["STROKE_COLOR"],
1234
- "codeSyntax": {
1235
- "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
1236
- }
1237
- },
1238
1160
  {
1239
1161
  "name": "borderColor/danger-emphasis",
1240
1162
  "value": {
@@ -1570,45 +1492,6 @@
1570
1492
  "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
1571
1493
  }
1572
1494
  },
1573
- {
1574
- "name": "bgColor/upsell-emphasis",
1575
- "value": {
1576
- "r": 0.5098039215686274,
1577
- "g": 0.33725490196078434,
1578
- "b": 0.8156862745098039,
1579
- "a": 1
1580
- },
1581
- "type": "COLOR",
1582
- "refId": "mode/bgColor/upsell-emphasis",
1583
- "reference": "base/color/dark-dimmed/base/color/purple/5",
1584
- "collection": "mode",
1585
- "mode": "dark dimmed",
1586
- "group": "semantic",
1587
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1588
- "codeSyntax": {
1589
- "web": "var(--bgColor-upsell-emphasis)"
1590
- }
1591
- },
1592
- {
1593
- "name": "bgColor/upsell-muted",
1594
- "value": {
1595
- "r": 0.596078431372549,
1596
- "g": 0.43137254901960786,
1597
- "b": 0.8862745098039215,
1598
- "a": 0.15
1599
- },
1600
- "type": "COLOR",
1601
- "alpha": 0.15,
1602
- "refId": "mode/bgColor/upsell-muted",
1603
- "reference": "base/color/dark-dimmed/base/color/purple/4",
1604
- "collection": "mode",
1605
- "mode": "dark dimmed",
1606
- "group": "semantic",
1607
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1608
- "codeSyntax": {
1609
- "web": "var(--bgColor-upsell-muted)"
1610
- }
1611
- },
1612
1495
  {
1613
1496
  "name": "bgColor/done-emphasis",
1614
1497
  "value": {
@@ -1648,45 +1531,6 @@
1648
1531
  "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
1649
1532
  }
1650
1533
  },
1651
- {
1652
- "name": "bgColor/closed-emphasis",
1653
- "value": {
1654
- "r": 0.788235294117647,
1655
- "g": 0.23529411764705882,
1656
- "b": 0.21568627450980393,
1657
- "a": 1
1658
- },
1659
- "type": "COLOR",
1660
- "refId": "mode/bgColor/closed-emphasis",
1661
- "reference": "base/color/dark-dimmed/base/color/red/5",
1662
- "collection": "mode",
1663
- "mode": "dark dimmed",
1664
- "group": "semantic",
1665
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1666
- "codeSyntax": {
1667
- "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
1668
- }
1669
- },
1670
- {
1671
- "name": "bgColor/closed-muted",
1672
- "value": {
1673
- "r": 0.8980392156862745,
1674
- "g": 0.3254901960784314,
1675
- "b": 0.29411764705882354,
1676
- "a": 0.15
1677
- },
1678
- "type": "COLOR",
1679
- "alpha": 0.15,
1680
- "refId": "mode/bgColor/closed-muted",
1681
- "reference": "base/color/dark-dimmed/base/color/red/4",
1682
- "collection": "mode",
1683
- "mode": "dark dimmed",
1684
- "group": "semantic",
1685
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1686
- "codeSyntax": {
1687
- "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
1688
- }
1689
- },
1690
1534
  {
1691
1535
  "name": "bgColor/danger-emphasis",
1692
1536
  "value": {
@@ -2094,25 +1938,6 @@
2094
1938
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
2095
1939
  }
2096
1940
  },
2097
- {
2098
- "name": "fgColor/upsell",
2099
- "value": {
2100
- "r": 0.596078431372549,
2101
- "g": 0.43137254901960786,
2102
- "b": 0.8862745098039215,
2103
- "a": 1
2104
- },
2105
- "type": "COLOR",
2106
- "refId": "mode/fgColor/upsell",
2107
- "reference": "base/color/dark-dimmed/base/color/purple/4",
2108
- "collection": "mode",
2109
- "mode": "dark dimmed",
2110
- "group": "semantic",
2111
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2112
- "codeSyntax": {
2113
- "web": "var(--fgColor-upsell)"
2114
- }
2115
- },
2116
1941
  {
2117
1942
  "name": "fgColor/done",
2118
1943
  "value": {
@@ -2132,25 +1957,6 @@
2132
1957
  "web": "var(--fgColor-done) /* utility class: .color-fg-done */"
2133
1958
  }
2134
1959
  },
2135
- {
2136
- "name": "fgColor/closed",
2137
- "value": {
2138
- "r": 0.8980392156862745,
2139
- "g": 0.3254901960784314,
2140
- "b": 0.29411764705882354,
2141
- "a": 1
2142
- },
2143
- "type": "COLOR",
2144
- "refId": "mode/fgColor/closed",
2145
- "reference": "base/color/dark-dimmed/base/color/red/4",
2146
- "collection": "mode",
2147
- "mode": "dark dimmed",
2148
- "group": "semantic",
2149
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2150
- "codeSyntax": {
2151
- "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
2152
- }
2153
- },
2154
1960
  {
2155
1961
  "name": "fgColor/danger",
2156
1962
  "value": {
@@ -2250,14 +2056,14 @@
2250
2056
  {
2251
2057
  "name": "fgColor/neutral",
2252
2058
  "value": {
2253
- "r": 0.38823529411764707,
2254
- "g": 0.43137254901960786,
2255
- "b": 0.4823529411764706,
2059
+ "r": 0.5647058823529412,
2060
+ "g": 0.615686274509804,
2061
+ "b": 0.6705882352941176,
2256
2062
  "a": 1
2257
2063
  },
2258
2064
  "type": "COLOR",
2259
2065
  "refId": "mode/fgColor/neutral",
2260
- "reference": "base/color/dark-dimmed/base/color/neutral/4",
2066
+ "reference": "base/color/dark-dimmed/base/color/neutral/2",
2261
2067
  "collection": "mode",
2262
2068
  "mode": "dark dimmed",
2263
2069
  "group": "semantic",
@@ -7757,6 +7563,84 @@
7757
7563
  "group": "component",
7758
7564
  "scopes": ["STROKE_COLOR"]
7759
7565
  },
7566
+ {
7567
+ "name": "borderColor/upsell-emphasis",
7568
+ "value": {
7569
+ "r": 0.5098039215686274,
7570
+ "g": 0.33725490196078434,
7571
+ "b": 0.8156862745098039,
7572
+ "a": 1
7573
+ },
7574
+ "type": "COLOR",
7575
+ "refId": "mode/borderColor/upsell-emphasis",
7576
+ "reference": "mode/borderColor/done-emphasis",
7577
+ "collection": "mode",
7578
+ "mode": "dark dimmed",
7579
+ "group": "semantic",
7580
+ "scopes": ["STROKE_COLOR"],
7581
+ "codeSyntax": {
7582
+ "web": "var(--borderColor-upsell-emphasis"
7583
+ }
7584
+ },
7585
+ {
7586
+ "name": "borderColor/upsell-muted",
7587
+ "value": {
7588
+ "r": 0.596078431372549,
7589
+ "g": 0.43137254901960786,
7590
+ "b": 0.8862745098039215,
7591
+ "a": 0.4
7592
+ },
7593
+ "type": "COLOR",
7594
+ "alpha": 0.4,
7595
+ "refId": "mode/borderColor/upsell-muted",
7596
+ "reference": "mode/borderColor/done-muted",
7597
+ "collection": "mode",
7598
+ "mode": "dark dimmed",
7599
+ "group": "semantic",
7600
+ "scopes": ["STROKE_COLOR"],
7601
+ "codeSyntax": {
7602
+ "web": "var(--borderColor-upsell-muted)"
7603
+ }
7604
+ },
7605
+ {
7606
+ "name": "borderColor/closed-emphasis",
7607
+ "value": {
7608
+ "r": 0.788235294117647,
7609
+ "g": 0.23529411764705882,
7610
+ "b": 0.21568627450980393,
7611
+ "a": 1
7612
+ },
7613
+ "type": "COLOR",
7614
+ "refId": "mode/borderColor/closed-emphasis",
7615
+ "reference": "mode/borderColor/danger-emphasis",
7616
+ "collection": "mode",
7617
+ "mode": "dark dimmed",
7618
+ "group": "semantic",
7619
+ "scopes": ["STROKE_COLOR"],
7620
+ "codeSyntax": {
7621
+ "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
7622
+ }
7623
+ },
7624
+ {
7625
+ "name": "borderColor/closed-muted",
7626
+ "value": {
7627
+ "r": 0.8980392156862745,
7628
+ "g": 0.3254901960784314,
7629
+ "b": 0.29411764705882354,
7630
+ "a": 0.4
7631
+ },
7632
+ "type": "COLOR",
7633
+ "alpha": 0.4,
7634
+ "refId": "mode/borderColor/closed-muted",
7635
+ "reference": "mode/borderColor/danger-muted",
7636
+ "collection": "mode",
7637
+ "mode": "dark dimmed",
7638
+ "group": "semantic",
7639
+ "scopes": ["STROKE_COLOR"],
7640
+ "codeSyntax": {
7641
+ "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
7642
+ }
7643
+ },
7760
7644
  {
7761
7645
  "name": "borderColor/open-emphasis",
7762
7646
  "value": {
@@ -7785,6 +7669,7 @@
7785
7669
  "a": 0.4
7786
7670
  },
7787
7671
  "type": "COLOR",
7672
+ "alpha": 0.4,
7788
7673
  "refId": "mode/borderColor/open-muted",
7789
7674
  "reference": "mode/borderColor/success-muted",
7790
7675
  "collection": "mode",
@@ -7831,6 +7716,84 @@
7831
7716
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
7832
7717
  }
7833
7718
  },
7719
+ {
7720
+ "name": "bgColor/upsell-emphasis",
7721
+ "value": {
7722
+ "r": 0.5098039215686274,
7723
+ "g": 0.33725490196078434,
7724
+ "b": 0.8156862745098039,
7725
+ "a": 1
7726
+ },
7727
+ "type": "COLOR",
7728
+ "refId": "mode/bgColor/upsell-emphasis",
7729
+ "reference": "mode/bgColor/done-emphasis",
7730
+ "collection": "mode",
7731
+ "mode": "dark dimmed",
7732
+ "group": "semantic",
7733
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7734
+ "codeSyntax": {
7735
+ "web": "var(--bgColor-upsell-emphasis)"
7736
+ }
7737
+ },
7738
+ {
7739
+ "name": "bgColor/upsell-muted",
7740
+ "value": {
7741
+ "r": 0.596078431372549,
7742
+ "g": 0.43137254901960786,
7743
+ "b": 0.8862745098039215,
7744
+ "a": 0.15
7745
+ },
7746
+ "type": "COLOR",
7747
+ "alpha": 0.15,
7748
+ "refId": "mode/bgColor/upsell-muted",
7749
+ "reference": "mode/bgColor/done-muted",
7750
+ "collection": "mode",
7751
+ "mode": "dark dimmed",
7752
+ "group": "semantic",
7753
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7754
+ "codeSyntax": {
7755
+ "web": "var(--bgColor-upsell-muted)"
7756
+ }
7757
+ },
7758
+ {
7759
+ "name": "bgColor/closed-emphasis",
7760
+ "value": {
7761
+ "r": 0.788235294117647,
7762
+ "g": 0.23529411764705882,
7763
+ "b": 0.21568627450980393,
7764
+ "a": 1
7765
+ },
7766
+ "type": "COLOR",
7767
+ "refId": "mode/bgColor/closed-emphasis",
7768
+ "reference": "mode/bgColor/danger-emphasis",
7769
+ "collection": "mode",
7770
+ "mode": "dark dimmed",
7771
+ "group": "semantic",
7772
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7773
+ "codeSyntax": {
7774
+ "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
7775
+ }
7776
+ },
7777
+ {
7778
+ "name": "bgColor/closed-muted",
7779
+ "value": {
7780
+ "r": 0.8980392156862745,
7781
+ "g": 0.3254901960784314,
7782
+ "b": 0.29411764705882354,
7783
+ "a": 0.1
7784
+ },
7785
+ "type": "COLOR",
7786
+ "alpha": 0.1,
7787
+ "refId": "mode/bgColor/closed-muted",
7788
+ "reference": "mode/bgColor/danger-muted",
7789
+ "collection": "mode",
7790
+ "mode": "dark dimmed",
7791
+ "group": "semantic",
7792
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7793
+ "codeSyntax": {
7794
+ "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
7795
+ }
7796
+ },
7834
7797
  {
7835
7798
  "name": "bgColor/open-emphasis",
7836
7799
  "value": {
@@ -7856,10 +7819,10 @@
7856
7819
  "r": 0.27450980392156865,
7857
7820
  "g": 0.5843137254901961,
7858
7821
  "b": 0.2901960784313726,
7859
- "a": 0.1
7822
+ "a": 0.15
7860
7823
  },
7861
7824
  "type": "COLOR",
7862
- "alpha": 0.1,
7825
+ "alpha": 0.15,
7863
7826
  "refId": "mode/bgColor/open-muted",
7864
7827
  "reference": "mode/bgColor/success-muted",
7865
7828
  "collection": "mode",
@@ -7870,6 +7833,44 @@
7870
7833
  "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
7871
7834
  }
7872
7835
  },
7836
+ {
7837
+ "name": "fgColor/upsell",
7838
+ "value": {
7839
+ "r": 0.596078431372549,
7840
+ "g": 0.43137254901960786,
7841
+ "b": 0.8862745098039215,
7842
+ "a": 1
7843
+ },
7844
+ "type": "COLOR",
7845
+ "refId": "mode/fgColor/upsell",
7846
+ "reference": "mode/fgColor/done",
7847
+ "collection": "mode",
7848
+ "mode": "dark dimmed",
7849
+ "group": "semantic",
7850
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
7851
+ "codeSyntax": {
7852
+ "web": "var(--fgColor-upsell)"
7853
+ }
7854
+ },
7855
+ {
7856
+ "name": "fgColor/closed",
7857
+ "value": {
7858
+ "r": 0.8980392156862745,
7859
+ "g": 0.3254901960784314,
7860
+ "b": 0.29411764705882354,
7861
+ "a": 1
7862
+ },
7863
+ "type": "COLOR",
7864
+ "refId": "mode/fgColor/closed",
7865
+ "reference": "mode/fgColor/danger",
7866
+ "collection": "mode",
7867
+ "mode": "dark dimmed",
7868
+ "group": "semantic",
7869
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
7870
+ "codeSyntax": {
7871
+ "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
7872
+ }
7873
+ },
7873
7874
  {
7874
7875
  "name": "fgColor/open",
7875
7876
  "value": {