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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (360) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +14 -14
  2. package/dist/css/functional/themes/dark-tritanopia.css +14 -14
  3. package/dist/css/functional/themes/dark.css +14 -14
  4. package/dist/docs/functional/themes/dark-colorblind.json +7 -7
  5. package/dist/docs/functional/themes/dark-tritanopia.json +7 -7
  6. package/dist/docs/functional/themes/dark.json +7 -7
  7. package/dist/figma/scales/dark.json +5 -5
  8. package/dist/figma/themes/dark-colorblind.json +20 -20
  9. package/dist/figma/themes/dark-tritanopia.json +20 -20
  10. package/dist/figma/themes/dark.json +20 -20
  11. package/dist/internalCss/dark-colorblind.css +18 -18
  12. package/dist/internalCss/dark-tritanopia.css +18 -18
  13. package/dist/internalCss/dark.css +18 -18
  14. package/{tokens-next-private/docs → dist/styleLint}/base/size/size.json +17 -17
  15. package/{tokens-next-private/docs → dist/styleLint}/functional/size/border.json +6 -6
  16. package/{tokens-next-private/docs → dist/styleLint}/functional/size/breakpoints.json +6 -6
  17. package/{tokens-next-private/docs → dist/styleLint}/functional/size/size-coarse.json +3 -3
  18. package/{tokens-next-private/docs → dist/styleLint}/functional/size/size-fine.json +3 -3
  19. package/{tokens-next-private/docs → dist/styleLint}/functional/size/size.json +72 -72
  20. package/{tokens-next-private/docs → dist/styleLint}/functional/size/viewport.json +4 -4
  21. package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-colorblind.json +7 -7
  22. package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-tritanopia.json +7 -7
  23. package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark.json +7 -7
  24. package/{tokens-next-private/docs → dist/styleLint}/functional/typography/typography.json +23 -23
  25. package/package.json +12 -11
  26. package/src/PrimerStyleDictionary.ts +226 -0
  27. package/src/filters/index.ts +12 -0
  28. package/src/filters/isBorder.ts +10 -0
  29. package/src/filters/isColor.ts +10 -0
  30. package/src/filters/isColorWithAlpha.ts +11 -0
  31. package/src/filters/isColorWithMix.ts +33 -0
  32. package/src/filters/isDeprecated.ts +10 -0
  33. package/src/filters/isDimension.ts +10 -0
  34. package/src/filters/isDuration.ts +10 -0
  35. package/src/filters/isFontFamily.ts +10 -0
  36. package/src/filters/isFontWeight.ts +10 -0
  37. package/src/filters/isFromFile.ts +12 -0
  38. package/src/filters/isShadow.ts +10 -0
  39. package/src/filters/isSource.ts +10 -0
  40. package/src/filters/isTypography.ts +10 -0
  41. package/src/formats/cssCustomMedia.ts +24 -0
  42. package/src/formats/cssThemed.ts +35 -0
  43. package/src/formats/cssVariables.ts +25 -0
  44. package/src/formats/cssWrapMediaQuery.ts +29 -0
  45. package/src/formats/index.ts +11 -0
  46. package/src/formats/javascriptCommonJs.ts +21 -0
  47. package/src/formats/javascriptEsm.ts +21 -0
  48. package/src/formats/jsonFigma.ts +133 -0
  49. package/src/formats/jsonNestedPrefixed.ts +23 -0
  50. package/src/formats/jsonOneDimensional.ts +18 -0
  51. package/src/formats/jsonPostCssFallback.ts +16 -0
  52. package/src/formats/typescriptExportDefinition.ts +170 -0
  53. package/src/formats/utilities/jsonToFlat.ts +10 -0
  54. package/src/formats/utilities/jsonToNestedValue.ts +20 -0
  55. package/src/formats/utilities/prefixTokens.ts +17 -0
  56. package/src/parsers/index.ts +1 -0
  57. package/src/parsers/w3cJsonParser.ts +25 -0
  58. package/src/platforms/css.ts +93 -0
  59. package/src/platforms/deprecatedJson.ts +16 -0
  60. package/src/platforms/docJson.ts +34 -0
  61. package/src/platforms/fallbacks.ts +34 -0
  62. package/src/platforms/figma.ts +48 -0
  63. package/src/platforms/index.ts +10 -0
  64. package/src/platforms/javascript.ts +30 -0
  65. package/src/platforms/json.ts +32 -0
  66. package/src/platforms/styleLint.ts +34 -0
  67. package/src/platforms/typeDefinitions.ts +30 -0
  68. package/src/platforms/typescript.ts +30 -0
  69. package/src/schemas/alphaValue.ts +12 -0
  70. package/src/schemas/baseToken.ts +7 -0
  71. package/src/schemas/borderToken.ts +19 -0
  72. package/src/schemas/collections.ts +49 -0
  73. package/src/schemas/colorHexValue.ts +18 -0
  74. package/src/schemas/colorToken.ts +50 -0
  75. package/src/schemas/designToken.ts +38 -0
  76. package/src/schemas/dimensionToken.ts +22 -0
  77. package/src/schemas/dimensionValue.ts +16 -0
  78. package/src/schemas/durationToken.ts +12 -0
  79. package/src/schemas/durationValue.ts +9 -0
  80. package/src/schemas/fontFamilyToken.ts +21 -0
  81. package/src/schemas/fontWeightToken.ts +22 -0
  82. package/src/schemas/fontWeightValue.ts +14 -0
  83. package/src/schemas/numberToken.ts +11 -0
  84. package/src/schemas/referenceValue.ts +12 -0
  85. package/src/schemas/scopes.ts +16 -0
  86. package/src/schemas/shadowToken.ts +45 -0
  87. package/src/schemas/stringToken.ts +11 -0
  88. package/src/schemas/tokenName.ts +12 -0
  89. package/src/schemas/tokenType.ts +4 -0
  90. package/src/schemas/typographyToken.ts +20 -0
  91. package/src/schemas/validTokenType.ts +44 -0
  92. package/src/schemas/viewportRangeToken.ts +11 -0
  93. package/src/test-utilities/getMockDictionary.ts +22 -0
  94. package/src/test-utilities/getMockFormatterArguments.ts +21 -0
  95. package/src/test-utilities/getMockParserInput.ts +72 -0
  96. package/src/test-utilities/getMockToken.ts +25 -0
  97. package/src/test-utilities/index.ts +4 -0
  98. package/src/tokens/base/color/dark/dark.dimmed.json5 +1326 -0
  99. package/src/tokens/base/color/dark/dark.high-contrast.json5 +856 -0
  100. package/src/tokens/base/color/dark/dark.json5 +866 -0
  101. package/src/tokens/base/color/dark/display-dark.json5 +1774 -0
  102. package/src/tokens/base/color/light/display-light.json5 +1774 -0
  103. package/src/tokens/base/color/light/light.high-contrast.json5 +847 -0
  104. package/src/tokens/base/color/light/light.json5 +866 -0
  105. package/src/tokens/base/size/size.json +176 -0
  106. package/src/tokens/base/typography/typography.json +24 -0
  107. package/{tokens-next-private/fallbacks → src/tokens/fallback}/color-fallbacks.json +1 -1
  108. package/src/tokens/functional/border/dark.json5 +12 -0
  109. package/src/tokens/functional/border/light.json5 +12 -0
  110. package/src/tokens/functional/color/dark/app-dark.json5 +554 -0
  111. package/src/tokens/functional/color/dark/data-vis-dark.json5 +144 -0
  112. package/src/tokens/functional/color/dark/display-dark.json5 +1060 -0
  113. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +57 -0
  114. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +390 -0
  115. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +314 -0
  116. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +229 -0
  117. package/src/tokens/functional/color/dark/patterns-dark.json5 +3073 -0
  118. package/src/tokens/functional/color/dark/primitives-dark.json5 +1206 -0
  119. package/src/tokens/functional/color/dark/syntax-dark.json5 +559 -0
  120. package/src/tokens/functional/color/light/app-light.json5 +551 -0
  121. package/src/tokens/functional/color/light/data-vis-light.json5 +144 -0
  122. package/src/tokens/functional/color/light/display-light.json5 +1060 -0
  123. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +440 -0
  124. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +340 -0
  125. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +249 -0
  126. package/src/tokens/functional/color/light/patterns-light.json5 +3070 -0
  127. package/src/tokens/functional/color/light/primitives-light.json5 +1196 -0
  128. package/src/tokens/functional/color/light/syntax-light.json5 +559 -0
  129. package/src/tokens/functional/motion/loading.json5 +17 -0
  130. package/src/tokens/functional/motion/patterns.json5 +28 -0
  131. package/src/tokens/functional/shadow/dark.json5 +383 -0
  132. package/src/tokens/functional/shadow/light.json5 +376 -0
  133. package/src/tokens/functional/size/border.json +98 -0
  134. package/src/tokens/functional/size/breakpoints.json +64 -0
  135. package/src/tokens/functional/size/size-coarse.json +28 -0
  136. package/src/tokens/functional/size/size-fine.json +28 -0
  137. package/src/tokens/functional/size/size.json +802 -0
  138. package/src/tokens/functional/size/viewport.json +28 -0
  139. package/src/tokens/functional/typography/typography.json +279 -0
  140. package/src/transformers/borderToCss.ts +38 -0
  141. package/src/transformers/colorToHex.ts +16 -0
  142. package/src/transformers/colorToHexAlpha.ts +23 -0
  143. package/src/transformers/colorToHexMix.ts +19 -0
  144. package/src/transformers/colorToRgbAlpha.ts +19 -0
  145. package/src/transformers/colorToRgbaFloat.ts +45 -0
  146. package/src/transformers/dimensionToPixelUnitless.ts +60 -0
  147. package/src/transformers/dimensionToRem.ts +56 -0
  148. package/src/transformers/dimensionToRemPxArray.ts +60 -0
  149. package/src/transformers/durationToCss.ts +29 -0
  150. package/src/transformers/figmaAttributes.ts +55 -0
  151. package/src/transformers/fontFamilyToCss.ts +38 -0
  152. package/src/transformers/fontWeightToNumber.ts +53 -0
  153. package/src/transformers/index.ts +21 -0
  154. package/src/transformers/jsonDeprecated.ts +15 -0
  155. package/src/transformers/namePathToCamelCase.ts +14 -0
  156. package/src/transformers/namePathToDotNotation.ts +34 -0
  157. package/src/transformers/namePathToFigma.ts +28 -0
  158. package/src/transformers/namePathToKebabCase.ts +19 -0
  159. package/src/transformers/namePathToSlashNotation.ts +19 -0
  160. package/src/transformers/shadowToCss.ts +37 -0
  161. package/src/transformers/typographyToCss.ts +31 -0
  162. package/src/transformers/utilities/alpha.ts +23 -0
  163. package/src/transformers/utilities/checkRequiredTokenProperties.ts +16 -0
  164. package/src/transformers/utilities/getTokenValue.ts +18 -0
  165. package/src/transformers/utilities/hexToRgbaFloat.ts +31 -0
  166. package/src/transformers/utilities/invalidTokenError.ts +34 -0
  167. package/src/transformers/utilities/isRgbaFloat.ts +29 -0
  168. package/src/transformers/utilities/mix.ts +46 -0
  169. package/src/transformers/utilities/rgbaFloatToHex.ts +15 -0
  170. package/src/types/Border.d.ts +5 -0
  171. package/src/types/BorderTokenValue.d.ts +10 -0
  172. package/src/types/ColorHex.d.ts +4 -0
  173. package/src/types/PlatformInitializer.d.ts +11 -0
  174. package/src/types/Shadow.d.ts +5 -0
  175. package/src/types/ShadowTokenValue.d.ts +14 -0
  176. package/src/types/SizeEm.d.ts +4 -0
  177. package/src/types/SizePx.d.ts +4 -0
  178. package/src/types/SizeRem.d.ts +4 -0
  179. package/src/types/StyleDictionaryConfigGenerator.d.ts +15 -0
  180. package/src/types/TokenBuildInput.d.ts +8 -0
  181. package/src/types/TypographyTokenValue.d.ts +12 -0
  182. package/src/types/w3cTransformedToken.d.ts +8 -0
  183. package/src/utilities/copyFromDir.ts +21 -0
  184. package/src/utilities/getFlag.ts +12 -0
  185. package/src/utilities/index.ts +3 -0
  186. package/src/utilities/joinFriendly.ts +2 -0
  187. package/src/utilities/schemaErrorMessage.ts +2 -0
  188. package/src/utilities/toCamelCase.ts +29 -0
  189. package/src/utilities/treeWalker.ts +27 -0
  190. package/src/utilities/upperCaseFirstCharacter.ts +10 -0
  191. package/src/utils-v1.ts +36 -0
  192. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  193. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  194. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  195. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  196. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  197. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  198. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  199. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  200. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  201. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  202. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  203. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  204. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  205. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  206. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  207. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  208. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  209. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  210. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  211. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  212. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  213. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  214. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  215. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  216. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  217. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  218. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  219. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  220. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  221. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  222. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  223. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  224. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  225. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  226. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  227. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  228. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  229. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  230. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  231. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  232. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  233. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  234. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  235. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  236. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  237. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  238. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  239. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  240. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  241. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  242. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  243. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  244. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  245. package/dist/deprecated/colors.json +0 -7
  246. package/dist/js/colors/dark.d.ts +0 -516
  247. package/dist/js/colors/dark.js +0 -616
  248. package/dist/js/colors/dark_colorblind.d.ts +0 -516
  249. package/dist/js/colors/dark_colorblind.js +0 -616
  250. package/dist/js/colors/dark_dimmed.d.ts +0 -516
  251. package/dist/js/colors/dark_dimmed.js +0 -616
  252. package/dist/js/colors/dark_high_contrast.d.ts +0 -516
  253. package/dist/js/colors/dark_high_contrast.js +0 -616
  254. package/dist/js/colors/dark_tritanopia.d.ts +0 -516
  255. package/dist/js/colors/dark_tritanopia.js +0 -616
  256. package/dist/js/colors/index.d.ts +0 -4638
  257. package/dist/js/colors/index.js +0 -15
  258. package/dist/js/colors/light.d.ts +0 -516
  259. package/dist/js/colors/light.js +0 -616
  260. package/dist/js/colors/light_colorblind.d.ts +0 -516
  261. package/dist/js/colors/light_colorblind.js +0 -616
  262. package/dist/js/colors/light_high_contrast.d.ts +0 -516
  263. package/dist/js/colors/light_high_contrast.js +0 -616
  264. package/dist/js/colors/light_tritanopia.d.ts +0 -516
  265. package/dist/js/colors/light_tritanopia.js +0 -616
  266. package/dist/js/index.d.ts +0 -4655
  267. package/dist/js/index.js +0 -9
  268. package/dist/js/spacing/index.d.ts +0 -6
  269. package/dist/js/spacing/index.js +0 -7
  270. package/dist/js/spacing/normal.d.ts +0 -4
  271. package/dist/js/spacing/normal.js +0 -13
  272. package/dist/js/typography/index.d.ts +0 -11
  273. package/dist/js/typography/index.js +0 -7
  274. package/dist/js/typography/normal.d.ts +0 -9
  275. package/dist/js/typography/normal.js +0 -19
  276. package/dist/json/colors/dark.json +0 -614
  277. package/dist/json/colors/dark_colorblind.json +0 -614
  278. package/dist/json/colors/dark_dimmed.json +0 -614
  279. package/dist/json/colors/dark_high_contrast.json +0 -614
  280. package/dist/json/colors/dark_tritanopia.json +0 -614
  281. package/dist/json/colors/light.json +0 -614
  282. package/dist/json/colors/light_colorblind.json +0 -614
  283. package/dist/json/colors/light_high_contrast.json +0 -614
  284. package/dist/json/colors/light_tritanopia.json +0 -614
  285. package/dist/json/spacing/normal.json +0 -11
  286. package/dist/json/typography/normal.json +0 -17
  287. package/dist/removed/colors.json +0 -432
  288. package/dist/scss/colors/_dark.scss +0 -452
  289. package/dist/scss/colors/_dark_colorblind.scss +0 -452
  290. package/dist/scss/colors/_dark_dimmed.scss +0 -452
  291. package/dist/scss/colors/_dark_high_contrast.scss +0 -452
  292. package/dist/scss/colors/_dark_tritanopia.scss +0 -452
  293. package/dist/scss/colors/_light.scss +0 -452
  294. package/dist/scss/colors/_light_colorblind.scss +0 -452
  295. package/dist/scss/colors/_light_high_contrast.scss +0 -452
  296. package/dist/scss/colors/_light_tritanopia.scss +0 -452
  297. package/dist/scss/spacing/_normal.scss +0 -11
  298. package/dist/scss/typography/_normal.scss +0 -15
  299. package/dist/ts/colors/dark.ts +0 -614
  300. package/dist/ts/colors/dark_colorblind.ts +0 -614
  301. package/dist/ts/colors/dark_dimmed.ts +0 -614
  302. package/dist/ts/colors/dark_high_contrast.ts +0 -614
  303. package/dist/ts/colors/dark_tritanopia.ts +0 -614
  304. package/dist/ts/colors/index.ts +0 -10
  305. package/dist/ts/colors/light.ts +0 -614
  306. package/dist/ts/colors/light_colorblind.ts +0 -614
  307. package/dist/ts/colors/light_high_contrast.ts +0 -614
  308. package/dist/ts/colors/light_tritanopia.ts +0 -614
  309. package/dist/ts/index.ts +0 -4
  310. package/dist/ts/spacing/index.ts +0 -2
  311. package/dist/ts/spacing/normal.ts +0 -11
  312. package/dist/ts/typography/index.ts +0 -2
  313. package/dist/ts/typography/normal.ts +0 -17
  314. package/tokens-next-private/css/base/size/size.css +0 -19
  315. package/tokens-next-private/css/base/typography/typography.css +0 -6
  316. package/tokens-next-private/css/functional/motion/motion.css +0 -5
  317. package/tokens-next-private/css/functional/size/border.css +0 -14
  318. package/tokens-next-private/css/functional/size/breakpoints.css +0 -8
  319. package/tokens-next-private/css/functional/size/size-coarse.css +0 -7
  320. package/tokens-next-private/css/functional/size/size-fine.css +0 -7
  321. package/tokens-next-private/css/functional/size/size.css +0 -74
  322. package/tokens-next-private/css/functional/size/viewport.css +0 -6
  323. package/tokens-next-private/css/functional/themes/dark-colorblind.css +0 -1078
  324. package/tokens-next-private/css/functional/themes/dark-dimmed.css +0 -1078
  325. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +0 -1078
  326. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +0 -1078
  327. package/tokens-next-private/css/functional/themes/dark.css +0 -1078
  328. package/tokens-next-private/css/functional/themes/light-colorblind.css +0 -1078
  329. package/tokens-next-private/css/functional/themes/light-high-contrast.css +0 -1078
  330. package/tokens-next-private/css/functional/themes/light-tritanopia.css +0 -1078
  331. package/tokens-next-private/css/functional/themes/light.css +0 -1078
  332. package/tokens-next-private/css/functional/typography/typography.css +0 -47
  333. package/tokens-next-private/fallbacks/base/size/size.json +0 -19
  334. package/tokens-next-private/fallbacks/base/typography/typography.json +0 -6
  335. package/tokens-next-private/fallbacks/functional/motion/motion.json +0 -5
  336. package/tokens-next-private/fallbacks/functional/size/border.json +0 -14
  337. package/tokens-next-private/fallbacks/functional/size/breakpoints.json +0 -8
  338. package/tokens-next-private/fallbacks/functional/size/size-coarse.json +0 -5
  339. package/tokens-next-private/fallbacks/functional/size/size-fine.json +0 -5
  340. package/tokens-next-private/fallbacks/functional/size/size.json +0 -74
  341. package/tokens-next-private/fallbacks/functional/size/viewport.json +0 -8
  342. package/tokens-next-private/fallbacks/functional/typography/typography.json +0 -47
  343. package/tokens-next-private/internalCss/dark-colorblind.css +0 -1648
  344. package/tokens-next-private/internalCss/dark-dimmed.css +0 -1648
  345. package/tokens-next-private/internalCss/dark-high-contrast.css +0 -1648
  346. package/tokens-next-private/internalCss/dark-tritanopia.css +0 -1648
  347. package/tokens-next-private/internalCss/dark.css +0 -1648
  348. package/tokens-next-private/internalCss/light-colorblind.css +0 -1648
  349. package/tokens-next-private/internalCss/light-high-contrast.css +0 -1648
  350. package/tokens-next-private/internalCss/light-tritanopia.css +0 -1648
  351. package/tokens-next-private/internalCss/light.css +0 -1648
  352. /package/{tokens-next-private/docs → dist/styleLint}/base/typography/typography.json +0 -0
  353. /package/{tokens-next-private/docs → dist/styleLint}/functional/motion/motion.json +0 -0
  354. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-dimmed.json +0 -0
  355. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/dark-high-contrast.json +0 -0
  356. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light-colorblind.json +0 -0
  357. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light-high-contrast.json +0 -0
  358. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light-tritanopia.json +0 -0
  359. /package/{tokens-next-private/docs → dist/styleLint}/functional/themes/light.json +0 -0
  360. /package/{tokens-next-private → src/tokens}/removed/color.json +0 -0
