@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 colorblind",
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 colorblind",
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.8823529411764706,
1112
- "g": 0.43529411764705883,
1113
- "b": 0.1411764705882353,
1114
- "a": 1
1115
- },
1116
- "type": "COLOR",
1117
- "refId": "mode/borderColor/open-emphasis",
1118
- "reference": "base/color/light/base/color/orange/4",
1119
- "collection": "mode",
1120
- "mode": "light colorblind",
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": 0.984313725490196,
1131
- "g": 0.5607843137254902,
1132
- "b": 0.26666666666666666,
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/orange/3",
1139
- "collection": "mode",
1140
- "mode": "light colorblind",
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.8823529411764706,
1190
+ "g": 0.43529411764705883,
1191
+ "b": 0.1411764705882353,
1192
+ "a": 1
1193
+ },
1194
+ "type": "COLOR",
1195
+ "refId": "mode/borderColor/open-emphasis",
1196
+ "reference": "base/color/light/base/color/orange/4",
1197
+ "collection": "mode",
1198
+ "mode": "light colorblind",
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": 0.984313725490196,
1209
+ "g": 0.5607843137254902,
1210
+ "b": 0.26666666666666666,
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/orange/3",
1217
+ "collection": "mode",
1218
+ "mode": "light colorblind",
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 colorblind",
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 colorblind",
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 colorblind",
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": {
@@ -1593,45 +1516,6 @@
1593
1516
  "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
1594
1517
  }
1595
1518
  },
1596
- {
1597
- "name": "bgColor/open-emphasis",
1598
- "value": {
1599
- "r": 0.8823529411764706,
1600
- "g": 0.43529411764705883,
1601
- "b": 0.1411764705882353,
1602
- "a": 1
1603
- },
1604
- "type": "COLOR",
1605
- "refId": "mode/bgColor/open-emphasis",
1606
- "reference": "base/color/light/base/color/orange/4",
1607
- "collection": "mode",
1608
- "mode": "light colorblind",
1609
- "group": "semantic",
1610
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1611
- "codeSyntax": {
1612
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
1613
- }
1614
- },
1615
- {
1616
- "name": "bgColor/open-muted",
1617
- "value": {
1618
- "r": 0.984313725490196,
1619
- "g": 0.5607843137254902,
1620
- "b": 0.26666666666666666,
1621
- "a": 0.4
1622
- },
1623
- "type": "COLOR",
1624
- "alpha": 0.4,
1625
- "refId": "mode/bgColor/open-muted",
1626
- "reference": "base/color/light/base/color/orange/3",
1627
- "collection": "mode",
1628
- "mode": "light colorblind",
1629
- "group": "semantic",
1630
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1631
- "codeSyntax": {
1632
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
1633
- }
1634
- },
1635
1519
  {
1636
1520
  "name": "bgColor/danger-emphasis",
1637
1521
  "value": {
@@ -1746,18 +1630,56 @@
1746
1630
  "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
1747
1631
  }
1748
1632
  },
1633
+ {
1634
+ "name": "bgColor/open-emphasis",
1635
+ "value": {
1636
+ "r": 0.8823529411764706,
1637
+ "g": 0.43529411764705883,
1638
+ "b": 0.1411764705882353,
1639
+ "a": 1
1640
+ },
1641
+ "type": "COLOR",
1642
+ "refId": "mode/bgColor/open-emphasis",
1643
+ "reference": "base/color/light/base/color/orange/4",
1644
+ "collection": "mode",
1645
+ "mode": "light colorblind",
1646
+ "group": "semantic",
1647
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1648
+ "codeSyntax": {
1649
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
1650
+ }
1651
+ },
1652
+ {
1653
+ "name": "bgColor/open-muted",
1654
+ "value": {
1655
+ "r": 0.984313725490196,
1656
+ "g": 0.5607843137254902,
1657
+ "b": 0.26666666666666666,
1658
+ "a": 0.4
1659
+ },
1660
+ "type": "COLOR",
1661
+ "alpha": 0.4,
1662
+ "refId": "mode/bgColor/open-muted",
1663
+ "reference": "base/color/light/base/color/orange/3",
1664
+ "collection": "mode",
1665
+ "mode": "light colorblind",
1666
+ "group": "semantic",
1667
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1668
+ "codeSyntax": {
1669
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
1670
+ }
1671
+ },
1749
1672
  {
1750
1673
  "name": "bgColor/success-emphasis",
1751
1674
  "value": {
1752
- "r": 0.058823529411764705,
1753
- "g": 0.4470588235294118,
1754
- "b": 0.8901960784313725,
1675
+ "r": 0.03529411764705882,
1676
+ "g": 0.4117647058823529,
1677
+ "b": 0.8549019607843137,
1755
1678
  "a": 1
1756
1679
  },
1757
1680
  "type": "COLOR",
1758
- "isMix": true,
1759
1681
  "refId": "mode/bgColor/success-emphasis",
1760
- "reference": "base/color/light/base/color/blue/4",
1682
+ "reference": "base/color/light/base/color/blue/5",
1761
1683
  "collection": "mode",
1762
1684
  "mode": "light colorblind",
1763
1685
  "group": "semantic",
@@ -2035,25 +1957,6 @@
2035
1957
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
2036
1958
  }
