@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
@@ -8520,6 +8520,35 @@
8520
8520
  "attributes": {},
8521
8521
  "path": ["selection", "bgColor"]
8522
8522
  },
8523
+ "card-bgColor": {
8524
+ "value": "#272b33",
8525
+ "$type": "color",
8526
+ "$extensions": {
8527
+ "org.primer.figma": {
8528
+ "collection": "mode",
8529
+ "mode": "dark",
8530
+ "group": "component",
8531
+ "scopes": ["bgColor"]
8532
+ }
8533
+ },
8534
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8535
+ "isSource": true,
8536
+ "original": {
8537
+ "value": "{bgColor.muted}",
8538
+ "$type": "color",
8539
+ "$extensions": {
8540
+ "org.primer.figma": {
8541
+ "collection": "mode",
8542
+ "mode": "dark",
8543
+ "group": "component",
8544
+ "scopes": ["bgColor"]
8545
+ }
8546
+ }
8547
+ },
8548
+ "name": "card-bgColor",
8549
+ "attributes": {},
8550
+ "path": ["card", "bgColor"]
8551
+ },
8523
8552
  "fgColor-default": {
8524
8553
  "value": "#fbfcfd",
8525
8554
  "$type": "color",
@@ -9076,6 +9105,41 @@
9076
9105
  "attributes": {},
9077
9106
  "path": ["fgColor", "done", "@"]
9078
9107
  },
9108
+ "fgColor-upsell": {
9109
+ "value": "#bf8fff",
9110
+ "$type": "color",
9111
+ "$extensions": {
9112
+ "org.primer.figma": {
9113
+ "collection": "mode",
9114
+ "mode": "dark",
9115
+ "group": "semantic",
9116
+ "scopes": ["fgColor"],
9117
+ "codeSyntax": {
9118
+ "web": "var(--fgColor-upsell)"
9119
+ }
9120
+ }
9121
+ },
9122
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
9123
+ "isSource": true,
9124
+ "original": {
9125
+ "value": "{base.color.purple.4}",
9126
+ "$type": "color",
9127
+ "$extensions": {
9128
+ "org.primer.figma": {
9129
+ "collection": "mode",
9130
+ "mode": "dark",
9131
+ "group": "semantic",
9132
+ "scopes": ["fgColor"],
9133
+ "codeSyntax": {
9134
+ "web": "var(--fgColor-upsell)"
9135
+ }
9136
+ }
9137
+ }
9138
+ },
9139
+ "name": "fgColor-upsell",
9140
+ "attributes": {},
9141
+ "path": ["fgColor", "upsell", "@"]
9142
+ },
9079
9143
  "fgColor-sponsors": {
9080
9144
  "value": "#f87cbd",
9081
9145
  "$type": "color",
@@ -10040,6 +10104,78 @@
10040
10104
  "attributes": {},
10041
10105
  "path": ["bgColor", "done", "emphasis"]
10042
10106
  },
