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

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 (53) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +10 -10
  2. package/dist/css/functional/themes/dark-dimmed.css +12 -12
  3. package/dist/css/functional/themes/dark-high-contrast.css +80 -80
  4. package/dist/css/functional/themes/dark-tritanopia.css +12 -12
  5. package/dist/css/functional/themes/dark.css +12 -12
  6. package/dist/css/functional/themes/light-colorblind.css +22 -22
  7. package/dist/css/functional/themes/light-high-contrast.css +30 -30
  8. package/dist/css/functional/themes/light-tritanopia.css +22 -22
  9. package/dist/css/functional/themes/light.css +10 -10
  10. package/dist/docs/functional/themes/dark-colorblind.json +145 -145
  11. package/dist/docs/functional/themes/dark-dimmed.json +155 -153
  12. package/dist/docs/functional/themes/dark-high-contrast.json +245 -235
  13. package/dist/docs/functional/themes/dark-tritanopia.json +149 -149
  14. package/dist/docs/functional/themes/dark.json +155 -153
  15. package/dist/docs/functional/themes/light-colorblind.json +165 -171
  16. package/dist/docs/functional/themes/light-high-contrast.json +188 -184
  17. package/dist/docs/functional/themes/light-tritanopia.json +163 -169
  18. package/dist/docs/functional/themes/light.json +157 -155
  19. package/dist/figma/themes/dark-colorblind.json +155 -155
  20. package/dist/figma/themes/dark-dimmed.json +139 -138
  21. package/dist/figma/themes/dark-high-contrast.json +230 -228
  22. package/dist/figma/themes/dark-tritanopia.json +157 -157
  23. package/dist/figma/themes/dark.json +139 -138
  24. package/dist/figma/themes/light-colorblind.json +213 -214
  25. package/dist/figma/themes/light-high-contrast.json +171 -169
  26. package/dist/figma/themes/light-tritanopia.json +212 -213
  27. package/dist/figma/themes/light.json +135 -134
  28. package/dist/internalCss/dark-colorblind.css +10 -10
  29. package/dist/internalCss/dark-dimmed.css +12 -12
  30. package/dist/internalCss/dark-high-contrast.css +80 -80
  31. package/dist/internalCss/dark-tritanopia.css +12 -12
  32. package/dist/internalCss/dark.css +12 -12
  33. package/dist/internalCss/light-colorblind.css +22 -22
  34. package/dist/internalCss/light-high-contrast.css +30 -30
  35. package/dist/internalCss/light-tritanopia.css +22 -22
  36. package/dist/internalCss/light.css +10 -10
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +145 -145
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +155 -153
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +245 -235
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +149 -149
  41. package/dist/styleLint/functional/themes/dark.json +155 -153
  42. package/dist/styleLint/functional/themes/light-colorblind.json +165 -171
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +188 -184
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +163 -169
  45. package/dist/styleLint/functional/themes/light.json +157 -155
  46. package/package.json +1 -1
  47. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +115 -2
  48. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
  49. package/src/tokens/functional/color/dark/primitives-dark.json5 +62 -61
  50. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +46 -0
  51. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
  52. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
  53. package/src/tokens/functional/color/light/primitives-light.json5 +63 -62
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": {
@@ -1667,26 +1589,6 @@
1667
1589
  "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
1668
1590
  }
