@primer/primitives 7.16.0-rc.61c8ad8e → 7.16.0-rc.65611e2e

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 (144) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +12 -0
  2. package/dist/css/functional/themes/dark-dimmed.css +12 -0
  3. package/dist/css/functional/themes/dark-high-contrast.css +12 -0
  4. package/dist/css/functional/themes/dark-tritanopia.css +12 -0
  5. package/dist/css/functional/themes/dark.css +12 -0
  6. package/dist/css/functional/themes/light-colorblind.css +12 -0
  7. package/dist/css/functional/themes/light-high-contrast.css +12 -0
  8. package/dist/css/functional/themes/light-tritanopia.css +12 -0
  9. package/dist/css/functional/themes/light.css +12 -0
  10. package/dist/docs/functional/themes/dark-colorblind.json +208 -0
  11. package/dist/docs/functional/themes/dark-dimmed.json +208 -0
  12. package/dist/docs/functional/themes/dark-high-contrast.json +208 -0
  13. package/dist/docs/functional/themes/dark-tritanopia.json +208 -0
  14. package/dist/docs/functional/themes/dark.json +208 -0
  15. package/dist/docs/functional/themes/light-colorblind.json +208 -2
  16. package/dist/docs/functional/themes/light-high-contrast.json +208 -2
  17. package/dist/docs/functional/themes/light-tritanopia.json +208 -2
  18. package/dist/docs/functional/themes/light.json +208 -2
  19. package/dist/figma/themes/dark-colorblind.json +113 -0
  20. package/dist/figma/themes/dark-dimmed.json +113 -0
  21. package/dist/figma/themes/dark-high-contrast.json +113 -0
  22. package/dist/figma/themes/dark-tritanopia.json +113 -0
  23. package/dist/figma/themes/dark.json +113 -0
  24. package/dist/figma/themes/light-colorblind.json +113 -1
  25. package/dist/figma/themes/light-high-contrast.json +113 -1
  26. package/dist/figma/themes/light-tritanopia.json +113 -1
  27. package/dist/figma/themes/light.json +113 -1
  28. package/dist/internalCss/dark-colorblind.css +12 -0
  29. package/dist/internalCss/dark-dimmed.css +12 -0
  30. package/dist/internalCss/dark-high-contrast.css +12 -0
  31. package/dist/internalCss/dark-tritanopia.css +12 -0
  32. package/dist/internalCss/dark.css +12 -0
  33. package/dist/internalCss/light-colorblind.css +12 -0
  34. package/dist/internalCss/light-high-contrast.css +12 -0
  35. package/dist/internalCss/light-tritanopia.css +12 -0
  36. package/dist/internalCss/light.css +12 -0
  37. package/dist/scss/functional/themes/dark-colorblind.scss +6 -0
  38. package/dist/scss/functional/themes/dark-dimmed.scss +6 -0
  39. package/dist/scss/functional/themes/dark-high-contrast.scss +6 -0
  40. package/dist/scss/functional/themes/dark-tritanopia.scss +6 -0
  41. package/dist/scss/functional/themes/dark.scss +6 -0
  42. package/dist/scss/functional/themes/light-colorblind.scss +6 -0
  43. package/dist/scss/functional/themes/light-high-contrast.scss +6 -0
  44. package/dist/scss/functional/themes/light-tritanopia.scss +6 -0
  45. package/dist/scss/functional/themes/light.scss +6 -0
  46. package/package.json +1 -1
  47. package/tokens-next-private/css/functional/themes/dark-colorblind.css +12 -0
  48. package/tokens-next-private/css/functional/themes/dark-dimmed.css +12 -0
  49. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +12 -0
  50. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +12 -0
  51. package/tokens-next-private/css/functional/themes/dark.css +12 -0
  52. package/tokens-next-private/css/functional/themes/light-colorblind.css +12 -0
  53. package/tokens-next-private/css/functional/themes/light-high-contrast.css +12 -0
  54. package/tokens-next-private/css/functional/themes/light-tritanopia.css +12 -0
  55. package/tokens-next-private/css/functional/themes/light.css +12 -0
  56. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +208 -0
  57. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +208 -0
  58. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +208 -0
  59. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +208 -0
  60. package/tokens-next-private/docs/functional/themes/dark.json +208 -0
  61. package/tokens-next-private/docs/functional/themes/light-colorblind.json +208 -2
  62. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +208 -2
  63. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +208 -2
  64. package/tokens-next-private/docs/functional/themes/light.json +208 -2
  65. package/tokens-next-private/figma/themes/dark-colorblind.json +113 -0
  66. package/tokens-next-private/figma/themes/dark-dimmed.json +113 -0
  67. package/tokens-next-private/figma/themes/dark-high-contrast.json +113 -0
  68. package/tokens-next-private/figma/themes/dark-tritanopia.json +113 -0
  69. package/tokens-next-private/figma/themes/dark.json +113 -0
  70. package/tokens-next-private/figma/themes/light-colorblind.json +113 -1
  71. package/tokens-next-private/figma/themes/light-high-contrast.json +113 -1
  72. package/tokens-next-private/figma/themes/light-tritanopia.json +113 -1
  73. package/tokens-next-private/figma/themes/light.json +113 -1
  74. package/tokens-next-private/internalCss/dark-colorblind.css +12 -0
  75. package/tokens-next-private/internalCss/dark-dimmed.css +12 -0
  76. package/tokens-next-private/internalCss/dark-high-contrast.css +12 -0
  77. package/tokens-next-private/internalCss/dark-tritanopia.css +12 -0
  78. package/tokens-next-private/internalCss/dark.css +12 -0
  79. package/tokens-next-private/internalCss/light-colorblind.css +12 -0
  80. package/tokens-next-private/internalCss/light-high-contrast.css +12 -0
  81. package/tokens-next-private/internalCss/light-tritanopia.css +12 -0
  82. package/tokens-next-private/internalCss/light.css +12 -0
  83. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +6 -0
  84. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +6 -0
  85. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +6 -0
  86. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +6 -0
  87. package/tokens-next-private/scss/functional/themes/dark.scss +6 -0
  88. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +6 -0
  89. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +6 -0
  90. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +6 -0
  91. package/tokens-next-private/scss/functional/themes/light.scss +6 -0
  92. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  93. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  94. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  95. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  96. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  97. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  98. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  99. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  100. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  101. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  102. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  103. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  104. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  105. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  106. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  107. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  108. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  109. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  110. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  111. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  112. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  113. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  114. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  115. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  116. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  117. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  118. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  119. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  120. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  121. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  122. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  123. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  124. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  125. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  126. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  127. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  128. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  129. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  130. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  131. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  132. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  134. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  135. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  136. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  137. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  138. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  139. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  140. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  141. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  142. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  143. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  144. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -1088,6 +1088,45 @@
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 tritanopia",
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.6392156862745098,
1114
+ "g": 0.44313725490196076,
1115
+ "b": 0.9686274509803922,
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 tritanopia",
1124
+ "group": "semantic",
1125
+ "scopes": ["STROKE_COLOR"],
1126
+ "codeSyntax": {
1127
+ "web": "var(--borderColor-upsell-muted)"
1128
+ }
1129
+ },
1091
1130
  {
1092
1131
  "name": "borderColor/done-emphasis",
1093
1132
  "value": {
@@ -1523,6 +1562,45 @@
1523
1562
  "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
1524
1563
  }
1525
1564
  },
