@primer/primitives 8.2.4-rc.d955f312 → 8.2.4-rc.ea4beb50

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 (74) hide show
  1. package/README.md +17 -18
  2. package/dist/css/functional/size/border.css +1 -0
  3. package/dist/css/functional/themes/dark-colorblind.css +18 -12
  4. package/dist/css/functional/themes/dark-dimmed.css +20 -14
  5. package/dist/css/functional/themes/dark-high-contrast.css +258 -252
  6. package/dist/css/functional/themes/dark-tritanopia.css +20 -14
  7. package/dist/css/functional/themes/dark.css +20 -14
  8. package/dist/css/functional/themes/light-colorblind.css +30 -24
  9. package/dist/css/functional/themes/light-high-contrast.css +154 -148
  10. package/dist/css/functional/themes/light-tritanopia.css +30 -24
  11. package/dist/css/functional/themes/light.css +18 -12
  12. package/dist/css/primitives.css +1 -0
  13. package/dist/docs/functional/size/border.json +31 -0
  14. package/dist/docs/functional/themes/dark-colorblind.json +236 -149
  15. package/dist/docs/functional/themes/dark-dimmed.json +247 -158
  16. package/dist/docs/functional/themes/dark-high-contrast.json +555 -458
  17. package/dist/docs/functional/themes/dark-tritanopia.json +240 -153
  18. package/dist/docs/functional/themes/dark.json +247 -158
  19. package/dist/docs/functional/themes/light-colorblind.json +254 -173
  20. package/dist/docs/functional/themes/light-high-contrast.json +452 -361
  21. package/dist/docs/functional/themes/light-tritanopia.json +252 -171
  22. package/dist/docs/functional/themes/light.json +246 -157
  23. package/dist/fallbacks/functional/size/border.json +1 -0
  24. package/dist/figma/dimension/dimension.json +14 -0
  25. package/dist/figma/themes/dark-colorblind.json +246 -198
  26. package/dist/figma/themes/dark-dimmed.json +249 -200
  27. package/dist/figma/themes/dark-high-contrast.json +675 -625
  28. package/dist/figma/themes/dark-tritanopia.json +248 -200
  29. package/dist/figma/themes/dark.json +249 -200
  30. package/dist/figma/themes/light-colorblind.json +265 -218
  31. package/dist/figma/themes/light-high-contrast.json +457 -407
  32. package/dist/figma/themes/light-tritanopia.json +264 -217
  33. package/dist/figma/themes/light.json +187 -138
  34. package/dist/internalCss/dark-colorblind.css +18 -12
  35. package/dist/internalCss/dark-dimmed.css +20 -14
  36. package/dist/internalCss/dark-high-contrast.css +258 -252
  37. package/dist/internalCss/dark-tritanopia.css +20 -14
  38. package/dist/internalCss/dark.css +20 -14
  39. package/dist/internalCss/light-colorblind.css +30 -24
  40. package/dist/internalCss/light-high-contrast.css +154 -148
  41. package/dist/internalCss/light-tritanopia.css +30 -24
  42. package/dist/internalCss/light.css +18 -12
  43. package/dist/styleLint/functional/size/border.json +31 -0
  44. package/dist/styleLint/functional/themes/dark-colorblind.json +236 -149
  45. package/dist/styleLint/functional/themes/dark-dimmed.json +247 -158
  46. package/dist/styleLint/functional/themes/dark-high-contrast.json +555 -458
  47. package/dist/styleLint/functional/themes/dark-tritanopia.json +240 -153
  48. package/dist/styleLint/functional/themes/dark.json +247 -158
  49. package/dist/styleLint/functional/themes/light-colorblind.json +254 -173
  50. package/dist/styleLint/functional/themes/light-high-contrast.json +452 -361
  51. package/dist/styleLint/functional/themes/light-tritanopia.json +252 -171
  52. package/dist/styleLint/functional/themes/light.json +246 -157
  53. package/package.json +38 -35
  54. package/src/formats/cssAdvanced.ts +3 -3
  55. package/src/formats/cssCustomMedia.ts +2 -2
  56. package/src/formats/javascriptCommonJs.ts +2 -2
  57. package/src/formats/javascriptEsm.ts +2 -2
  58. package/src/formats/jsonFigma.ts +2 -2
  59. package/src/formats/jsonNestedPrefixed.ts +2 -2
  60. package/src/formats/jsonOneDimensional.ts +2 -2
  61. package/src/formats/jsonPostCssFallback.ts +2 -2
  62. package/src/formats/typescriptExportDefinition.ts +2 -2
  63. package/src/schemas/designToken.ts +1 -1
  64. package/src/schemas/validTokenType.ts +1 -1
  65. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +528 -2
  66. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
  67. package/src/tokens/functional/color/dark/patterns-dark.json5 +26 -0
  68. package/src/tokens/functional/color/dark/primitives-dark.json5 +78 -65
  69. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +400 -0
  70. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
  71. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
  72. package/src/tokens/functional/color/light/patterns-light.json5 +26 -0
  73. package/src/tokens/functional/color/light/primitives-light.json5 +77 -64
  74. package/src/tokens/functional/size/border.json +13 -0