2037
1959
  },
2038
- {
2039
- "name": "fgColor/upsell",
2040
- "value": {
2041
- "r": 0.5098039215686274,
2042
- "g": 0.3137254901960784,
2043
- "b": 0.8745098039215686,
2044
- "a": 1
2045
- },
2046
- "type": "COLOR",
2047
- "refId": "mode/fgColor/upsell",
2048
- "reference": "base/color/light/base/color/purple/5",
2049
- "collection": "mode",
2050
- "mode": "light colorblind",
2051
- "group": "semantic",
2052
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2053
- "codeSyntax": {
2054
- "web": "var(--fgColor-upsell)"
2055
- }
2056
- },
2057
1960
  {
2058
1961
  "name": "fgColor/done",
2059
1962
  "value": {
@@ -2092,25 +1995,6 @@
2092
1995
  "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
2093
1996
  }
2094
1997
  },
2095
- {
2096
- "name": "fgColor/open",
2097
- "value": {
2098
- "r": 0.7372549019607844,
2099
- "g": 0.2980392156862745,
2100
- "b": 0,
2101
- "a": 1
2102
- },
2103
- "type": "COLOR",
2104
- "refId": "mode/fgColor/open",
2105
- "reference": "base/color/light/base/color/orange/5",
2106
- "collection": "mode",
2107
- "mode": "light colorblind",
2108
- "group": "semantic",
2109
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2110
- "codeSyntax": {
2111
- "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
2112
- }
2113
- },
2114
1998
  {
2115
1999
  "name": "fgColor/danger",
2116
2000
  "value": {
@@ -2169,6 +2053,25 @@
2169
2053
  "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
2170
2054
  }
2171
2055
  },