1565
+ {
1566
+ "name": "bgColor/upsell-emphasis",
1567
+ "value": {
1568
+ "r": 0.5372549019607843,
1569
+ "g": 0.3411764705882353,
1570
+ "b": 0.8980392156862745,
1571
+ "a": 1
1572
+ },
1573
+ "type": "COLOR",
1574
+ "refId": "mode/bgColor/upsell-emphasis",
1575
+ "reference": "base/color/dark/base/color/purple/5",
1576
+ "collection": "mode",
1577
+ "mode": "dark tritanopia",
1578
+ "group": "semantic",
1579
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1580
+ "codeSyntax": {
1581
+ "web": "var(--bgColor-upsell-emphasis)"
1582
+ }
1583
+ },
1584
+ {
1585
+ "name": "bgColor/upsell-muted",
1586
+ "value": {
1587
+ "r": 0.6392156862745098,
1588
+ "g": 0.44313725490196076,
1589
+ "b": 0.9686274509803922,
1590
+ "a": 0.15
1591
+ },
1592
+ "type": "COLOR",
1593
+ "alpha": 0.15,
1594
+ "refId": "mode/bgColor/upsell-muted",
1595
+ "reference": "base/color/dark/base/color/purple/4",
1596
+ "collection": "mode",
1597
+ "mode": "dark tritanopia",
1598
+ "group": "semantic",
1599
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1600
+ "codeSyntax": {
1601
+ "web": "var(--bgColor-upsell-muted)"
1602
+ }
1603
+ },
1526
1604
  {
1527
1605
  "name": "bgColor/done-emphasis",
1528
1606
  "value": {
@@ -2047,6 +2125,25 @@
2047
2125
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
2048
2126
  }
2049
2127
  },