@@ -988,45 +988,6 @@
988
988
  "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
989
989
  }
990
990
  },
991
- {
992
- "name": "borderColor/upsell-emphasis",
993
- "value": {
994
- "r": 0.5098039215686274,
995
- "g": 0.3137254901960784,
996
- "b": 0.8745098039215686,
997
- "a": 1
998
- },
999
- "type": "COLOR",
1000
- "refId": "mode/borderColor/upsell-emphasis",
1001
- "reference": "base/color/light/base/color/purple/5",
1002
- "collection": "mode",
1003
- "mode": "light tritanopia",
1004
- "group": "semantic",
1005
- "scopes": ["STROKE_COLOR"],
1006
- "codeSyntax": {
1007
- "web": "var(--borderColor-upsell-emphasis)"
1008
- }
1009
- },
1010
- {
1011
- "name": "borderColor/upsell-muted",
1012
- "value": {
1013
- "r": 0.7607843137254902,
1014
- "g": 0.592156862745098,
1015
- "b": 1,
1016
- "a": 0.4
1017
- },
1018
- "type": "COLOR",
1019
- "alpha": 0.4,
1020
- "refId": "mode/borderColor/upsell-muted",
1021
- "reference": "base/color/light/base/color/purple/3",
1022
- "collection": "mode",
1023
- "mode": "light tritanopia",
1024
- "group": "semantic",
1025
- "scopes": ["STROKE_COLOR"],
1026
- "codeSyntax": {
1027
- "web": "var(--borderColor-upsell-muted)"
1028
- }
1029
- },
1030
991
  {
1031
992
  "name": "borderColor/done-emphasis",
1032
993
  "value": {
@@ -1105,45 +1066,6 @@
1105
1066
  "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
1106
1067
  }
1107
1068
  },
1108
- {
1109
- "name": "borderColor/open-emphasis",
1110
- "value": {
1111
- "r": 0.8117647058823529,
1112
- "g": 0.13333333333333333,
1113
- "b": 0.1803921568627451,
1114
- "a": 1
1115
- },
1116
- "type": "COLOR",
1117
- "refId": "mode/borderColor/open-emphasis",
1118
- "reference": "base/color/light/base/color/red/5",
1119
- "collection": "mode",
1120
- "mode": "light tritanopia",
1121
- "group": "semantic",
1122
- "scopes": ["STROKE_COLOR"],
1123
- "codeSyntax": {
1124
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
1125
- }
1126
- },
1127
- {
1128
- "name": "borderColor/open-muted",
1129
- "value": {
1130
- "r": 1,
1131
- "g": 0.5058823529411764,
1132
- "b": 0.5098039215686274,
1133
- "a": 0.4
1134
- },
1135
- "type": "COLOR",
1136
- "alpha": 0.4,
1137
- "refId": "mode/borderColor/open-muted",
1138
- "reference": "base/color/light/base/color/red/3",
1139
- "collection": "mode",
1140
- "mode": "light tritanopia",
1141
- "group": "semantic",
1142
- "scopes": ["STROKE_COLOR"],
1143
- "codeSyntax": {
1144
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
1145
- }
1146
- },
1147
1069
  {
1148
1070
  "name": "borderColor/danger-emphasis",
1149
1071
  "value": {
@@ -1261,17 +1183,56 @@
1261
1183
  "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
1262
1184
  }
1263
1185
  },
