@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/display-dark.json5 ADDED
@@ -0,0 +1,1060 @@
1
+ {
2
+ display: {
3
+ blue: {
4
+ bgColor: {
5
+ muted: {
6
+ $value: '{base.display.color.blue.0}',
7
+ $type: 'color',
8
+ $extensions: {
9
+ 'org.primer.figma': {
10
+ collection: 'mode',
11
+ mode: 'light',
12
+ group: 'component (internal)',
13
+ scopes: ['bgColor'],
14
+ },
15
+ },
16
+ },
17
+ emphasis: {
18
+ $value: '{base.display.color.blue.5}',
19
+ $type: 'color',
20
+ $extensions: {
21
+ 'org.primer.figma': {
22
+ collection: 'mode',
23
+ mode: 'light',
24
+ group: 'component (internal)',
25
+ scopes: ['bgColor'],
26
+ },
27
+ },
28
+ },
29
+ },
30
+ fgColor: {
31
+ $value: '{base.display.color.blue.6}',
32
+ $type: 'color',
33
+ $extensions: {
34
+ 'org.primer.figma': {
35
+ collection: 'mode',
36
+ mode: 'light',
37
+ group: 'component (internal)',
38
+ scopes: ['fgColor'],
39
+ },
40
+ },
41
+ },
42
+ borderColor: {
43
+ muted: {
44
+ $value: '{base.display.color.blue.1}',
45
+ $type: 'color',
46
+ $extensions: {
47
+ 'org.primer.figma': {
48
+ collection: 'mode',
49
+ mode: 'light',
50
+ group: 'component (internal)',
51
+ scopes: ['borderColor'],
52
+ },
53
+ },
54
+ },
55
+ emphasis: {
56
+ $value: '{base.display.color.blue.5}',
57
+ $type: 'color',
58
+ $extensions: {
59
+ 'org.primer.figma': {
60
+ collection: 'mode',
61
+ mode: 'light',
62
+ group: 'component (internal)',
63
+ scopes: ['borderColor'],
64
+ },
65
+ },
66
+ },
67
+ },
68
+ },
69
+ green: {
70
+ bgColor: {
71
+ muted: {
72
+ $value: '{base.display.color.green.0}',
73
+ $type: 'color',
74
+ $extensions: {
75
+ 'org.primer.figma': {
76
+ collection: 'mode',
77
+ mode: 'light',
78
+ group: 'component (internal)',
79
+ scopes: ['bgColor'],
80
+ },
81
+ },
82
+ },
83
+ emphasis: {
84
+ $value: '{base.display.color.green.5}',
85
+ $type: 'color',
86
+ $extensions: {
87
+ 'org.primer.figma': {
88
+ collection: 'mode',
89
+ mode: 'light',
90
+ group: 'component (internal)',
91
+ scopes: ['bgColor'],
92
+ },
93
+ },
94
+ },
95
+ },
96
+ fgColor: {
97
+ $value: '{base.display.color.green.6}',
98
+ $type: 'color',
99
+ $extensions: {
100
+ 'org.primer.figma': {
101
+ collection: 'mode',
102
+ mode: 'light',
103
+ group: 'component (internal)',
104
+ scopes: ['fgColor'],
105
+ },
106
+ },
107
+ },
108
+ borderColor: {
109
+ muted: {
110
+ $value: '{base.display.color.green.1}',
111
+ $type: 'color',
112
+ $extensions: {
113
+ 'org.primer.figma': {
114
+ collection: 'mode',
115
+ mode: 'light',
116
+ group: 'component (internal)',
117
+ scopes: ['borderColor'],
118
+ },
119
+ },
120
+ },
121
+ emphasis: {
122
+ $value: '{base.display.color.green.5}',
123
+ $type: 'color',
124
+ $extensions: {
125
+ 'org.primer.figma': {
126
+ collection: 'mode',
127
+ mode: 'light',
128
+ group: 'component (internal)',
129
+ scopes: ['borderColor'],
130
+ },
131
+ },
132
+ },
133
+ },
134
+ },
135
+ orange: {
136
+ bgColor: {
137
+ muted: {
138
+ $value: '{base.display.color.orange.0}',
139
+ $type: 'color',
140
+ $extensions: {
141
+ 'org.primer.figma': {
142
+ collection: 'mode',
143
+ mode: 'light',
144
+ group: 'component (internal)',
145
+ scopes: ['bgColor'],
146
+ },
147
+ },
148
+ },
149
+ emphasis: {
150
+ $value: '{base.display.color.orange.5}',
151
+ $type: 'color',
152
+ $extensions: {
153
+ 'org.primer.figma': {
154
+ collection: 'mode',
155
+ mode: 'light',
156
+ group: 'component (internal)',
157
+ scopes: ['bgColor'],
158
+ },
159
+ },
160
+ },
161
+ },
162
+ fgColor: {
163
+ $value: '{base.display.color.orange.6}',
164
+ $type: 'color',
165
+ $extensions: {
166
+ 'org.primer.figma': {
167
+ collection: 'mode',
168
+ mode: 'light',
169
+ group: 'component (internal)',
170
+ scopes: ['fgColor'],
171
+ },
172
+ },
173
+ },
174
+ borderColor: {
175
+ muted: {
176
+ $value: '{base.display.color.orange.1}',
177
+ $type: 'color',
178
+ $extensions: {
179
+ 'org.primer.figma': {
180
+ collection: 'mode',
181
+ mode: 'light',
182
+ group: 'component (internal)',
183
+ scopes: ['borderColor'],
184
+ },
185
+ },
186
+ },
187
+ emphasis: {
188
+ $value: '{base.display.color.orange.5}',
189
+ $type: 'color',
190
+ $extensions: {
191
+ 'org.primer.figma': {
192
+ collection: 'mode',
193
+ mode: 'light',
194
+ group: 'component (internal)',
195
+ scopes: ['borderColor'],
196
+ },
197
+ },
198
+ },
199
+ },
200
+ },
201
+ purple: {
202
+ bgColor: {
203
+ muted: {
204
+ $value: '{base.display.color.purple.0}',
205
+ $type: 'color',
206
+ $extensions: {
207
+ 'org.primer.figma': {
208
+ collection: 'mode',
209
+ mode: 'light',
210
+ group: 'component (internal)',
211
+ scopes: ['bgColor'],
212
+ },
213
+ },
214
+ },
215
+ emphasis: {
216
+ $value: '{base.display.color.purple.5}',
217
+ $type: 'color',
218
+ $extensions: {
219
+ 'org.primer.figma': {
220
+ collection: 'mode',
221
+ mode: 'light',
222
+ group: 'component (internal)',
223
+ scopes: ['bgColor'],
224
+ },
225
+ },
226
+ },
227
+ },
228
+ fgColor: {
229
+ $value: '{base.display.color.purple.6}',
230
+ $type: 'color',
231
+ $extensions: {
232
+ 'org.primer.figma': {
233
+ collection: 'mode',
234
+ mode: 'light',
235
+ group: 'component (internal)',
236
+ scopes: ['fgColor'],
237
+ },
238
+ },
239
+ },
240
+ borderColor: {
241
+ muted: {
242
+ $value: '{base.display.color.purple.1}',
243
+ $type: 'color',
244
+ $extensions: {
245
+ 'org.primer.figma': {
246
+ collection: 'mode',
247
+ mode: 'light',
248
+ group: 'component (internal)',
249
+ scopes: ['borderColor'],
250
+ },
251
+ },
252
+ },
253
+ emphasis: {
254
+ $value: '{base.display.color.purple.5}',
255
+ $type: 'color',
256
+ $extensions: {
257
+ 'org.primer.figma': {
258
+ collection: 'mode',
259
+ mode: 'light',
260
+ group: 'component (internal)',
261
+ scopes: ['borderColor'],
262
+ },
263
+ },
264
+ },
265
+ },
266
+ },
267
+ red: {
268
+ bgColor: {
269
+ muted: {
270
+ $value: '{base.display.color.red.0}',
271
+ $type: 'color',
272
+ $extensions: {
273
+ 'org.primer.figma': {
274
+ collection: 'mode',
275
+ mode: 'light',
276
+ group: 'component (internal)',
277
+ scopes: ['bgColor'],
278
+ },
279
+ },
280
+ },
281
+ emphasis: {
282
+ $value: '{base.display.color.red.5}',
283
+ $type: 'color',
284
+ $extensions: {
285
+ 'org.primer.figma': {
286
+ collection: 'mode',
287
+ mode: 'light',
288
+ group: 'component (internal)',
289
+ scopes: ['bgColor'],
290
+ },
291
+ },
292
+ },
293
+ },
294
+ fgColor: {
295
+ $value: '{base.display.color.red.6}',
296
+ $type: 'color',
297
+ $extensions: {
298
+ 'org.primer.figma': {
299
+ collection: 'mode',
300
+ mode: 'light',
301
+ group: 'component (internal)',
302
+ scopes: ['fgColor'],
303
+ },
304
+ },
305
+ },
306
+ borderColor: {
307
+ muted: {
308
+ $value: '{base.display.color.red.1}',
309
+ $type: 'color',
310
+ $extensions: {
311
+ 'org.primer.figma': {
312
+ collection: 'mode',
313
+ mode: 'light',
314
+ group: 'component (internal)',
315
+ scopes: ['borderColor'],
316
+ },
317
+ },
318
+ },
319
+ emphasis: {
320
+ $value: '{base.display.color.red.5}',
321
+ $type: 'color',
322
+ $extensions: {
323
+ 'org.primer.figma': {
324
+ collection: 'mode',
325
+ mode: 'light',
326
+ group: 'component (internal)',
327
+ scopes: ['borderColor'],
328
+ },
329
+ },
330
+ },
331
+ },
332
+ },
333
+ yellow: {
334
+ bgColor: {
335
+ muted: {
336
+ $value: '{base.display.color.yellow.0}',
337
+ $type: 'color',
338
+ $extensions: {
339
+ 'org.primer.figma': {
340
+ collection: 'mode',
341
+ mode: 'light',
342
+ group: 'component (internal)',
343
+ scopes: ['bgColor'],
344
+ },
345
+ },
346
+ },
347
+ emphasis: {
348
+ $value: '{base.display.color.yellow.5}',
349
+ $type: 'color',
350
+ $extensions: {
351
+ 'org.primer.figma': {
352
+ collection: 'mode',
353
+ mode: 'light',
354
+ group: 'component (internal)',
355
+ scopes: ['bgColor'],
356
+ },
357
+ },
358
+ },
359
+ },
360
+ fgColor: {
361
+ $value: '{base.display.color.yellow.6}',
362
+ $type: 'color',
363
+ $extensions: {
364
+ 'org.primer.figma': {
365
+ collection: 'mode',
366
+ mode: 'light',
367
+ group: 'component (internal)',
368
+ scopes: ['fgColor'],
369
+ },
370
+ },
371
+ },
372
+ borderColor: {
373
+ muted: {
374
+ $value: '{base.display.color.yellow.1}',
375
+ $type: 'color',
376
+ $extensions: {
377
+ 'org.primer.figma': {
378
+ collection: 'mode',
379
+ mode: 'light',
380
+ group: 'component (internal)',
381
+ scopes: ['borderColor'],
382
+ },
383
+ },
384
+ },
385
+ emphasis: {
386
+ $value: '{base.display.color.yellow.5}',
387
+ $type: 'color',
388
+ $extensions: {
389
+ 'org.primer.figma': {
390
+ collection: 'mode',
391
+ mode: 'light',
392
+ group: 'component (internal)',
393
+ scopes: ['borderColor'],
394
+ },
395
+ },
396
+ },
397
+ },
398
+ },
399
+ gray: {
400
+ bgColor: {
401
+ muted: {
402
+ $value: '{base.display.color.gray.0}',
403
+ $type: 'color',
404
+ $extensions: {
405
+ 'org.primer.figma': {
406
+ collection: 'mode',
407
+ mode: 'light',
408
+ group: 'component (internal)',
409
+ scopes: ['bgColor'],
410
+ },
411
+ },
412
+ },
413
+ emphasis: {
414
+ $value: '{base.display.color.gray.5}',
415
+ $type: 'color',
416
+ $extensions: {
417
+ 'org.primer.figma': {
418
+ collection: 'mode',
419
+ mode: 'light',
420
+ group: 'component (internal)',
421
+ scopes: ['bgColor'],
422
+ },
423
+ },
424
+ },
425
+ },
426
+ fgColor: {
427
+ $value: '{base.display.color.gray.6}',
428
+ $type: 'color',
429
+ $extensions: {
430
+ 'org.primer.figma': {
431
+ collection: 'mode',
432
+ mode: 'light',
433
+ group: 'component (internal)',
434
+ scopes: ['fgColor'],
435
+ },
436
+ },
437
+ },
438
+ borderColor: {
439
+ muted: {
440
+ $value: '{base.display.color.gray.1}',
441
+ $type: 'color',
442
+ $extensions: {
443
+ 'org.primer.figma': {
444
+ collection: 'mode',
445
+ mode: 'light',
446
+ group: 'component (internal)',
447
+ scopes: ['borderColor'],
448
+ },
449
+ },
450
+ },
451
+ emphasis: {
452
+ $value: '{base.display.color.gray.5}',
453
+ $type: 'color',
454
+ $extensions: {
455
+ 'org.primer.figma': {
456
+ collection: 'mode',
457
+ mode: 'light',
458
+ group: 'component (internal)',
459
+ scopes: ['borderColor'],
460
+ },
461
+ },
462
+ },
463
+ },
464
+ },
465
+ auburn: {
466
+ bgColor: {
467
+ muted: {
468
+ $value: '{base.display.color.auburn.0}',
469
+ $type: 'color',
470
+ $extensions: {
471
+ 'org.primer.figma': {
472
+ collection: 'mode',
473
+ mode: 'light',
474
+ group: 'component (internal)',
475
+ scopes: ['bgColor'],
476
+ },
477
+ },
478
+ },
479
+ emphasis: {
480
+ $value: '{base.display.color.auburn.5}',
481
+ $type: 'color',
482
+ $extensions: {
483
+ 'org.primer.figma': {
484
+ collection: 'mode',
485
+ mode: 'light',
486
+ group: 'component (internal)',
487
+ scopes: ['bgColor'],
488
+ },
489
+ },
490
+ },
491
+ },
492
+ fgColor: {
493
+ $value: '{base.display.color.auburn.6}',
494
+ $type: 'color',
495
+ $extensions: {
496
+ 'org.primer.figma': {
497
+ collection: 'mode',
498
+ mode: 'light',
499
+ group: 'component (internal)',
500
+ scopes: ['fgColor'],
501
+ },
502
+ },
503
+ },
504
+ borderColor: {
505
+ muted: {
506
+ $value: '{base.display.color.auburn.1}',
507
+ $type: 'color',
508
+ $extensions: {
509
+ 'org.primer.figma': {
510
+ collection: 'mode',
511
+ mode: 'light',
512
+ group: 'component (internal)',
513
+ scopes: ['borderColor'],
514
+ },
515
+ },
516
+ },
517
+ emphasis: {
518
+ $value: '{base.display.color.auburn.5}',
519
+ $type: 'color',
520
+ $extensions: {
521
+ 'org.primer.figma': {
522
+ collection: 'mode',
523
+ mode: 'light',
524
+ group: 'component (internal)',
525
+ scopes: ['borderColor'],
526
+ },
527
+ },
528
+ },
529
+ },
530
+ },
531
+ brown: {
532
+ bgColor: {
533
+ muted: {
534
+ $value: '{base.display.color.brown.0}',
535
+ $type: 'color',
536
+ $extensions: {
537
+ 'org.primer.figma': {
538
+ collection: 'mode',
539
+ mode: 'light',
540
+ group: 'component (internal)',
541
+ scopes: ['bgColor'],
542
+ },
543
+ },
544
+ },
545
+ emphasis: {
546
+ $value: '{base.display.color.brown.5}',
547
+ $type: 'color',
548
+ $extensions: {
549
+ 'org.primer.figma': {
550
+ collection: 'mode',
551
+ mode: 'light',
552
+ group: 'component (internal)',
553
+ scopes: ['bgColor'],
554
+ },
555
+ },
556
+ },
557
+ },
558
+ fgColor: {
559
+ $value: '{base.display.color.brown.6}',
560
+ $type: 'color',
561
+ $extensions: {
562
+ 'org.primer.figma': {
563
+ collection: 'mode',
564
+ mode: 'light',
565
+ group: 'component (internal)',
566
+ scopes: ['fgColor'],
567
+ },
568
+ },
569
+ },
570
+ borderColor: {
571
+ muted: {
572
+ $value: '{base.display.color.brown.1}',
573
+ $type: 'color',
574
+ $extensions: {
575
+ 'org.primer.figma': {
576
+ collection: 'mode',
577
+ mode: 'light',
578
+ group: 'component (internal)',
579
+ scopes: ['borderColor'],
580
+ },
581
+ },
582
+ },
583
+ emphasis: {
584
+ $value: '{base.display.color.brown.5}',
585
+ $type: 'color',
586
+ $extensions: {
587
+ 'org.primer.figma': {
588
+ collection: 'mode',
589
+ mode: 'light',
590
+ group: 'component (internal)',
591
+ scopes: ['borderColor'],
592
+ },
593
+ },
594
+ },
595
+ },
596
+ },
597
+ lemon: {
598
+ bgColor: {
599
+ muted: {
600
+ $value: '{base.display.color.lemon.0}',
601
+ $type: 'color',
602
+ $extensions: {
603
+ 'org.primer.figma': {
604
+ collection: 'mode',
605
+ mode: 'light',
606
+ group: 'component (internal)',
607
+ scopes: ['bgColor'],
608
+ },
609
+ },
610
+ },
611
+ emphasis: {
612
+ $value: '{base.display.color.lemon.5}',
613
+ $type: 'color',
614
+ $extensions: {
615
+ 'org.primer.figma': {
616
+ collection: 'mode',
617
+ mode: 'light',
618
+ group: 'component (internal)',
619
+ scopes: ['bgColor'],
620
+ },
621
+ },
622
+ },
623
+ },
624
+ fgColor: {
625
+ $value: '{base.display.color.lemon.6}',
626
+ $type: 'color',
627
+ $extensions: {
628
+ 'org.primer.figma': {
629
+ collection: 'mode',
630
+ mode: 'light',
631
+ group: 'component (internal)',
632
+ scopes: ['fgColor'],
633
+ },
634
+ },
635
+ },
636
+ borderColor: {
637
+ muted: {
638
+ $value: '{base.display.color.lemon.1}',
639
+ $type: 'color',
640
+ $extensions: {
641
+ 'org.primer.figma': {
642
+ collection: 'mode',
643
+ mode: 'light',
644
+ group: 'component (internal)',
645
+ scopes: ['borderColor'],
646
+ },
647
+ },
648
+ },
649
+ emphasis: {
650
+ $value: '{base.display.color.lemon.5}',
651
+ $type: 'color',
652
+ $extensions: {
653
+ 'org.primer.figma': {
654
+ collection: 'mode',
655
+ mode: 'light',
656
+ group: 'component (internal)',
657
+ scopes: ['borderColor'],
658
+ },
659
+ },
660
+ },
661
+ },
662
+ },
663
+ olive: {
664
+ bgColor: {
665
+ muted: {
666
+ $value: '{base.display.color.olive.0}',
667
+ $type: 'color',
668
+ $extensions: {
669
+ 'org.primer.figma': {
670
+ collection: 'mode',
671
+ mode: 'light',
672
+ group: 'component (internal)',
673
+ scopes: ['bgColor'],
674
+ },
675
+ },
676
+ },
677
+ emphasis: {
678
+ $value: '{base.display.color.olive.5}',
679
+ $type: 'color',
680
+ $extensions: {
681
+ 'org.primer.figma': {
682
+ collection: 'mode',
683
+ mode: 'light',
684
+ group: 'component (internal)',
685
+ scopes: ['bgColor'],
686
+ },
687
+ },
688
+ },
689
+ },
690
+ fgColor: {
691
+ $value: '{base.display.color.olive.6}',
692
+ $type: 'color',
693
+ $extensions: {
694
+ 'org.primer.figma': {
695
+ collection: 'mode',
696
+ mode: 'light',
697
+ group: 'component (internal)',
698
+ scopes: ['fgColor'],
699
+ },
700
+ },
701
+ },
702
+ borderColor: {
703
+ muted: {
704
+ $value: '{base.display.color.olive.1}',
705
+ $type: 'color',
706
+ $extensions: {
707
+ 'org.primer.figma': {
708
+ collection: 'mode',
709
+ mode: 'light',
710
+ group: 'component (internal)',
711
+ scopes: ['borderColor'],
712
+ },
713
+ },
714
+ },
715
+ emphasis: {
716
+ $value: '{base.display.color.olive.5}',
717
+ $type: 'color',
718
+ $extensions: {
719
+ 'org.primer.figma': {
720
+ collection: 'mode',
721
+ mode: 'light',
722
+ group: 'component (internal)',
723
+ scopes: ['borderColor'],
724
+ },
725
+ },
726
+ },
727
+ },
728
+ },
729
+ lime: {
730
+ bgColor: {
731
+ muted: {
732
+ $value: '{base.display.color.lime.0}',
733
+ $type: 'color',
734
+ $extensions: {
735
+ 'org.primer.figma': {
736
+ collection: 'mode',
737
+ mode: 'light',
738
+ group: 'component (internal)',
739
+ scopes: ['bgColor'],
740
+ },
741
+ },
742
+ },
743
+ emphasis: {
744
+ $value: '{base.display.color.lime.5}',
745
+ $type: 'color',
746
+ $extensions: {
747
+ 'org.primer.figma': {
748
+ collection: 'mode',
749
+ mode: 'light',
750
+ group: 'component (internal)',
751
+ scopes: ['bgColor'],
752
+ },
753
+ },
754
+ },
755
+ },
756
+ fgColor: {
757
+ $value: '{base.display.color.lime.6}',
758
+ $type: 'color',
759
+ $extensions: {
760
+ 'org.primer.figma': {
761
+ collection: 'mode',
762
+ mode: 'light',
763
+ group: 'component (internal)',
764
+ scopes: ['fgColor'],
765
+ },
766
+ },
767
+ },
768
+ borderColor: {
769
+ muted: {
770
+ $value: '{base.display.color.lime.1}',
771
+ $type: 'color',
772
+ $extensions: {
773
+ 'org.primer.figma': {
774
+ collection: 'mode',
775
+ mode: 'light',
776
+ group: 'component (internal)',
777
+ scopes: ['borderColor'],
778
+ },
779
+ },
780
+ },
781
+ emphasis: {
782
+ $value: '{base.display.color.lime.5}',
783
+ $type: 'color',
784
+ $extensions: {
785
+ 'org.primer.figma': {
786
+ collection: 'mode',
787
+ mode: 'light',
788
+ group: 'component (internal)',
789
+ scopes: ['borderColor'],
790
+ },
791
+ },
792
+ },
793
+ },
794
+ },
795
+ pine: {
796
+ bgColor: {
797
+ muted: {
798
+ $value: '{base.display.color.pine.0}',
799
+ $type: 'color',
800
+ $extensions: {
801
+ 'org.primer.figma': {
802
+ collection: 'mode',
803
+ mode: 'light',
804
+ group: 'component (internal)',
805
+ scopes: ['bgColor'],
806
+ },
807
+ },
808
+ },
809
+ emphasis: {
810
+ $value: '{base.display.color.pine.5}',
811
+ $type: 'color',
812
+ $extensions: {
813
+ 'org.primer.figma': {
814
+ collection: 'mode',
815
+ mode: 'light',
816
+ group: 'component (internal)',
817
+ scopes: ['bgColor'],
818
+ },
819
+ },
820
+ },
821
+ },
822
+ fgColor: {
823
+ $value: '{base.display.color.pine.6}',
824
+ $type: 'color',
825
+ $extensions: {
826
+ 'org.primer.figma': {
827
+ collection: 'mode',
828
+ mode: 'light',
829
+ group: 'component (internal)',
830
+ scopes: ['fgColor'],
831
+ },
832
+ },
833
+ },
834
+ borderColor: {
835
+ muted: {
836
+ $value: '{base.display.color.pine.1}',
837
+ $type: 'color',
838
+ $extensions: {
839
+ 'org.primer.figma': {
840
+ collection: 'mode',
841
+ mode: 'light',
842
+ group: 'component (internal)',
843
+ scopes: ['borderColor'],
844
+ },
845
+ },
846
+ },
847
+ emphasis: {
848
+ $value: '{base.display.color.pine.5}',
849
+ $type: 'color',
850
+ $extensions: {
851
+ 'org.primer.figma': {
852
+ collection: 'mode',
853
+ mode: 'light',
854
+ group: 'component (internal)',
855
+ scopes: ['borderColor'],
856
+ },
857
+ },
858
+ },
859
+ },
860
+ },
861
+ teal: {
862
+ bgColor: {
863
+ muted: {
864
+ $value: '{base.display.color.teal.0}',
865
+ $type: 'color',
866
+ $extensions: {
867
+ 'org.primer.figma': {
868
+ collection: 'mode',
869
+ mode: 'light',
870
+ group: 'component (internal)',
871
+ scopes: ['bgColor'],
872
+ },
873
+ },
874
+ },
875
+ emphasis: {
876
+ $value: '{base.display.color.teal.5}',
877
+ $type: 'color',
878
+ $extensions: {
879
+ 'org.primer.figma': {
880
+ collection: 'mode',
881
+ mode: 'light',
882
+ group: 'component (internal)',
883
+ scopes: ['bgColor'],
884
+ },
885
+ },
886
+ },
887
+ },
888
+ fgColor: {
889
+ $value: '{base.display.color.teal.6}',
890
+ $type: 'color',
891
+ $extensions: {
892
+ 'org.primer.figma': {
893
+ collection: 'mode',
894
+ mode: 'light',
895
+ group: 'component (internal)',
896
+ scopes: ['fgColor'],
897
+ },
898
+ },
899
+ },
900
+ borderColor: {
901
+ muted: {
902
+ $value: '{base.display.color.teal.1}',
903
+ $type: 'color',
904
+ $extensions: {
905
+ 'org.primer.figma': {
906
+ collection: 'mode',
907
+ mode: 'light',
908
+ group: 'component (internal)',
909
+ scopes: ['borderColor'],
910
+ },
911
+ },
912
+ },
913
+ emphasis: {
914
+ $value: '{base.display.color.teal.5}',
915
+ $type: 'color',
916
+ $extensions: {
917
+ 'org.primer.figma': {
918
+ collection: 'mode',
919
+ mode: 'light',
920
+ group: 'component (internal)',
921
+ scopes: ['borderColor'],
922
+ },
923
+ },
924
+ },
925
+ },
926
+ },
927
+ cyan: {
928
+ bgColor: {
929
+ muted: {
930
+ $value: '{base.display.color.cyan.0}',
931
+ $type: 'color',
932
+ $extensions: {
933
+ 'org.primer.figma': {
934
+ collection: 'mode',
935
+ mode: 'light',
936
+ group: 'component (internal)',
937
+ scopes: ['bgColor'],
938
+ },
939
+ },
940
+ },
941
+ emphasis: {
942
+ $value: '{base.display.color.cyan.5}',
943
+ $type: 'color',
944
+ $extensions: {
945
+ 'org.primer.figma': {
946
+ collection: 'mode',
947
+ mode: 'light',
948
+ group: 'component (internal)',
949
+ scopes: ['bgColor'],
950
+ },
951
+ },
952
+ },
953
+ },
954
+ fgColor: {
955
+ $value: '{base.display.color.cyan.6}',
956
+ $type: 'color',
957
+ $extensions: {
958
+ 'org.primer.figma': {
959
+ collection: 'mode',
960
+ mode: 'light',
961
+ group: 'component (internal)',
962
+ scopes: ['fgColor'],
963
+ },
964
+ },
965
+ },
966
+ borderColor: {
967
+ muted: {
968
+ $value: '{base.display.color.cyan.1}',
969
+ $type: 'color',
970
+ $extensions: {
971
+ 'org.primer.figma': {
972
+ collection: 'mode',
973
+ mode: 'light',
974
+ group: 'component (internal)',
975
+ scopes: ['borderColor'],
976
+ },
977
+ },
978
+ },
979
+ emphasis: {
980
+ $value: '{base.display.color.cyan.5}',
981
+ $type: 'color',
982
+ $extensions: {
983
+ 'org.primer.figma': {
984
+ collection: 'mode',
985
+ mode: 'light',
986
+ group: 'component (internal)',
987
+ scopes: ['borderColor'],
988
+ },
989
+ },
990
+ },
991
+ },
992
+ },
993
+ indigo: {
994
+ bgColor: {
995
+ muted: {
996
+ $value: '{base.display.color.indigo.0}',
997
+ $type: 'color',
998
+ $extensions: {
999
+ 'org.primer.figma': {
1000
+ collection: 'mode',
1001
+ mode: 'light',
1002
+ group: 'component (internal)',
1003
+ scopes: ['bgColor'],
1004
+ },
1005
+ },
1006
+ },
1007
+ emphasis: {
1008
+ $value: '{base.display.color.indigo.5}',
1009
+ $type: 'color',
1010
+ $extensions: {
1011
+ 'org.primer.figma': {
1012
+ collection: 'mode',
1013
+ mode: 'light',
1014
+ group: 'component (internal)',
1015
+ scopes: ['bgColor'],
1016
+ },
1017
+ },
1018
+ },
1019
+ },
1020
+ fgColor: {
1021
+ $value: '{base.display.color.indigo.6}',
1022
+ $type: 'color',
1023
+ $extensions: {
1024
+ 'org.primer.figma': {
1025
+ collection: 'mode',
1026
+ mode: 'light',
1027
+ group: 'component (internal)',
1028
+ scopes: ['fgColor'],
1029
+ },
1030
+ },
1031
+ },
1032
+ borderColor: {
1033
+ muted: {
1034
+ $value: '{base.display.color.indigo.1}',
1035
+ $type: 'color',
1036
+ $extensions: {
1037
+ 'org.primer.figma': {
1038
+ collection: 'mode',
1039
+ mode: 'light',
1040
+ group: 'component (internal)',
1041
+ scopes: ['borderColor'],
1042
+ },
1043
+ },
1044
+ },
1045
+ emphasis: {
1046
+ $value: '{base.display.color.indigo.5}',
1047
+ $type: 'color',
1048
+ $extensions: {
1049
+ 'org.primer.figma': {
1050
+ collection: 'mode',
1051
+ mode: 'light',
1052
+ group: 'component (internal)',
1053
+ scopes: ['borderColor'],
1054
+ },
1055
+ },
1056
+ },
1057
+ },
1058
+ },
1059
+ },
1060
+ }