@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/base/color/light/light.json5 ADDED
@@ -0,0 +1,866 @@
1
+ /**
2
+ * Default light mode
3
+ * @description Also used as a base for all other light mode themes
4
+ */
5
+ {
6
+ base: {
7
+ color: {
8
+ black: {
9
+ $value: '#1f2328',
10
+ $type: 'color',
11
+ $extensions: {
12
+ 'org.primer.figma': {
13
+ "collection": "base/color/light",
14
+ },
15
+ },
16
+ },
17
+ transparent: {
18
+ $value: '#ffffff',
19
+ $type: 'color',
20
+ $extensions: {
21
+ 'org.primer.figma': {
22
+ "collection": "base/color/light",
23
+ },
24
+ },
25
+ alpha: 0,
26
+ },
27
+ white: {
28
+ $value: '#ffffff',
29
+ $type: 'color',
30
+ $extensions: {
31
+ 'org.primer.figma': {
32
+ "collection": "base/color/light",
33
+ },
34
+ },
35
+ },
36
+ gray: {
37
+ '0': {
38
+ $value: '#f6f8fa',
39
+ $type: 'color',
40
+ $extensions: {
41
+ 'org.primer.figma': {
42
+ "collection": "base/color/light",
43
+ },
44
+ },
45
+ },
46
+ '1': {
47
+ $value: '#eaeef2',
48
+ $type: 'color',
49
+ $extensions: {
50
+ 'org.primer.figma': {
51
+ "collection": "base/color/light",
52
+ },
53
+ },
54
+ },
55
+ '2': {
56
+ $value: '#d0d7de',
57
+ $type: 'color',
58
+ $extensions: {
59
+ 'org.primer.figma': {
60
+ "collection": "base/color/light",
61
+ },
62
+ },
63
+ },
64
+ '3': {
65
+ $value: '#afb8c1',
66
+ $type: 'color',
67
+ $extensions: {
68
+ 'org.primer.figma': {
69
+ "collection": "base/color/light",
70
+ },
71
+ },
72
+ },
73
+ '4': {
74
+ $value: '#8c959f',
75
+ $type: 'color',
76
+ $extensions: {
77
+ 'org.primer.figma': {
78
+ "collection": "base/color/light",
79
+ },
80
+ },
81
+ },
82
+ '5': {
83
+ $value: '#6e7781',
84
+ $type: 'color',
85
+ $extensions: {
86
+ 'org.primer.figma': {
87
+ "collection": "base/color/light",
88
+ },
89
+ },
90
+ },
91
+ '6': {
92
+ $value: '#57606a',
93
+ $type: 'color',
94
+ $extensions: {
95
+ 'org.primer.figma': {
96
+ "collection": "base/color/light",
97
+ },
98
+ },
99
+ },
100
+ '7': {
101
+ $value: '#424a53',
102
+ $type: 'color',
103
+ $extensions: {
104
+ 'org.primer.figma': {
105
+ "collection": "base/color/light",
106
+ },
107
+ },
108
+ },
109
+ '8': {
110
+ $value: '#32383f',
111
+ $type: 'color',
112
+ $extensions: {
113
+ 'org.primer.figma': {
114
+ "collection": "base/color/light",
115
+ },
116
+ },
117
+ },
118
+ '9': {
119
+ $value: '#24292f',
120
+ $type: 'color',
121
+ $extensions: {
122
+ 'org.primer.figma': {
123
+ "collection": "base/color/light",
124
+ },
125
+ },
126
+ },
127
+ },
128
+ blue: {
129
+ '0': {
130
+ $value: '#ddf4ff',
131
+ $type: 'color',
132
+ $extensions: {
133
+ 'org.primer.figma': {
134
+ "collection": "base/color/light",
135
+ },
136
+ },
137
+ },
138
+ '1': {
139
+ $value: '#b6e3ff',
140
+ $type: 'color',
141
+ $extensions: {
142
+ 'org.primer.figma': {
143
+ "collection": "base/color/light",
144
+ },
145
+ },
146
+ },
147
+ '2': {
148
+ $value: '#80ccff',
149
+ $type: 'color',
150
+ $extensions: {
151
+ 'org.primer.figma': {
152
+ "collection": "base/color/light",
153
+ },
154
+ },
155
+ },
156
+ '3': {
157
+ $value: '#54aeff',
158
+ $type: 'color',
159
+ $extensions: {
160
+ 'org.primer.figma': {
161
+ "collection": "base/color/light",
162
+ },
163
+ },
164
+ },
165
+ '4': {
166
+ $value: '#218bff',
167
+ $type: 'color',
168
+ $extensions: {
169
+ 'org.primer.figma': {
170
+ "collection": "base/color/light",
171
+ },
172
+ },
173
+ },
174
+ '5': {
175
+ $value: '#0969da',
176
+ $type: 'color',
177
+ $extensions: {
178
+ 'org.primer.figma': {
179
+ "collection": "base/color/light",
180
+ },
181
+ },
182
+ },
183
+ '6': {
184
+ $value: '#0550ae',
185
+ $type: 'color',
186
+ $extensions: {
187
+ 'org.primer.figma': {
188
+ "collection": "base/color/light",
189
+ },
190
+ },
191
+ },
192
+ '7': {
193
+ $value: '#033d8b',
194
+ $type: 'color',
195
+ $extensions: {
196
+ 'org.primer.figma': {
197
+ "collection": "base/color/light",
198
+ },
199
+ },
200
+ },
201
+ '8': {
202
+ $value: '#0a3069',
203
+ $type: 'color',
204
+ $extensions: {
205
+ 'org.primer.figma': {
206
+ "collection": "base/color/light",
207
+ },
208
+ },
209
+ },
210
+ '9': {
211
+ $value: '#002155',
212
+ $type: 'color',
213
+ $extensions: {
214
+ 'org.primer.figma': {
215
+ "collection": "base/color/light",
216
+ },
217
+ },
218
+ },
219
+ },
220
+ green: {
221
+ '0': {
222
+ $value: '#dafbe1',
223
+ $type: 'color',
224
+ $extensions: {
225
+ 'org.primer.figma': {
226
+ "collection": "base/color/light",
227
+ },
228
+ },
229
+ },
230
+ '1': {
231
+ $value: '#aceebb',
232
+ $type: 'color',
233
+ $extensions: {
234
+ 'org.primer.figma': {
235
+ "collection": "base/color/light",
236
+ },
237
+ },
238
+ },
239
+ '2': {
240
+ $value: '#6fdd8b',
241
+ $type: 'color',
242
+ $extensions: {
243
+ 'org.primer.figma': {
244
+ "collection": "base/color/light",
245
+ },
246
+ },
247
+ },
248
+ '3': {
249
+ $value: '#4ac26b',
250
+ $type: 'color',
251
+ $extensions: {
252
+ 'org.primer.figma': {
253
+ "collection": "base/color/light",
254
+ },
255
+ },
256
+ },
257
+ '4': {
258
+ $value: '#2da44e',
259
+ $type: 'color',
260
+ $extensions: {
261
+ 'org.primer.figma': {
262
+ "collection": "base/color/light",
263
+ },
264
+ },
265
+ },
266
+ '5': {
267
+ $value: '#1a7f37',
268
+ $type: 'color',
269
+ $extensions: {
270
+ 'org.primer.figma': {
271
+ "collection": "base/color/light",
272
+ },
273
+ },
274
+ },
275
+ '6': {
276
+ $value: '#116329',
277
+ $type: 'color',
278
+ $extensions: {
279
+ 'org.primer.figma': {
280
+ "collection": "base/color/light",
281
+ },
282
+ },
283
+ },
284
+ '7': {
285
+ $value: '#044f1e',
286
+ $type: 'color',
287
+ $extensions: {
288
+ 'org.primer.figma': {
289
+ "collection": "base/color/light",
290
+ },
291
+ },
292
+ },
293
+ '8': {
294
+ $value: '#003d16',
295
+ $type: 'color',
296
+ $extensions: {
297
+ 'org.primer.figma': {
298
+ "collection": "base/color/light",
299
+ },
300
+ },
301
+ },
302
+ '9': {
303
+ $value: '#002d11',
304
+ $type: 'color',
305
+ $extensions: {
306
+ 'org.primer.figma': {
307
+ "collection": "base/color/light",
308
+ },
309
+ },
310
+ },
311
+ },
312
+ yellow: {
313
+ '0': {
314
+ $value: '#fff8c5',
315
+ $type: 'color',
316
+ $extensions: {
317
+ 'org.primer.figma': {
318
+ "collection": "base/color/light",
319
+ },
320
+ },
321
+ },
322
+ '1': {
323
+ $value: '#fae17d',
324
+ $type: 'color',
325
+ $extensions: {
326
+ 'org.primer.figma': {
327
+ "collection": "base/color/light",
328
+ },
329
+ },
330
+ },
331
+ '2': {
332
+ $value: '#eac54f',
333
+ $type: 'color',
334
+ $extensions: {
335
+ 'org.primer.figma': {
336
+ "collection": "base/color/light",
337
+ },
338
+ },
339
+ },
340
+ '3': {
341
+ $value: '#d4a72c',
342
+ $type: 'color',
343
+ $extensions: {
344
+ 'org.primer.figma': {
345
+ "collection": "base/color/light",
346
+ },
347
+ },
348
+ },
349
+ '4': {
350
+ $value: '#bf8700',
351
+ $type: 'color',
352
+ $extensions: {
353
+ 'org.primer.figma': {
354
+ "collection": "base/color/light",
355
+ },
356
+ },
357
+ },
358
+ '5': {
359
+ $value: '#9a6700',
360
+ $type: 'color',
361
+ $extensions: {
362
+ 'org.primer.figma': {
363
+ "collection": "base/color/light",
364
+ },
365
+ },
366
+ },
367
+ '6': {
368
+ $value: '#7d4e00',
369
+ $type: 'color',
370
+ $extensions: {
371
+ 'org.primer.figma': {
372
+ "collection": "base/color/light",
373
+ },
374
+ },
375
+ },
376
+ '7': {
377
+ $value: '#633c01',
378
+ $type: 'color',
379
+ $extensions: {
380
+ 'org.primer.figma': {
381
+ "collection": "base/color/light",
382
+ },
383
+ },
384
+ },
385
+ '8': {
386
+ $value: '#4d2d00',
387
+ $type: 'color',
388
+ $extensions: {
389
+ 'org.primer.figma': {
390
+ "collection": "base/color/light",
391
+ },
392
+ },
393
+ },
394
+ '9': {
395
+ $value: '#3b2300',
396
+ $type: 'color',
397
+ $extensions: {
398
+ 'org.primer.figma': {
399
+ "collection": "base/color/light",
400
+ },
401
+ },
402
+ },
403
+ },
404
+ orange: {
405
+ '0': {
406
+ $value: '#fff1e5',
407
+ $type: 'color',
408
+ $extensions: {
409
+ 'org.primer.figma': {
410
+ "collection": "base/color/light",
411
+ },
412
+ },
413
+ },
414
+ '1': {
415
+ $value: '#ffd8b5',
416
+ $type: 'color',
417
+ $extensions: {
418
+ 'org.primer.figma': {
419
+ "collection": "base/color/light",
420
+ },
421
+ },
422
+ },
423
+ '2': {
424
+ $value: '#ffb77c',
425
+ $type: 'color',
426
+ $extensions: {
427
+ 'org.primer.figma': {
428
+ "collection": "base/color/light",
429
+ },
430
+ },
431
+ },
432
+ '3': {
433
+ $value: '#fb8f44',
434
+ $type: 'color',
435
+ $extensions: {
436
+ 'org.primer.figma': {
437
+ "collection": "base/color/light",
438
+ },
439
+ },
440
+ },
441
+ '4': {
442
+ $value: '#e16f24',
443
+ $type: 'color',
444
+ $extensions: {
445
+ 'org.primer.figma': {
446
+ "collection": "base/color/light",
447
+ },
448
+ },
449
+ },
450
+ '5': {
451
+ $value: '#bc4c00',
452
+ $type: 'color',
453
+ $extensions: {
454
+ 'org.primer.figma': {
455
+ "collection": "base/color/light",
456
+ },
457
+ },
458
+ },
459
+ '6': {
460
+ $value: '#953800',
461
+ $type: 'color',
462
+ $extensions: {
463
+ 'org.primer.figma': {
464
+ "collection": "base/color/light",
465
+ },
466
+ },
467
+ },
468
+ '7': {
469
+ $value: '#762c00',
470
+ $type: 'color',
471
+ $extensions: {
472
+ 'org.primer.figma': {
473
+ "collection": "base/color/light",
474
+ },
475
+ },
476
+ },
477
+ '8': {
478
+ $value: '#5c2200',
479
+ $type: 'color',
480
+ $extensions: {
481
+ 'org.primer.figma': {
482
+ "collection": "base/color/light",
483
+ },
484
+ },
485
+ },
486
+ '9': {
487
+ $value: '#471700',
488
+ $type: 'color',
489
+ $extensions: {
490
+ 'org.primer.figma': {
491
+ "collection": "base/color/light",
492
+ },
493
+ },
494
+ },
495
+ },
496
+ red: {
497
+ '0': {
498
+ $value: '#ffebe9',
499
+ $type: 'color',
500
+ $extensions: {
501
+ 'org.primer.figma': {
502
+ "collection": "base/color/light",
503
+ },
504
+ },
505
+ },
506
+ '1': {
507
+ $value: '#ffcecb',
508
+ $type: 'color',
509
+ $extensions: {
510
+ 'org.primer.figma': {
511
+ "collection": "base/color/light",
512
+ },
513
+ },
514
+ },
515
+ '2': {
516
+ $value: '#ffaba8',
517
+ $type: 'color',
518
+ $extensions: {
519
+ 'org.primer.figma': {
520
+ "collection": "base/color/light",
521
+ },
522
+ },
523
+ },
524
+ '3': {
525
+ $value: '#ff8182',
526
+ $type: 'color',
527
+ $extensions: {
528
+ 'org.primer.figma': {
529
+ "collection": "base/color/light",
530
+ },
531
+ },
532
+ },
533
+ '4': {
534
+ $value: '#fa4549',
535
+ $type: 'color',
536
+ $extensions: {
537
+ 'org.primer.figma': {
538
+ "collection": "base/color/light",
539
+ },
540
+ },
541
+ },
542
+ '5': {
543
+ $value: '#cf222e',
544
+ $type: 'color',
545
+ $extensions: {
546
+ 'org.primer.figma': {
547
+ "collection": "base/color/light",
548
+ },
549
+ },
550
+ },
551
+ '6': {
552
+ $value: '#a40e26',
553
+ $type: 'color',
554
+ $extensions: {
555
+ 'org.primer.figma': {
556
+ "collection": "base/color/light",
557
+ },
558
+ },
559
+ },
560
+ '7': {
561
+ $value: '#82071e',
562
+ $type: 'color',
563
+ $extensions: {
564
+ 'org.primer.figma': {
565
+ "collection": "base/color/light",
566
+ },
567
+ },
568
+ },
569
+ '8': {
570
+ $value: '#660018',
571
+ $type: 'color',
572
+ $extensions: {
573
+ 'org.primer.figma': {
574
+ "collection": "base/color/light",
575
+ },
576
+ },
577
+ },
578
+ '9': {
579
+ $value: '#4c0014',
580
+ $type: 'color',
581
+ $extensions: {
582
+ 'org.primer.figma': {
583
+ "collection": "base/color/light",
584
+ },
585
+ },
586
+ },
587
+ },
588
+ purple: {
589
+ '0': {
590
+ $value: '#fbefff',
591
+ $type: 'color',
592
+ $extensions: {
593
+ 'org.primer.figma': {
594
+ "collection": "base/color/light",
595
+ },
596
+ },
597
+ },
598
+ '1': {
599
+ $value: '#ecd8ff',
600
+ $type: 'color',
601
+ $extensions: {
602
+ 'org.primer.figma': {
603
+ "collection": "base/color/light",
604
+ },
605
+ },
606
+ },
607
+ '2': {
608
+ $value: '#d8b9ff',
609
+ $type: 'color',
610
+ $extensions: {
611
+ 'org.primer.figma': {
612
+ "collection": "base/color/light",
613
+ },
614
+ },
615
+ },
616
+ '3': {
617
+ $value: '#c297ff',
618
+ $type: 'color',
619
+ $extensions: {
620
+ 'org.primer.figma': {
621
+ "collection": "base/color/light",
622
+ },
623
+ },
624
+ },
625
+ '4': {
626
+ $value: '#a475f9',
627
+ $type: 'color',
628
+ $extensions: {
629
+ 'org.primer.figma': {
630
+ "collection": "base/color/light",
631
+ },
632
+ },
633
+ },
634
+ '5': {
635
+ $value: '#8250df',
636
+ $type: 'color',
637
+ $extensions: {
638
+ 'org.primer.figma': {
639
+ "collection": "base/color/light",
640
+ },
641
+ },
642
+ },
643
+ '6': {
644
+ $value: '#6639ba',
645
+ $type: 'color',
646
+ $extensions: {
647
+ 'org.primer.figma': {
648
+ "collection": "base/color/light",
649
+ },
650
+ },
651
+ },
652
+ '7': {
653
+ $value: '#512a97',
654
+ $type: 'color',
655
+ $extensions: {
656
+ 'org.primer.figma': {
657
+ "collection": "base/color/light",
658
+ },
659
+ },
660
+ },
661
+ '8': {
662
+ $value: '#3e1f79',
663
+ $type: 'color',
664
+ $extensions: {
665
+ 'org.primer.figma': {
666
+ "collection": "base/color/light",
667
+ },
668
+ },
669
+ },
670
+ '9': {
671
+ $value: '#2e1461',
672
+ $type: 'color',
673
+ $extensions: {
674
+ 'org.primer.figma': {
675
+ "collection": "base/color/light",
676
+ },
677
+ },
678
+ },
679
+ },
680
+ pink: {
681
+ '0': {
682
+ $value: '#ffeff7',
683
+ $type: 'color',
684
+ $extensions: {
685
+ 'org.primer.figma': {
686
+ "collection": "base/color/light",
687
+ },
688
+ },
689
+ },
690
+ '1': {
691
+ $value: '#ffd3eb',
692
+ $type: 'color',
693
+ $extensions: {
694
+ 'org.primer.figma': {
695
+ "collection": "base/color/light",
696
+ },
697
+ },
698
+ },
699
+ '2': {
700
+ $value: '#ffadda',
701
+ $type: 'color',
702
+ $extensions: {
703
+ 'org.primer.figma': {
704
+ "collection": "base/color/light",
705
+ },
706
+ },
707
+ },
708
+ '3': {
709
+ $value: '#ff80c8',
710
+ $type: 'color',
711
+ $extensions: {
712
+ 'org.primer.figma': {
713
+ "collection": "base/color/light",
714
+ },
715
+ },
716
+ },
717
+ '4': {
718
+ $value: '#e85aad',
719
+ $type: 'color',
720
+ $extensions: {
721
+ 'org.primer.figma': {
722
+ "collection": "base/color/light",
723
+ },
724
+ },
725
+ },
726
+ '5': {
727
+ $value: '#bf3989',
728
+ $type: 'color',
729
+ $extensions: {
730
+ 'org.primer.figma': {
731
+ "collection": "base/color/light",
732
+ },
733
+ },
734
+ },
735
+ '6': {
736
+ $value: '#99286e',
737
+ $type: 'color',
738
+ $extensions: {
739
+ 'org.primer.figma': {
740
+ "collection": "base/color/light",
741
+ },
742
+ },
743
+ },
744
+ '7': {
745
+ $value: '#772057',
746
+ $type: 'color',
747
+ $extensions: {
748
+ 'org.primer.figma': {
749
+ "collection": "base/color/light",
750
+ },
751
+ },
752
+ },
753
+ '8': {
754
+ $value: '#611347',
755
+ $type: 'color',
756
+ $extensions: {
757
+ 'org.primer.figma': {
758
+ "collection": "base/color/light",
759
+ },
760
+ },
761
+ },
762
+ '9': {
763
+ $value: '#4d0336',
764
+ $type: 'color',
765
+ $extensions: {
766
+ 'org.primer.figma': {
767
+ "collection": "base/color/light",
768
+ },
769
+ },
770
+ },
771
+ },
772
+ coral: {
773
+ '0': {
774
+ $value: '#fff0eb',
775
+ $type: 'color',
776
+ $extensions: {
777
+ 'org.primer.figma': {
778
+ "collection": "base/color/light",
779
+ },
780
+ },
781
+ },
782
+ '1': {
783
+ $value: '#ffd6cc',
784
+ $type: 'color',
785
+ $extensions: {
786
+ 'org.primer.figma': {
787
+ "collection": "base/color/light",
788
+ },
789
+ },
790
+ },
791
+ '2': {
792
+ $value: '#ffb4a1',
793
+ $type: 'color',
794
+ $extensions: {
795
+ 'org.primer.figma': {
796
+ "collection": "base/color/light",
797
+ },
798
+ },
799
+ },
800
+ '3': {
801
+ $value: '#fd8c73',
802
+ $type: 'color',
803
+ $extensions: {
804
+ 'org.primer.figma': {
805
+ "collection": "base/color/light",
806
+ },
807
+ },
808
+ },
809
+ '4': {
810
+ $value: '#ec6547',
811
+ $type: 'color',
812
+ $extensions: {
813
+ 'org.primer.figma': {
814
+ "collection": "base/color/light",
815
+ },
816
+ },
817
+ },
818
+ '5': {
819
+ $value: '#c4432b',
820
+ $type: 'color',
821
+ $extensions: {
822
+ 'org.primer.figma': {
823
+ "collection": "base/color/light",
824
+ },
825
+ },
826
+ },
827
+ '6': {
828
+ $value: '#9e2f1c',
829
+ $type: 'color',
830
+ $extensions: {
831
+ 'org.primer.figma': {
832
+ "collection": "base/color/light",
833
+ },
834
+ },
835
+ },
836
+ '7': {
837
+ $value: '#801f0f',
838
+ $type: 'color',
839
+ $extensions: {
840
+ 'org.primer.figma': {
841
+ "collection": "base/color/light",
842
+ },
843
+ },
844
+ },
845
+ '8': {
846
+ $value: '#691105',
847
+ $type: 'color',
848
+ $extensions: {
849
+ 'org.primer.figma': {
850
+ "collection": "base/color/light",
851
+ },
852
+ },
853
+ },
854
+ '9': {
855
+ $value: '#510901',
856
+ $type: 'color',
857
+ $extensions: {
858
+ 'org.primer.figma': {
859
+ "collection": "base/color/light",
860
+ },
861
+ },
862
+ },
863
+ },
864
+ },
865
+ },
866
+ }