1186
+ {
1187
+ "name": "borderColor/open-emphasis",
1188
+ "value": {
1189
+ "r": 0.8117647058823529,
1190
+ "g": 0.13333333333333333,
1191
+ "b": 0.1803921568627451,
1192
+ "a": 1
1193
+ },
1194
+ "type": "COLOR",
1195
+ "refId": "mode/borderColor/open-emphasis",
1196
+ "reference": "base/color/light/base/color/red/5",
1197
+ "collection": "mode",
1198
+ "mode": "light tritanopia",
1199
+ "group": "semantic",
1200
+ "scopes": ["STROKE_COLOR"],
1201
+ "codeSyntax": {
1202
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
1203
+ }
1204
+ },
1205
+ {
1206
+ "name": "borderColor/open-muted",
1207
+ "value": {
1208
+ "r": 1,
1209
+ "g": 0.5058823529411764,
1210
+ "b": 0.5098039215686274,
1211
+ "a": 0.4
1212
+ },
1213
+ "type": "COLOR",
1214
+ "alpha": 0.4,
1215
+ "refId": "mode/borderColor/open-muted",
1216
+ "reference": "base/color/light/base/color/red/3",
1217
+ "collection": "mode",
1218
+ "mode": "light tritanopia",
1219
+ "group": "semantic",
1220
+ "scopes": ["STROKE_COLOR"],
1221
+ "codeSyntax": {
1222
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
1223
+ }
1224
+ },
1264
1225
  {
1265
1226
  "name": "borderColor/success-emphasis",
1266
1227
  "value": {
1267
- "r": 0.12941176470588237,
1268
- "g": 0.5450980392156862,
1269
- "b": 1,
1228
+ "r": 0.03529411764705882,
1229
+ "g": 0.4117647058823529,
1230
+ "b": 0.8549019607843137,
1270
1231
  "a": 1
1271
1232
  },
1272
1233
  "type": "COLOR",
1273
1234
  "refId": "mode/borderColor/success-emphasis",
1274
- "reference": "base/color/light/base/color/blue/4",
1235
+ "reference": "base/color/light/base/color/blue/5",
1275
1236
  "collection": "mode",
1276
1237
  "mode": "light tritanopia",
1277
1238
  "group": "semantic",
@@ -1478,44 +1439,6 @@
1478
1439
  "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
1479
1440
  }
1480
1441
  },
1481
- {
1482
- "name": "bgColor/upsell-emphasis",
1483
- "value": {
1484
- "r": 0.5098039215686274,
1485
- "g": 0.3137254901960784,
1486
- "b": 0.8745098039215686,
1487
- "a": 1
1488
- },
1489
- "type": "COLOR",
1490
- "refId": "mode/bgColor/upsell-emphasis",
1491
- "reference": "base/color/light/base/color/purple/5",
1492
- "collection": "mode",
1493
- "mode": "light tritanopia",
1494
- "group": "semantic",
1495
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1496
- "codeSyntax": {
1497
- "web": "var(--bgColor-upsell-emphasis)"
1498
- }
1499
- },
1500
- {
1501
- "name": "bgColor/upsell-muted",
1502
- "value": {
1503
- "r": 0.984313725490196,
1504
- "g": 0.9372549019607843,
1505
- "b": 1,
1506
- "a": 1
1507
- },
1508
- "type": "COLOR",
1509
- "refId": "mode/bgColor/upsell-muted",
1510
- "reference": "base/color/light/base/color/purple/0",
1511
- "collection": "mode",
1512
- "mode": "light tritanopia",
1513
- "group": "semantic",
1514
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1515
- "codeSyntax": {
1516
- "web": "var(--bgColor-upsell-muted)"
1517
- }
1518
- },
1519
1442
  {
1520
1443
  "name": "bgColor/done-emphasis",
1521
1444
  "value": {
@@ -1592,44 +1515,6 @@
1592
1515
  "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
1593
1516
  }
1594
1517
  },
