@primer/primitives 7.16.0 → 7.17.0-rc.132f02a7

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 (360) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +14 -14
  2. package/dist/css/functional/themes/dark-tritanopia.css +14 -14
  3. package/dist/css/functional/themes/dark.css +14 -14
  4. package/dist/docs/functional/themes/dark-colorblind.json +7 -7
  5. package/dist/docs/functional/themes/dark-tritanopia.json +7 -7
  6. package/dist/docs/functional/themes/dark.json +7 -7
  7. package/dist/figma/scales/dark.json +5 -5
  8. package/dist/figma/themes/dark-colorblind.json +20 -20
  9. package/dist/figma/themes/dark-tritanopia.json +20 -20
  10. package/dist/figma/themes/dark.json +20 -20
  11. package/dist/internalCss/dark-colorblind.css +18 -18
  12. package/dist/internalCss/dark-tritanopia.css +18 -18
  13. package/dist/internalCss/dark.css +18 -18
  14. package/{tokens-next-private/docs → dist/styleLint}/base/size/size.json +17 -17
  15. package/{tokens-next-private/docs → dist/styleLint}/functional/size/border.json +6 -6
  16. package/{tokens-next-private/docs → dist/styleLint}/functional/size/breakpoints.json +6 -6
  17. package/{tokens-next-private/docs → dist/styleLint}/functional/size/size-coarse.json +3 -3
  18. package/{tokens-next-private/docs → dist/styleLint}/functional/size/size-fine.json +3 -3
  19. package/{tokens-next-private/docs → dist/styleLint}/functional/size/size.json +72 -72
  20. package/{tokens-next-private/docs → dist/styleLint}/functional/size/viewport.json +4 -4
  21. package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-colorblind.json +7 -7
  22. package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-tritanopia.json +7 -7
  23. package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark.json +7 -7
  24. package/{tokens-next-private/docs → dist/styleLint}/functional/typography/typography.json +23 -23
  25. package/package.json +12 -11
  26. package/src/PrimerStyleDictionary.ts +226 -0
  27. package/src/filters/index.ts +12 -0
  28. package/src/filters/isBorder.ts +10 -0
  29. package/src/filters/isColor.ts +10 -0
  30. package/src/filters/isColorWithAlpha.ts +11 -0
  31. package/src/filters/isColorWithMix.ts +33 -0
  32. package/src/filters/isDeprecated.ts +10 -0
  33. package/src/filters/isDimension.ts +10 -0
  34. package/src/filters/isDuration.ts +10 -0
  35. package/src/filters/isFontFamily.ts +10 -0
  36. package/src/filters/isFontWeight.ts +10 -0
  37. package/src/filters/isFromFile.ts +12 -0
  38. package/src/filters/isShadow.ts +10 -0
  39. package/src/filters/isSource.ts +10 -0
  40. package/src/filters/isTypography.ts +10 -0
  41. package/src/formats/cssCustomMedia.ts +24 -0
  42. package/src/formats/cssThemed.ts +35 -0
  43. package/src/formats/cssVariables.ts +25 -0
  44. package/src/formats/cssWrapMediaQuery.ts +29 -0
  45. package/src/formats/index.ts +11 -0
  46. package/src/formats/javascriptCommonJs.ts +21 -0
  47. package/src/formats/javascriptEsm.ts +21 -0
  48. package/src/formats/jsonFigma.ts +133 -0
  49. package/src/formats/jsonNestedPrefixed.ts +23 -0
  50. package/src/formats/jsonOneDimensional.ts +18 -0
  51. package/src/formats/jsonPostCssFallback.ts +16 -0
  52. package/src/formats/typescriptExportDefinition.ts +170 -0
  53. package/src/formats/utilities/jsonToFlat.ts +10 -0
  54. package/src/formats/utilities/jsonToNestedValue.ts +20 -0
  55. package/src/formats/utilities/prefixTokens.ts +17 -0
  56. package/src/parsers/index.ts +1 -0
  57. package/src/parsers/w3cJsonParser.ts +25 -0
  58. package/src/platforms/css.ts +93 -0
  59. package/src/platforms/deprecatedJson.ts +16 -0
  60. package/src/platforms/docJson.ts +34 -0
  61. package/src/platforms/fallbacks.ts +34 -0
  62. package/src/platforms/figma.ts +48 -0
  63. package/src/platforms/index.ts +10 -0
  64. package/src/platforms/javascript.ts +30 -0
  65. package/src/platforms/json.ts +32 -0
  66. package/src/platforms/styleLint.ts +34 -0
  67. package/src/platforms/typeDefinitions.ts +30 -0
  68. package/src/platforms/typescript.ts +30 -0
  69. package/src/schemas/alphaValue.ts +12 -0
  70. package/src/schemas/baseToken.ts +7 -0
  71. package/src/schemas/borderToken.ts +19 -0
  72. package/src/schemas/collections.ts +49 -0
  73. package/src/schemas/colorHexValue.ts +18 -0
  74. package/src/schemas/colorToken.ts +50 -0
  75. package/src/schemas/designToken.ts +38 -0
  76. package/src/schemas/dimensionToken.ts +22 -0
  77. package/src/schemas/dimensionValue.ts +16 -0
  78. package/src/schemas/durationToken.ts +12 -0
  79. package/src/schemas/durationValue.ts +9 -0
  80. package/src/schemas/fontFamilyToken.ts +21 -0
  81. package/src/schemas/fontWeightToken.ts +22 -0
  82. package/src/schemas/fontWeightValue.ts +14 -0
  83. package/src/schemas/numberToken.ts +11 -0
  84. package/src/schemas/referenceValue.ts +12 -0
  85. package/src/schemas/scopes.ts +16 -0
  86. package/src/schemas/shadowToken.ts +45 -0
  87. package/src/schemas/stringToken.ts +11 -0
  88. package/src/schemas/tokenName.ts +12 -0
  89. package/src/schemas/tokenType.ts +4 -0
  90. package/src/schemas/typographyToken.ts +20 -0
  91. package/src/schemas/validTokenType.ts +44 -0
  92. package/src/schemas/viewportRangeToken.ts +11 -0
  93. package/src/test-utilities/getMockDictionary.ts +22 -0
  94. package/src/test-utilities/getMockFormatterArguments.ts +21 -0
  95. package/src/test-utilities/getMockParserInput.ts +72 -0
  96. package/src/test-utilities/getMockToken.ts +25 -0
  97. package/src/test-utilities/index.ts +4 -0
  98. package/src/tokens/base/color/dark/dark.dimmed.json5 +1326 -0
  99. package/src/tokens/base/color/dark/dark.high-contrast.json5 +856 -0
  100. package/src/tokens/base/color/dark/dark.json5 +866 -0
  101. package/src/tokens/base/color/dark/display-dark.json5 +1774 -0
  102. package/src/tokens/base/color/light/display-light.json5 +1774 -0
  103. package/src/tokens/base/color/light/light.high-contrast.json5 +847 -0
  104. package/src/tokens/base/color/light/light.json5 +866 -0
  105. package/src/tokens/base/size/size.json +176 -0
  106. package/src/tokens/base/typography/typography.json +24 -0
  107. package/{tokens-next-private/fallbacks → src/tokens/fallback}/color-fallbacks.json +1 -1
  108. package/src/tokens/functional/border/dark.json5 +12 -0
  109. package/src/tokens/functional/border/light.json5 +12 -0
  110. package/src/tokens/functional/color/dark/app-dark.json5 +554 -0
  111. package/src/tokens/functional/color/dark/data-vis-dark.json5 +144 -0
  112. package/src/tokens/functional/color/dark/display-dark.json5 +1060 -0
  113. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +57 -0
  114. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +390 -0
  115. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +314 -0
  116. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +229 -0
  117. package/src/tokens/functional/color/dark/patterns-dark.json5 +3073 -0
  118. package/src/tokens/functional/color/dark/primitives-dark.json5 +1206 -0
  119. package/src/tokens/functional/color/dark/syntax-dark.json5 +559 -0
  120. package/src/tokens/functional/color/light/app-light.json5 +551 -0
  121. package/src/tokens/functional/color/light/data-vis-light.json5 +144 -0
  122. package/src/tokens/functional/color/light/display-light.json5 +1060 -0
  123. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +440 -0
  124. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +340 -0
  125. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +249 -0
  126. package/src/tokens/functional/color/light/patterns-light.json5 +3070 -0
  127. package/src/tokens/functional/color/light/primitives-light.json5 +1196 -0
  128. package/src/tokens/functional/color/light/syntax-light.json5 +559 -0
  129. package/src/tokens/functional/motion/loading.json5 +17 -0
  130. package/src/tokens/functional/motion/patterns.json5 +28 -0
  131. package/src/tokens/functional/shadow/dark.json5 +383 -0
  132. package/src/tokens/functional/shadow/light.json5 +376 -0
  133. package/src/tokens/functional/size/border.json +98 -0
  134. package/src/tokens/functional/size/breakpoints.json +64 -0
  135. package/src/tokens/functional/size/size-coarse.json +28 -0
  136. package/src/tokens/functional/size/size-fine.json +28 -0
  137. package/src/tokens/functional/size/size.json +802 -0
  138. package/src/tokens/functional/size/viewport.json +28 -0
  139. package/src/tokens/functional/typography/typography.json +279 -0
  140. package/src/transformers/borderToCss.ts +38 -0
  141. package/src/transformers/colorToHex.ts +16 -0
  142. package/src/transformers/colorToHexAlpha.ts +23 -0
  143. package/src/transformers/colorToHexMix.ts +19 -0
  144. package/src/transformers/colorToRgbAlpha.ts +19 -0
  145. package/src/transformers/colorToRgbaFloat.ts +45 -0
  146. package/src/transformers/dimensionToPixelUnitless.ts +60 -0
  147. package/src/transformers/dimensionToRem.ts +56 -0
  148. package/src/transformers/dimensionToRemPxArray.ts +60 -0
  149. package/src/transformers/durationToCss.ts +29 -0
  150. package/src/transformers/figmaAttributes.ts +55 -0
  151. package/src/transformers/fontFamilyToCss.ts +38 -0
  152. package/src/transformers/fontWeightToNumber.ts +53 -0
  153. package/src/transformers/index.ts +21 -0
  154. package/src/transformers/jsonDeprecated.ts +15 -0
  155. package/src/transformers/namePathToCamelCase.ts +14 -0
  156. package/src/transformers/namePathToDotNotation.ts +34 -0
  157. package/src/transformers/namePathToFigma.ts +28 -0
  158. package/src/transformers/namePathToKebabCase.ts +19 -0
  159. package/src/transformers/namePathToSlashNotation.ts +19 -0
  160. package/src/transformers/shadowToCss.ts +37 -0
  161. package/src/transformers/typographyToCss.ts +31 -0
  162. package/src/transformers/utilities/alpha.ts +23 -0
  163. package/src/transformers/utilities/checkRequiredTokenProperties.ts +16 -0
  164. package/src/transformers/utilities/getTokenValue.ts +18 -0
  165. package/src/transformers/utilities/hexToRgbaFloat.ts +31 -0
  166. package/src/transformers/utilities/invalidTokenError.ts +34 -0
  167. package/src/transformers/utilities/isRgbaFloat.ts +29 -0
  168. package/src/transformers/utilities/mix.ts +46 -0
  169. package/src/transformers/utilities/rgbaFloatToHex.ts +15 -0
  170. package/src/types/Border.d.ts +5 -0
  171. package/src/types/BorderTokenValue.d.ts +10 -0
  172. package/src/types/ColorHex.d.ts +4 -0
  173. package/src/types/PlatformInitializer.d.ts +11 -0
  174. package/src/types/Shadow.d.ts +5 -0
  175. package/src/types/ShadowTokenValue.d.ts +14 -0
  176. package/src/types/SizeEm.d.ts +4 -0
  177. package/src/types/SizePx.d.ts +4 -0
  178. package/src/types/SizeRem.d.ts +4 -0
  179. package/src/types/StyleDictionaryConfigGenerator.d.ts +15 -0
  180. package/src/types/TokenBuildInput.d.ts +8 -0
  181. package/src/types/TypographyTokenValue.d.ts +12 -0
  182. package/src/types/w3cTransformedToken.d.ts +8 -0
  183. package/src/utilities/copyFromDir.ts +21 -0
  184. package/src/utilities/getFlag.ts +12 -0
  185. package/src/utilities/index.ts +3 -0
  186. package/src/utilities/joinFriendly.ts +2 -0
  187. package/src/utilities/schemaErrorMessage.ts +2 -0
  188. package/src/utilities/toCamelCase.ts +29 -0
  189. package/src/utilities/treeWalker.ts +27 -0
  190. package/src/utilities/upperCaseFirstCharacter.ts +10 -0
  191. package/src/utils-v1.ts +36 -0
  192. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  193. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  194. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  195. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  196. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  197. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  198. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  199. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  200. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  201. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  202. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  203. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  204. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  205. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  206. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  207. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  208. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  209. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  210. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  211. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  212. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  213. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  214. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  215. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  216. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  217. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  218. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  219. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  220. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  221. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  222. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  223. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  224. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  225. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  226. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  227. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  228. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  229. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  230. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  231. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  232. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  233. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  234. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  235. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  236. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  237. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  238. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  239. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  240. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  241. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  242. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  243. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  244. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  245. package/dist/deprecated/colors.json +0 -7
  246. package/dist/js/colors/dark.d.ts +0 -516
  247. package/dist/js/colors/dark.js +0 -616
  248. package/dist/js/colors/dark_colorblind.d.ts +0 -516
  249. package/dist/js/colors/dark_colorblind.js +0 -616
  250. package/dist/js/colors/dark_dimmed.d.ts +0 -516
  251. package/dist/js/colors/dark_dimmed.js +0 -616
  252. package/dist/js/colors/dark_high_contrast.d.ts +0 -516
  253. package/dist/js/colors/dark_high_contrast.js +0 -616
  254. package/dist/js/colors/dark_tritanopia.d.ts +0 -516
  255. package/dist/js/colors/dark_tritanopia.js +0 -616
  256. package/dist/js/colors/index.d.ts +0 -4638
  257. package/dist/js/colors/index.js +0 -15
  258. package/dist/js/colors/light.d.ts +0 -516
  259. package/dist/js/colors/light.js +0 -616
  260. package/dist/js/colors/light_colorblind.d.ts +0 -516
  261. package/dist/js/colors/light_colorblind.js +0 -616
  262. package/dist/js/colors/light_high_contrast.d.ts +0 -516
  263. package/dist/js/colors/light_high_contrast.js +0 -616
  264. package/dist/js/colors/light_tritanopia.d.ts +0 -516
  265. package/dist/js/colors/light_tritanopia.js +0 -616
  266. package/dist/js/index.d.ts +0 -4655
  267. package/dist/js/index.js +0 -9
  268. package/dist/js/spacing/index.d.ts +0 -6
  269. package/dist/js/spacing/index.js +0 -7
  270. package/dist/js/spacing/normal.d.ts +0 -4
  271. package/dist/js/spacing/normal.js +0 -13
  272. package/dist/js/typography/index.d.ts +0 -11
  273. package/dist/js/typography/index.js +0 -7
  274. package/dist/js/typography/normal.d.ts +0 -9
  275. package/dist/js/typography/normal.js +0 -19
  276. package/dist/json/colors/dark.json +0 -614
  277. package/dist/json/colors/dark_colorblind.json +0 -614
  278. package/dist/json/colors/dark_dimmed.json +0 -614
  279. package/dist/json/colors/dark_high_contrast.json +0 -614
  280. package/dist/json/colors/dark_tritanopia.json +0 -614
  281. package/dist/json/colors/light.json +0 -614
  282. package/dist/json/colors/light_colorblind.json +0 -614
  283. package/dist/json/colors/light_high_contrast.json +0 -614
  284. package/dist/json/colors/light_tritanopia.json +0 -614
  285. package/dist/json/spacing/normal.json +0 -11
  286. package/dist/json/typography/normal.json +0 -17
  287. package/dist/removed/colors.json +0 -432
  288. package/dist/scss/colors/_dark.scss +0 -452
  289. package/dist/scss/colors/_dark_colorblind.scss +0 -452
  290. package/dist/scss/colors/_dark_dimmed.scss +0 -452
  291. package/dist/scss/colors/_dark_high_contrast.scss +0 -452
  292. package/dist/scss/colors/_dark_tritanopia.scss +0 -452
  293. package/dist/scss/colors/_light.scss +0 -452
  294. package/dist/scss/colors/_light_colorblind.scss +0 -452
  295. package/dist/scss/colors/_light_high_contrast.scss +0 -452
  296. package/dist/scss/colors/_light_tritanopia.scss +0 -452
  297. package/dist/scss/spacing/_normal.scss +0 -11
  298. package/dist/scss/typography/_normal.scss +0 -15
  299. package/dist/ts/colors/dark.ts +0 -614
  300. package/dist/ts/colors/dark_colorblind.ts +0 -614
  301. package/dist/ts/colors/dark_dimmed.ts +0 -614
  302. package/dist/ts/colors/dark_high_contrast.ts +0 -614
  303. package/dist/ts/colors/dark_tritanopia.ts +0 -614
  304. package/dist/ts/colors/index.ts +0 -10
  305. package/dist/ts/colors/light.ts +0 -614
  306. package/dist/ts/colors/light_colorblind.ts +0 -614
  307. package/dist/ts/colors/light_high_contrast.ts +0 -614
  308. package/dist/ts/colors/light_tritanopia.ts +0 -614
  309. package/dist/ts/index.ts +0 -4
  310. package/dist/ts/spacing/index.ts +0 -2
  311. package/dist/ts/spacing/normal.ts +0 -11
  312. package/dist/ts/typography/index.ts +0 -2
  313. package/dist/ts/typography/normal.ts +0 -17
  314. package/tokens-next-private/css/base/size/size.css +0 -19
  315. package/tokens-next-private/css/base/typography/typography.css +0 -6
  316. package/tokens-next-private/css/functional/motion/motion.css +0 -5
  317. package/tokens-next-private/css/functional/size/border.css +0 -14
  318. package/tokens-next-private/css/functional/size/breakpoints.css +0 -8
  319. package/tokens-next-private/css/functional/size/size-coarse.css +0 -7
  320. package/tokens-next-private/css/functional/size/size-fine.css +0 -7
  321. package/tokens-next-private/css/functional/size/size.css +0 -74
  322. package/tokens-next-private/css/functional/size/viewport.css +0 -6
  323. package/tokens-next-private/css/functional/themes/dark-colorblind.css +0 -1078
  324. package/tokens-next-private/css/functional/themes/dark-dimmed.css +0 -1078
  325. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +0 -1078
  326. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +0 -1078
  327. package/tokens-next-private/css/functional/themes/dark.css +0 -1078
  328. package/tokens-next-private/css/functional/themes/light-colorblind.css +0 -1078
  329. package/tokens-next-private/css/functional/themes/light-high-contrast.css +0 -1078
  330. package/tokens-next-private/css/functional/themes/light-tritanopia.css +0 -1078
  331. package/tokens-next-private/css/functional/themes/light.css +0 -1078
  332. package/tokens-next-private/css/functional/typography/typography.css +0 -47
  333. package/tokens-next-private/fallbacks/base/size/size.json +0 -19
  334. package/tokens-next-private/fallbacks/base/typography/typography.json +0 -6
  335. package/tokens-next-private/fallbacks/functional/motion/motion.json +0 -5
  336. package/tokens-next-private/fallbacks/functional/size/border.json +0 -14
  337. package/tokens-next-private/fallbacks/functional/size/breakpoints.json +0 -8
  338. package/tokens-next-private/fallbacks/functional/size/size-coarse.json +0 -5
  339. package/tokens-next-private/fallbacks/functional/size/size-fine.json +0 -5
  340. package/tokens-next-private/fallbacks/functional/size/size.json +0 -74
  341. package/tokens-next-private/fallbacks/functional/size/viewport.json +0 -8
  342. package/tokens-next-private/fallbacks/functional/typography/typography.json +0 -47
  343. package/tokens-next-private/internalCss/dark-colorblind.css +0 -1648
  344. package/tokens-next-private/internalCss/dark-dimmed.css +0 -1648
  345. package/tokens-next-private/internalCss/dark-high-contrast.css +0 -1648
  346. package/tokens-next-private/internalCss/dark-tritanopia.css +0 -1648
  347. package/tokens-next-private/internalCss/dark.css +0 -1648
  348. package/tokens-next-private/internalCss/light-colorblind.css +0 -1648
  349. package/tokens-next-private/internalCss/light-high-contrast.css +0 -1648
  350. package/tokens-next-private/internalCss/light-tritanopia.css +0 -1648
  351. package/tokens-next-private/internalCss/light.css +0 -1648
  352. /package/{tokens-next-private/docs → dist/styleLint}/base/typography/typography.json +0 -0
  353. /package/{tokens-next-private/docs → dist/styleLint}/functional/motion/motion.json +0 -0
  354. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-dimmed.json +0 -0
  355. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-high-contrast.json +0 -0
  356. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light-colorblind.json +0 -0
  357. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light-high-contrast.json +0 -0
  358. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light-tritanopia.json +0 -0
  359. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light.json +0 -0
  360. /package/{tokens-next-private → src/tokens}/removed/color.json +0 -0