10107
+ "bgColor-upsell-muted": {
10108
+ "value": "#bf8fff26",
10109
+ "$type": "color",
10110
+ "$extensions": {
10111
+ "org.primer.figma": {
10112
+ "collection": "mode",
10113
+ "mode": "dark",
10114
+ "group": "semantic",
10115
+ "scopes": ["bgColor"],
10116
+ "codeSyntax": {
10117
+ "web": "var(--bgColor-upsell-muted)"
10118
+ }
10119
+ }
10120
+ },
10121
+ "alpha": 0.15,
10122
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
10123
+ "isSource": true,
10124
+ "original": {
10125
+ "value": "{base.color.purple.4}",
10126
+ "$type": "color",
10127
+ "$extensions": {
10128
+ "org.primer.figma": {
10129
+ "collection": "mode",
10130
+ "mode": "dark",
10131
+ "group": "semantic",
10132
+ "scopes": ["bgColor"],
10133
+ "codeSyntax": {
10134
+ "web": "var(--bgColor-upsell-muted)"
10135
+ }
10136
+ }
10137
+ },
10138
+ "alpha": 0.15
10139
+ },
10140
+ "name": "bgColor-upsell-muted",
10141
+ "attributes": {},
10142
+ "path": ["bgColor", "upsell", "muted"]
10143
+ },
10144
+ "bgColor-upsell-emphasis": {
10145
+ "value": "#b87fff",
10146
+ "$type": "color",
10147
+ "$extensions": {
10148
+ "org.primer.figma": {
10149
+ "collection": "mode",
10150
+ "mode": "dark",
10151
+ "group": "semantic",
10152
+ "scopes": ["bgColor"],
10153
+ "codeSyntax": {
10154
+ "web": "var(--bgColor-upsell-emphasis)"
10155
+ }
10156
+ }
10157
+ },
10158
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
10159
+ "isSource": true,
10160
+ "original": {
10161
+ "value": "{base.color.purple.5}",
10162
+ "$type": "color",
10163
+ "$extensions": {
10164
+ "org.primer.figma": {
10165
+ "collection": "mode",
10166
+ "mode": "dark",
10167
+ "group": "semantic",
10168
+ "scopes": ["bgColor"],
10169
+ "codeSyntax": {
10170
+ "web": "var(--bgColor-upsell-emphasis)"
10171
+ }
10172
+ }
10173
+ }
10174
+ },
10175
+ "name": "bgColor-upsell-emphasis",
10176
+ "attributes": {},
10177
+ "path": ["bgColor", "upsell", "emphasis"]
10178
+ },
10043
10179
  "bgColor-sponsors-muted": {
10044
10180
  "value": "#f87cbd1a",
10045
10181
  "$type": "color",
@@ -10905,6 +11041,78 @@
10905
11041
  "attributes": {},
10906
11042
  "path": ["borderColor", "done", "emphasis"]
10907
11043
  },
11044
+ "borderColor-upsell-muted": {
11045
+ "value": "#bf8fff66",
11046
+ "$type": "color",
11047
+ "$extensions": {
11048
+ "org.primer.figma": {
11049
+ "collection": "mode",
11050
+ "mode": "dark",
11051
+ "group": "semantic",
11052
+ "scopes": ["borderColor"],
11053
+ "codeSyntax": {
11054
+ "web": "var(--borderColor-upsell-muted)"
11055
+ }
11056
+ }
11057
+ },
11058
+ "alpha": 0.4,
11059
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
11060
+ "isSource": true,
11061
+ "original": {
11062
+ "value": "{base.color.purple.4}",
11063
+ "$type": "color",
11064
+ "$extensions": {
11065
+ "org.primer.figma": {
11066
+ "collection": "mode",
11067
+ "mode": "dark",
11068
+ "group": "semantic",
11069
+ "scopes": ["borderColor"],
11070
+ "codeSyntax": {
11071
+ "web": "var(--borderColor-upsell-muted)"
11072
+ }
11073
+ }
11074
+ },
11075
+ "alpha": 0.4
11076
+ },
11077
+ "name": "borderColor-upsell-muted",
11078
+ "attributes": {},
11079
+ "path": ["borderColor", "upsell", "muted"]
11080
+ },
11081
+ "borderColor-upsell-emphasis": {
11082
+ "value": "#b87fff",
11083
+ "$type": "color",
11084
+ "$extensions": {
11085
+ "org.primer.figma": {
11086
+ "collection": "mode",
11087
+ "mode": "dark",
11088
+ "group": "semantic",
11089
+ "scopes": ["borderColor"],
11090
+ "codeSyntax": {
11091
+ "web": "var(--borderColor-upsell-emphasis"
11092
+ }
11093
+ }
11094
+ },
11095
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
11096
+ "isSource": true,
11097
+ "original": {
11098
+ "value": "{base.color.purple.5}",
11099
+ "$type": "color",
11100
+ "$extensions": {
11101
+ "org.primer.figma": {
11102
+ "collection": "mode",
11103
+ "mode": "dark",
11104
+ "group": "semantic",
11105
+ "scopes": ["borderColor"],
11106
+ "codeSyntax": {
11107
+ "web": "var(--borderColor-upsell-emphasis"
11108
+ }
11109
+ }
11110
+ }
11111
+ },
11112
+ "name": "borderColor-upsell-emphasis",
11113
+ "attributes": {},
11114
+ "path": ["borderColor", "upsell", "emphasis"]
11115
+ },
10908
11116
  "borderColor-sponsors-muted": {
10909
11117
  "value": "#f87cbd",
10910
11118
  "$type": "color",
@@ -8500,6 +8500,35 @@
8500
8500
  "attributes": {},
8501
8501
  "path": ["selection", "bgColor"]
8502
8502
  },