1595
- {
1596
- "name": "bgColor/open-emphasis",
1597
- "value": {
1598
- "r": 0.8117647058823529,
1599
- "g": 0.13333333333333333,
1600
- "b": 0.1803921568627451,
1601
- "a": 1
1602
- },
1603
- "type": "COLOR",
1604
- "refId": "mode/bgColor/open-emphasis",
1605
- "reference": "base/color/light/base/color/red/5",
1606
- "collection": "mode",
1607
- "mode": "light tritanopia",
1608
- "group": "semantic",
1609
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1610
- "codeSyntax": {
1611
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
1612
- }
1613
- },
1614
- {
1615
- "name": "bgColor/open-muted",
1616
- "value": {
1617
- "r": 1,
1618
- "g": 0.9215686274509803,
1619
- "b": 0.9137254901960784,
1620
- "a": 1
1621
- },
1622
- "type": "COLOR",
1623
- "refId": "mode/bgColor/open-muted",
1624
- "reference": "base/color/light/base/color/red/0",
1625
- "collection": "mode",
1626
- "mode": "light tritanopia",
1627
- "group": "semantic",
1628
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1629
- "codeSyntax": {
1630
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
1631
- }
1632
- },
1633
1518
  {
1634
1519
  "name": "bgColor/danger-emphasis",
1635
1520
  "value": {
@@ -1744,18 +1629,55 @@
1744
1629
  "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
1745
1630
  }
1746
1631
  },
1632
+ {
1633
+ "name": "bgColor/open-emphasis",
1634
+ "value": {
1635
+ "r": 0.8117647058823529,
1636
+ "g": 0.13333333333333333,
1637
+ "b": 0.1803921568627451,
1638
+ "a": 1
1639
+ },
1640
+ "type": "COLOR",
1641
+ "refId": "mode/bgColor/open-emphasis",
1642
+ "reference": "base/color/light/base/color/red/5",
1643
+ "collection": "mode",
1644
+ "mode": "light tritanopia",
1645
+ "group": "semantic",
1646
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1647
+ "codeSyntax": {
1648
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
1649
+ }
1650
+ },
1651
+ {
1652
+ "name": "bgColor/open-muted",
1653
+ "value": {
1654
+ "r": 1,
1655
+ "g": 0.9215686274509803,
1656
+ "b": 0.9137254901960784,
1657
+ "a": 1
1658
+ },
1659
+ "type": "COLOR",
1660
+ "refId": "mode/bgColor/open-muted",
1661
+ "reference": "base/color/light/base/color/red/0",
1662
+ "collection": "mode",
1663
+ "mode": "light tritanopia",
1664
+ "group": "semantic",
1665
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1666
+ "codeSyntax": {
1667
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
1668
+ }
1669
+ },
1747
1670
  {
1748
1671
  "name": "bgColor/success-emphasis",
1749
1672
  "value": {
1750
- "r": 0.058823529411764705,
1751
- "g": 0.4470588235294118,
1752
- "b": 0.8901960784313725,
1673
+ "r": 0.03529411764705882,
1674
+ "g": 0.4117647058823529,
1675
+ "b": 0.8549019607843137,
1753
1676
  "a": 1
1754
1677
  },
1755
1678
  "type": "COLOR",
1756
- "isMix": true,
1757
1679
  "refId": "mode/bgColor/success-emphasis",
1758
- "reference": "base/color/light/base/color/blue/4",
1680
+ "reference": "base/color/light/base/color/blue/5",
1759
1681
  "collection": "mode",
1760
1682
  "mode": "light tritanopia",
1761
1683
  "group": "semantic",
@@ -2033,25 +1955,6 @@
2033
1955
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
2034
1956
  }