package/src/tokens/functional/color/light/patterns-light.json5 ADDED
@@ -0,0 +1,3070 @@
1
+ {
2
+ avatar: {
3
+ bgColor: {
4
+ $value: '{base.color.white}',
5
+ $type: 'color',
6
+ $extensions: {
7
+ 'org.primer.figma': {
8
+ collection: 'mode',
9
+ mode: 'light',
10
+ group: 'component (internal)',
11
+ scopes: ['bgColor'],
12
+ },
13
+ },
14
+ },
15
+ borderColor: {
16
+ $value: '{base.color.black}',
17
+ $type: 'color',
18
+ $extensions: {
19
+ 'org.primer.figma': {
20
+ collection: 'mode',
21
+ mode: 'light',
22
+ group: 'component (internal)',
23
+ scopes: ['borderColor'],
24
+ },
25
+ },
26
+ alpha: 0.15,
27
+ },
28
+ },
29
+ avatarStack: {
30
+ fade: {
31
+ bgColor: {
32
+ default: {
33
+ $value: '{base.color.gray.3}',
34
+ $type: 'color',
35
+ $extensions: {
36
+ 'org.primer.figma': {
37
+ collection: 'mode',
38
+ mode: 'light',
39
+ group: 'component (internal)',
40
+ scopes: ['bgColor'],
41
+ },
42
+ },
43
+ },
44
+ muted: {
45
+ $value: '{base.color.gray.2}',
46
+ $type: 'color',
47
+ $extensions: {
48
+ 'org.primer.figma': {
49
+ collection: 'mode',
50
+ mode: 'light',
51
+ group: 'component (internal)',
52
+ scopes: ['bgColor'],
53
+ },
54
+ },
55
+ },
56
+ },
57
+ },
58
+ },
59
+ control: {
60
+ bgColor: {
61
+ rest: {
62
+ $value: '{base.color.gray.0}',
63
+ $type: 'color',
64
+ $extensions: {
65
+ 'org.primer.figma': {
66
+ collection: 'mode',
67
+ mode: 'light',
68
+ group: 'component',
69
+ scopes: ['bgColor'],
70
+ },
71
+ },
72
+ },
73
+ hover: {
74
+ $value: '{base.color.gray.0}',
75
+ $type: 'color',
76
+ $extensions: {
77
+ 'org.primer.figma': {
78
+ collection: 'mode',
79
+ mode: 'light',
80
+ group: 'component',
81
+ scopes: ['bgColor'],
82
+ },
83
+ },
84
+ mix: {
85
+ color: '{base.color.gray.2}',
86
+ weight: 0.2,
87
+ },
88
+ },
89
+ active: {
90
+ $value: '{base.color.gray.0}',
91
+ $type: 'color',
92
+ $extensions: {
93
+ 'org.primer.figma': {
94
+ collection: 'mode',
95
+ mode: 'light',
96
+ group: 'component',
97
+ scopes: ['bgColor'],
98
+ },
99
+ },
100
+ mix: {
101
+ color: '{base.color.gray.2}',
102
+ weight: 0.4,
103
+ },
104
+ },
105
+ disabled: {
106
+ $value: '{bgColor.disabled}',
107
+ $type: 'color',
108
+ $extensions: {
109
+ 'org.primer.figma': {
110
+ collection: 'mode',
111
+ mode: 'light',
112
+ group: 'component',
113
+ scopes: ['bgColor'],
114
+ },
115
+ },
116
+ },
117
+ selected: {
118
+ $value: '{base.color.gray.0}',
119
+ $type: 'color',
120
+ $extensions: {
121
+ 'org.primer.figma': {
122
+ collection: 'mode',
123
+ mode: 'light',
124
+ group: 'component',
125
+ scopes: ['bgColor'],
126
+ },
127
+ },
128
+ },
129
+ },
130
+ fgColor: {
131
+ rest: {
132
+ $value: '{base.color.gray.9}',
133
+ $type: 'color',
134
+ $extensions: {
135
+ 'org.primer.figma': {
136
+ collection: 'mode',
137
+ mode: 'light',
138
+ group: 'component',
139
+ scopes: ['fgColor'],
140
+ },
141
+ },
142
+ },
143
+ placeholder: {
144
+ $value: '{base.color.gray.5}',
145
+ $type: 'color',
146
+ $extensions: {
147
+ 'org.primer.figma': {
148
+ collection: 'mode',
149
+ mode: 'light',
150
+ group: 'component',
151
+ scopes: ['fgColor'],
152
+ },
153
+ },
154
+ },
155
+ disabled: {
156
+ $value: '{fgColor.disabled}',
157
+ $type: 'color',
158
+ $extensions: {
159
+ 'org.primer.figma': {
160
+ collection: 'mode',
161
+ mode: 'light',
162
+ group: 'component',
163
+ scopes: ['fgColor'],
164
+ },
165
+ },
166
+ },
167
+ },
168
+ borderColor: {
169
+ rest: {
170
+ $value: '{borderColor.default}',
171
+ $type: 'color',
172
+ $extensions: {
173
+ 'org.primer.figma': {
174
+ collection: 'mode',
175
+ mode: 'light',
176
+ group: 'component',
177
+ scopes: ['borderColor'],
178
+ },
179
+ },
180
+ },
181
+ emphasis: {
182
+ $value: '{base.color.gray.4}',
183
+ $type: 'color',
184
+ $extensions: {
185
+ 'org.primer.figma': {
186
+ collection: 'mode',
187
+ mode: 'light',
188
+ group: 'component',
189
+ scopes: ['borderColor'],
190
+ },
191
+ },
192
+ mix: {
193
+ color: '{base.color.gray.5}',
194
+ weight: 0.2,
195
+ },
196
+ },
197
+ disabled: {
198
+ $value: '{borderColor.disabled}',
199
+ $type: 'color',
200
+ $extensions: {
201
+ 'org.primer.figma': {
202
+ collection: 'mode',
203
+ mode: 'light',
204
+ group: 'component',
205
+ scopes: ['borderColor'],
206
+ },
207
+ },
208
+ },
209
+ selected: {
210
+ $value: '{base.color.gray.0}',
211
+ $type: 'color',
212
+ $extensions: {
213
+ 'org.primer.figma': {
214
+ collection: 'mode',
215
+ mode: 'light',
216
+ group: 'component',
217
+ scopes: ['borderColor'],
218
+ },
219
+ },
220
+ },
221
+ success: {
222
+ $value: '{borderColor.success.emphasis}',
223
+ $type: 'color',
224
+ $extensions: {
225
+ 'org.primer.figma': {
226
+ collection: 'mode',
227
+ mode: 'light',
228
+ group: 'component',
229
+ scopes: ['borderColor'],
230
+ },
231
+ },
232
+ },
233
+ danger: {
234
+ $value: '{borderColor.danger.emphasis}',
235
+ $type: 'color',
236
+ $extensions: {
237
+ 'org.primer.figma': {
238
+ collection: 'mode',
239
+ mode: 'light',
240
+ group: 'component',
241
+ scopes: ['borderColor'],
242
+ },
243
+ },
244
+ },
245
+ warning: {
246
+ $value: '{borderColor.attention.emphasis}',
247
+ $type: 'color',
248
+ $extensions: {
249
+ 'org.primer.figma': {
250
+ collection: 'mode',
251
+ mode: 'light',
252
+ group: 'component',
253
+ scopes: ['borderColor'],
254
+ },
255
+ },
256
+ },
257
+ },
258
+ iconColor: {
259
+ rest: {
260
+ $value: '{fgColor.muted}',
261
+ $type: 'color',
262
+ $extensions: {
263
+ 'org.primer.figma': {
264
+ collection: 'mode',
265
+ mode: 'light',
266
+ group: 'component',
267
+ scopes: ['fgColor'],
268
+ },
269
+ },
270
+ },
271
+ },
272
+ transparent: {
273
+ bgColor: {
274
+ rest: {
275
+ $value: '{base.color.transparent}',
276
+ $type: 'color',
277
+ $extensions: {
278
+ 'org.primer.figma': {
279
+ collection: 'mode',
280
+ mode: 'light',
281
+ group: 'component',
282
+ scopes: ['bgColor'],
283
+ },
284
+ },
285
+ },
286
+ hover: {
287
+ $value: '{base.color.gray.2}',
288
+ $type: 'color',
289
+ $extensions: {
290
+ 'org.primer.figma': {
291
+ collection: 'mode',
292
+ mode: 'light',
293
+ group: 'component',
294
+ scopes: ['bgColor'],
295
+ },
296
+ },
297
+ alpha: 0.2,
298
+ },
299
+ active: {
300
+ $value: '{base.color.gray.2}',
301
+ $type: 'color',
302
+ $extensions: {
303
+ 'org.primer.figma': {
304
+ collection: 'mode',
305
+ mode: 'light',
306
+ group: 'component',
307
+ scopes: ['bgColor'],
308
+ },
309
+ },
310
+ alpha: 0.4,
311
+ },
312
+ disabled: {
313
+ $value: '{bgColor.disabled}',
314
+ $type: 'color',
315
+ $extensions: {
316
+ 'org.primer.figma': {
317
+ collection: 'mode',
318
+ mode: 'light',
319
+ group: 'component',
320
+ scopes: ['bgColor'],
321
+ },
322
+ },
323
+ },
324
+ selected: {
325
+ $value: '{base.color.gray.2}',
326
+ $type: 'color',
327
+ $extensions: {
328
+ 'org.primer.figma': {
329
+ collection: 'mode',
330
+ mode: 'light',
331
+ group: 'component',
332
+ scopes: ['bgColor'],
333
+ },
334
+ },
335
+ alpha: 0.2,
336
+ },
337
+ },
338
+ borderColor: {
339
+ rest: {
340
+ $value: '{base.color.transparent}',
341
+ $type: 'color',
342
+ $extensions: {
343
+ 'org.primer.figma': {
344
+ collection: 'mode',
345
+ mode: 'light',
346
+ group: 'component',
347
+ scopes: ['borderColor'],
348
+ },
349
+ },
350
+ },
351
+ hover: {
352
+ $value: '{base.color.transparent}',
353
+ $type: 'color',
354
+ $extensions: {
355
+ 'org.primer.figma': {
356
+ collection: 'mode',
357
+ mode: 'light',
358
+ group: 'component',
359
+ scopes: ['borderColor'],
360
+ },
361
+ },
362
+ },
363
+ active: {
364
+ $value: '{base.color.transparent}',
365
+ $type: 'color',
366
+ $extensions: {
367
+ 'org.primer.figma': {
368
+ collection: 'mode',
369
+ mode: 'light',
370
+ group: 'component',
371
+ scopes: ['borderColor'],
372
+ },
373
+ },
374
+ },
375
+ },
376
+ },
377
+ danger: {
378
+ fgColor: {
379
+ rest: {
380
+ $value: '{fgColor.danger.@}',
381
+ $type: 'color',
382
+ $extensions: {
383
+ 'org.primer.figma': {
384
+ collection: 'mode',
385
+ mode: 'light',
386
+ group: 'component',
387
+ scopes: ['fgColor'],
388
+ },
389
+ },
390
+ },
391
+ hover: {
392
+ $value: '{fgColor.danger.@}',
393
+ $type: 'color',
394
+ $extensions: {
395
+ 'org.primer.figma': {
396
+ collection: 'mode',
397
+ mode: 'light',
398
+ group: 'component',
399
+ scopes: ['fgColor'],
400
+ },
401
+ },
402
+ },
403
+ },
404
+ bgColor: {
405
+ hover: {
406
+ $value: '{bgColor.danger.muted}',
407
+ $type: 'color',
408
+ $extensions: {
409
+ 'org.primer.figma': {
410
+ collection: 'mode',
411
+ mode: 'light',
412
+ group: 'component',
413
+ scopes: ['bgColor'],
414
+ },
415
+ },
416
+ },
417
+ active: {
418
+ $value: '{bgColor.danger.muted}',
419
+ $type: 'color',
420
+ $extensions: {
421
+ 'org.primer.figma': {
422
+ collection: 'mode',
423
+ mode: 'light',
424
+ group: 'component',
425
+ scopes: ['bgColor'],
426
+ },
427
+ },
428
+ alpha: 0.4,
429
+ },
430
+ },
431
+ },
432
+ checked: {
433
+ bgColor: {
434
+ rest: {
435
+ $value: '{bgColor.accent.emphasis}',
436
+ $type: 'color',
437
+ $extensions: {
438
+ 'org.primer.figma': {
439
+ collection: 'mode',
440
+ mode: 'light',
441
+ group: 'component',
442
+ scopes: ['bgColor'],
443
+ },
444
+ },
445
+ },
446
+ hover: {
447
+ $value: '{bgColor.accent.emphasis}',
448
+ $type: 'color',
449
+ $extensions: {
450
+ 'org.primer.figma': {
451
+ collection: 'mode',
452
+ mode: 'light',
453
+ group: 'component',
454
+ scopes: ['bgColor'],
455
+ },
456
+ },
457
+ mix: {
458
+ color: '{base.color.blue.7}',
459
+ weight: 0.2,
460
+ },
461
+ },
462
+ active: {
463
+ $value: '{bgColor.accent.emphasis}',
464
+ $type: 'color',
465
+ $extensions: {
466
+ 'org.primer.figma': {
467
+ collection: 'mode',
468
+ mode: 'light',
469
+ group: 'component',
470
+ scopes: ['bgColor'],
471
+ },
472
+ },
473
+ mix: {
474
+ color: '{base.color.blue.7}',
475
+ weight: 0.4,
476
+ },
477
+ },
478
+ disabled: {
479
+ $value: '{fgColor.disabled}',
480
+ $type: 'color',
481
+ $extensions: {
482
+ 'org.primer.figma': {
483
+ collection: 'mode',
484
+ mode: 'light',
485
+ group: 'component',
486
+ scopes: ['bgColor'],
487
+ },
488
+ },
489
+ },
490
+ },
491
+ fgColor: {
492
+ rest: {
493
+ $value: '{fgColor.onEmphasis}',
494
+ $type: 'color',
495
+ $extensions: {
496
+ 'org.primer.figma': {
497
+ collection: 'mode',
498
+ mode: 'light',
499
+ group: 'component',
500
+ scopes: ['fgColor'],
501
+ },
502
+ },
503
+ },
504
+ disabled: {
505
+ $value: '{fgColor.onEmphasis}',
506
+ $type: 'color',
507
+ $extensions: {
508
+ 'org.primer.figma': {
509
+ collection: 'mode',
510
+ mode: 'light',
511
+ group: 'component',
512
+ scopes: ['fgColor'],
513
+ },
514
+ },
515
+ },
516
+ },
517
+ borderColor: {
518
+ rest: {
519
+ $value: '{bgColor.accent.emphasis}',
520
+ $type: 'color',
521
+ $extensions: {
522
+ 'org.primer.figma': {
523
+ collection: 'mode',
524
+ mode: 'light',
525
+ group: 'component',
526
+ scopes: ['borderColor'],
527
+ },
528
+ },
529
+ },
530
+ hover: {
531
+ $value: '{bgColor.accent.emphasis}',
532
+ $type: 'color',
533
+ $extensions: {
534
+ 'org.primer.figma': {
535
+ collection: 'mode',
536
+ mode: 'light',
537
+ group: 'component',
538
+ scopes: ['borderColor'],
539
+ },
540
+ },
541
+ mix: {
542
+ color: '{base.color.blue.7}',
543
+ weight: 0.2,
544
+ },
545
+ },
546
+ active: {
547
+ $value: '{bgColor.accent.emphasis}',
548
+ $type: 'color',
549
+ $extensions: {
550
+ 'org.primer.figma': {
551
+ collection: 'mode',
552
+ mode: 'light',
553
+ group: 'component',
554
+ scopes: ['borderColor'],
555
+ },
556
+ },
557
+ mix: {
558
+ color: '{base.color.blue.7}',
559
+ weight: 0.4,
560
+ },
561
+ },
562
+ disabled: {
563
+ $value: '{fgColor.disabled}',
564
+ $type: 'color',
565
+ $extensions: {
566
+ 'org.primer.figma': {
567
+ collection: 'mode',
568
+ mode: 'light',
569
+ group: 'component',
570
+ scopes: ['borderColor'],
571
+ },
572
+ },
573
+ },
574
+ },
575
+ },
576
+ },
577
+ controlTrack: {
578
+ bgColor: {
579
+ rest: {
580
+ $value: '{base.color.gray.1}',
581
+ $type: 'color',
582
+ $extensions: {
583
+ 'org.primer.figma': {
584
+ collection: 'mode',
585
+ mode: 'light',
586
+ group: 'component (internal)',
587
+ scopes: ['bgColor'],
588
+ },
589
+ },
590
+ },
591
+ hover: {
592
+ $value: '{base.color.gray.1}',
593
+ $type: 'color',
594
+ $extensions: {
595
+ 'org.primer.figma': {
596
+ collection: 'mode',
597
+ mode: 'light',
598
+ group: 'component (internal)',
599
+ scopes: ['bgColor'],
600
+ },
601
+ },
602
+ mix: {
603
+ color: '{base.color.gray.3}',
604
+ weight: 0.2,
605
+ },
606
+ },
607
+ active: {
608
+ $value: '{base.color.gray.1}',
609
+ $type: 'color',
610
+ $extensions: {
611
+ 'org.primer.figma': {
612
+ collection: 'mode',
613
+ mode: 'light',
614
+ group: 'component (internal)',
615
+ scopes: ['bgColor'],
616
+ },
617
+ },
618
+ mix: {
619
+ color: '{base.color.gray.3}',
620
+ weight: 0.4,
621
+ },
622
+ },
623
+ disabled: {
624
+ $value: '{fgColor.disabled}',
625
+ $type: 'color',
626
+ $extensions: {
627
+ 'org.primer.figma': {
628
+ collection: 'mode',
629
+ mode: 'light',
630
+ group: 'component (internal)',
631
+ scopes: ['bgColor'],
632
+ },
633
+ },
634
+ },
635
+ },
636
+ fgColor: {
637
+ rest: {
638
+ $value: '{fgColor.muted}',
639
+ $type: 'color',
640
+ $extensions: {
641
+ 'org.primer.figma': {
642
+ collection: 'mode',
643
+ mode: 'light',
644
+ group: 'component (internal)',
645
+ scopes: ['fgColor'],
646
+ },
647
+ },
648
+ },
649
+ disabled: {
650
+ $value: '{fgColor.onEmphasis}',
651
+ $type: 'color',
652
+ $extensions: {
653
+ 'org.primer.figma': {
654
+ collection: 'mode',
655
+ mode: 'light',
656
+ group: 'component (internal)',
657
+ scopes: ['fgColor'],
658
+ },
659
+ },
660
+ },
661
+ },
662
+ borderColor: {
663
+ rest: {
664
+ $value: '{base.color.transparent}',
665
+ $type: 'color',
666
+ $extensions: {
667
+ 'org.primer.figma': {
668
+ collection: 'mode',
669
+ mode: 'light',
670
+ group: 'component (internal)',
671
+ scopes: ['borderColor'],
672
+ },
673
+ },
674
+ },
675
+ disabled: {
676
+ $value: '{fgColor.disabled}',
677
+ $type: 'color',
678
+ $extensions: {
679
+ 'org.primer.figma': {
680
+ collection: 'mode',
681
+ mode: 'light',
682
+ group: 'component (internal)',
683
+ scopes: ['borderColor'],
684
+ },
685
+ },
686
+ },
687
+ },
688
+ },
689
+ controlKnob: {
690
+ bgColor: {
691
+ rest: {
692
+ $value: '{base.color.white}',
693
+ $type: 'color',
694
+ $extensions: {
695
+ 'org.primer.figma': {
696
+ collection: 'mode',
697
+ mode: 'light',
698
+ group: 'component (internal)',
699
+ scopes: ['bgColor'],
700
+ },
701
+ },
702
+ },
703
+ disabled: {
704
+ $value: '{control.bgColor.disabled}',
705
+ $type: 'color',
706
+ $extensions: {
707
+ 'org.primer.figma': {
708
+ collection: 'mode',
709
+ mode: 'light',
710
+ group: 'component (internal)',
711
+ scopes: ['bgColor'],
712
+ },
713
+ },
714
+ },
715
+ checked: {
716
+ $value: '{base.color.white}',
717
+ $type: 'color',
718
+ $extensions: {
719
+ 'org.primer.figma': {
720
+ collection: 'mode',
721
+ mode: 'light',
722
+ group: 'component (internal)',
723
+ scopes: ['bgColor'],
724
+ },
725
+ },
726
+ },
727
+ },
728
+ borderColor: {
729
+ rest: {
730
+ $value: '{control.borderColor.emphasis}',
731
+ $type: 'color',
732
+ $extensions: {
733
+ 'org.primer.figma': {
734
+ collection: 'mode',
735
+ mode: 'light',
736
+ group: 'component (internal)',
737
+ scopes: ['borderColor'],
738
+ },
739
+ },
740
+ },
741
+ disabled: {
742
+ $value: '{control.bgColor.disabled}',
743
+ $type: 'color',
744
+ $extensions: {
745
+ 'org.primer.figma': {
746
+ collection: 'mode',
747
+ mode: 'light',
748
+ group: 'component (internal)',
749
+ scopes: ['borderColor'],
750
+ },
751
+ },
752
+ },
753
+ checked: {
754
+ $value: '{control.checked.bgColor.rest}',
755
+ $type: 'color',
756
+ $extensions: {
757
+ 'org.primer.figma': {
758
+ collection: 'mode',
759
+ mode: 'light',
760
+ group: 'component (internal)',
761
+ scopes: ['borderColor'],
762
+ },
763
+ },
764
+ },
765
+ },
766
+ },
767
+ counter: {
768
+ borderColor: {
769
+ $value: '{base.color.transparent}',
770
+ $type: 'color',
771
+ $extensions: {
772
+ 'org.primer.figma': {
773
+ collection: 'mode',
774
+ mode: 'light',
775
+ group: 'component (internal)',
776
+ scopes: ['borderColor'],
777
+ },
778
+ },
779
+ },
780
+ },
781
+ button: {
782
+ default: {
783
+ fgColor: {
784
+ rest: {
785
+ $value: '{control.fgColor.rest}',
786
+ $type: 'color',
787
+ $extensions: {
788
+ 'org.primer.figma': {
789
+ collection: 'mode',
790
+ mode: 'light',
791
+ group: 'component (internal)',
792
+ scopes: ['fgColor'],
793
+ },
794
+ },
795
+ },
796
+ },
797
+ bgColor: {
798
+ rest: {
799
+ $value: '{control.bgColor.rest}',
800
+ $type: 'color',
801
+ $extensions: {
802
+ 'org.primer.figma': {
803
+ collection: 'mode',
804
+ mode: 'light',
805
+ group: 'component (internal)',
806
+ scopes: ['bgColor'],
807
+ },
808
+ },
809
+ },
810
+ hover: {
811
+ $value: '{control.bgColor.hover}',
812
+ $type: 'color',
813
+ $extensions: {
814
+ 'org.primer.figma': {
815
+ collection: 'mode',
816
+ mode: 'light',
817
+ group: 'component (internal)',
818
+ scopes: ['bgColor'],
819
+ },
820
+ },
821
+ },
822
+ active: {
823
+ $value: '{control.bgColor.active}',
824
+ $type: 'color',
825
+ $extensions: {
826
+ 'org.primer.figma': {
827
+ collection: 'mode',
828
+ mode: 'light',
829
+ group: 'component (internal)',
830
+ scopes: ['bgColor'],
831
+ },
832
+ },
833
+ },
834
+ selected: {
835
+ $value: '{control.bgColor.active}',
836
+ $type: 'color',
837
+ $extensions: {
838
+ 'org.primer.figma': {
839
+ collection: 'mode',
840
+ mode: 'light',
841
+ group: 'component (internal)',
842
+ scopes: ['bgColor'],
843
+ },
844
+ },
845
+ },
846
+ disabled: {
847
+ $value: '{control.bgColor.disabled}',
848
+ $type: 'color',
849
+ },
850
+ },
851
+ borderColor: {
852
+ rest: {
853
+ $value: '{borderColor.default}',
854
+ $type: 'color',
855
+ $extensions: {
856
+ 'org.primer.figma': {
857
+ collection: 'mode',
858
+ mode: 'light',
859
+ group: 'component (internal)',
860
+ scopes: ['borderColor'],
861
+ },
862
+ },
863
+ },
864
+ hover: {
865
+ $value: '{borderColor.default}',
866
+ $type: 'color',
867
+ $extensions: {
868
+ 'org.primer.figma': {
869
+ collection: 'mode',
870
+ mode: 'light',
871
+ group: 'component (internal)',
872
+ scopes: ['borderColor'],
873
+ },
874
+ },
875
+ },
876
+ active: {
877
+ $value: '{borderColor.default}',
878
+ $type: 'color',
879
+ $extensions: {
880
+ 'org.primer.figma': {
881
+ collection: 'mode',
882
+ mode: 'light',
883
+ group: 'component (internal)',
884
+ scopes: ['borderColor'],
885
+ },
886
+ },
887
+ },
888
+ disabled: {
889
+ $value: '{control.borderColor.disabled}',
890
+ $type: 'color',
891
+ $extensions: {
892
+ 'org.primer.figma': {
893
+ collection: 'mode',
894
+ mode: 'light',
895
+ group: 'component (internal)',
896
+ scopes: ['borderColor'],
897
+ },
898
+ },
899
+ },
900
+ },
901
+ },
902
+ primary: {
903
+ fgColor: {
904
+ rest: {
905
+ $value: '{fgColor.white}',
906
+ $type: 'color',
907
+ $extensions: {
908
+ 'org.primer.figma': {
909
+ collection: 'mode',
910
+ mode: 'light',
911
+ group: 'component (internal)',
912
+ scopes: ['fgColor'],
913
+ },
914
+ },
915
+ },
916
+ disabled: {
917
+ $value: '{base.color.white}',
918
+ $type: 'color',
919
+ $extensions: {
920
+ 'org.primer.figma': {
921
+ collection: 'mode',
922
+ mode: 'light',
923
+ group: 'component (internal)',
924
+ scopes: ['fgColor'],
925
+ },
926
+ },
927
+ alpha: 0.8,
928
+ },
929
+ },
930
+ iconColor: {
931
+ rest: {
932
+ $value: '{fgColor.white}',
933
+ $type: 'color',
934
+ $extensions: {
935
+ 'org.primer.figma': {
936
+ collection: 'mode',
937
+ mode: 'light',
938
+ group: 'component (internal)',
939
+ scopes: ['fgColor'],
940
+ },
941
+ },
942
+ alpha: 0.8,
943
+ },
944
+ },
945
+ bgColor: {
946
+ rest: {
947
+ $value: '{bgColor.success.emphasis}',
948
+ $type: 'color',
949
+ $extensions: {
950
+ 'org.primer.figma': {
951
+ collection: 'mode',
952
+ mode: 'light',
953
+ group: 'component (internal)',
954
+ scopes: ['bgColor'],
955
+ },
956
+ },
957
+ },
958
+ hover: {
959
+ $value: '{bgColor.success.emphasis}',
960
+ $type: 'color',
961
+ $extensions: {
962
+ 'org.primer.figma': {
963
+ collection: 'mode',
964
+ mode: 'light',
965
+ group: 'component (internal)',
966
+ scopes: ['bgColor'],
967
+ },
968
+ },
969
+ mix: {
970
+ color: '{base.color.green.6}',
971
+ weight: 0.2,
972
+ },
973
+ },
974
+ active: {
975
+ $value: '{bgColor.success.emphasis}',
976
+ $type: 'color',
977
+ $extensions: {
978
+ 'org.primer.figma': {
979
+ collection: 'mode',
980
+ mode: 'light',
981
+ group: 'component (internal)',
982
+ scopes: ['bgColor'],
983
+ },
984
+ },
985
+ mix: {
986
+ color: '{base.color.green.6}',
987
+ weight: 0.4,
988
+ },
989
+ },
990
+ disabled: {
991
+ $value: '{base.color.green.4}',
992
+ $type: 'color',
993
+ $extensions: {
994
+ 'org.primer.figma': {
995
+ collection: 'mode',
996
+ mode: 'light',
997
+ group: 'component (internal)',
998
+ scopes: ['bgColor'],
999
+ },
1000
+ },
1001
+ mix: {
1002
+ color: '{base.color.green.0}',
1003
+ weight: 0.6,
1004
+ },
1005
+ },
1006
+ },
1007
+ borderColor: {
1008
+ rest: {
1009
+ $value: '{base.color.black}',
1010
+ $type: 'color',
1011
+ $extensions: {
1012
+ 'org.primer.figma': {
1013
+ collection: 'mode',
1014
+ mode: 'light',
1015
+ group: 'component (internal)',
1016
+ scopes: ['borderColor'],
1017
+ },
1018
+ },
1019
+ alpha: 0.15,
1020
+ },
1021
+ hover: {
1022
+ $value: '{button.primary.borderColor.rest}',
1023
+ $type: 'color',
1024
+ $extensions: {
1025
+ 'org.primer.figma': {
1026
+ collection: 'mode',
1027
+ mode: 'light',
1028
+ group: 'component (internal)',
1029
+ scopes: ['borderColor'],
1030
+ },
1031
+ },
1032
+ },
1033
+ active: {
1034
+ $value: '{button.primary.borderColor.rest}',
1035
+ $type: 'color',
1036
+ $extensions: {
1037
+ 'org.primer.figma': {
1038
+ collection: 'mode',
1039
+ mode: 'light',
1040
+ group: 'component (internal)',
1041
+ scopes: ['borderColor'],
1042
+ },
1043
+ },
1044
+ },
1045
+ disabled: {
1046
+ $value: '{button.primary.bgColor.disabled}',
1047
+ $type: 'color',
1048
+ $extensions: {
1049
+ 'org.primer.figma': {
1050
+ collection: 'mode',
1051
+ mode: 'light',
1052
+ group: 'component (internal)',
1053
+ scopes: ['borderColor'],
1054
+ },
1055
+ },
1056
+ },
1057
+ },
1058
+ },
1059
+ invisible: {
1060
+ fgColor: {
1061
+ rest: {
1062
+ $value: '{fgColor.accent.@}',
1063
+ $type: 'color',
1064
+ $extensions: {
1065
+ 'org.primer.figma': {
1066
+ collection: 'mode',
1067
+ mode: 'light',
1068
+ group: 'component (internal)',
1069
+ scopes: ['fgColor'],
1070
+ },
1071
+ },
1072
+ },
1073
+ hover: {
1074
+ $value: '{fgColor.accent.@}',
1075
+ $type: 'color',
1076
+ $extensions: {
1077
+ 'org.primer.figma': {
1078
+ collection: 'mode',
1079
+ mode: 'light',
1080
+ group: 'component (internal)',
1081
+ scopes: ['fgColor'],
1082
+ },
1083
+ },
1084
+ },
1085
+ disabled: {
1086
+ $value: '{control.fgColor.disabled}',
1087
+ $type: 'color',
1088
+ $extensions: {
1089
+ 'org.primer.figma': {
1090
+ collection: 'mode',
1091
+ mode: 'light',
1092
+ group: 'component (internal)',
1093
+ scopes: ['fgColor'],
1094
+ },
1095
+ },
1096
+ },
1097
+ },
1098
+ iconColor: {
1099
+ rest: {
1100
+ $value: '{fgColor.muted}',
1101
+ $type: 'color',
1102
+ $extensions: {
1103
+ 'org.primer.figma': {
1104
+ collection: 'mode',
1105
+ mode: 'light',
1106
+ group: 'component (internal)',
1107
+ scopes: ['fgColor'],
1108
+ },
1109
+ },
1110
+ },
1111
+ hover: {
1112
+ $value: '{fgColor.muted}',
1113
+ $type: 'color',
1114
+ $extensions: {
1115
+ 'org.primer.figma': {
1116
+ collection: 'mode',
1117
+ mode: 'light',
1118
+ group: 'component (internal)',
1119
+ scopes: ['fgColor'],
1120
+ },
1121
+ },
1122
+ },
1123
+ disabled: {
1124
+ $value: '{control.fgColor.disabled}',
1125
+ $type: 'color',
1126
+ $extensions: {
1127
+ 'org.primer.figma': {
1128
+ collection: 'mode',
1129
+ mode: 'light',
1130
+ group: 'component (internal)',
1131
+ scopes: ['fgColor'],
1132
+ },
1133
+ },
1134
+ },
1135
+ },
1136
+ bgColor: {
1137
+ rest: {
1138
+ $value: '{control.transparent.bgColor.rest}',
1139
+ $type: 'color',
1140
+ $extensions: {
1141
+ 'org.primer.figma': {
1142
+ collection: 'mode',
1143
+ mode: 'light',
1144
+ group: 'component (internal)',
1145
+ scopes: ['bgColor'],
1146
+ },
1147
+ },
1148
+ },
1149
+ hover: {
1150
+ $value: '{control.transparent.bgColor.hover}',
1151
+ $type: 'color',
1152
+ $extensions: {
1153
+ 'org.primer.figma': {
1154
+ collection: 'mode',
1155
+ mode: 'light',
1156
+ group: 'component (internal)',
1157
+ scopes: ['bgColor'],
1158
+ },
1159
+ },
1160
+ },
1161
+ active: {
1162
+ $value: '{control.transparent.bgColor.active}',
1163
+ $type: 'color',
1164
+ $extensions: {
1165
+ 'org.primer.figma': {
1166
+ collection: 'mode',
1167
+ mode: 'light',
1168
+ group: 'component (internal)',
1169
+ scopes: ['bgColor'],
1170
+ },
1171
+ },
1172
+ },
1173
+ disabled: {
1174
+ $value: '{control.transparent.bgColor.disabled}',
1175
+ $type: 'color',
1176
+ $extensions: {
1177
+ 'org.primer.figma': {
1178
+ collection: 'mode',
1179
+ mode: 'light',
1180
+ group: 'component (internal)',
1181
+ scopes: ['bgColor'],
1182
+ },
1183
+ },
1184
+ },
1185
+ },
1186
+ borderColor: {
1187
+ rest: {
1188
+ $value: '{control.transparent.borderColor.rest}',
1189
+ $type: 'color',
1190
+ $extensions: {
1191
+ 'org.primer.figma': {
1192
+ collection: 'mode',
1193
+ mode: 'light',
1194
+ group: 'component (internal)',
1195
+ scopes: ['borderColor'],
1196
+ },
1197
+ },
1198
+ },
1199
+ hover: {
1200
+ $value: '{control.transparent.borderColor.hover}',
1201
+ $type: 'color',
1202
+ $extensions: {
1203
+ 'org.primer.figma': {
1204
+ collection: 'mode',
1205
+ mode: 'light',
1206
+ group: 'component (internal)',
1207
+ scopes: ['borderColor'],
1208
+ },
1209
+ },
1210
+ },
1211
+ disabled: {
1212
+ $value: '{control.borderColor.disabled}',
1213
+ $type: 'color',
1214
+ $extensions: {
1215
+ 'org.primer.figma': {
1216
+ collection: 'mode',
1217
+ mode: 'light',
1218
+ group: 'component (internal)',
1219
+ scopes: ['borderColor'],
1220
+ },
1221
+ },
1222
+ },
1223
+ },
1224
+ },
1225
+ outline: {
1226
+ fgColor: {
1227
+ rest: {
1228
+ $value: '{fgColor.accent.@}',
1229
+ $type: 'color',
1230
+ $extensions: {
1231
+ 'org.primer.figma': {
1232
+ collection: 'mode',
1233
+ mode: 'light',
1234
+ group: 'component (internal)',
1235
+ scopes: ['fgColor'],
1236
+ },
1237
+ },
1238
+ },
1239
+ hover: {
1240
+ $value: '{base.color.white}',
1241
+ $type: 'color',
1242
+ $extensions: {
1243
+ 'org.primer.figma': {
1244
+ collection: 'mode',
1245
+ mode: 'light',
1246
+ group: 'component (internal)',
1247
+ scopes: ['fgColor'],
1248
+ },
1249
+ },
1250
+ },
1251
+ active: {
1252
+ $value: '{base.color.white}',
1253
+ $type: 'color',
1254
+ $extensions: {
1255
+ 'org.primer.figma': {
1256
+ collection: 'mode',
1257
+ mode: 'light',
1258
+ group: 'component (internal)',
1259
+ scopes: ['fgColor'],
1260
+ },
1261
+ },
1262
+ },
1263
+ disabled: {
1264
+ $value: '{fgColor.accent.@}',
1265
+ $type: 'color',
1266
+ $extensions: {
1267
+ 'org.primer.figma': {
1268
+ collection: 'mode',
1269
+ mode: 'light',
1270
+ group: 'component (internal)',
1271
+ scopes: ['fgColor'],
1272
+ },
1273
+ },
1274
+ alpha: 0.5,
1275
+ },
1276
+ },
1277
+ bgColor: {
1278
+ rest: {
1279
+ $value: '{control.bgColor.rest}',
1280
+ $type: 'color',
1281
+ $extensions: {
1282
+ 'org.primer.figma': {
1283
+ collection: 'mode',
1284
+ mode: 'light',
1285
+ group: 'component (internal)',
1286
+ scopes: ['bgColor'],
1287
+ },
1288
+ },
1289
+ },
1290
+ hover: {
1291
+ $value: '{bgColor.accent.emphasis}',
1292
+ $type: 'color',
1293
+ $extensions: {
1294
+ 'org.primer.figma': {
1295
+ collection: 'mode',
1296
+ mode: 'light',
1297
+ group: 'component (internal)',
1298
+ scopes: ['bgColor'],
1299
+ },
1300
+ },
1301
+ },
1302
+ active: {
1303
+ $value: '{bgColor.accent.emphasis}',
1304
+ $type: 'color',
1305
+ $extensions: {
1306
+ 'org.primer.figma': {
1307
+ collection: 'mode',
1308
+ mode: 'light',
1309
+ group: 'component (internal)',
1310
+ scopes: ['bgColor'],
1311
+ },
1312
+ },
1313
+ mix: {
1314
+ color: '{base.color.blue.7}',
1315
+ weight: 0.4,
1316
+ },
1317
+ },
1318
+ disabled: {
1319
+ $value: '{base.color.gray.0}',
1320
+ $type: 'color',
1321
+ $extensions: {
1322
+ 'org.primer.figma': {
1323
+ collection: 'mode',
1324
+ mode: 'light',
1325
+ group: 'component (internal)',
1326
+ scopes: ['bgColor'],
1327
+ },
1328
+ },
1329
+ },
1330
+ },
1331
+ borderColor: {
1332
+ hover: {
1333
+ $value: '{base.color.black}',
1334
+ $type: 'color',
1335
+ $extensions: {
1336
+ 'org.primer.figma': {
1337
+ collection: 'mode',
1338
+ mode: 'light',
1339
+ group: 'component (internal)',
1340
+ scopes: ['borderColor'],
1341
+ },
1342
+ },
1343
+ alpha: 0.15,
1344
+ },
1345
+ active: {
1346
+ $value: '{button.outline.borderColor.hover}',
1347
+ $type: 'color',
1348
+ $extensions: {
1349
+ 'org.primer.figma': {
1350
+ collection: 'mode',
1351
+ mode: 'light',
1352
+ group: 'component (internal)',
1353
+ scopes: ['borderColor'],
1354
+ },
1355
+ },
1356
+ },
1357
+ },
1358
+ },
1359
+ danger: {
1360
+ fgColor: {
1361
+ rest: {
1362
+ $value: '{fgColor.danger.@}',
1363
+ $type: 'color',
1364
+ $extensions: {
1365
+ 'org.primer.figma': {
1366
+ collection: 'mode',
1367
+ mode: 'light',
1368
+ group: 'component (internal)',
1369
+ scopes: ['fgColor'],
1370
+ },
1371
+ },
1372
+ },
1373
+ hover: {
1374
+ $value: '{base.color.white}',
1375
+ $type: 'color',
1376
+ $extensions: {
1377
+ 'org.primer.figma': {
1378
+ collection: 'mode',
1379
+ mode: 'light',
1380
+ group: 'component (internal)',
1381
+ scopes: ['fgColor'],
1382
+ },
1383
+ },
1384
+ },
1385
+ active: {
1386
+ $value: '{base.color.white}',
1387
+ $type: 'color',
1388
+ $extensions: {
1389
+ 'org.primer.figma': {
1390
+ collection: 'mode',
1391
+ mode: 'light',
1392
+ group: 'component (internal)',
1393
+ scopes: ['fgColor'],
1394
+ },
1395
+ },
1396
+ },
1397
+ disabled: {
1398
+ $value: '{fgColor.danger.@}',
1399
+ $type: 'color',
1400
+ $extensions: {
1401
+ 'org.primer.figma': {
1402
+ collection: 'mode',
1403
+ mode: 'light',
1404
+ group: 'component (internal)',
1405
+ scopes: ['fgColor'],
1406
+ },
1407
+ },
1408
+ alpha: 0.5,
1409
+ },
1410
+ },
1411
+ iconColor: {
1412
+ rest: {
1413
+ $value: '{fgColor.danger.@}',
1414
+ $type: 'color',
1415
+ $extensions: {
1416
+ 'org.primer.figma': {
1417
+ collection: 'mode',
1418
+ mode: 'light',
1419
+ group: 'component (internal)',
1420
+ scopes: ['fgColor'],
1421
+ },
1422
+ },
1423
+ },
1424
+ hover: {
1425
+ $value: '{base.color.white}',
1426
+ $type: 'color',
1427
+ $extensions: {
1428
+ 'org.primer.figma': {
1429
+ collection: 'mode',
1430
+ mode: 'light',
1431
+ group: 'component (internal)',
1432
+ scopes: ['fgColor'],
1433
+ },
1434
+ },
1435
+ },
1436
+ },
1437
+ bgColor: {
1438
+ rest: {
1439
+ $value: '{control.bgColor.rest}',
1440
+ $type: 'color',
1441
+ $extensions: {
1442
+ 'org.primer.figma': {
1443
+ collection: 'mode',
1444
+ mode: 'light',
1445
+ group: 'component (internal)',
1446
+ scopes: ['bgColor'],
1447
+ },
1448
+ },
1449
+ },
1450
+ hover: {
1451
+ $value: '{base.color.red.6}',
1452
+ $type: 'color',
1453
+ $extensions: {
1454
+ 'org.primer.figma': {
1455
+ collection: 'mode',
1456
+ mode: 'light',
1457
+ group: 'component (internal)',
1458
+ scopes: ['bgColor'],
1459
+ },
1460
+ },
1461
+ },
1462
+ active: {
1463
+ $value: '{base.color.red.6}',
1464
+ $type: 'color',
1465
+ $extensions: {
1466
+ 'org.primer.figma': {
1467
+ collection: 'mode',
1468
+ mode: 'light',
1469
+ group: 'component (internal)',
1470
+ scopes: ['bgColor'],
1471
+ },
1472
+ },
1473
+ mix: {
1474
+ color: '{base.color.red.8}',
1475
+ weight: 0.4,
1476
+ },
1477
+ },
1478
+ disabled: {
1479
+ $value: '{control.bgColor.disabled}',
1480
+ $type: 'color',
1481
+ $extensions: {
1482
+ 'org.primer.figma': {
1483
+ collection: 'mode',
1484
+ mode: 'light',
1485
+ group: 'component (internal)',
1486
+ scopes: ['bgColor'],
1487
+ },
1488
+ },
1489
+ },
1490
+ },
1491
+ borderColor: {
1492
+ rest: {
1493
+ $value: '{borderColor.default}',
1494
+ $type: 'color',
1495
+ $extensions: {
1496
+ 'org.primer.figma': {
1497
+ collection: 'mode',
1498
+ mode: 'light',
1499
+ group: 'component (internal)',
1500
+ scopes: ['borderColor'],
1501
+ },
1502
+ },
1503
+ },
1504
+ hover: {
1505
+ $value: '{base.color.black}',
1506
+ $type: 'color',
1507
+ $extensions: {
1508
+ 'org.primer.figma': {
1509
+ collection: 'mode',
1510
+ mode: 'light',
1511
+ group: 'component (internal)',
1512
+ scopes: ['borderColor'],
1513
+ },
1514
+ },
1515
+ alpha: 0.15,
1516
+ },
1517
+ active: {
1518
+ $value: '{button.danger.borderColor.hover}',
1519
+ $type: 'color',
1520
+ $extensions: {
1521
+ 'org.primer.figma': {
1522
+ collection: 'mode',
1523
+ mode: 'light',
1524
+ group: 'component (internal)',
1525
+ scopes: ['borderColor'],
1526
+ },
1527
+ },
1528
+ },
1529
+ },
1530
+ },
1531
+ inactive: {
1532
+ fgColor: {
1533
+ $value: '{base.color.gray.6}',
1534
+ $type: 'color',
1535
+ $extensions: {
1536
+ 'org.primer.figma': {
1537
+ collection: 'mode',
1538
+ mode: 'light',
1539
+ group: 'component (internal)',
1540
+ scopes: ['fgColor'],
1541
+ },
1542
+ },
1543
+ },
1544
+ bgColor: {
1545
+ $value: '{base.color.gray.1}',
1546
+ $type: 'color',
1547
+ $extensions: {
1548
+ 'org.primer.figma': {
1549
+ collection: 'mode',
1550
+ mode: 'light',
1551
+ group: 'component (internal)',
1552
+ scopes: ['bgColor'],
1553
+ },
1554
+ },
1555
+ },
1556
+ },
1557
+ star: {
1558
+ iconColor: {
1559
+ $value: '{base.color.yellow.2}',
1560
+ $type: 'color',
1561
+ $extensions: {
1562
+ 'org.primer.figma': {
1563
+ collection: 'mode',
1564
+ mode: 'light',
1565
+ group: 'component (internal)',
1566
+ scopes: ['bgColor'],
1567
+ },
1568
+ },
1569
+ },
1570
+ },
1571
+ },
1572
+ buttonCounter: {
1573
+ default: {
1574
+ bgColor: {
1575
+ rest: {
1576
+ $value: '{bgColor.neutral.muted}',
1577
+ $type: 'color',
1578
+ $extensions: {
1579
+ 'org.primer.figma': {
1580
+ collection: 'mode',
1581
+ mode: 'light',
1582
+ group: 'component (internal)',
1583
+ scopes: ['bgColor'],
1584
+ },
1585
+ },
1586
+ },
1587
+ },
1588
+ },
1589
+ invisible: {
1590
+ bgColor: {
1591
+ rest: {
1592
+ $value: '{bgColor.neutral.muted}',
1593
+ $type: 'color',
1594
+ $extensions: {
1595
+ 'org.primer.figma': {
1596
+ collection: 'mode',
1597
+ mode: 'light',
1598
+ group: 'component (internal)',
1599
+ scopes: ['bgColor'],
1600
+ },
1601
+ },
1602
+ },
1603
+ },
1604
+ },
1605
+ primary: {
1606
+ bgColor: {
1607
+ rest: {
1608
+ $value: '{base.color.green.9}',
1609
+ $type: 'color',
1610
+ $extensions: {
1611
+ 'org.primer.figma': {
1612
+ collection: 'mode',
1613
+ mode: 'light',
1614
+ group: 'component (internal)',
1615
+ scopes: ['bgColor'],
1616
+ },
1617
+ },
1618
+ alpha: 0.2,
1619
+ },
1620
+ },
1621
+ },
1622
+ outline: {
1623
+ bgColor: {
1624
+ rest: {
1625
+ $value: '{bgColor.accent.emphasis}',
1626
+ $type: 'color',
1627
+ $extensions: {
1628
+ 'org.primer.figma': {
1629
+ collection: 'mode',
1630
+ mode: 'light',
1631
+ group: 'component (internal)',
1632
+ scopes: ['bgColor'],
1633
+ },
1634
+ },
1635
+ alpha: 0.1,
1636
+ },
1637
+ hover: {
1638
+ $value: '{base.color.white}',
1639
+ $type: 'color',
1640
+ $extensions: {
1641
+ 'org.primer.figma': {
1642
+ collection: 'mode',
1643
+ mode: 'light',
1644
+ group: 'component (internal)',
1645
+ scopes: ['bgColor'],
1646
+ },
1647
+ },
1648
+ alpha: 0.2,
1649
+ },
1650
+ disabled: {
1651
+ $value: '{bgColor.accent.emphasis}',
1652
+ $type: 'color',
1653
+ $extensions: {
1654
+ 'org.primer.figma': {
1655
+ collection: 'mode',
1656
+ mode: 'light',
1657
+ group: 'component (internal)',
1658
+ scopes: ['bgColor'],
1659
+ },
1660
+ },
1661
+ alpha: 0.05,
1662
+ },
1663
+ },
1664
+ fgColor: {
1665
+ rest: {
1666
+ $value: '{base.color.blue.6}',
1667
+ $type: 'color',
1668
+ $extensions: {
1669
+ 'org.primer.figma': {
1670
+ collection: 'mode',
1671
+ mode: 'light',
1672
+ group: 'component (internal)',
1673
+ scopes: ['fgColor'],
1674
+ },
1675
+ },
1676
+ },
1677
+ hover: {
1678
+ $value: '{base.color.white}',
1679
+ $type: 'color',
1680
+ $extensions: {
1681
+ 'org.primer.figma': {
1682
+ collection: 'mode',
1683
+ mode: 'light',
1684
+ group: 'component (internal)',
1685
+ scopes: ['fgColor'],
1686
+ },
1687
+ },
1688
+ },
1689
+ disabled: {
1690
+ $value: '{fgColor.accent.@}',
1691
+ $type: 'color',
1692
+ $extensions: {
1693
+ 'org.primer.figma': {
1694
+ collection: 'mode',
1695
+ mode: 'light',
1696
+ group: 'component (internal)',
1697
+ scopes: ['fgColor'],
1698
+ },
1699
+ },
1700
+ alpha: 0.5,
1701
+ },
1702
+ },
1703
+ },
1704
+ danger: {
1705
+ bgColor: {
1706
+ hover: {
1707
+ $value: '{base.color.white}',
1708
+ $type: 'color',
1709
+ $extensions: {
1710
+ 'org.primer.figma': {
1711
+ collection: 'mode',
1712
+ mode: 'light',
1713
+ group: 'component (internal)',
1714
+ scopes: ['bgColor'],
1715
+ },
1716
+ },
1717
+ alpha: 0.2,
1718
+ },
1719
+ disabled: {
1720
+ $value: '{bgColor.danger.emphasis}',
1721
+ $type: 'color',
1722
+ $extensions: {
1723
+ 'org.primer.figma': {
1724
+ collection: 'mode',
1725
+ mode: 'light',
1726
+ group: 'component (internal)',
1727
+ scopes: ['bgColor'],
1728
+ },
1729
+ },
1730
+ alpha: 0.05,
1731
+ },
1732
+ rest: {
1733
+ $value: '{bgColor.danger.emphasis}',
1734
+ $type: 'color',
1735
+ $extensions: {
1736
+ 'org.primer.figma': {
1737
+ collection: 'mode',
1738
+ mode: 'light',
1739
+ group: 'component (internal)',
1740
+ scopes: ['bgColor'],
1741
+ },
1742
+ },
1743
+ alpha: 0.1,
1744
+ },
1745
+ },
1746
+ fgColor: {
1747
+ rest: {
1748
+ $value: '{base.color.red.5}',
1749
+ $type: 'color',
1750
+ $extensions: {
1751
+ 'org.primer.figma': {
1752
+ collection: 'mode',
1753
+ mode: 'light',
1754
+ group: 'component (internal)',
1755
+ scopes: ['fgColor'],
1756
+ },
1757
+ },
1758
+ mix: {
1759
+ color: '{base.color.red.6}',
1760
+ weight: 0.3,
1761
+ },
1762
+ },
1763
+ hover: {
1764
+ $value: '{base.color.white}',
1765
+ $type: 'color',
1766
+ $extensions: {
1767
+ 'org.primer.figma': {
1768
+ collection: 'mode',
1769
+ mode: 'light',
1770
+ group: 'component (internal)',
1771
+ scopes: ['fgColor'],
1772
+ },
1773
+ },
1774
+ },
1775
+ disabled: {
1776
+ $value: '{fgColor.danger.@}',
1777
+ $type: 'color',
1778
+ $extensions: {
1779
+ 'org.primer.figma': {
1780
+ collection: 'mode',
1781
+ mode: 'light',
1782
+ group: 'component (internal)',
1783
+ scopes: ['fgColor'],
1784
+ },
1785
+ },
1786
+ alpha: 0.5,
1787
+ },
1788
+ },
1789
+ },
1790
+ },
1791
+ reactionButton: {
1792
+ selected: {
1793
+ bgColor: {
1794
+ rest: {
1795
+ $value: '{base.color.blue.0}',
1796
+ $type: 'color',
1797
+ $extensions: {
1798
+ 'org.primer.figma': {
1799
+ collection: 'mode',
1800
+ mode: 'light',
1801
+ group: 'component (internal)',
1802
+ scopes: ['bgColor'],
1803
+ },
1804
+ },
1805
+ },
1806
+ hover: {
1807
+ $value: '{reactionButton.selected.bgColor.rest}',
1808
+ $type: 'color',
1809
+ $extensions: {
1810
+ 'org.primer.figma': {
1811
+ collection: 'mode',
1812
+ mode: 'light',
1813
+ group: 'component (internal)',
1814
+ scopes: ['bgColor'],
1815
+ },
1816
+ },
1817
+ mix: {
1818
+ color: '{base.color.blue.2}',
1819
+ weight: 0.2,
1820
+ },
1821
+ },
1822
+ },
1823
+ fgColor: {
1824
+ rest: {
1825
+ $value: '{fgColor.link.@}',
1826
+ $type: 'color',
1827
+ $extensions: {
1828
+ 'org.primer.figma': {
1829
+ collection: 'mode',
1830
+ mode: 'light',
1831
+ group: 'component (internal)',
1832
+ scopes: ['fgColor'],
1833
+ },
1834
+ },
1835
+ },
1836
+ hover: {
1837
+ $value: '{base.color.blue.6}',
1838
+ $type: 'color',
1839
+ $extensions: {
1840
+ 'org.primer.figma': {
1841
+ collection: 'mode',
1842
+ mode: 'light',
1843
+ group: 'component (internal)',
1844
+ scopes: ['fgColor'],
1845
+ },
1846
+ },
1847
+ },
1848
+ },
1849
+ },
1850
+ },
1851
+ focus: {
1852
+ outlineColor: {
1853
+ $value: '{borderColor.accent.emphasis}',
1854
+ $type: 'color',
1855
+ $extensions: {
1856
+ 'org.primer.figma': {
1857
+ collection: 'mode',
1858
+ mode: 'light',
1859
+ group: 'component (internal)',
1860
+ scopes: ['borderColor'],
1861
+ },
1862
+ },
1863
+ },
1864
+ },
1865
+ header: {
1866
+ bgColor: {
1867
+ $value: '{base.color.gray.9}',
1868
+ $type: 'color',
1869
+ $extensions: {
1870
+ 'org.primer.figma': {
1871
+ collection: 'mode',
1872
+ mode: 'light',
1873
+ group: 'component (internal)',
1874
+ scopes: ['bgColor'],
1875
+ },
1876
+ },
1877
+ },
1878
+ fgColor: {
1879
+ default: {
1880
+ $value: '{base.color.white}',
1881
+ $type: 'color',
1882
+ $extensions: {
1883
+ 'org.primer.figma': {
1884
+ collection: 'mode',
1885
+ mode: 'light',
1886
+ group: 'component (internal)',
1887
+ scopes: ['fgColor'],
1888
+ },
1889
+ },
1890
+ alpha: 0.7,
1891
+ },
1892
+ logo: {
1893
+ $value: '{base.color.white}',
1894
+ $type: 'color',
1895
+ $extensions: {
1896
+ 'org.primer.figma': {
1897
+ collection: 'mode',
1898
+ mode: 'light',
1899
+ group: 'component (internal)',
1900
+ scopes: ['fgColor'],
1901
+ },
1902
+ },
1903
+ },
1904
+ },
1905
+ borderColor: {
1906
+ divider: {
1907
+ $value: '{base.color.gray.6}',
1908
+ $type: 'color',
1909
+ $extensions: {
1910
+ 'org.primer.figma': {
1911
+ collection: 'mode',
1912
+ mode: 'light',
1913
+ group: 'component (internal)',
1914
+ scopes: ['borderColor'],
1915
+ },
1916
+ },
1917
+ },
1918
+ },
1919
+ },
1920
+ headerSearch: {
1921
+ bgColor: {
1922
+ $value: '{base.color.gray.9}',
1923
+ $type: 'color',
1924
+ $extensions: {
1925
+ 'org.primer.figma': {
1926
+ collection: 'mode',
1927
+ mode: 'light',
1928
+ group: 'component (internal)',
1929
+ scopes: ['bgColor'],
1930
+ },
1931
+ },
1932
+ },
1933
+ borderColor: {
1934
+ $value: '{base.color.gray.6}',
1935
+ $type: 'color',
1936
+ $extensions: {
1937
+ 'org.primer.figma': {
1938
+ collection: 'mode',
1939
+ mode: 'light',
1940
+ group: 'component (internal)',
1941
+ scopes: ['borderColor'],
1942
+ },
1943
+ },
1944
+ },
1945
+ },
1946
+ menu: {
1947
+ bgColor: {
1948
+ active: {
1949
+ $value: '{base.color.transparent}',
1950
+ $type: 'color',
1951
+ $extensions: {
1952
+ 'org.primer.figma': {
1953
+ collection: 'mode',
1954
+ mode: 'light',
1955
+ group: 'component (internal)',
1956
+ scopes: ['bgColor'],
1957
+ },
1958
+ },
1959
+ },
1960
+ },
1961
+ },
1962
+ overlay: {
1963
+ bgColor: {
1964
+ $value: '{base.color.white}',
1965
+ $type: 'color',
1966
+ $extensions: {
1967
+ 'org.primer.figma': {
1968
+ collection: 'mode',
1969
+ mode: 'light',
1970
+ group: 'component (internal)',
1971
+ scopes: ['bgColor'],
1972
+ },
1973
+ },
1974
+ },
1975
+ borderColor: {
1976
+ $value: '{borderColor.muted}',
1977
+ $type: 'color',
1978
+ $extensions: {
1979
+ 'org.primer.figma': {
1980
+ collection: 'mode',
1981
+ mode: 'light',
1982
+ group: 'component (internal)',
1983
+ },
1984
+ },
1985
+ alpha: 0.5,
1986
+ },
1987
+ backdrop: {
1988
+ bgColor: {
1989
+ $value: '{base.color.gray.4}',
1990
+ $type: 'color',
1991
+ $extensions: {
1992
+ 'org.primer.figma': {
1993
+ collection: 'mode',
1994
+ mode: 'light',
1995
+ group: 'component (internal)',
1996
+ scopes: ['bgColor'],
1997
+ },
1998
+ },
1999
+ alpha: 0.2,
2000
+ },
2001
+ },
2002
+ },
2003
+ selectMenu: {
2004
+ borderColor: {
2005
+ $value: '{base.color.transparent}',
2006
+ $type: 'color',
2007
+ $extensions: {
2008
+ 'org.primer.figma': {
2009
+ collection: 'mode',
2010
+ mode: 'light',
2011
+ group: 'component (internal)',
2012
+ scopes: ['borderColor'],
2013
+ },
2014
+ },
2015
+ },
2016
+ bgColor: {
2017
+ active: {
2018
+ $value: '{base.color.blue.1}',
2019
+ $type: 'color',
2020
+ $extensions: {
2021
+ 'org.primer.figma': {
2022
+ collection: 'mode',
2023
+ mode: 'light',
2024
+ group: 'component (internal)',
2025
+ scopes: ['bgColor'],
2026
+ },
2027
+ },
2028
+ },
2029
+ },
2030
+ },
2031
+ sideNav: {
2032
+ bgColor: {
2033
+ selected: {
2034
+ $value: '{base.color.white}',
2035
+ $type: 'color',
2036
+ $extensions: {
2037
+ 'org.primer.figma': {
2038
+ collection: 'mode',
2039
+ mode: 'light',
2040
+ group: 'component (internal)',
2041
+ scopes: ['bgColor'],
2042
+ },
2043
+ },
2044
+ },
2045
+ },
2046
+ },
2047
+ skeletonLoader: {
2048
+ bgColor: {
2049
+ $value: '{bgColor.muted}',
2050
+ $type: 'color',
2051
+ },
2052
+ },
2053
+ timelineBadge: {
2054
+ bgColor: {
2055
+ $value: '{base.color.gray.1}',
2056
+ $type: 'color',
2057
+ $extensions: {
2058
+ 'org.primer.figma': {
2059
+ collection: 'mode',
2060
+ mode: 'light',
2061
+ group: 'component (internal)',
2062
+ scopes: ['bgColor'],
2063
+ },
2064
+ },
2065
+ },
2066
+ },
2067
+ treeViewItem: {
2068
+ leadingVisual: {
2069
+ iconColor: {
2070
+ rest: {
2071
+ $value: '{base.color.blue.3}',
2072
+ $type: 'color',
2073
+ $extensions: {
2074
+ 'org.primer.figma': {
2075
+ collection: 'mode',
2076
+ mode: 'light',
2077
+ group: 'component (internal)',
2078
+ scopes: ['bgColor'],
2079
+ },
2080
+ },
2081
+ },
2082
+ },
2083
+ },
2084
+ },
2085
+ underlineNav: {
2086
+ borderColor: {
2087
+ active: {
2088
+ $value: '{base.color.coral.3}',
2089
+ $type: 'color',
2090
+ $extensions: {
2091
+ 'org.primer.figma': {
2092
+ collection: 'mode',
2093
+ mode: 'light',
2094
+ group: 'component (internal)',
2095
+ scopes: ['borderColor'],
2096
+ },
2097
+ },
2098
+ },
2099
+ hover: {
2100
+ $value: '{borderColor.neutral.muted}',
2101
+ $type: 'color',
2102
+ $extensions: {
2103
+ 'org.primer.figma': {
2104
+ collection: 'mode',
2105
+ mode: 'light',
2106
+ group: 'component (internal)',
2107
+ scopes: ['borderColor'],
2108
+ },
2109
+ },
2110
+ },
2111
+ },
2112
+ iconColor: {
2113
+ rest: {
2114
+ $value: '{fgColor.muted}',
2115
+ $type: 'color',
2116
+ $extensions: {
2117
+ 'org.primer.figma': {
2118
+ collection: 'mode',
2119
+ mode: 'light',
2120
+ group: 'component (internal)',
2121
+ scopes: ['fgColor'],
2122
+ },
2123
+ },
2124
+ },
2125
+ },
2126
+ },
2127
+ selection: {
2128
+ bgColor: {
2129
+ $value: '{bgColor.accent.emphasis}',
2130
+ $type: 'color',
2131
+ $extensions: {
2132
+ 'org.primer.figma': {
2133
+ collection: 'mode',
2134
+ mode: 'light',
2135
+ group: 'component',
2136
+ scopes: ['bgColor'],
2137
+ },
2138
+ },
2139
+ alpha: 0.2,
2140
+ },
2141
+ },
2142
+ card: {
2143
+ bgColor: {
2144
+ $value: '{bgColor.default}',
2145
+ $type: 'color',
2146
+ $extensions: {
2147
+ 'org.primer.figma': {
2148
+ collection: 'mode',
2149
+ mode: 'light',
2150
+ group: 'component',
2151
+ scopes: ['bgColor'],
2152
+ },
2153
+ },
2154
+ },
2155
+ },
2156
+ label: {
2157
+ green: {
2158
+ bgColor: {
2159
+ rest: {
2160
+ $value: '{base.display.color.green.0}',
2161
+ $type: 'color',
2162
+ $extensions: {
2163
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2164
+ },
2165
+ },
2166
+ hover: {
2167
+ $value: '{base.display.color.green.1}',
2168
+ $type: 'color',
2169
+ $extensions: {
2170
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2171
+ },
2172
+ },
2173
+ active: {
2174
+ $value: '{base.display.color.green.2}',
2175
+ $type: 'color',
2176
+ $extensions: {
2177
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2178
+ },
2179
+ },
2180
+ },
2181
+ fgColor: {
2182
+ rest: {
2183
+ $value: '{base.display.color.green.6}',
2184
+ $type: 'color',
2185
+ $extensions: {
2186
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2187
+ },
2188
+ },
2189
+ hover: {
2190
+ $value: '{base.display.color.green.7}',
2191
+ $type: 'color',
2192
+ $extensions: {
2193
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2194
+ },
2195
+ },
2196
+ active: {
2197
+ $value: '{base.display.color.green.8}',
2198
+ $type: 'color',
2199
+ $extensions: {
2200
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2201
+ },
2202
+ },
2203
+ },
2204
+ },
2205
+ orange: {
2206
+ bgColor: {
2207
+ rest: {
2208
+ $value: '{base.display.color.orange.0}',
2209
+ $type: 'color',
2210
+ $extensions: {
2211
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2212
+ },
2213
+ },
2214
+ hover: {
2215
+ $value: '{base.display.color.orange.1}',
2216
+ $type: 'color',
2217
+ $extensions: {
2218
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2219
+ },
2220
+ },
2221
+ active: {
2222
+ $value: '{base.display.color.orange.2}',
2223
+ $type: 'color',
2224
+ $extensions: {
2225
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2226
+ },
2227
+ },
2228
+ },
2229
+ fgColor: {
2230
+ rest: {
2231
+ $value: '{base.display.color.orange.6}',
2232
+ $type: 'color',
2233
+ $extensions: {
2234
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2235
+ },
2236
+ },
2237
+ hover: {
2238
+ $value: '{base.display.color.orange.7}',
2239
+ $type: 'color',
2240
+ $extensions: {
2241
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2242
+ },
2243
+ },
2244
+ active: {
2245
+ $value: '{base.display.color.orange.8}',
2246
+ $type: 'color',
2247
+ $extensions: {
2248
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2249
+ },
2250
+ },
2251
+ },
2252
+ },
2253
+ purple: {
2254
+ bgColor: {
2255
+ rest: {
2256
+ $value: '{base.display.color.purple.0}',
2257
+ $type: 'color',
2258
+ $extensions: {
2259
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2260
+ },
2261
+ },
2262
+ hover: {
2263
+ $value: '{base.display.color.purple.1}',
2264
+ $type: 'color',
2265
+ $extensions: {
2266
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2267
+ },
2268
+ },
2269
+ active: {
2270
+ $value: '{base.display.color.purple.2}',
2271
+ $type: 'color',
2272
+ $extensions: {
2273
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2274
+ },
2275
+ },
2276
+ },
2277
+ fgColor: {
2278
+ rest: {
2279
+ $value: '{base.display.color.purple.6}',
2280
+ $type: 'color',
2281
+ $extensions: {
2282
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2283
+ },
2284
+ },
2285
+ hover: {
2286
+ $value: '{base.display.color.purple.7}',
2287
+ $type: 'color',
2288
+ $extensions: {
2289
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2290
+ },
2291
+ },
2292
+ active: {
2293
+ $value: '{base.display.color.purple.8}',
2294
+ $type: 'color',
2295
+ $extensions: {
2296
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2297
+ },
2298
+ },
2299
+ },
2300
+ },
2301
+ red: {
2302
+ bgColor: {
2303
+ rest: {
2304
+ $value: '{base.display.color.red.0}',
2305
+ $type: 'color',
2306
+ $extensions: {
2307
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2308
+ },
2309
+ },
2310
+ hover: {
2311
+ $value: '{base.display.color.red.1}',
2312
+ $type: 'color',
2313
+ $extensions: {
2314
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2315
+ },
2316
+ },
2317
+ active: {
2318
+ $value: '{base.display.color.red.2}',
2319
+ $type: 'color',
2320
+ $extensions: {
2321
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2322
+ },
2323
+ },
2324
+ },
2325
+ fgColor: {
2326
+ rest: {
2327
+ $value: '{base.display.color.red.6}',
2328
+ $type: 'color',
2329
+ $extensions: {
2330
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2331
+ },
2332
+ },
2333
+ hover: {
2334
+ $value: '{base.display.color.red.7}',
2335
+ $type: 'color',
2336
+ $extensions: {
2337
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2338
+ },
2339
+ },
2340
+ active: {
2341
+ $value: '{base.display.color.red.8}',
2342
+ $type: 'color',
2343
+ $extensions: {
2344
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2345
+ },
2346
+ },
2347
+ },
2348
+ },
2349
+ yellow: {
2350
+ bgColor: {
2351
+ rest: {
2352
+ $value: '{base.display.color.yellow.0}',
2353
+ $type: 'color',
2354
+ $extensions: {
2355
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2356
+ },
2357
+ },
2358
+ hover: {
2359
+ $value: '{base.display.color.yellow.1}',
2360
+ $type: 'color',
2361
+ $extensions: {
2362
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2363
+ },
2364
+ },
2365
+ active: {
2366
+ $value: '{base.display.color.yellow.2}',
2367
+ $type: 'color',
2368
+ $extensions: {
2369
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2370
+ },
2371
+ },
2372
+ },
2373
+ fgColor: {
2374
+ rest: {
2375
+ $value: '{base.display.color.yellow.6}',
2376
+ $type: 'color',
2377
+ $extensions: {
2378
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2379
+ },
2380
+ },
2381
+ hover: {
2382
+ $value: '{base.display.color.yellow.7}',
2383
+ $type: 'color',
2384
+ $extensions: {
2385
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2386
+ },
2387
+ },
2388
+ active: {
2389
+ $value: '{base.display.color.yellow.8}',
2390
+ $type: 'color',
2391
+ $extensions: {
2392
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2393
+ },
2394
+ },
2395
+ },
2396
+ },
2397
+ gray: {
2398
+ bgColor: {
2399
+ rest: {
2400
+ $value: '{base.display.color.gray.0}',
2401
+ $type: 'color',
2402
+ $extensions: {
2403
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2404
+ },
2405
+ },
2406
+ hover: {
2407
+ $value: '{base.display.color.gray.1}',
2408
+ $type: 'color',
2409
+ $extensions: {
2410
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2411
+ },
2412
+ },
2413
+ active: {
2414
+ $value: '{base.display.color.gray.2}',
2415
+ $type: 'color',
2416
+ $extensions: {
2417
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2418
+ },
2419
+ },
2420
+ },
2421
+ fgColor: {
2422
+ rest: {
2423
+ $value: '{base.display.color.gray.6}',
2424
+ $type: 'color',
2425
+ $extensions: {
2426
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2427
+ },
2428
+ },
2429
+ hover: {
2430
+ $value: '{base.display.color.gray.7}',
2431
+ $type: 'color',
2432
+ $extensions: {
2433
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2434
+ },
2435
+ },
2436
+ active: {
2437
+ $value: '{base.display.color.gray.8}',
2438
+ $type: 'color',
2439
+ $extensions: {
2440
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2441
+ },
2442
+ },
2443
+ },
2444
+ },
2445
+ auburn: {
2446
+ bgColor: {
2447
+ rest: {
2448
+ $value: '{base.display.color.auburn.0}',
2449
+ $type: 'color',
2450
+ $extensions: {
2451
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2452
+ },
2453
+ },
2454
+ hover: {
2455
+ $value: '{base.display.color.auburn.1}',
2456
+ $type: 'color',
2457
+ $extensions: {
2458
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2459
+ },
2460
+ },
2461
+ active: {
2462
+ $value: '{base.display.color.auburn.2}',
2463
+ $type: 'color',
2464
+ $extensions: {
2465
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2466
+ },
2467
+ },
2468
+ },
2469
+ fgColor: {
2470
+ rest: {
2471
+ $value: '{base.display.color.auburn.6}',
2472
+ $type: 'color',
2473
+ $extensions: {
2474
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2475
+ },
2476
+ },
2477
+ hover: {
2478
+ $value: '{base.display.color.auburn.7}',
2479
+ $type: 'color',
2480
+ $extensions: {
2481
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2482
+ },
2483
+ },
2484
+ active: {
2485
+ $value: '{base.display.color.auburn.8}',
2486
+ $type: 'color',
2487
+ $extensions: {
2488
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2489
+ },
2490
+ },
2491
+ },
2492
+ },
2493
+ brown: {
2494
+ bgColor: {
2495
+ rest: {
2496
+ $value: '{base.display.color.brown.0}',
2497
+ $type: 'color',
2498
+ $extensions: {
2499
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2500
+ },
2501
+ },
2502
+ hover: {
2503
+ $value: '{base.display.color.brown.1}',
2504
+ $type: 'color',
2505
+ $extensions: {
2506
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2507
+ },
2508
+ },
2509
+ active: {
2510
+ $value: '{base.display.color.brown.2}',
2511
+ $type: 'color',
2512
+ $extensions: {
2513
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2514
+ },
2515
+ },
2516
+ },
2517
+ fgColor: {
2518
+ rest: {
2519
+ $value: '{base.display.color.brown.6}',
2520
+ $type: 'color',
2521
+ $extensions: {
2522
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2523
+ },
2524
+ },
2525
+ hover: {
2526
+ $value: '{base.display.color.brown.7}',
2527
+ $type: 'color',
2528
+ $extensions: {
2529
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2530
+ },
2531
+ },
2532
+ active: {
2533
+ $value: '{base.display.color.brown.8}',
2534
+ $type: 'color',
2535
+ $extensions: {
2536
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2537
+ },
2538
+ },
2539
+ },
2540
+ },
2541
+ lemon: {
2542
+ bgColor: {
2543
+ rest: {
2544
+ $value: '{base.display.color.lemon.0}',
2545
+ $type: 'color',
2546
+ $extensions: {
2547
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2548
+ },
2549
+ },
2550
+ hover: {
2551
+ $value: '{base.display.color.lemon.1}',
2552
+ $type: 'color',
2553
+ $extensions: {
2554
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2555
+ },
2556
+ },
2557
+ active: {
2558
+ $value: '{base.display.color.lemon.2}',
2559
+ $type: 'color',
2560
+ $extensions: {
2561
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2562
+ },
2563
+ },
2564
+ },
2565
+ fgColor: {
2566
+ rest: {
2567
+ $value: '{base.display.color.lemon.6}',
2568
+ $type: 'color',
2569
+ $extensions: {
2570
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2571
+ },
2572
+ },
2573
+ hover: {
2574
+ $value: '{base.display.color.lemon.7}',
2575
+ $type: 'color',
2576
+ $extensions: {
2577
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2578
+ },
2579
+ },
2580
+ active: {
2581
+ $value: '{base.display.color.lemon.8}',
2582
+ $type: 'color',
2583
+ $extensions: {
2584
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2585
+ },
2586
+ },
2587
+ },
2588
+ },
2589
+ olive: {
2590
+ bgColor: {
2591
+ rest: {
2592
+ $value: '{base.display.color.olive.0}',
2593
+ $type: 'color',
2594
+ $extensions: {
2595
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2596
+ },
2597
+ },
2598
+ hover: {
2599
+ $value: '{base.display.color.olive.1}',
2600
+ $type: 'color',
2601
+ $extensions: {
2602
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2603
+ },
2604
+ },
2605
+ active: {
2606
+ $value: '{base.display.color.olive.2}',
2607
+ $type: 'color',
2608
+ $extensions: {
2609
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2610
+ },
2611
+ },
2612
+ },
2613
+ fgColor: {
2614
+ rest: {
2615
+ $value: '{base.display.color.olive.6}',
2616
+ $type: 'color',
2617
+ $extensions: {
2618
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2619
+ },
2620
+ },
2621
+ hover: {
2622
+ $value: '{base.display.color.olive.7}',
2623
+ $type: 'color',
2624
+ $extensions: {
2625
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2626
+ },
2627
+ },
2628
+ active: {
2629
+ $value: '{base.display.color.olive.8}',
2630
+ $type: 'color',
2631
+ $extensions: {
2632
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2633
+ },
2634
+ },
2635
+ },
2636
+ },
2637
+ lime: {
2638
+ bgColor: {
2639
+ rest: {
2640
+ $value: '{base.display.color.lime.0}',
2641
+ $type: 'color',
2642
+ $extensions: {
2643
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2644
+ },
2645
+ },
2646
+ hover: {
2647
+ $value: '{base.display.color.lime.1}',
2648
+ $type: 'color',
2649
+ $extensions: {
2650
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2651
+ },
2652
+ },
2653
+ active: {
2654
+ $value: '{base.display.color.lime.2}',
2655
+ $type: 'color',
2656
+ $extensions: {
2657
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2658
+ },
2659
+ },
2660
+ },
2661
+ fgColor: {
2662
+ rest: {
2663
+ $value: '{base.display.color.lime.6}',
2664
+ $type: 'color',
2665
+ $extensions: {
2666
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2667
+ },
2668
+ },
2669
+ hover: {
2670
+ $value: '{base.display.color.lime.7}',
2671
+ $type: 'color',
2672
+ $extensions: {
2673
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2674
+ },
2675
+ },
2676
+ active: {
2677
+ $value: '{base.display.color.lime.8}',
2678
+ $type: 'color',
2679
+ $extensions: {
2680
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2681
+ },
2682
+ },
2683
+ },
2684
+ },
2685
+ pine: {
2686
+ bgColor: {
2687
+ rest: {
2688
+ $value: '{base.display.color.pine.0}',
2689
+ $type: 'color',
2690
+ $extensions: {
2691
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2692
+ },
2693
+ },
2694
+ hover: {
2695
+ $value: '{base.display.color.pine.1}',
2696
+ $type: 'color',
2697
+ $extensions: {
2698
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2699
+ },
2700
+ },
2701
+ active: {
2702
+ $value: '{base.display.color.pine.2}',
2703
+ $type: 'color',
2704
+ $extensions: {
2705
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2706
+ },
2707
+ },
2708
+ },
2709
+ fgColor: {
2710
+ rest: {
2711
+ $value: '{base.display.color.pine.6}',
2712
+ $type: 'color',
2713
+ $extensions: {
2714
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2715
+ },
2716
+ },
2717
+ hover: {
2718
+ $value: '{base.display.color.pine.7}',
2719
+ $type: 'color',
2720
+ $extensions: {
2721
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2722
+ },
2723
+ },
2724
+ active: {
2725
+ $value: '{base.display.color.pine.8}',
2726
+ $type: 'color',
2727
+ $extensions: {
2728
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2729
+ },
2730
+ },
2731
+ },
2732
+ },
2733
+ teal: {
2734
+ bgColor: {
2735
+ rest: {
2736
+ $value: '{base.display.color.teal.0}',
2737
+ $type: 'color',
2738
+ $extensions: {
2739
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2740
+ },
2741
+ },
2742
+ hover: {
2743
+ $value: '{base.display.color.teal.1}',
2744
+ $type: 'color',
2745
+ $extensions: {
2746
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2747
+ },
2748
+ },
2749
+ active: {
2750
+ $value: '{base.display.color.teal.2}',
2751
+ $type: 'color',
2752
+ $extensions: {
2753
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2754
+ },
2755
+ },
2756
+ },
2757
+ fgColor: {
2758
+ rest: {
2759
+ $value: '{base.display.color.teal.6}',
2760
+ $type: 'color',
2761
+ $extensions: {
2762
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2763
+ },
2764
+ },
2765
+ hover: {
2766
+ $value: '{base.display.color.teal.7}',
2767
+ $type: 'color',
2768
+ $extensions: {
2769
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2770
+ },
2771
+ },
2772
+ active: {
2773
+ $value: '{base.display.color.teal.8}',
2774
+ $type: 'color',
2775
+ $extensions: {
2776
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2777
+ },
2778
+ },
2779
+ },
2780
+ },
2781
+ cyan: {
2782
+ bgColor: {
2783
+ rest: {
2784
+ $value: '{base.display.color.cyan.0}',
2785
+ $type: 'color',
2786
+ $extensions: {
2787
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2788
+ },
2789
+ },
2790
+ hover: {
2791
+ $value: '{base.display.color.cyan.1}',
2792
+ $type: 'color',
2793
+ $extensions: {
2794
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2795
+ },
2796
+ },
2797
+ active: {
2798
+ $value: '{base.display.color.cyan.2}',
2799
+ $type: 'color',
2800
+ $extensions: {
2801
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2802
+ },
2803
+ },
2804
+ },
2805
+ fgColor: {
2806
+ rest: {
2807
+ $value: '{base.display.color.cyan.6}',
2808
+ $type: 'color',
2809
+ $extensions: {
2810
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2811
+ },
2812
+ },
2813
+ hover: {
2814
+ $value: '{base.display.color.cyan.7}',
2815
+ $type: 'color',
2816
+ $extensions: {
2817
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2818
+ },
2819
+ },
2820
+ active: {
2821
+ $value: '{base.display.color.cyan.8}',
2822
+ $type: 'color',
2823
+ $extensions: {
2824
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2825
+ },
2826
+ },
2827
+ },
2828
+ },
2829
+ indigo: {
2830
+ bgColor: {
2831
+ rest: {
2832
+ $value: '{base.display.color.indigo.0}',
2833
+ $type: 'color',
2834
+ $extensions: {
2835
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2836
+ },
2837
+ },
2838
+ hover: {
2839
+ $value: '{base.display.color.indigo.1}',
2840
+ $type: 'color',
2841
+ $extensions: {
2842
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2843
+ },
2844
+ },
2845
+ active: {
2846
+ $value: '{base.display.color.indigo.2}',
2847
+ $type: 'color',
2848
+ $extensions: {
2849
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2850
+ },
2851
+ },
2852
+ },
2853
+ fgColor: {
2854
+ rest: {
2855
+ $value: '{base.display.color.indigo.6}',
2856
+ $type: 'color',
2857
+ $extensions: {
2858
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2859
+ },
2860
+ },
2861
+ hover: {
2862
+ $value: '{base.display.color.indigo.7}',
2863
+ $type: 'color',
2864
+ $extensions: {
2865
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2866
+ },
2867
+ },
2868
+ active: {
2869
+ $value: '{base.display.color.indigo.8}',
2870
+ $type: 'color',
2871
+ $extensions: {
2872
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2873
+ },
2874
+ },
2875
+ },
2876
+ },
2877
+ blue: {
2878
+ bgColor: {
2879
+ rest: {
2880
+ $value: '{base.display.color.blue.0}',
2881
+ $type: 'color',
2882
+ $extensions: {
2883
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2884
+ },
2885
+ },
2886
+ hover: {
2887
+ $value: '{base.display.color.blue.1}',
2888
+ $type: 'color',
2889
+ $extensions: {
2890
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2891
+ },
2892
+ },
2893
+ active: {
2894
+ $value: '{base.display.color.blue.2}',
2895
+ $type: 'color',
2896
+ $extensions: {
2897
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2898
+ },
2899
+ },
2900
+ },
2901
+ fgColor: {
2902
+ rest: {
2903
+ $value: '{base.display.color.blue.6}',
2904
+ $type: 'color',
2905
+ $extensions: {
2906
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2907
+ },
2908
+ },
2909
+ hover: {
2910
+ $value: '{base.display.color.blue.7}',
2911
+ $type: 'color',
2912
+ $extensions: {
2913
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2914
+ },
2915
+ },
2916
+ active: {
2917
+ $value: '{base.display.color.blue.8}',
2918
+ $type: 'color',
2919
+ $extensions: {
2920
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2921
+ },
2922
+ },
2923
+ },
2924
+ },
2925
+ plum: {
2926
+ bgColor: {
2927
+ rest: {
2928
+ $value: '{base.display.color.plum.0}',
2929
+ $type: 'color',
2930
+ $extensions: {
2931
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2932
+ },
2933
+ },
2934
+ hover: {
2935
+ $value: '{base.display.color.plum.1}',
2936
+ $type: 'color',
2937
+ $extensions: {
2938
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2939
+ },
2940
+ },
2941
+ active: {
2942
+ $value: '{base.display.color.plum.2}',
2943
+ $type: 'color',
2944
+ $extensions: {
2945
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2946
+ },
2947
+ },
2948
+ },
2949
+ fgColor: {
2950
+ rest: {
2951
+ $value: '{base.display.color.plum.6}',
2952
+ $type: 'color',
2953
+ $extensions: {
2954
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2955
+ },
2956
+ },
2957
+ hover: {
2958
+ $value: '{base.display.color.plum.7}',
2959
+ $type: 'color',
2960
+ $extensions: {
2961
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2962
+ },
2963
+ },
2964
+ active: {
2965
+ $value: '{base.display.color.plum.8}',
2966
+ $type: 'color',
2967
+ $extensions: {
2968
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
2969
+ },
2970
+ },
2971
+ },
2972
+ },
2973
+ pink: {
2974
+ bgColor: {
2975
+ rest: {
2976
+ $value: '{base.display.color.pink.0}',
2977
+ $type: 'color',
2978
+ $extensions: {
2979
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2980
+ },
2981
+ },
2982
+ hover: {
2983
+ $value: '{base.display.color.pink.1}',
2984
+ $type: 'color',
2985
+ $extensions: {
2986
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2987
+ },
2988
+ },
2989
+ active: {
2990
+ $value: '{base.display.color.pink.2}',
2991
+ $type: 'color',
2992
+ $extensions: {
2993
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
2994
+ },
2995
+ },
2996
+ },
2997
+ fgColor: {
2998
+ rest: {
2999
+ $value: '{base.display.color.pink.6}',
3000
+ $type: 'color',
3001
+ $extensions: {
3002
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
3003
+ },
3004
+ },
3005
+ hover: {
3006
+ $value: '{base.display.color.pink.7}',
3007
+ $type: 'color',
3008
+ $extensions: {
3009
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
3010
+ },
3011
+ },
3012
+ active: {
3013
+ $value: '{base.display.color.pink.8}',
3014
+ $type: 'color',
3015
+ $extensions: {
3016
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
3017
+ },
3018
+ },
3019
+ },
3020
+ },
3021
+ coral: {
3022
+ bgColor: {
3023
+ rest: {
3024
+ $value: '{base.display.color.coral.0}',
3025
+ $type: 'color',
3026
+ $extensions: {
3027
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
3028
+ },
3029
+ },
3030
+ hover: {
3031
+ $value: '{base.display.color.coral.1}',
3032
+ $type: 'color',
3033
+ $extensions: {
3034
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
3035
+ },
3036
+ },
3037
+ active: {
3038
+ $value: '{base.display.color.coral.2}',
3039
+ $type: 'color',
3040
+ $extensions: {
3041
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['bgColor']},
3042
+ },
3043
+ },
3044
+ },
3045
+ fgColor: {
3046
+ rest: {
3047
+ $value: '{base.display.color.coral.6}',
3048
+ $type: 'color',
3049
+ $extensions: {
3050
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
3051
+ },
3052
+ },
3053
+ hover: {
3054
+ $value: '{base.display.color.coral.7}',
3055
+ $type: 'color',
3056
+ $extensions: {
3057
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
3058
+ },
3059
+ },
3060
+ active: {
3061
+ $value: '{base.display.color.coral.8}',
3062
+ $type: 'color',
3063
+ $extensions: {
3064
+ 'org.primer.figma': {collection: 'mode', mode: 'light', group: 'component', scopes: ['fgColor']},
3065
+ },
3066
+ },
3067
+ },
3068
+ },
3069
+ },
3070
+ }