1669
1591
  },
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
1592
  {
1691
1593
  "name": "bgColor/danger-emphasis",
1692
1594
  "value": {
@@ -2094,25 +1996,6 @@
2094
1996
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
2095
1997
  }
2096
1998
  },
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
1999
  {
2117
2000
  "name": "fgColor/done",
2118
2001
  "value": {
@@ -2132,25 +2015,6 @@
2132
2015
  "web": "var(--fgColor-done) /* utility class: .color-fg-done */"
2133
2016
  }
2134
2017
  },
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
2018
  {
2155
2019
  "name": "fgColor/danger",
2156
2020
  "value": {
@@ -7757,6 +7621,84 @@
7757
7621
  "group": "component",
7758
7622
  "scopes": ["STROKE_COLOR"]
7759
7623
  },
7624
+ {
7625
+ "name": "borderColor/upsell-emphasis",
7626
+ "value": {
7627
+ "r": 0.5098039215686274,
7628
+ "g": 0.33725490196078434,
7629
+ "b": 0.8156862745098039,
7630
+ "a": 1
7631
+ },
7632
+ "type": "COLOR",
7633
+ "refId": "mode/borderColor/upsell-emphasis",
7634
+ "reference": "mode/borderColor/done-emphasis",
7635
+ "collection": "mode",
7636
+ "mode": "dark dimmed",
7637
+ "group": "semantic",
7638
+ "scopes": ["STROKE_COLOR"],
7639
+ "codeSyntax": {
7640
+ "web": "var(--borderColor-upsell-emphasis"
7641
+ }
7642
+ },
7643
+ {
7644
+ "name": "borderColor/upsell-muted",
7645
+ "value": {
7646
+ "r": 0.596078431372549,
7647
+ "g": 0.43137254901960786,
7648
+ "b": 0.8862745098039215,
7649
+ "a": 0.4
7650
+ },
7651
+ "type": "COLOR",
7652
+ "alpha": 0.4,
7653
+ "refId": "mode/borderColor/upsell-muted",
7654
+ "reference": "mode/borderColor/done-muted",
7655
+ "collection": "mode",
7656
+ "mode": "dark dimmed",
7657
+ "group": "semantic",
7658
+ "scopes": ["STROKE_COLOR"],
7659
+ "codeSyntax": {
7660
+ "web": "var(--borderColor-upsell-muted)"
7661
+ }
7662
+ },
7663
+ {
7664
+ "name": "borderColor/closed-emphasis",
7665
+ "value": {
7666
+ "r": 0.788235294117647,
7667
+ "g": 0.23529411764705882,
7668
+ "b": 0.21568627450980393,
7669
+ "a": 1
7670
+ },
7671
+ "type": "COLOR",
7672
+ "refId": "mode/borderColor/closed-emphasis",
7673
+ "reference": "mode/borderColor/danger-emphasis",
7674
+ "collection": "mode",
7675
+ "mode": "dark dimmed",
7676
+ "group": "semantic",
7677
+ "scopes": ["STROKE_COLOR"],
7678
+ "codeSyntax": {
7679
+ "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
7680
+ }
7681
+ },
7682
+ {
7683
+ "name": "borderColor/closed-muted",
7684
+ "value": {
7685
+ "r": 0.8980392156862745,
7686
+ "g": 0.3254901960784314,
7687
+ "b": 0.29411764705882354,
7688
+ "a": 0.4
7689
+ },
7690
+ "type": "COLOR",
7691
+ "alpha": 0.4,
7692
+ "refId": "mode/borderColor/closed-muted",
7693
+ "reference": "mode/borderColor/danger-muted",
7694
+ "collection": "mode",
7695
+ "mode": "dark dimmed",
7696
+ "group": "semantic",
7697
+ "scopes": ["STROKE_COLOR"],
7698
+ "codeSyntax": {
7699
+ "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
7700
+ }
7701
+ },
7760
7702
  {
7761
7703
  "name": "borderColor/open-emphasis",
7762
7704
  "value": {
@@ -7785,6 +7727,7 @@
7785
7727
  "a": 0.4
7786
7728
  },
7787
7729
  "type": "COLOR",
7730
+ "alpha": 0.4,
7788
7731
  "refId": "mode/borderColor/open-muted",
7789
7732
  "reference": "mode/borderColor/success-muted",
7790
7733
  "collection": "mode",
@@ -7831,6 +7774,26 @@
7831
7774
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
7832
7775
  }
7833
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": {