2035
1957
  },
2036
- {
2037
- "name": "fgColor/upsell",
2038
- "value": {
2039
- "r": 0.5098039215686274,
2040
- "g": 0.3137254901960784,
2041
- "b": 0.8745098039215686,
2042
- "a": 1
2043
- },
2044
- "type": "COLOR",
2045
- "refId": "mode/fgColor/upsell",
2046
- "reference": "base/color/light/base/color/purple/5",
2047
- "collection": "mode",
2048
- "mode": "light tritanopia",
2049
- "group": "semantic",
2050
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2051
- "codeSyntax": {
2052
- "web": "var(--fgColor-upsell)"
2053
- }
2054
- },
2055
1958
  {
2056
1959
  "name": "fgColor/done",
2057
1960
  "value": {
@@ -2090,25 +1993,6 @@
2090
1993
  "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
2091
1994
  }
2092
1995
  },
2093
- {
2094
- "name": "fgColor/open",
2095
- "value": {
2096
- "r": 0.8117647058823529,
2097
- "g": 0.13333333333333333,
2098
- "b": 0.1803921568627451,
2099
- "a": 1
2100
- },
2101
- "type": "COLOR",
2102
- "refId": "mode/fgColor/open",
2103
- "reference": "base/color/light/base/color/red/5",
2104
- "collection": "mode",
2105
- "mode": "light tritanopia",
2106
- "group": "semantic",
2107
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2108
- "codeSyntax": {
2109
- "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
2110
- }
2111
- },
2112
1996
  {
2113
1997
  "name": "fgColor/danger",
2114
1998
  "value": {
@@ -2167,6 +2051,25 @@
2167
2051
  "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
2168
2052
  }
2169
2053
  },