2128
+ {
2129
+ "name": "fgColor/upsell",
2130
+ "value": {
2131
+ "r": 0.6392156862745098,
2132
+ "g": 0.44313725490196076,
2133
+ "b": 0.9686274509803922,
2134
+ "a": 1
2135
+ },
2136
+ "type": "COLOR",
2137
+ "refId": "mode/fgColor/upsell",
2138
+ "reference": "base/color/dark/base/color/purple/4",
2139
+ "collection": "mode",
2140
+ "mode": "dark tritanopia",
2141
+ "group": "semantic",
2142
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2143
+ "codeSyntax": {
2144
+ "web": "var(--fgColor-upsell)"
2145
+ }
2146
+ },
2050
2147
  {
2051
2148
  "name": "fgColor/done",
2052
2149
  "value": {
@@ -5557,6 +5654,22 @@
5557
5654
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
5558
5655
  }
5559
5656
  },
5657
+ {
5658
+ "name": "card/bgColor",
5659
+ "value": {
5660
+ "r": 0.08627450980392157,
5661
+ "g": 0.10588235294117647,
5662
+ "b": 0.13333333333333333,
5663
+ "a": 1
5664
+ },
5665
+ "type": "COLOR",
5666
+ "refId": "mode/card/bgColor",
5667
+ "reference": "mode/bgColor/muted",
5668
+ "collection": "mode",
5669
+ "mode": "dark tritanopia",
5670
+ "group": "component",
5671
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5672
+ },
5560
5673
  {
5561
5674
  "name": "selection/bgColor",
5562
5675
  "value": {
@@ -1088,6 +1088,45 @@
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.6392156862745098,
1114
+ "g": 0.44313725490196076,
1115
+ "b": 0.9686274509803922,
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
+ },
1091
1130
  {
1092
1131
  "name": "borderColor/done-emphasis",
1093
1132
  "value": {
@@ -1484,6 +1523,45 @@
1484
1523
  "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
1485
1524
  }
1486
1525
  },
1526
+ {
1527
+ "name": "bgColor/upsell-emphasis",
1528
+ "value": {
1529
+ "r": 0.5372549019607843,
1530
+ "g": 0.3411764705882353,
1531
+ "b": 0.8980392156862745,
1532
+ "a": 1
1533
+ },
1534
+ "type": "COLOR",
1535
+ "refId": "mode/bgColor/upsell-emphasis",
1536
+ "reference": "base/color/dark/base/color/purple/5",
1537
+ "collection": "mode",
1538
+ "mode": "dark",
1539
+ "group": "semantic",
1540
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1541
+ "codeSyntax": {
1542
+ "web": "var(--bgColor-upsell-emphasis)"
1543
+ }
1544
+ },
1545
+ {
1546
+ "name": "bgColor/upsell-muted",
1547
+ "value": {
1548
+ "r": 0.6392156862745098,
1549
+ "g": 0.44313725490196076,
1550
+ "b": 0.9686274509803922,
1551
+ "a": 0.15
1552
+ },
1553
+ "type": "COLOR",
1554
+ "alpha": 0.15,
1555
+ "refId": "mode/bgColor/upsell-muted",
1556
+ "reference": "base/color/dark/base/color/purple/4",
1557
+ "collection": "mode",
1558
+ "mode": "dark",
1559
+ "group": "semantic",
1560
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1561
+ "codeSyntax": {
1562
+ "web": "var(--bgColor-upsell-muted)"
1563
+ }
1564
+ },
1487
1565
  {
1488
1566
  "name": "bgColor/done-emphasis",
1489
1567
  "value": {
@@ -1969,6 +2047,25 @@
1969
2047
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
1970
2048
  }
1971
2049
  },
2050
+ {
2051
+ "name": "fgColor/upsell",
2052
+ "value": {
2053
+ "r": 0.6392156862745098,
2054
+ "g": 0.44313725490196076,
2055
+ "b": 0.9686274509803922,
2056
+ "a": 1
2057
+ },
2058
+ "type": "COLOR",
2059
+ "refId": "mode/fgColor/upsell",
2060
+ "reference": "base/color/dark/base/color/purple/4",
2061
+ "collection": "mode",
2062
+ "mode": "dark",
2063
+ "group": "semantic",
2064
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2065
+ "codeSyntax": {
2066
+ "web": "var(--fgColor-upsell)"
2067
+ }
2068
+ },
1972
2069
  {
1973
2070
  "name": "fgColor/done",
1974
2071
  "value": {
@@ -5556,6 +5653,22 @@
5556
5653
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
5557
5654
  }
5558
5655
  },
5656
+ {
5657
+ "name": "card/bgColor",
5658
+ "value": {
5659
+ "r": 0.08627450980392157,
5660
+ "g": 0.10588235294117647,
5661
+ "b": 0.13333333333333333,
5662
+ "a": 1
5663
+ },
5664
+ "type": "COLOR",
5665
+ "refId": "mode/card/bgColor",
5666
+ "reference": "mode/bgColor/muted",
5667
+ "collection": "mode",
5668
+ "mode": "dark",
5669
+ "group": "component",
5670
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5671
+ },
5559
5672
  {
5560
5673
  "name": "selection/bgColor",
5561
5674
  "value": {
@@ -988,6 +988,45 @@
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
+ },
991
1030
  {
992
1031
  "name": "borderColor/done-emphasis",
993
1032
  "value": {
@@ -1004,7 +1043,7 @@
1004
1043
  "group": "semantic",
1005
1044
  "scopes": ["STROKE_COLOR"],
1006
1045
  "codeSyntax": {
1007
- "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
1046
+ "web": "var(--borderColor-done-emphasis)"
1008
1047
  }
1009
1048
  },
1010
1049
  {
@@ -1422,6 +1461,44 @@
1422
1461
  "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
1423
1462
  }
1424
1463
  },
1464
+ {
1465
+ "name": "bgColor/upsell-emphasis",
1466
+ "value": {
1467
+ "r": 0.5098039215686274,
1468
+ "g": 0.3137254901960784,
1469
+ "b": 0.8745098039215686,
1470
+ "a": 1
1471
+ },
1472
+ "type": "COLOR",
1473
+ "refId": "mode/bgColor/upsell-emphasis",
1474
+ "reference": "base/color/light/base/color/purple/5",
1475
+ "collection": "mode",
1476
+ "mode": "light colorblind",
1477
+ "group": "semantic",
1478
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1479
+ "codeSyntax": {
1480
+ "web": "var(--bgColor-upsell-emphasis)"
1481
+ }
1482
+ },
1483
+ {
1484
+ "name": "bgColor/upsell-muted",
1485
+ "value": {
1486
+ "r": 0.984313725490196,
1487
+ "g": 0.9372549019607843,
1488
+ "b": 1,
1489
+ "a": 1
1490
+ },
1491
+ "type": "COLOR",
1492
+ "refId": "mode/bgColor/upsell-muted",
1493
+ "reference": "base/color/light/base/color/purple/0",
1494
+ "collection": "mode",
1495
+ "mode": "light colorblind",
1496
+ "group": "semantic",
1497
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1498
+ "codeSyntax": {
1499
+ "web": "var(--bgColor-upsell-muted)"
1500
+ }
1501
+ },
1425
1502
  {
1426
1503
  "name": "bgColor/done-emphasis",
1427
1504
  "value": {
@@ -1941,6 +2018,25 @@
1941
2018
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
1942
2019
  }
1943
2020
  },
2021
+ {
2022
+ "name": "fgColor/upsell",
2023
+ "value": {
2024
+ "r": 0.5098039215686274,
2025
+ "g": 0.3137254901960784,
2026
+ "b": 0.8745098039215686,
2027
+ "a": 1
2028
+ },
2029
+ "type": "COLOR",
2030
+ "refId": "mode/fgColor/upsell",
2031
+ "reference": "base/color/light/base/color/purple/5",
2032
+ "collection": "mode",
2033
+ "mode": "light colorblind",
2034
+ "group": "semantic",
2035
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2036
+ "codeSyntax": {
2037
+ "web": "var(--fgColor-upsell)"
2038
+ }
2039
+ },
1944
2040
  {
1945
2041
  "name": "fgColor/done",
1946
2042
  "value": {
@@ -5317,6 +5413,22 @@
5317
5413
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
5318
5414
  }
5319
5415
  },
5416
+ {
5417
+ "name": "card/bgColor",
5418
+ "value": {
5419
+ "r": 1,
5420
+ "g": 1,
5421
+ "b": 1,
5422
+ "a": 1
5423
+ },
5424
+ "type": "COLOR",
5425
+ "refId": "mode/card/bgColor",
5426
+ "reference": "mode/bgColor/default",
5427
+ "collection": "mode",
5428
+ "mode": "light colorblind",
5429
+ "group": "component",
5430
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5431
+ },
5320
5432
  {
5321
5433
  "name": "selection/bgColor",
5322
5434
  "value": {
@@ -988,6 +988,45 @@
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.3843137254901961,
995
+ "g": 0.17254901960784313,
996
+ "b": 0.7372549019607844,
997
+ "a": 1
998
+ },
999
+ "type": "COLOR",
1000
+ "refId": "mode/borderColor/upsell-emphasis",
1001
+ "reference": "base/color/light-high-contrast/base/color/purple/5",
1002
+ "collection": "mode",
1003
+ "mode": "light high contrast",
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.6392156862745098,
1014
+ "g": 0.44313725490196076,
1015
+ "b": 0.9686274509803922,
1016
+ "a": 0.4
1017
+ },
1018
+ "type": "COLOR",
1019
+ "alpha": 0.4,
1020
+ "refId": "mode/borderColor/upsell-muted",
1021
+ "reference": "base/color/light-high-contrast/base/color/purple/3",
1022
+ "collection": "mode",
1023
+ "mode": "light high contrast",
1024
+ "group": "semantic",
1025
+ "scopes": ["STROKE_COLOR"],
1026
+ "codeSyntax": {
1027
+ "web": "var(--borderColor-upsell-muted)"
1028
+ }
1029
+ },
991
1030
  {
992
1031
  "name": "borderColor/done-emphasis",
993
1032
  "value": {
@@ -1004,7 +1043,7 @@
1004
1043
  "group": "semantic",
1005
1044
  "scopes": ["STROKE_COLOR"],
1006
1045
  "codeSyntax": {
1007
- "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
1046
+ "web": "var(--borderColor-done-emphasis)"
1008
1047
  }
1009
1048
  },
1010
1049
  {
@@ -1403,6 +1442,44 @@
1403
1442
  "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
1404
1443
  }
1405
1444
  },
1445
+ {
1446
+ "name": "bgColor/upsell-emphasis",
1447
+ "value": {
1448
+ "r": 0.3843137254901961,
1449
+ "g": 0.17254901960784313,
1450
+ "b": 0.7372549019607844,
1451
+ "a": 1
1452
+ },
1453
+ "type": "COLOR",
1454
+ "refId": "mode/bgColor/upsell-emphasis",
1455
+ "reference": "base/color/light-high-contrast/base/color/purple/5",
1456
+ "collection": "mode",
1457
+ "mode": "light high contrast",
1458
+ "group": "semantic",
1459
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1460
+ "codeSyntax": {
1461
+ "web": "var(--bgColor-upsell-emphasis)"
1462
+ }
1463
+ },
1464
+ {
1465
+ "name": "bgColor/upsell-muted",
1466
+ "value": {
1467
+ "r": 0.9803921568627451,
1468
+ "g": 0.9411764705882353,
1469
+ "b": 0.996078431372549,
1470
+ "a": 1
1471
+ },
1472
+ "type": "COLOR",
1473
+ "refId": "mode/bgColor/upsell-muted",
1474
+ "reference": "base/color/light-high-contrast/base/color/purple/0",
1475
+ "collection": "mode",
1476
+ "mode": "light high contrast",
1477
+ "group": "semantic",
1478
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1479
+ "codeSyntax": {
1480
+ "web": "var(--bgColor-upsell-muted)"
1481
+ }
1482
+ },
1406
1483
  {
1407
1484
  "name": "bgColor/done-emphasis",
1408
1485
  "value": {
@@ -1881,6 +1958,25 @@
1881
1958
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
1882
1959
  }
1883
1960
  },
1961
+ {
1962
+ "name": "fgColor/upsell",
1963
+ "value": {
1964
+ "r": 0.3843137254901961,
1965
+ "g": 0.17254901960784313,
1966
+ "b": 0.7372549019607844,
1967
+ "a": 1
1968
+ },
1969
+ "type": "COLOR",
1970
+ "refId": "mode/fgColor/upsell",
1971
+ "reference": "base/color/light-high-contrast/base/color/purple/5",
1972
+ "collection": "mode",
1973
+ "mode": "light high contrast",
1974
+ "group": "semantic",
1975
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
1976
+ "codeSyntax": {
1977
+ "web": "var(--fgColor-upsell)"
1978
+ }
1979
+ },
1884
1980
  {
1885
1981
  "name": "fgColor/done",
1886
1982
  "value": {
@@ -5377,6 +5473,22 @@
5377
5473
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
5378
5474
  }
5379
5475
  },
5476
+ {
5477
+ "name": "card/bgColor",
5478
+ "value": {
5479
+ "r": 1,
5480
+ "g": 1,
5481
+ "b": 1,
5482
+ "a": 1
5483
+ },
5484
+ "type": "COLOR",
5485
+ "refId": "mode/card/bgColor",
5486
+ "reference": "mode/bgColor/default",
5487
+ "collection": "mode",
5488
+ "mode": "light high contrast",
5489
+ "group": "component",
5490
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5491
+ },
5380
5492
  {
5381
5493
  "name": "selection/bgColor",
5382
5494
  "value": {