@primer/primitives 7.16.0-rc.61c8ad8e → 7.16.0-rc.67d15d2e

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 (160) 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 +5 -3
  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/internalCss/dark-colorblind.css +12 -0
  66. package/tokens-next-private/internalCss/dark-dimmed.css +12 -0
  67. package/tokens-next-private/internalCss/dark-high-contrast.css +12 -0
  68. package/tokens-next-private/internalCss/dark-tritanopia.css +12 -0
  69. package/tokens-next-private/internalCss/dark.css +12 -0
  70. package/tokens-next-private/internalCss/light-colorblind.css +12 -0
  71. package/tokens-next-private/internalCss/light-high-contrast.css +12 -0
  72. package/tokens-next-private/internalCss/light-tritanopia.css +12 -0
  73. package/tokens-next-private/internalCss/light.css +12 -0
  74. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +6 -0
  75. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +6 -0
  76. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +6 -0
  77. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +6 -0
  78. package/tokens-next-private/scss/functional/themes/dark.scss +6 -0
  79. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +6 -0
  80. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +6 -0
  81. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +6 -0
  82. package/tokens-next-private/scss/functional/themes/light.scss +6 -0
  83. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  84. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  85. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  86. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  87. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  88. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  89. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  90. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  91. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  92. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  93. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  94. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  95. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  96. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  97. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  98. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  99. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  100. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  101. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  102. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  103. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  104. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  105. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  106. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  107. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  108. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  109. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  110. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  111. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  112. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  113. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  114. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  115. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  116. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  117. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  118. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  119. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  120. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  121. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  122. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  123. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  124. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  125. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  126. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  127. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  128. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  129. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  130. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  131. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  132. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  134. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  135. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  136. package/tokens-next-private/figma/dimension/dimension.json +0 -1068
  137. package/tokens-next-private/figma/figma.json +0 -116
  138. package/tokens-next-private/figma/scales/dark-dimmed.json +0 -1398
  139. package/tokens-next-private/figma/scales/dark-high-constrast.json +0 -1398
  140. package/tokens-next-private/figma/scales/dark.json +0 -1398
  141. package/tokens-next-private/figma/scales/light-high-constrast.json +0 -1398
  142. package/tokens-next-private/figma/scales/light.json +0 -1398
  143. package/tokens-next-private/figma/shadows/dark-colorblind.json +0 -1152
  144. package/tokens-next-private/figma/shadows/dark-dimmed.json +0 -1152
  145. package/tokens-next-private/figma/shadows/dark-high-contrast.json +0 -1152
  146. package/tokens-next-private/figma/shadows/dark-tritanopia.json +0 -1152
  147. package/tokens-next-private/figma/shadows/dark.json +0 -1152
  148. package/tokens-next-private/figma/shadows/light-colorblind.json +0 -1052
  149. package/tokens-next-private/figma/shadows/light-high-contrast.json +0 -1052
  150. package/tokens-next-private/figma/shadows/light-tritanopia.json +0 -1052
  151. package/tokens-next-private/figma/shadows/light.json +0 -1052
  152. package/tokens-next-private/figma/themes/dark-colorblind.json +0 -7759
  153. package/tokens-next-private/figma/themes/dark-dimmed.json +0 -7757
  154. package/tokens-next-private/figma/themes/dark-high-contrast.json +0 -7766
  155. package/tokens-next-private/figma/themes/dark-tritanopia.json +0 -7760
  156. package/tokens-next-private/figma/themes/dark.json +0 -7759
  157. package/tokens-next-private/figma/themes/light-colorblind.json +0 -7636
  158. package/tokens-next-private/figma/themes/light-high-contrast.json +0 -7634
  159. package/tokens-next-private/figma/themes/light-tritanopia.json +0 -7630
  160. package/tokens-next-private/figma/themes/light.json +0 -7629
@@ -8494,6 +8494,35 @@
8494
8494
  "attributes": {},
8495
8495
  "path": ["selection", "bgColor"]
8496
8496
  },
8497
+ "card-bgColor": {
8498
+ "value": "#161b22",
8499
+ "$type": "color",
8500
+ "$extensions": {
8501
+ "org.primer.figma": {
8502
+ "collection": "mode",
8503
+ "mode": "dark",
8504
+ "group": "component",
8505
+ "scopes": ["bgColor"]
8506
+ }
8507
+ },
8508
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8509
+ "isSource": true,
8510
+ "original": {
8511
+ "value": "{bgColor.muted}",
8512
+ "$type": "color",
8513
+ "$extensions": {
8514
+ "org.primer.figma": {
8515
+ "collection": "mode",
8516
+ "mode": "dark",
8517
+ "group": "component",
8518
+ "scopes": ["bgColor"]
8519
+ }
8520
+ }
8521
+ },
8522
+ "name": "card-bgColor",
8523
+ "attributes": {},
8524
+ "path": ["card", "bgColor"]
8525
+ },
8497
8526
  "fgColor-default": {
8498
8527
  "value": "#e6edf3",
8499
8528
  "$type": "color",
@@ -9054,6 +9083,41 @@
9054
9083
  "attributes": {},
9055
9084
  "path": ["fgColor", "done", "@"]
9056
9085
  },