package/src/tokens/functional/color/light/app-light.json5 ADDED
@@ -0,0 +1,551 @@
1
+ {
2
+ topicTag: {
3
+ borderColor: {
4
+ $value: '{base.color.transparent}',
5
+ $type: 'color',
6
+ $extensions: {
7
+ 'org.primer.figma': {
8
+ collection: 'mode',
9
+ mode: 'light',
10
+ group: 'component',
11
+ scopes: ['borderColor'],
12
+ },
13
+ },
14
+ },
15
+ },
16
+ highlight: {
17
+ neutral: {
18
+ bgColor: {
19
+ $value: '{base.color.yellow.0}',
20
+ $type: 'color',
21
+ $extensions: {
22
+ 'org.primer.figma': {
23
+ collection: 'mode',
24
+ mode: 'light',
25
+ group: 'component',
26
+ scopes: ['bgColor'],
27
+ },
28
+ },
29
+ },
30
+ },
31
+ },
32
+ page: {
33
+ header: {
34
+ bgColor: {
35
+ $value: '{bgColor.muted}',
36
+ $type: 'color',
37
+ $extensions: {
38
+ 'org.primer.figma': {
39
+ collection: 'mode',
40
+ mode: 'light',
41
+ group: 'component',
42
+ scopes: ['bgColor'],
43
+ },
44
+ },
45
+ },
46
+ },
47
+ },
48
+ diffBlob: {
49
+ addition: {
50
+ fgColor: {
51
+ text: {
52
+ $value: '{fgColor.default}',
53
+ $type: 'color',
54
+ $extensions: {
55
+ 'org.primer.figma': {
56
+ collection: 'mode',
57
+ mode: 'light',
58
+ group: 'component',
59
+ scopes: ['fgColor'],
60
+ },
61
+ },
62
+ },
63
+ num: {
64
+ $value: '{fgColor.default}',
65
+ $type: 'color',
66
+ $extensions: {
67
+ 'org.primer.figma': {
68
+ collection: 'mode',
69
+ mode: 'light',
70
+ group: 'component',
71
+ scopes: ['fgColor'],
72
+ },
73
+ },
74
+ },
75
+ },
76
+ bgColor: {
77
+ num: {
78
+ $value: '{base.color.green.1}',
79
+ $type: 'color',
80
+ $extensions: {
81
+ 'org.primer.figma': {
82
+ collection: 'mode',
83
+ mode: 'light',
84
+ group: 'component',
85
+ scopes: ['bgColor'],
86
+ },
87
+ },
88
+ mix: {
89
+ color: '{base.color.green.0}',
90
+ weight: 0.8,
91
+ },
92
+ },
93
+ line: {
94
+ $value: '{base.color.green.0}',
95
+ $type: 'color',
96
+ $extensions: {
97
+ 'org.primer.figma': {
98
+ collection: 'mode',
99
+ mode: 'light',
100
+ group: 'component',
101
+ scopes: ['bgColor'],
102
+ },
103
+ },
104
+ },
105
+ word: {
106
+ $value: '{base.color.green.1}',
107
+ $type: 'color',
108
+ $extensions: {
109
+ 'org.primer.figma': {
110
+ collection: 'mode',
111
+ mode: 'light',
112
+ group: 'component',
113
+ scopes: ['bgColor'],
114
+ },
115
+ },
116
+ },
117
+ },
118
+ },
119
+ deletion: {
120
+ fgColor: {
121
+ text: {
122
+ $value: '{fgColor.default}',
123
+ $type: 'color',
124
+ $extensions: {
125
+ 'org.primer.figma': {
126
+ collection: 'mode',
127
+ mode: 'light',
128
+ group: 'component',
129
+ scopes: ['fgColor'],
130
+ },
131
+ },
132
+ },
133
+ num: {
134
+ $value: '{fgColor.default}',
135
+ $type: 'color',
136
+ $extensions: {
137
+ 'org.primer.figma': {
138
+ collection: 'mode',
139
+ mode: 'light',
140
+ group: 'component',
141
+ scopes: ['fgColor'],
142
+ },
143
+ },
144
+ },
145
+ },
146
+ bgColor: {
147
+ num: {
148
+ $value: '{base.color.red.1}',
149
+ $type: 'color',
150
+ $extensions: {
151
+ 'org.primer.figma': {
152
+ collection: 'mode',
153
+ mode: 'light',
154
+ group: 'component',
155
+ scopes: ['bgColor'],
156
+ },
157
+ },
158
+ },
159
+ line: {
160
+ $value: '{base.color.red.0}',
161
+ $type: 'color',
162
+ $extensions: {
163
+ 'org.primer.figma': {
164
+ collection: 'mode',
165
+ mode: 'light',
166
+ group: 'component',
167
+ scopes: ['bgColor'],
168
+ },
169
+ },
170
+ },
171
+ word: {
172
+ $value: '{base.color.red.3}',
173
+ $type: 'color',
174
+ $extensions: {
175
+ 'org.primer.figma': {
176
+ collection: 'mode',
177
+ mode: 'light',
178
+ group: 'component',
179
+ scopes: ['bgColor'],
180
+ },
181
+ },
182
+ alpha: 0.4,
183
+ },
184
+ },
185
+ },
186
+ hunk: {
187
+ bgColor: {
188
+ num: {
189
+ $value: '{base.color.blue.3}',
190
+ $type: 'color',
191
+ $extensions: {
192
+ 'org.primer.figma': {
193
+ collection: 'mode',
194
+ mode: 'light',
195
+ group: 'component',
196
+ scopes: ['bgColor'],
197
+ },
198
+ },
199
+ alpha: 0.4,
200
+ },
201
+ },
202
+ },
203
+ expander: {
204
+ iconColor: {
205
+ $value: '{fgColor.muted}',
206
+ $type: 'color',
207
+ $extensions: {
208
+ 'org.primer.figma': {
209
+ collection: 'mode',
210
+ mode: 'light',
211
+ group: 'component',
212
+ scopes: ['fgColor'],
213
+ },
214
+ },
215
+ },
216
+ },
217
+ },
218
+ codeMirror: {
219
+ fgColor: {
220
+ $value: '{fgColor.default}',
221
+ $type: 'color',
222
+ $extensions: {
223
+ 'org.primer.figma': {
224
+ collection: 'mode',
225
+ mode: 'light',
226
+ group: 'component',
227
+ scopes: ['fgColor'],
228
+ },
229
+ },
230
+ },
231
+ bgColor: {
232
+ $value: '{bgColor.default}',
233
+ $type: 'color',
234
+ $extensions: {
235
+ 'org.primer.figma': {
236
+ collection: 'mode',
237
+ mode: 'light',
238
+ group: 'component',
239
+ scopes: ['bgColor'],
240
+ },
241
+ },
242
+ },
243
+ gutters: {
244
+ bgColor: {
245
+ $value: '{bgColor.default}',
246
+ $type: 'color',
247
+ $extensions: {
248
+ 'org.primer.figma': {
249
+ collection: 'mode',
250
+ mode: 'light',
251
+ group: 'component',
252
+ scopes: ['bgColor'],
253
+ },
254
+ },
255
+ },
256
+ },
257
+ gutterMarker: {
258
+ fgColor: {
259
+ default: {
260
+ $value: '{bgColor.default}',
261
+ $type: 'color',
262
+ $extensions: {
263
+ 'org.primer.figma': {
264
+ collection: 'mode',
265
+ mode: 'light',
266
+ group: 'component',
267
+ scopes: ['fgColor'],
268
+ },
269
+ },
270
+ },
271
+ muted: {
272
+ $value: '{fgColor.muted}',
273
+ $type: 'color',
274
+ $extensions: {
275
+ 'org.primer.figma': {
276
+ collection: 'mode',
277
+ mode: 'light',
278
+ group: 'component',
279
+ scopes: ['fgColor'],
280
+ },
281
+ },
282
+ },
283
+ },
284
+ },
285
+ lineNumber: {
286
+ fgColor: {
287
+ $value: '{fgColor.muted}',
288
+ $type: 'color',
289
+ $extensions: {
290
+ 'org.primer.figma': {
291
+ collection: 'mode',
292
+ mode: 'light',
293
+ group: 'component',
294
+ scopes: ['fgColor'],
295
+ },
296
+ },
297
+ },
298
+ },
299
+ cursor: {
300
+ fgColor: {
301
+ $value: '{fgColor.default}',
302
+ $type: 'color',
303
+ $extensions: {
304
+ 'org.primer.figma': {
305
+ collection: 'mode',
306
+ mode: 'light',
307
+ group: 'component',
308
+ scopes: ['fgColor'],
309
+ },
310
+ },
311
+ },
312
+ },
313
+ selection: {
314
+ bgColor: {
315
+ $value: '{borderColor.accent.muted}',
316
+ $type: 'color',
317
+ $extensions: {
318
+ 'org.primer.figma': {
319
+ collection: 'mode',
320
+ mode: 'light',
321
+ group: 'component',
322
+ scopes: ['bgColor'],
323
+ },
324
+ },
325
+ },
326
+ },
327
+ activeline: {
328
+ bgColor: {
329
+ $value: '{bgColor.neutral.muted}',
330
+ $type: 'color',
331
+ $extensions: {
332
+ 'org.primer.figma': {
333
+ collection: 'mode',
334
+ mode: 'light',
335
+ group: 'component',
336
+ scopes: ['bgColor'],
337
+ },
338
+ },
339
+ },
340
+ },
341
+ matchingBracket: {
342
+ fgColor: {
343
+ $value: '{fgColor.default}',
344
+ $type: 'color',
345
+ $extensions: {
346
+ 'org.primer.figma': {
347
+ collection: 'mode',
348
+ mode: 'light',
349
+ group: 'component',
350
+ scopes: ['fgColor'],
351
+ },
352
+ },
353
+ },
354
+ },
355
+ lines: {
356
+ bgColor: {
357
+ $value: '{bgColor.default}',
358
+ $type: 'color',
359
+ $extensions: {
360
+ 'org.primer.figma': {
361
+ collection: 'mode',
362
+ mode: 'light',
363
+ group: 'component',
364
+ scopes: ['bgColor'],
365
+ },
366
+ },
367
+ },
368
+ },
369
+ syntax: {
370
+ fgColor: {
371
+ comment: {
372
+ $value: '{base.color.gray.9}',
373
+ $type: 'color',
374
+ $extensions: {
375
+ 'org.primer.figma': {
376
+ collection: 'mode',
377
+ mode: 'light',
378
+ group: 'component',
379
+ scopes: ['fgColor'],
380
+ },
381
+ },
382
+ },
383
+ constant: {
384
+ $value: '{base.color.blue.6}',
385
+ $type: 'color',
386
+ $extensions: {
387
+ 'org.primer.figma': {
388
+ collection: 'mode',
389
+ mode: 'light',
390
+ group: 'component',
391
+ scopes: ['fgColor'],
392
+ },
393
+ },
394
+ },
395
+ entity: {
396
+ $value: '{base.color.purple.5}',
397
+ $type: 'color',
398
+ $extensions: {
399
+ 'org.primer.figma': {
400
+ collection: 'mode',
401
+ mode: 'light',
402
+ group: 'component',
403
+ scopes: ['fgColor'],
404
+ },
405
+ },
406
+ },
407
+ keyword: {
408
+ $value: '{base.color.red.5}',
409
+ $type: 'color',
410
+ $extensions: {
411
+ 'org.primer.figma': {
412
+ collection: 'mode',
413
+ mode: 'light',
414
+ group: 'component',
415
+ scopes: ['fgColor'],
416
+ },
417
+ },
418
+ },
419
+ storage: {
420
+ $value: '{base.color.red.5}',
421
+ $type: 'color',
422
+ $extensions: {
423
+ 'org.primer.figma': {
424
+ collection: 'mode',
425
+ mode: 'light',
426
+ group: 'component',
427
+ scopes: ['fgColor'],
428
+ },
429
+ },
430
+ },
431
+ string: {
432
+ $value: '{base.color.blue.8}',
433
+ $type: 'color',
434
+ $extensions: {
435
+ 'org.primer.figma': {
436
+ collection: 'mode',
437
+ mode: 'light',
438
+ group: 'component',
439
+ scopes: ['fgColor'],
440
+ },
441
+ },
442
+ },
443
+ support: {
444
+ $value: '{base.color.blue.6}',
445
+ $type: 'color',
446
+ $extensions: {
447
+ 'org.primer.figma': {
448
+ collection: 'mode',
449
+ mode: 'light',
450
+ group: 'component',
451
+ scopes: ['fgColor'],
452
+ },
453
+ },
454
+ },
455
+ variable: {
456
+ $value: '{base.color.orange.6}',
457
+ $type: 'color',
458
+ $extensions: {
459
+ 'org.primer.figma': {
460
+ collection: 'mode',
461
+ mode: 'light',
462
+ group: 'component',
463
+ scopes: ['fgColor'],
464
+ },
465
+ },
466
+ },
467
+ },
468
+ },
469
+ },
470
+ header: {
471
+ fgColor: {
472
+ default: {
473
+ $value: '{fgColor.onEmphasis}',
474
+ $type: 'color',
475
+ $extensions: {
476
+ 'org.primer.figma': {
477
+ collection: 'mode',
478
+ mode: 'light',
479
+ group: 'component',
480
+ scopes: ['fgColor'],
481
+ },
482
+ },
483
+ alpha: 0.7,
484
+ },
485
+ logo: {
486
+ $value: '{fgColor.onEmphasis}',
487
+ $type: 'color',
488
+ $extensions: {
489
+ 'org.primer.figma': {
490
+ collection: 'mode',
491
+ mode: 'light',
492
+ group: 'component',
493
+ scopes: ['fgColor'],
494
+ },
495
+ },
496
+ },
497
+ },
498
+ bgColor: {
499
+ $value: '{base.color.gray.9}',
500
+ $type: 'color',
501
+ $extensions: {
502
+ 'org.primer.figma': {
503
+ collection: 'mode',
504
+ mode: 'light',
505
+ group: 'component',
506
+ scopes: ['bgColor'],
507
+ },
508
+ },
509
+ },
510
+ borderColor: {
511
+ divider: {
512
+ $value: '{base.color.gray.6}',
513
+ $type: 'color',
514
+ $extensions: {
515
+ 'org.primer.figma': {
516
+ collection: 'mode',
517
+ mode: 'light',
518
+ group: 'component',
519
+ scopes: ['borderColor'],
520
+ },
521
+ },
522
+ },
523
+ },
524
+ },
525
+ headerSearch: {
526
+ bgColor: {
527
+ $value: '{base.color.gray.9}',
528
+ $type: 'color',
529
+ $extensions: {
530
+ 'org.primer.figma': {
531
+ collection: 'mode',
532
+ mode: 'light',
533
+ group: 'component',
534
+ scopes: ['bgColor'],
535
+ },
536
+ },
537
+ },
538
+ borderColor: {
539
+ $value: '{base.color.gray.6}',
540
+ $type: 'color',
541
+ $extensions: {
542
+ 'org.primer.figma': {
543
+ collection: 'mode',
544
+ mode: 'light',
545
+ group: 'component',
546
+ scopes: ['borderColor'],
547
+ },
548
+ },
549
+ },
550
+ },
551
+ }
package/src/tokens/functional/color/light/data-vis-light.json5 ADDED
@@ -0,0 +1,144 @@
1
+ {
2
+ data: {
3
+ blue: {
4
+ color: {
5
+ $value: '{base.display.color.blue.5}',
6
+ $type: 'color',
7
+ $extensions: {
8
+ 'org.primer.figma': {
9
+ collection: 'mode',
10
+ mode: 'dark',
11
+ group: 'component',
12
+ scopes: ['bgColor'],
13
+ },
14
+ },
15
+ },
16
+ },
17
+ auburn: {
18
+ color: {
19
+ $value: '{base.display.color.auburn.5}',
20
+ $type: 'color',
21
+ $extensions: {
22
+ 'org.primer.figma': {
23
+ collection: 'mode',
24
+ mode: 'dark',
25
+ group: 'component',
26
+ scopes: ['bgColor'],
27
+ },
28
+ },
29
+ },
30
+ },
31
+ orange: {
32
+ color: {
33
+ $value: '{base.display.color.orange.4}',
34
+ $type: 'color',
35
+ $extensions: {
36
+ 'org.primer.figma': {
37
+ collection: 'mode',
38
+ mode: 'dark',
39
+ group: 'component',
40
+ scopes: ['bgColor'],
41
+ },
42
+ },
43
+ },
44
+ },
45
+ yellow: {
46
+ color: {
47
+ $value: '{base.display.color.yellow.4}',
48
+ $type: 'color',
49
+ $extensions: {
50
+ 'org.primer.figma': {
51
+ collection: 'mode',
52
+ mode: 'dark',
53
+ group: 'component',
54
+ scopes: ['bgColor'],
55
+ },
56
+ },
57
+ },
58
+ },
59
+ green: {
60
+ color: {
61
+ $value: '{base.display.color.green.4}',
62
+ $type: 'color',
63
+ $extensions: {
64
+ 'org.primer.figma': {
65
+ collection: 'mode',
66
+ mode: 'dark',
67
+ group: 'component',
68
+ scopes: ['bgColor'],
69
+ },
70
+ },
71
+ },
72
+ },
73
+ teal: {
74
+ color: {
75
+ $value: '{base.display.color.teal.4}',
76
+ $type: 'color',
77
+ $extensions: {
78
+ 'org.primer.figma': {
79
+ collection: 'mode',
80
+ mode: 'dark',
81
+ group: 'component',
82
+ scopes: ['bgColor'],
83
+ },
84
+ },
85
+ },
86
+ },
87
+ purple: {
88
+ color: {
89
+ $value: '{base.display.color.purple.5}',
90
+ $type: 'color',
91
+ $extensions: {
92
+ 'org.primer.figma': {
93
+ collection: 'mode',
94
+ mode: 'dark',
95
+ group: 'component',
96
+ scopes: ['bgColor'],
97
+ },
98
+ },
99
+ },
100
+ },
101
+ pink: {
102
+ color: {
103
+ $value: '{base.display.color.pink.5}',
104
+ $type: 'color',
105
+ $extensions: {
106
+ 'org.primer.figma': {
107
+ collection: 'mode',
108
+ mode: 'dark',
109
+ group: 'component',
110
+ scopes: ['bgColor'],
111
+ },
112
+ },
113
+ },
114
+ },
115
+ red: {
116
+ color: {
117
+ $value: '{base.display.color.red.5}',
118
+ $type: 'color',
119
+ $extensions: {
120
+ 'org.primer.figma': {
121
+ collection: 'mode',
122
+ mode: 'dark',
123
+ group: 'component',
124
+ scopes: ['bgColor'],
125
+ },
126
+ },
127
+ },
128
+ },
129
+ gray: {
130
+ color: {
131
+ $value: '{base.display.color.gray.4}',
132
+ $type: 'color',
133
+ $extensions: {
134
+ 'org.primer.figma': {
135
+ collection: 'mode',
136
+ mode: 'dark',
137
+ group: 'component',
138
+ scopes: ['bgColor'],
139
+ },
140
+ },
141
+ },
142
+ },
143
+ },
144
+ }