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