9086
+ "fgColor-upsell": {
9087
+ "value": "#a371f7",
9088
+ "$type": "color",
9089
+ "$extensions": {
9090
+ "org.primer.figma": {
9091
+ "collection": "mode",
9092
+ "mode": "dark",
9093
+ "group": "semantic",
9094
+ "scopes": ["fgColor"],
9095
+ "codeSyntax": {
9096
+ "web": "var(--fgColor-upsell)"
9097
+ }
9098
+ }
9099
+ },
9100
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
9101
+ "isSource": true,
9102
+ "original": {
9103
+ "value": "{base.color.purple.4}",
9104
+ "$type": "color",
9105
+ "$extensions": {
9106
+ "org.primer.figma": {
9107
+ "collection": "mode",
9108
+ "mode": "dark",
9109
+ "group": "semantic",
9110
+ "scopes": ["fgColor"],
9111
+ "codeSyntax": {
9112
+ "web": "var(--fgColor-upsell)"
9113
+ }
9114
+ }
9115
+ }
9116
+ },
9117
+ "name": "fgColor-upsell",
9118
+ "attributes": {},
9119
+ "path": ["fgColor", "upsell", "@"]
9120
+ },
9057
9121
  "fgColor-sponsors": {
9058
9122
  "value": "#db61a2",
9059
9123
  "$type": "color",
@@ -10018,6 +10082,78 @@
10018
10082
  "attributes": {},
10019
10083
  "path": ["bgColor", "done", "emphasis"]
10020
10084
  },
10085
+ "bgColor-upsell-muted": {
10086
+ "value": "#a371f726",
10087
+ "$type": "color",
10088
+ "$extensions": {
10089
+ "org.primer.figma": {
10090
+ "collection": "mode",
10091
+ "mode": "dark",
10092
+ "group": "semantic",
10093
+ "scopes": ["bgColor"],
10094
+ "codeSyntax": {
10095
+ "web": "var(--bgColor-upsell-muted)"
10096
+ }
10097
+ }
10098
+ },
10099
+ "alpha": 0.15,
10100
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
10101
+ "isSource": true,
10102
+ "original": {
10103
+ "value": "{base.color.purple.4}",
10104
+ "$type": "color",
10105
+ "$extensions": {
10106
+ "org.primer.figma": {
10107
+ "collection": "mode",
10108
+ "mode": "dark",
10109
+ "group": "semantic",
10110
+ "scopes": ["bgColor"],
10111
+ "codeSyntax": {
10112
+ "web": "var(--bgColor-upsell-muted)"
10113
+ }
10114
+ }
10115
+ },
10116
+ "alpha": 0.15
10117
+ },
10118
+ "name": "bgColor-upsell-muted",
10119
+ "attributes": {},
10120
+ "path": ["bgColor", "upsell", "muted"]
10121
+ },
10122
+ "bgColor-upsell-emphasis": {
10123
+ "value": "#8957e5",
10124
+ "$type": "color",
10125
+ "$extensions": {
10126
+ "org.primer.figma": {
10127
+ "collection": "mode",
10128
+ "mode": "dark",
10129
+ "group": "semantic",
10130
+ "scopes": ["bgColor"],
10131
+ "codeSyntax": {
10132
+ "web": "var(--bgColor-upsell-emphasis)"
10133
+ }
10134
+ }
10135
+ },
10136
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
10137
+ "isSource": true,
10138
+ "original": {
10139
+ "value": "{base.color.purple.5}",
10140
+ "$type": "color",
10141
+ "$extensions": {
10142
+ "org.primer.figma": {
10143
+ "collection": "mode",
10144
+ "mode": "dark",
10145
+ "group": "semantic",
10146
+ "scopes": ["bgColor"],
10147
+ "codeSyntax": {
10148
+ "web": "var(--bgColor-upsell-emphasis)"
10149
+ }
10150
+ }
10151
+ }
10152
+ },
10153
+ "name": "bgColor-upsell-emphasis",
10154
+ "attributes": {},
10155
+ "path": ["bgColor", "upsell", "emphasis"]
10156
+ },
10021
10157
  "bgColor-sponsors-muted": {
10022
10158
  "value": "#db61a21a",
10023
10159
  "$type": "color",
@@ -10885,6 +11021,78 @@
10885
11021
  "attributes": {},
10886
11022
  "path": ["borderColor", "done", "emphasis"]
10887
11023
  },