8503
+ "card-bgColor": {
8504
+ "value": "#161b22",
8505
+ "$type": "color",
8506
+ "$extensions": {
8507
+ "org.primer.figma": {
8508
+ "collection": "mode",
8509
+ "mode": "dark",
8510
+ "group": "component",
8511
+ "scopes": ["bgColor"]
8512
+ }
8513
+ },
8514
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8515
+ "isSource": true,
8516
+ "original": {
8517
+ "value": "{bgColor.muted}",
8518
+ "$type": "color",
8519
+ "$extensions": {
8520
+ "org.primer.figma": {
8521
+ "collection": "mode",
8522
+ "mode": "dark",
8523
+ "group": "component",
8524
+ "scopes": ["bgColor"]
8525
+ }
8526
+ }
8527
+ },
8528
+ "name": "card-bgColor",
8529
+ "attributes": {},
8530
+ "path": ["card", "bgColor"]
8531
+ },
8503
8532
  "fgColor-default": {
8504
8533
  "value": "#e6edf3",
8505
8534
  "$type": "color",
@@ -9060,6 +9089,41 @@
9060
9089
  "attributes": {},
9061
9090
  "path": ["fgColor", "done", "@"]
9062
9091
  },
9092
+ "fgColor-upsell": {
9093
+ "value": "#a371f7",
9094
+ "$type": "color",
9095
+ "$extensions": {
9096
+ "org.primer.figma": {
9097
+ "collection": "mode",
9098
+ "mode": "dark",
9099
+ "group": "semantic",
9100
+ "scopes": ["fgColor"],
9101
+ "codeSyntax": {
9102
+ "web": "var(--fgColor-upsell)"
9103
+ }
9104
+ }
9105
+ },
9106
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
9107
+ "isSource": true,
9108
+ "original": {
9109
+ "value": "{base.color.purple.4}",
9110
+ "$type": "color",
9111
+ "$extensions": {
9112
+ "org.primer.figma": {
9113
+ "collection": "mode",
9114
+ "mode": "dark",
9115
+ "group": "semantic",
9116
+ "scopes": ["fgColor"],
9117
+ "codeSyntax": {
9118
+ "web": "var(--fgColor-upsell)"
9119
+ }
9120
+ }
9121
+ }
9122
+ },
9123
+ "name": "fgColor-upsell",
9124
+ "attributes": {},
9125
+ "path": ["fgColor", "upsell", "@"]
9126
+ },
9063
9127
  "fgColor-sponsors": {
9064
9128
  "value": "#db61a2",
9065
9129
  "$type": "color",
@@ -10024,6 +10088,78 @@
10024
10088
  "attributes": {},
10025
10089
  "path": ["bgColor", "done", "emphasis"]
10026
10090
  },