2054
+ {
2055
+ "name": "fgColor/open",
2056
+ "value": {
2057
+ "r": 0.8117647058823529,
2058
+ "g": 0.13333333333333333,
2059
+ "b": 0.1803921568627451,
2060
+ "a": 1
2061
+ },
2062
+ "type": "COLOR",
2063
+ "refId": "mode/fgColor/open",
2064
+ "reference": "base/color/light/base/color/red/5",
2065
+ "collection": "mode",
2066
+ "mode": "light tritanopia",
2067
+ "group": "semantic",
2068
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2069
+ "codeSyntax": {
2070
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
2071
+ }
2072
+ },
2170
2073
  {
2171
2074
  "name": "fgColor/success",
2172
2075
  "value": {
@@ -2208,14 +2111,14 @@
2208
2111
  {
2209
2112
  "name": "fgColor/neutral",
2210
2113
  "value": {
2211
- "r": 0.43137254901960786,
2212
- "g": 0.4666666666666667,
2213
- "b": 0.5058823529411764,
2114
+ "r": 0.3411764705882353,
2115
+ "g": 0.3764705882352941,
2116
+ "b": 0.41568627450980394,
2214
2117
  "a": 1
2215
2118
  },
2216
2119
  "type": "COLOR",
2217
2120
  "refId": "mode/fgColor/neutral",
2218
- "reference": "base/color/light/base/color/neutral/5",
2121
+ "reference": "base/color/light/base/color/neutral/6",
2219
2122
  "collection": "mode",
2220
2123
  "mode": "light tritanopia",
2221
2124
  "group": "semantic",
@@ -2269,6 +2172,22 @@
2269
2172
  "group": "semantic",
2270
2173
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2271
2174
  },
2175
+ {
2176
+ "name": "fgColor/onInverse",
2177
+ "value": {
2178
+ "r": 1,
2179
+ "g": 1,
2180
+ "b": 1,
2181
+ "a": 1
2182
+ },
2183
+ "type": "COLOR",
2184
+ "refId": "mode/fgColor/onInverse",
2185
+ "reference": "base/color/light/base/color/white",
2186
+ "collection": "mode",
2187
+ "mode": "light tritanopia",
2188
+ "group": "semantic",
2189
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2190
+ },
2272
2191
  {
2273
2192
  "name": "fgColor/onEmphasis",
2274
2193
  "value": {
@@ -7577,6 +7496,45 @@
7577
7496
  "group": "component",
7578
7497
  "scopes": ["STROKE_COLOR"]
7579
7498
  },
7499
+ {
7500
+ "name": "borderColor/upsell-emphasis",
7501
+ "value": {
7502
+ "r": 0.5098039215686274,
7503
+ "g": 0.3137254901960784,
7504
+ "b": 0.8745098039215686,
7505
+ "a": 1
7506
+ },
7507
+ "type": "COLOR",
7508
+ "refId": "mode/borderColor/upsell-emphasis",
7509
+ "reference": "mode/borderColor/done-emphasis",
7510
+ "collection": "mode",
7511
+ "mode": "light tritanopia",
7512
+ "group": "semantic",
7513
+ "scopes": ["STROKE_COLOR"],
7514
+ "codeSyntax": {
7515
+ "web": "var(--borderColor-upsell-emphasis)"
7516
+ }
7517
+ },
7518
+ {
7519
+ "name": "borderColor/upsell-muted",
7520
+ "value": {
7521
+ "r": 0.7607843137254902,
7522
+ "g": 0.592156862745098,
7523
+ "b": 1,
7524
+ "a": 0.4
7525
+ },
7526
+ "type": "COLOR",
7527
+ "alpha": 0.4,
7528
+ "refId": "mode/borderColor/upsell-muted",
7529
+ "reference": "mode/borderColor/done-muted",
7530
+ "collection": "mode",
7531
+ "mode": "light tritanopia",
7532
+ "group": "semantic",
7533
+ "scopes": ["STROKE_COLOR"],
7534
+ "codeSyntax": {
7535
+ "web": "var(--borderColor-upsell-muted)"
7536
+ }
7537
+ },
7580
7538
  {
7581
7539
  "name": "borderColor/disabled",
7582
7540
  "value": {
@@ -7613,6 +7571,63 @@
7613
7571
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
7614
7572
  }
7615
7573
  },
7574
+ {
7575
+ "name": "bgColor/upsell-emphasis",
7576
+ "value": {
7577
+ "r": 0.5098039215686274,
7578
+ "g": 0.3137254901960784,
7579
+ "b": 0.8745098039215686,
7580
+ "a": 1
7581
+ },
7582
+ "type": "COLOR",
7583
+ "refId": "mode/bgColor/upsell-emphasis",
7584
+ "reference": "mode/bgColor/done-emphasis",
7585
+ "collection": "mode",
7586
+ "mode": "light tritanopia",
7587
+ "group": "semantic",
7588
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7589
+ "codeSyntax": {
7590
+ "web": "var(--bgColor-upsell-emphasis)"
7591
+ }
7592
+ },
7593
+ {
7594
+ "name": "bgColor/upsell-muted",
7595
+ "value": {
7596
+ "r": 0.984313725490196,
7597
+ "g": 0.9372549019607843,
7598
+ "b": 1,
7599
+ "a": 1
7600
+ },
7601
+ "type": "COLOR",
7602
+ "refId": "mode/bgColor/upsell-muted",
7603
+ "reference": "mode/bgColor/done-muted",
7604
+ "collection": "mode",
7605
+ "mode": "light tritanopia",
7606
+ "group": "semantic",
7607
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7608
+ "codeSyntax": {
7609
+ "web": "var(--bgColor-upsell-muted)"
7610
+ }
7611
+ },
7612
+ {
7613
+ "name": "fgColor/upsell",
7614
+ "value": {
7615
+ "r": 0.5098039215686274,
7616
+ "g": 0.3137254901960784,
7617
+ "b": 0.8745098039215686,
7618
+ "a": 1
7619
+ },
7620
+ "type": "COLOR",
7621
+ "refId": "mode/fgColor/upsell",
7622
+ "reference": "mode/fgColor/done",
7623
+ "collection": "mode",
7624
+ "mode": "light tritanopia",
7625
+ "group": "semantic",
7626
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
7627
+ "codeSyntax": {
7628
+ "web": "var(--fgColor-upsell)"
7629
+ }
7630
+ },
7616
7631
  {
7617
7632
  "name": "fgColor/link",
7618
7633
  "value": {
@@ -7632,6 +7647,38 @@
7632
7647
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
7633
7648
  }
7634
7649
  },
7650
+ {
7651
+ "name": "tooltip/fgColor",
7652
+ "value": {
7653
+ "r": 1,
7654
+ "g": 1,
7655
+ "b": 1,
7656
+ "a": 1
7657
+ },
7658
+ "type": "COLOR",
7659
+ "refId": "mode/tooltip/fgColor",
7660
+ "reference": "mode/fgColor/onEmphasis",
7661
+ "collection": "mode",
7662
+ "mode": "light tritanopia",
7663
+ "group": "component",
7664
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
7665
+ },
7666
+ {
7667
+ "name": "tooltip/bgColor",
7668
+ "value": {
7669
+ "r": 0.1411764705882353,
7670
+ "g": 0.1607843137254902,
7671
+ "b": 0.1843137254901961,
7672
+ "a": 1
7673
+ },
7674
+ "type": "COLOR",
7675
+ "refId": "mode/tooltip/bgColor",
7676
+ "reference": "mode/bgColor/emphasis",
7677
+ "collection": "mode",
7678
+ "mode": "light tritanopia",
7679
+ "group": "component",
7680
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7681
+ },
7635
7682
  {
7636
7683
  "name": "card/bgColor",
7637
7684
  "value": {
@@ -8254,9 +8301,9 @@
8254
8301
  {
8255
8302
  "name": "button/primary/bgColor/active",
8256
8303
  "value": {
8257
- "r": 0.043137254901960784,
8258
- "g": 0.39215686274509803,
8259
- "b": 0.807843137254902,
8304
+ "r": 0.027450980392156862,
8305
+ "g": 0.37254901960784315,
8306
+ "b": 0.7843137254901961,
8260
8307
  "a": 1
8261
8308
  },
8262
8309
  "type": "COLOR",
@@ -8271,9 +8318,9 @@
8271
8318
  {
8272
8319
  "name": "button/primary/bgColor/hover",
8273
8320
  "value": {
8274
- "r": 0.050980392156862744,
8275
- "g": 0.4196078431372549,
8276
- "b": 0.8470588235294118,
8321
+ "r": 0.03137254901960784,
8322
+ "g": 0.39215686274509803,
8323
+ "b": 0.8196078431372549,
8277
8324
  "a": 1
8278
8325
  },
8279
8326
  "type": "COLOR",
@@ -8288,9 +8335,9 @@
8288
8335
  {
8289
8336
  "name": "button/primary/bgColor/rest",
8290
8337
  "value": {
8291
- "r": 0.058823529411764705,
8292
- "g": 0.4470588235294118,
8293
- "b": 0.8901960784313725,
8338
+ "r": 0.03529411764705882,
8339
+ "g": 0.4117647058823529,
8340
+ "b": 0.8549019607843137,
8294
8341
  "a": 1
8295
8342
  },
8296
8343
  "type": "COLOR",
@@ -8838,9 +8885,9 @@
8838
8885
  {
8839
8886
  "name": "control/borderColor/success",
8840
8887
  "value": {
8841
- "r": 0.12941176470588237,
8842
- "g": 0.5450980392156862,
8843
- "b": 1,
8888
+ "r": 0.03529411764705882,
8889
+ "g": 0.4117647058823529,
8890
+ "b": 0.8549019607843137,
8844
8891
  "a": 1
8845
8892
  },
8846
8893
  "type": "COLOR",