11024
+ "borderColor-upsell-muted": {
11025
+ "value": "#a371f766",
11026
+ "$type": "color",
11027
+ "$extensions": {
11028
+ "org.primer.figma": {
11029
+ "collection": "mode",
11030
+ "mode": "dark",
11031
+ "group": "semantic",
11032
+ "scopes": ["borderColor"],
11033
+ "codeSyntax": {
11034
+ "web": "var(--borderColor-upsell-muted)"
11035
+ }
11036
+ }
11037
+ },
11038
+ "alpha": 0.4,
11039
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
11040
+ "isSource": true,
11041
+ "original": {
11042
+ "value": "{base.color.purple.4}",
11043
+ "$type": "color",
11044
+ "$extensions": {
11045
+ "org.primer.figma": {
11046
+ "collection": "mode",
11047
+ "mode": "dark",
11048
+ "group": "semantic",
11049
+ "scopes": ["borderColor"],
11050
+ "codeSyntax": {
11051
+ "web": "var(--borderColor-upsell-muted)"
11052
+ }
11053
+ }
11054
+ },
11055
+ "alpha": 0.4
11056
+ },
11057
+ "name": "borderColor-upsell-muted",
11058
+ "attributes": {},
11059
+ "path": ["borderColor", "upsell", "muted"]
11060
+ },
11061
+ "borderColor-upsell-emphasis": {
11062
+ "value": "#8957e5",
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-emphasis"
11072
+ }
11073
+ }
11074
+ },
11075
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
11076
+ "isSource": true,
11077
+ "original": {
11078
+ "value": "{base.color.purple.5}",
11079
+ "$type": "color",
11080
+ "$extensions": {
11081
+ "org.primer.figma": {
11082
+ "collection": "mode",
11083
+ "mode": "dark",
11084
+ "group": "semantic",
11085
+ "scopes": ["borderColor"],
11086
+ "codeSyntax": {
11087
+ "web": "var(--borderColor-upsell-emphasis"
11088
+ }
11089
+ }
11090
+ }
11091
+ },
11092
+ "name": "borderColor-upsell-emphasis",
11093
+ "attributes": {},
11094
+ "path": ["borderColor", "upsell", "emphasis"]
11095
+ },
10888
11096
  "borderColor-sponsors-muted": {
10889
11097
  "value": "#db61a266",
10890
11098
  "$type": "color",
@@ -8500,6 +8500,35 @@
8500
8500
  "attributes": {},
8501
8501
  "path": ["selection", "bgColor"]
8502
8502
  },
8503
+ "card-bgColor": {
8504
+ "value": "#2d333b",
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": "#c5d1de",
8505
8534
  "$type": "color",
@@ -9060,6 +9089,41 @@
9060
9089
  "attributes": {},
9061
9090
  "path": ["fgColor", "done", "@"]
9062
9091
  },
9092
+ "fgColor-upsell": {
9093
+ "value": "#986ee2",
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": "#c96198",
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": "#986ee226",
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": "#8256d0",
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": "#c961981a",
10029
10165
  "$type": "color",
@@ -10889,6 +11025,78 @@
10889
11025
  "attributes": {},
10890
11026
  "path": ["borderColor", "done", "emphasis"]
10891
11027
  },
11028
+ "borderColor-upsell-muted": {
11029
+ "value": "#986ee266",
11030
+ "$type": "color",
11031
+ "$extensions": {
11032
+ "org.primer.figma": {
11033
+ "collection": "mode",
11034
+ "mode": "dark",
11035
+ "group": "semantic",
11036
+ "scopes": ["borderColor"],
11037
+ "codeSyntax": {
11038
+ "web": "var(--borderColor-upsell-muted)"
11039
+ }
11040
+ }
11041
+ },
11042
+ "alpha": 0.4,
11043
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
11044
+ "isSource": true,
11045
+ "original": {
11046
+ "value": "{base.color.purple.4}",
11047
+ "$type": "color",
11048
+ "$extensions": {
11049
+ "org.primer.figma": {
11050
+ "collection": "mode",
11051
+ "mode": "dark",
11052
+ "group": "semantic",
11053
+ "scopes": ["borderColor"],
11054
+ "codeSyntax": {
11055
+ "web": "var(--borderColor-upsell-muted)"
11056
+ }
11057
+ }
11058
+ },
11059
+ "alpha": 0.4
11060
+ },
11061
+ "name": "borderColor-upsell-muted",
11062
+ "attributes": {},
11063
+ "path": ["borderColor", "upsell", "muted"]
11064
+ },
11065
+ "borderColor-upsell-emphasis": {
11066
+ "value": "#8256d0",
11067
+ "$type": "color",
11068
+ "$extensions": {
11069
+ "org.primer.figma": {
11070
+ "collection": "mode",
11071
+ "mode": "dark",
11072
+ "group": "semantic",
11073
+ "scopes": ["borderColor"],
11074
+ "codeSyntax": {
11075
+ "web": "var(--borderColor-upsell-emphasis"
11076
+ }
11077
+ }
11078
+ },
11079
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
11080
+ "isSource": true,
11081
+ "original": {
11082
+ "value": "{base.color.purple.5}",
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
+ },
11096
+ "name": "borderColor-upsell-emphasis",
11097
+ "attributes": {},
11098
+ "path": ["borderColor", "upsell", "emphasis"]
11099
+ },
10892
11100
  "borderColor-sponsors-muted": {
10893
11101
  "value": "#c9619866",
10894
11102
  "$type": "color",