@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/app-dark.json5 ADDED
@@ -0,0 +1,554 @@
1
+ {
2
+ topicTag: {
3
+ borderColor: {
4
+ $value: '{base.color.transparent}',
5
+ $type: 'color',
6
+ $extensions: {
7
+ 'org.primer.figma': {
8
+ collection: 'mode',
9
+ mode: 'dark',
10
+ group: 'component',
11
+ scopes: ['borderColor'],
12
+ },
13
+ },
14
+ },
15
+ },
16
+ highlight: {
17
+ neutral: {
18
+ bgColor: {
19
+ $value: '{base.color.yellow.3}',
20
+ $type: 'color',
21
+ $extensions: {
22
+ 'org.primer.figma': {
23
+ collection: 'mode',
24
+ mode: 'dark',
25
+ group: 'component',
26
+ scopes: ['bgColor'],
27
+ },
28
+ },
29
+ alpha: 0.4,
30
+ },
31
+ },
32
+ },
33
+ page: {
34
+ header: {
35
+ bgColor: {
36
+ $value: '{bgColor.default}',
37
+ $type: 'color',
38
+ $extensions: {
39
+ 'org.primer.figma': {
40
+ collection: 'mode',
41
+ mode: 'dark',
42
+ group: 'component',
43
+ scopes: ['bgColor'],
44
+ },
45
+ },
46
+ },
47
+ },
48
+ },
49
+ diffBlob: {
50
+ addition: {
51
+ fgColor: {
52
+ text: {
53
+ $value: '{fgColor.default}',
54
+ $type: 'color',
55
+ $extensions: {
56
+ 'org.primer.figma': {
57
+ collection: 'mode',
58
+ mode: 'dark',
59
+ group: 'component',
60
+ scopes: ['fgColor'],
61
+ },
62
+ },
63
+ },
64
+ num: {
65
+ $value: '{fgColor.default}',
66
+ $type: 'color',
67
+ $extensions: {
68
+ 'org.primer.figma': {
69
+ collection: 'mode',
70
+ mode: 'dark',
71
+ group: 'component',
72
+ scopes: ['fgColor'],
73
+ },
74
+ },
75
+ },
76
+ },
77
+ bgColor: {
78
+ num: {
79
+ $value: '{base.color.green.3}',
80
+ $type: 'color',
81
+ $extensions: {
82
+ 'org.primer.figma': {
83
+ collection: 'mode',
84
+ mode: 'dark',
85
+ group: 'component',
86
+ scopes: ['bgColor'],
87
+ },
88
+ },
89
+ alpha: 0.3,
90
+ },
91
+ line: {
92
+ $value: '{base.color.green.4}',
93
+ $type: 'color',
94
+ $extensions: {
95
+ 'org.primer.figma': {
96
+ collection: 'mode',
97
+ mode: 'dark',
98
+ group: 'component',
99
+ scopes: ['bgColor'],
100
+ },
101
+ },
102
+ alpha: 0.15,
103
+ mix: null,
104
+ },
105
+ word: {
106
+ $value: '{base.color.green.4}',
107
+ $type: 'color',
108
+ $extensions: {
109
+ 'org.primer.figma': {
110
+ collection: 'mode',
111
+ mode: 'dark',
112
+ group: 'component',
113
+ scopes: ['bgColor'],
114
+ },
115
+ },
116
+ alpha: 0.4,
117
+ },
118
+ },
119
+ },
120
+ deletion: {
121
+ fgColor: {
122
+ text: {
123
+ $value: '{fgColor.default}',
124
+ $type: 'color',
125
+ $extensions: {
126
+ 'org.primer.figma': {
127
+ collection: 'mode',
128
+ mode: 'dark',
129
+ group: 'component',
130
+ scopes: ['fgColor'],
131
+ },
132
+ },
133
+ },
134
+ num: {
135
+ $value: '{fgColor.default}',
136
+ $type: 'color',
137
+ $extensions: {
138
+ 'org.primer.figma': {
139
+ collection: 'mode',
140
+ mode: 'dark',
141
+ group: 'component',
142
+ scopes: ['fgColor'],
143
+ },
144
+ },
145
+ },
146
+ },
147
+ bgColor: {
148
+ num: {
149
+ $value: '{base.color.red.4}',
150
+ $type: 'color',
151
+ $extensions: {
152
+ 'org.primer.figma': {
153
+ collection: 'mode',
154
+ mode: 'dark',
155
+ group: 'component',
156
+ scopes: ['bgColor'],
157
+ },
158
+ },
159
+ alpha: 0.3,
160
+ },
161
+ line: {
162
+ $value: '{base.color.red.4}',
163
+ $type: 'color',
164
+ $extensions: {
165
+ 'org.primer.figma': {
166
+ collection: 'mode',
167
+ mode: 'dark',
168
+ group: 'component',
169
+ scopes: ['bgColor'],
170
+ },
171
+ },
172
+ alpha: 0.15,
173
+ mix: null,
174
+ },
175
+ word: {
176
+ $value: '{base.color.red.4}',
177
+ $type: 'color',
178
+ $extensions: {
179
+ 'org.primer.figma': {
180
+ collection: 'mode',
181
+ mode: 'dark',
182
+ group: 'component',
183
+ scopes: ['bgColor'],
184
+ },
185
+ },
186
+ alpha: 0.4,
187
+ },
188
+ },
189
+ },
190
+ hunk: {
191
+ bgColor: {
192
+ num: {
193
+ $value: '{borderColor.accent.muted}',
194
+ $type: 'color',
195
+ $extensions: {
196
+ 'org.primer.figma': {
197
+ collection: 'mode',
198
+ mode: 'dark',
199
+ group: 'component',
200
+ scopes: ['bgColor'],
201
+ },
202
+ },
203
+ },
204
+ },
205
+ },
206
+ expander: {
207
+ iconColor: {
208
+ $value: '{fgColor.muted}',
209
+ $type: 'color',
210
+ $extensions: {
211
+ 'org.primer.figma': {
212
+ collection: 'mode',
213
+ mode: 'dark',
214
+ group: 'component',
215
+ scopes: ['fgColor'],
216
+ },
217
+ },
218
+ },
219
+ },
220
+ },
221
+ codeMirror: {
222
+ fgColor: {
223
+ $value: '{fgColor.default}',
224
+ $type: 'color',
225
+ $extensions: {
226
+ 'org.primer.figma': {
227
+ collection: 'mode',
228
+ mode: 'dark',
229
+ group: 'component',
230
+ scopes: ['fgColor'],
231
+ },
232
+ },
233
+ },
234
+ bgColor: {
235
+ $value: '{bgColor.default}',
236
+ $type: 'color',
237
+ $extensions: {
238
+ 'org.primer.figma': {
239
+ collection: 'mode',
240
+ mode: 'dark',
241
+ group: 'component',
242
+ scopes: ['bgColor'],
243
+ },
244
+ },
245
+ },
246
+ gutters: {
247
+ bgColor: {
248
+ $value: '{bgColor.default}',
249
+ $type: 'color',
250
+ $extensions: {
251
+ 'org.primer.figma': {
252
+ collection: 'mode',
253
+ mode: 'dark',
254
+ group: 'component',
255
+ scopes: ['bgColor'],
256
+ },
257
+ },
258
+ },
259
+ },
260
+ gutterMarker: {
261
+ fgColor: {
262
+ default: {
263
+ $value: '{bgColor.default}',
264
+ $type: 'color',
265
+ $extensions: {
266
+ 'org.primer.figma': {
267
+ collection: 'mode',
268
+ mode: 'dark',
269
+ group: 'component',
270
+ scopes: ['fgColor'],
271
+ },
272
+ },
273
+ },
274
+ muted: {
275
+ $value: '{fgColor.muted}',
276
+ $type: 'color',
277
+ $extensions: {
278
+ 'org.primer.figma': {
279
+ collection: 'mode',
280
+ mode: 'dark',
281
+ group: 'component',
282
+ scopes: ['fgColor'],
283
+ },
284
+ },
285
+ },
286
+ },
287
+ },
288
+ lineNumber: {
289
+ fgColor: {
290
+ $value: '{fgColor.muted}',
291
+ $type: 'color',
292
+ $extensions: {
293
+ 'org.primer.figma': {
294
+ collection: 'mode',
295
+ mode: 'dark',
296
+ group: 'component',
297
+ scopes: ['fgColor'],
298
+ },
299
+ },
300
+ },
301
+ },
302
+ cursor: {
303
+ fgColor: {
304
+ $value: '{fgColor.default}',
305
+ $type: 'color',
306
+ $extensions: {
307
+ 'org.primer.figma': {
308
+ collection: 'mode',
309
+ mode: 'dark',
310
+ group: 'component',
311
+ scopes: ['fgColor'],
312
+ },
313
+ },
314
+ },
315
+ },
316
+ selection: {
317
+ bgColor: {
318
+ $value: '{borderColor.accent.muted}',
319
+ $type: 'color',
320
+ $extensions: {
321
+ 'org.primer.figma': {
322
+ collection: 'mode',
323
+ mode: 'dark',
324
+ group: 'component',
325
+ scopes: ['bgColor'],
326
+ },
327
+ },
328
+ },
329
+ },
330
+ activeline: {
331
+ bgColor: {
332
+ $value: '{bgColor.neutral.muted}',
333
+ $type: 'color',
334
+ $extensions: {
335
+ 'org.primer.figma': {
336
+ collection: 'mode',
337
+ mode: 'dark',
338
+ group: 'component',
339
+ scopes: ['bgColor'],
340
+ },
341
+ },
342
+ },
343
+ },
344
+ matchingBracket: {
345
+ fgColor: {
346
+ $value: '{fgColor.default}',
347
+ $type: 'color',
348
+ $extensions: {
349
+ 'org.primer.figma': {
350
+ collection: 'mode',
351
+ mode: 'dark',
352
+ group: 'component',
353
+ scopes: ['fgColor'],
354
+ },
355
+ },
356
+ },
357
+ },
358
+ lines: {
359
+ bgColor: {
360
+ $value: '{bgColor.default}',
361
+ $type: 'color',
362
+ $extensions: {
363
+ 'org.primer.figma': {
364
+ collection: 'mode',
365
+ mode: 'dark',
366
+ group: 'component',
367
+ scopes: ['bgColor'],
368
+ },
369
+ },
370
+ },
371
+ },
372
+ syntax: {
373
+ fgColor: {
374
+ comment: {
375
+ $value: '{base.color.gray.3}',
376
+ $type: 'color',
377
+ $extensions: {
378
+ 'org.primer.figma': {
379
+ collection: 'mode',
380
+ mode: 'dark',
381
+ group: 'component',
382
+ scopes: ['fgColor'],
383
+ },
384
+ },
385
+ },
386
+ constant: {
387
+ $value: '{base.color.blue.2}',
388
+ $type: 'color',
389
+ $extensions: {
390
+ 'org.primer.figma': {
391
+ collection: 'mode',
392
+ mode: 'dark',
393
+ group: 'component',
394
+ scopes: ['fgColor'],
395
+ },
396
+ },
397
+ },
398
+ entity: {
399
+ $value: '{base.color.purple.2}',
400
+ $type: 'color',
401
+ $extensions: {
402
+ 'org.primer.figma': {
403
+ collection: 'mode',
404
+ mode: 'dark',
405
+ group: 'component',
406
+ scopes: ['fgColor'],
407
+ },
408
+ },
409
+ },
410
+ keyword: {
411
+ $value: '{base.color.red.3}',
412
+ $type: 'color',
413
+ $extensions: {
414
+ 'org.primer.figma': {
415
+ collection: 'mode',
416
+ mode: 'dark',
417
+ group: 'component',
418
+ scopes: ['fgColor'],
419
+ },
420
+ },
421
+ },
422
+ storage: {
423
+ $value: '{base.color.red.3}',
424
+ $type: 'color',
425
+ $extensions: {
426
+ 'org.primer.figma': {
427
+ collection: 'mode',
428
+ mode: 'dark',
429
+ group: 'component',
430
+ scopes: ['fgColor'],
431
+ },
432
+ },
433
+ },
434
+ string: {
435
+ $value: '{base.color.blue.1}',
436
+ $type: 'color',
437
+ $extensions: {
438
+ 'org.primer.figma': {
439
+ collection: 'mode',
440
+ mode: 'dark',
441
+ group: 'component',
442
+ scopes: ['fgColor'],
443
+ },
444
+ },
445
+ },
446
+ support: {
447
+ $value: '{base.color.blue.2}',
448
+ $type: 'color',
449
+ $extensions: {
450
+ 'org.primer.figma': {
451
+ collection: 'mode',
452
+ mode: 'dark',
453
+ group: 'component',
454
+ scopes: ['fgColor'],
455
+ },
456
+ },
457
+ },
458
+ variable: {
459
+ $value: '{base.color.orange.2}',
460
+ $type: 'color',
461
+ $extensions: {
462
+ 'org.primer.figma': {
463
+ collection: 'mode',
464
+ mode: 'dark',
465
+ group: 'component',
466
+ scopes: ['fgColor'],
467
+ },
468
+ },
469
+ },
470
+ },
471
+ },
472
+ },
473
+ header: {
474
+ fgColor: {
475
+ default: {
476
+ $value: '{fgColor.onEmphasis}',
477
+ $type: 'color',
478
+ $extensions: {
479
+ 'org.primer.figma': {
480
+ collection: 'mode',
481
+ mode: 'dark',
482
+ group: 'component',
483
+ scopes: ['fgColor'],
484
+ },
485
+ },
486
+ alpha: 0.7,
487
+ },
488
+ logo: {
489
+ $value: '{fgColor.onEmphasis}',
490
+ $type: 'color',
491
+ $extensions: {
492
+ 'org.primer.figma': {
493
+ collection: 'mode',
494
+ mode: 'dark',
495
+ group: 'component',
496
+ scopes: ['fgColor'],
497
+ },
498
+ },
499
+ },
500
+ },
501
+ bgColor: {
502
+ $value: '{base.color.gray.9}',
503
+ $type: 'color',
504
+ $extensions: {
505
+ 'org.primer.figma': {
506
+ collection: 'mode',
507
+ mode: 'dark',
508
+ group: 'component',
509
+ scopes: ['bgColor'],
510
+ },
511
+ },
512
+ },
513
+ borderColor: {
514
+ divider: {
515
+ $value: '{base.color.gray.3}',
516
+ $type: 'color',
517
+ $extensions: {
518
+ 'org.primer.figma': {
519
+ collection: 'mode',
520
+ mode: 'dark',
521
+ group: 'component',
522
+ scopes: ['borderColor'],
523
+ },
524
+ },
525
+ },
526
+ },
527
+ },
528
+ headerSearch: {
529
+ bgColor: {
530
+ $value: '{base.color.gray.9}',
531
+ $type: 'color',
532
+ $extensions: {
533
+ 'org.primer.figma': {
534
+ collection: 'mode',
535
+ mode: 'dark',
536
+ group: 'component',
537
+ scopes: ['bgColor'],
538
+ },
539
+ },
540
+ },
541
+ borderColor: {
542
+ $value: '{base.color.gray.6}',
543
+ $type: 'color',
544
+ $extensions: {
545
+ 'org.primer.figma': {
546
+ collection: 'mode',
547
+ mode: 'dark',
548
+ group: 'component',
549
+ scopes: ['borderColor'],
550
+ },
551
+ },
552
+ },
553
+ },
554
+ }
package/src/tokens/functional/color/dark/data-vis-dark.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
+ }