2056
+ {
2057
+ "name": "fgColor/open",
2058
+ "value": {
2059
+ "r": 0.7372549019607844,
2060
+ "g": 0.2980392156862745,
2061
+ "b": 0,
2062
+ "a": 1
2063
+ },
2064
+ "type": "COLOR",
2065
+ "refId": "mode/fgColor/open",
2066
+ "reference": "base/color/light/base/color/orange/5",
2067
+ "collection": "mode",
2068
+ "mode": "light colorblind",
2069
+ "group": "semantic",
2070
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2071
+ "codeSyntax": {
2072
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
2073
+ }
2074
+ },
2172
2075
  {
2173
2076
  "name": "fgColor/success",
2174
2077
  "value": {
@@ -2210,14 +2113,14 @@
2210
2113
  {
2211
2114
  "name": "fgColor/neutral",
2212
2115
  "value": {
2213
- "r": 0.43137254901960786,
2214
- "g": 0.4666666666666667,
2215
- "b": 0.5058823529411764,
2116
+ "r": 0.3411764705882353,
2117
+ "g": 0.3764705882352941,
2118
+ "b": 0.41568627450980394,
2216
2119
  "a": 1
2217
2120
  },
2218
2121
  "type": "COLOR",
2219
2122
  "refId": "mode/fgColor/neutral",
2220
- "reference": "base/color/light/base/color/neutral/5",
2123
+ "reference": "base/color/light/base/color/neutral/6",
2221
2124
  "collection": "mode",
2222
2125
  "mode": "light colorblind",
2223
2126
  "group": "semantic",
@@ -2271,6 +2174,22 @@
2271
2174
  "group": "semantic",
2272
2175
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2273
2176
  },
2177
+ {
2178
+ "name": "fgColor/onInverse",
2179
+ "value": {
2180
+ "r": 1,
2181
+ "g": 1,
2182
+ "b": 1,
2183
+ "a": 1
2184
+ },
2185
+ "type": "COLOR",
2186
+ "refId": "mode/fgColor/onInverse",
2187
+ "reference": "base/color/light/base/color/white",
2188
+ "collection": "mode",
2189
+ "mode": "light colorblind",
2190
+ "group": "semantic",
2191
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2192
+ },
2274
2193
  {
2275
2194
  "name": "fgColor/onEmphasis",
2276
2195
  "value": {
@@ -7583,6 +7502,45 @@
7583
7502
  "group": "component",
7584
7503
  "scopes": ["STROKE_COLOR"]
7585
7504
  },
7505
+ {
7506
+ "name": "borderColor/upsell-emphasis",
7507
+ "value": {
7508
+ "r": 0.5098039215686274,
7509
+ "g": 0.3137254901960784,
7510
+ "b": 0.8745098039215686,
7511
+ "a": 1
7512
+ },
7513
+ "type": "COLOR",
7514
+ "refId": "mode/borderColor/upsell-emphasis",
7515
+ "reference": "mode/borderColor/done-emphasis",
7516
+ "collection": "mode",
7517
+ "mode": "light colorblind",
7518
+ "group": "semantic",
7519
+ "scopes": ["STROKE_COLOR"],
7520
+ "codeSyntax": {
7521
+ "web": "var(--borderColor-upsell-emphasis)"
7522
+ }
7523
+ },
7524
+ {
7525
+ "name": "borderColor/upsell-muted",
7526
+ "value": {
7527
+ "r": 0.7607843137254902,
7528
+ "g": 0.592156862745098,
7529
+ "b": 1,
7530
+ "a": 0.4
7531
+ },
7532
+ "type": "COLOR",
7533
+ "alpha": 0.4,
7534
+ "refId": "mode/borderColor/upsell-muted",
7535
+ "reference": "mode/borderColor/done-muted",
7536
+ "collection": "mode",
7537
+ "mode": "light colorblind",
7538
+ "group": "semantic",
7539
+ "scopes": ["STROKE_COLOR"],
7540
+ "codeSyntax": {
7541
+ "web": "var(--borderColor-upsell-muted)"
7542
+ }
7543
+ },
7586
7544
  {
7587
7545
  "name": "borderColor/disabled",
7588
7546
  "value": {
@@ -7619,6 +7577,63 @@
7619
7577
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
7620
7578
  }
7621
7579
  },
7580
+ {
7581
+ "name": "bgColor/upsell-emphasis",
7582
+ "value": {
7583
+ "r": 0.5098039215686274,
7584
+ "g": 0.3137254901960784,
7585
+ "b": 0.8745098039215686,
7586
+ "a": 1
7587
+ },
7588
+ "type": "COLOR",
7589
+ "refId": "mode/bgColor/upsell-emphasis",
7590
+ "reference": "mode/bgColor/done-emphasis",
7591
+ "collection": "mode",
7592
+ "mode": "light colorblind",
7593
+ "group": "semantic",
7594
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7595
+ "codeSyntax": {
7596
+ "web": "var(--bgColor-upsell-emphasis)"
7597
+ }
7598
+ },
7599
+ {
7600
+ "name": "bgColor/upsell-muted",
7601
+ "value": {
7602
+ "r": 0.984313725490196,
7603
+ "g": 0.9372549019607843,
7604
+ "b": 1,
7605
+ "a": 1
7606
+ },
7607
+ "type": "COLOR",
7608
+ "refId": "mode/bgColor/upsell-muted",
7609
+ "reference": "mode/bgColor/done-muted",
7610
+ "collection": "mode",
7611
+ "mode": "light colorblind",
7612
+ "group": "semantic",
7613
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7614
+ "codeSyntax": {
7615
+ "web": "var(--bgColor-upsell-muted)"
7616
+ }
7617
+ },
7618
+ {
7619
+ "name": "fgColor/upsell",
7620
+ "value": {
7621
+ "r": 0.5098039215686274,
7622
+ "g": 0.3137254901960784,
7623
+ "b": 0.8745098039215686,
7624
+ "a": 1
7625
+ },
7626
+ "type": "COLOR",
7627
+ "refId": "mode/fgColor/upsell",
7628
+ "reference": "mode/fgColor/done",
7629
+ "collection": "mode",
7630
+ "mode": "light colorblind",
7631
+ "group": "semantic",
7632
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
7633
+ "codeSyntax": {
7634
+ "web": "var(--fgColor-upsell)"
7635
+ }
7636
+ },
7622
7637
  {
7623
7638
  "name": "fgColor/link",
7624
7639
  "value": {
@@ -7638,6 +7653,38 @@
7638
7653
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
7639
7654
  }
7640
7655
  },
7656
+ {
7657
+ "name": "tooltip/fgColor",
7658
+ "value": {
7659
+ "r": 1,
7660
+ "g": 1,
7661
+ "b": 1,
7662
+ "a": 1
7663
+ },
7664
+ "type": "COLOR",
7665
+ "refId": "mode/tooltip/fgColor",
7666
+ "reference": "mode/fgColor/onEmphasis",
7667
+ "collection": "mode",
7668
+ "mode": "light colorblind",
7669
+ "group": "component",
7670
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
7671
+ },
7672
+ {
7673
+ "name": "tooltip/bgColor",
7674
+ "value": {
7675
+ "r": 0.1411764705882353,
7676
+ "g": 0.1607843137254902,
7677
+ "b": 0.1843137254901961,
7678
+ "a": 1
7679
+ },
7680
+ "type": "COLOR",
7681
+ "refId": "mode/tooltip/bgColor",
7682
+ "reference": "mode/bgColor/emphasis",
7683
+ "collection": "mode",
7684
+ "mode": "light colorblind",
7685
+ "group": "component",
7686
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7687
+ },
7641
7688
  {
7642
7689
  "name": "card/bgColor",
7643
7690
  "value": {
@@ -8260,9 +8307,9 @@
8260
8307
  {
8261
8308
  "name": "button/primary/bgColor/active",
8262
8309
  "value": {
8263
- "r": 0.043137254901960784,
8264
- "g": 0.39215686274509803,
8265
- "b": 0.807843137254902,
8310
+ "r": 0.027450980392156862,
8311
+ "g": 0.37254901960784315,
8312
+ "b": 0.7843137254901961,
8266
8313
  "a": 1
8267
8314
  },
8268
8315
  "type": "COLOR",
@@ -8277,9 +8324,9 @@
8277
8324
  {
8278
8325
  "name": "button/primary/bgColor/hover",
8279
8326
  "value": {
8280
- "r": 0.050980392156862744,
8281
- "g": 0.4196078431372549,
8282
- "b": 0.8470588235294118,
8327
+ "r": 0.03137254901960784,
8328
+ "g": 0.39215686274509803,
8329
+ "b": 0.8196078431372549,
8283
8330
  "a": 1
8284
8331
  },
8285
8332
  "type": "COLOR",
@@ -8294,9 +8341,9 @@
8294
8341
  {
8295
8342
  "name": "button/primary/bgColor/rest",
8296
8343
  "value": {
8297
- "r": 0.058823529411764705,
8298
- "g": 0.4470588235294118,
8299
- "b": 0.8901960784313725,
8344
+ "r": 0.03529411764705882,
8345
+ "g": 0.4117647058823529,
8346
+ "b": 0.8549019607843137,
8300
8347
  "a": 1
8301
8348
  },
8302
8349
  "type": "COLOR",
@@ -8844,9 +8891,9 @@
8844
8891
  {
8845
8892
  "name": "control/borderColor/success",
8846
8893
  "value": {
8847
- "r": 0.12941176470588237,
8848
- "g": 0.5450980392156862,
8849
- "b": 1,
8894
+ "r": 0.03529411764705882,
8895
+ "g": 0.4117647058823529,
8896
+ "b": 0.8549019607843137,
8850
8897
  "a": 1
8851
8898
  },
8852
8899
  "type": "COLOR",