@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
@@ -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",
@@ -10889,6 +11025,78 @@
10889
11025
  "attributes": {},
10890
11026
  "path": ["borderColor", "done", "emphasis"]
10891
11027
  },
11028
+ "borderColor-upsell-muted": {
11029
+ "value": "#a371f766",
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": "#8957e5",
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": "#db61a266",
10894
11102
  "$type": "color",
@@ -8509,6 +8509,35 @@
8509
8509
  "attributes": {},
8510
8510
  "path": ["selection", "bgColor"]
8511
8511
  },
8512
+ "card-bgColor": {
8513
+ "value": "#ffffff",
8514
+ "$type": "color",
8515
+ "$extensions": {
8516
+ "org.primer.figma": {
8517
+ "collection": "mode",
8518
+ "mode": "light",
8519
+ "group": "component",
8520
+ "scopes": ["bgColor"]
8521
+ }
8522
+ },
8523
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8524
+ "isSource": true,
8525
+ "original": {
8526
+ "value": "{bgColor.default}",
8527
+ "$type": "color",
8528
+ "$extensions": {
8529
+ "org.primer.figma": {
8530
+ "collection": "mode",
8531
+ "mode": "light",
8532
+ "group": "component",
8533
+ "scopes": ["bgColor"]
8534
+ }
8535
+ }
8536
+ },
8537
+ "name": "card-bgColor",
8538
+ "attributes": {},
8539
+ "path": ["card", "bgColor"]
8540
+ },
8512
8541
  "fgColor-default": {
8513
8542
  "value": "#1f2328",
8514
8543
  "$type": "color",
@@ -9061,6 +9090,41 @@
9061
9090
  "attributes": {},
9062
9091
  "path": ["fgColor", "done", "@"]
9063
9092
  },
9093
+ "fgColor-upsell": {
9094
+ "value": "#8250df",
9095
+ "$type": "color",
9096
+ "$extensions": {
9097
+ "org.primer.figma": {
9098
+ "collection": "mode",
9099
+ "mode": "light",
9100
+ "group": "semantic",
9101
+ "scopes": ["fgColor"],
9102
+ "codeSyntax": {
9103
+ "web": "var(--fgColor-upsell)"
9104
+ }
9105
+ }
9106
+ },
9107
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
9108
+ "isSource": true,
9109
+ "original": {
9110
+ "value": "{base.color.purple.5}",
9111
+ "$type": "color",
9112
+ "$extensions": {
9113
+ "org.primer.figma": {
9114
+ "collection": "mode",
9115
+ "mode": "light",
9116
+ "group": "semantic",
9117
+ "scopes": ["fgColor"],
9118
+ "codeSyntax": {
9119
+ "web": "var(--fgColor-upsell)"
9120
+ }
9121
+ }
9122
+ }
9123
+ },
9124
+ "name": "fgColor-upsell",
9125
+ "attributes": {},
9126
+ "path": ["fgColor", "upsell", "@"]
9127
+ },
9064
9128
  "fgColor-sponsors": {
9065
9129
  "value": "#bf3989",
9066
9130
  "$type": "color",
@@ -10021,6 +10085,76 @@
10021
10085
  "attributes": {},
10022
10086
  "path": ["bgColor", "done", "emphasis"]
10023
10087
  },