10091
+ "bgColor-upsell-muted": {
10092
+ "value": "#a371f726",
10093
+ "$type": "color",
10094
+ "$extensions": {
10095
+ "org.primer.figma": {
10096
+ "collection": "mode",
10097
+ "mode": "dark",
10098
+ "group": "semantic",
10099
+ "scopes": ["bgColor"],
10100
+ "codeSyntax": {
10101
+ "web": "var(--bgColor-upsell-muted)"
10102
+ }
10103
+ }
10104
+ },
10105
+ "alpha": 0.15,
10106
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
10107
+ "isSource": true,
10108
+ "original": {
10109
+ "value": "{base.color.purple.4}",
10110
+ "$type": "color",
10111
+ "$extensions": {
10112
+ "org.primer.figma": {
10113
+ "collection": "mode",
10114
+ "mode": "dark",
10115
+ "group": "semantic",
10116
+ "scopes": ["bgColor"],
10117
+ "codeSyntax": {
10118
+ "web": "var(--bgColor-upsell-muted)"
10119
+ }
10120
+ }
10121
+ },
10122
+ "alpha": 0.15
10123
+ },
10124
+ "name": "bgColor-upsell-muted",
10125
+ "attributes": {},
10126
+ "path": ["bgColor", "upsell", "muted"]
10127
+ },
10128
+ "bgColor-upsell-emphasis": {
10129
+ "value": "#8957e5",
10130
+ "$type": "color",
10131
+ "$extensions": {
10132
+ "org.primer.figma": {
10133
+ "collection": "mode",
10134
+ "mode": "dark",
10135
+ "group": "semantic",
10136
+ "scopes": ["bgColor"],
10137
+ "codeSyntax": {
10138
+ "web": "var(--bgColor-upsell-emphasis)"
10139
+ }
10140
+ }
10141
+ },
10142
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
10143
+ "isSource": true,
10144
+ "original": {
10145
+ "value": "{base.color.purple.5}",
10146
+ "$type": "color",
10147
+ "$extensions": {
10148
+ "org.primer.figma": {
10149
+ "collection": "mode",
10150
+ "mode": "dark",
10151
+ "group": "semantic",
10152
+ "scopes": ["bgColor"],
10153
+ "codeSyntax": {
10154
+ "web": "var(--bgColor-upsell-emphasis)"
10155
+ }
10156
+ }
10157
+ }
10158
+ },
10159
+ "name": "bgColor-upsell-emphasis",
10160
+ "attributes": {},
10161
+ "path": ["bgColor", "upsell", "emphasis"]
10162
+ },
10027
10163
  "bgColor-sponsors-muted": {
10028
10164
  "value": "#db61a21a",
10029
10165
  "$type": "color",
@@ -10891,6 +11027,78 @@
10891
11027
  "attributes": {},
10892
11028
  "path": ["borderColor", "done", "emphasis"]
10893
11029
  },
11030
+ "borderColor-upsell-muted": {
11031
+ "value": "#a371f766",
11032
+ "$type": "color",
11033
+ "$extensions": {
11034
+ "org.primer.figma": {
11035
+ "collection": "mode",
11036
+ "mode": "dark",
11037
+ "group": "semantic",
11038
+ "scopes": ["borderColor"],
11039
+ "codeSyntax": {
11040
+ "web": "var(--borderColor-upsell-muted)"
11041
+ }
11042
+ }
11043
+ },
11044
+ "alpha": 0.4,
11045
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
11046
+ "isSource": true,
11047
+ "original": {
11048
+ "value": "{base.color.purple.4}",
11049
+ "$type": "color",
11050
+ "$extensions": {
11051
+ "org.primer.figma": {
11052
+ "collection": "mode",
11053
+ "mode": "dark",
11054
+ "group": "semantic",
11055
+ "scopes": ["borderColor"],
11056
+ "codeSyntax": {
11057
+ "web": "var(--borderColor-upsell-muted)"
11058
+ }
11059
+ }
11060
+ },
11061
+ "alpha": 0.4
11062
+ },
11063
+ "name": "borderColor-upsell-muted",
11064
+ "attributes": {},
11065
+ "path": ["borderColor", "upsell", "muted"]
11066
+ },
11067
+ "borderColor-upsell-emphasis": {
11068
+ "value": "#8957e5",
11069
+ "$type": "color",
11070
+ "$extensions": {
11071
+ "org.primer.figma": {
11072
+ "collection": "mode",
11073
+ "mode": "dark",
11074
+ "group": "semantic",
11075
+ "scopes": ["borderColor"],
11076
+ "codeSyntax": {
11077
+ "web": "var(--borderColor-upsell-emphasis"
11078
+ }
11079
+ }
11080
+ },
11081
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
11082
+ "isSource": true,
11083
+ "original": {
11084
+ "value": "{base.color.purple.5}",
11085
+ "$type": "color",
11086
+ "$extensions": {
11087
+ "org.primer.figma": {
11088
+ "collection": "mode",
11089
+ "mode": "dark",
11090
+ "group": "semantic",
11091
+ "scopes": ["borderColor"],
11092
+ "codeSyntax": {
11093
+ "web": "var(--borderColor-upsell-emphasis"
11094
+ }
11095
+ }
11096
+ }
11097
+ },
11098
+ "name": "borderColor-upsell-emphasis",
11099
+ "attributes": {},
11100
+ "path": ["borderColor", "upsell", "emphasis"]
11101
+ },
10894
11102
  "borderColor-sponsors-muted": {
10895
11103
  "value": "#db61a266",
10896
11104
  "$type": "color",