10088
+ "bgColor-upsell-muted": {
10089
+ "value": "#fbefff",
10090
+ "$type": "color",
10091
+ "$extensions": {
10092
+ "org.primer.figma": {
10093
+ "collection": "mode",
10094
+ "mode": "light",
10095
+ "group": "semantic",
10096
+ "scopes": ["bgColor"],
10097
+ "codeSyntax": {
10098
+ "web": "var(--bgColor-upsell-muted)"
10099
+ }
10100
+ }
10101
+ },
10102
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
10103
+ "isSource": true,
10104
+ "original": {
10105
+ "value": "{base.color.purple.0}",
10106
+ "$type": "color",
10107
+ "$extensions": {
10108
+ "org.primer.figma": {
10109
+ "collection": "mode",
10110
+ "mode": "light",
10111
+ "group": "semantic",
10112
+ "scopes": ["bgColor"],
10113
+ "codeSyntax": {
10114
+ "web": "var(--bgColor-upsell-muted)"
10115
+ }
10116
+ }
10117
+ }
10118
+ },
10119
+ "name": "bgColor-upsell-muted",
10120
+ "attributes": {},
10121
+ "path": ["bgColor", "upsell", "muted"]
10122
+ },
10123
+ "bgColor-upsell-emphasis": {
10124
+ "value": "#8250df",
10125
+ "$type": "color",
10126
+ "$extensions": {
10127
+ "org.primer.figma": {
10128
+ "collection": "mode",
10129
+ "mode": "light",
10130
+ "group": "semantic",
10131
+ "scopes": ["bgColor"],
10132
+ "codeSyntax": {
10133
+ "web": "var(--bgColor-upsell-emphasis)"
10134
+ }
10135
+ }
10136
+ },
10137
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
10138
+ "isSource": true,
10139
+ "original": {
10140
+ "value": "{base.color.purple.5}",
10141
+ "$type": "color",
10142
+ "$extensions": {
10143
+ "org.primer.figma": {
10144
+ "collection": "mode",
10145
+ "mode": "light",
10146
+ "group": "semantic",
10147
+ "scopes": ["bgColor"],
10148
+ "codeSyntax": {
10149
+ "web": "var(--bgColor-upsell-emphasis)"
10150
+ }
10151
+ }
10152
+ }
10153
+ },
10154
+ "name": "bgColor-upsell-emphasis",
10155
+ "attributes": {},
10156
+ "path": ["bgColor", "upsell", "emphasis"]
10157
+ },
10024
10158
  "bgColor-sponsors-muted": {
10025
10159
  "value": "#ffeff7",
10026
10160
  "$type": "color",
@@ -10861,7 +10995,7 @@
10861
10995
  "group": "semantic",
10862
10996
  "scopes": ["borderColor"],
10863
10997
  "codeSyntax": {
10864
- "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
10998
+ "web": "var(--borderColor-done-emphasis)"
10865
10999
  }
10866
11000
  }
10867
11001
  },
@@ -10877,7 +11011,7 @@
10877
11011
  "group": "semantic",
10878
11012
  "scopes": ["borderColor"],
10879
11013
  "codeSyntax": {
10880
- "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
11014
+ "web": "var(--borderColor-done-emphasis)"
10881
11015
  }
10882
11016
  }
10883
11017
  }
@@ -10886,6 +11020,78 @@
10886
11020
  "attributes": {},
10887
11021
  "path": ["borderColor", "done", "emphasis"]
10888
11022
  },
11023
+ "borderColor-upsell-muted": {
11024
+ "value": "#c297ff66",
11025
+ "$type": "color",
11026
+ "$extensions": {
11027
+ "org.primer.figma": {
11028
+ "collection": "mode",
11029
+ "mode": "light",
11030
+ "group": "semantic",
11031
+ "scopes": ["borderColor"],
11032
+ "codeSyntax": {
11033
+ "web": "var(--borderColor-upsell-muted)"
11034
+ }
11035
+ }
11036
+ },
11037
+ "alpha": 0.4,
11038
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
11039
+ "isSource": true,
11040
+ "original": {
11041
+ "value": "{base.color.purple.3}",
11042
+ "$type": "color",
11043
+ "$extensions": {
11044
+ "org.primer.figma": {
11045
+ "collection": "mode",
11046
+ "mode": "light",
11047
+ "group": "semantic",
11048
+ "scopes": ["borderColor"],
11049
+ "codeSyntax": {
11050
+ "web": "var(--borderColor-upsell-muted)"
11051
+ }
11052
+ }
11053
+ },
11054
+ "alpha": 0.4
11055
+ },
11056
+ "name": "borderColor-upsell-muted",
11057
+ "attributes": {},
11058
+ "path": ["borderColor", "upsell", "muted"]
11059
+ },
11060
+ "borderColor-upsell-emphasis": {
11061
+ "value": "#8250df",
11062
+ "$type": "color",
11063
+ "$extensions": {
11064
+ "org.primer.figma": {
11065
+ "collection": "mode",
11066
+ "mode": "light",
11067
+ "group": "semantic",
11068
+ "scopes": ["borderColor"],
11069
+ "codeSyntax": {
11070
+ "web": "var(--borderColor-upsell-emphasis)"
11071
+ }
11072
+ }
11073
+ },
11074
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
11075
+ "isSource": true,
11076
+ "original": {
11077
+ "value": "{base.color.purple.5}",
11078
+ "$type": "color",
11079
+ "$extensions": {
11080
+ "org.primer.figma": {
11081
+ "collection": "mode",
11082
+ "mode": "light",
11083
+ "group": "semantic",
11084
+ "scopes": ["borderColor"],
11085
+ "codeSyntax": {
11086
+ "web": "var(--borderColor-upsell-emphasis)"
11087
+ }
11088
+ }
11089
+ }
11090
+ },
11091
+ "name": "borderColor-upsell-emphasis",
11092
+ "attributes": {},
11093
+ "path": ["borderColor", "upsell", "emphasis"]
11094
+ },
10889
11095
  "borderColor-sponsors-muted": {
10890
11096
  "value": "#ff80c866",
10891
11097
  "$type": "color",