@atlaskit/tokens 13.0.4 → 13.1.1

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 (343) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/codemods/css-to-design-tokens/lib/colors.tsx +3 -8
  3. package/codemods/css-to-design-tokens/lib/declaration.tsx +3 -13
  4. package/codemods/css-to-design-tokens/lib/extract-between-parentheses.tsx +4 -0
  5. package/codemods/css-to-design-tokens/lib/extract-less-var-name.tsx +3 -0
  6. package/codemods/css-to-design-tokens/lib/get-css-var-meta.tsx +13 -0
  7. package/codemods/css-to-design-tokens/lib/get-named-color-meta.tsx +5 -0
  8. package/codemods/css-to-design-tokens/lib/get-raw-color-meta.tsx +11 -0
  9. package/codemods/css-to-design-tokens/lib/is-css-declaration.tsx +3 -0
  10. package/codemods/css-to-design-tokens/lib/is-known-css-variable.tsx +5 -0
  11. package/codemods/css-to-design-tokens/lib/known-named-colors.tsx +150 -0
  12. package/codemods/css-to-design-tokens/lib/known-raw-colors.tsx +17 -0
  13. package/codemods/css-to-design-tokens/lib/known-variables.tsx +167 -0
  14. package/codemods/css-to-design-tokens/lib/legacy-colors.tsx +3 -335
  15. package/codemods/css-to-design-tokens/lib/meta.tsx +3 -28
  16. package/codemods/css-to-design-tokens/lib/split-css-value.tsx +4 -0
  17. package/codemods/css-to-design-tokens/lib/value.tsx +6 -9
  18. package/codemods/css-to-design-tokens/transform.tsx +3 -1
  19. package/dist/cjs/artifacts/palettes-raw/palette.js +35 -1
  20. package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  21. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  22. package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  23. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  24. package/dist/cjs/artifacts/token-default-values.js +2 -2
  25. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +3 -3
  26. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +3 -3
  27. package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +3 -3
  28. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +3 -3
  29. package/dist/cjs/constants.js +1 -0
  30. package/dist/cjs/entry-points/theme-state-transformer.js +4 -3
  31. package/dist/cjs/entry-points/token-metadata.codegen.js +2 -2
  32. package/dist/cjs/get-custom-theme-styles.js +7 -6
  33. package/dist/cjs/get-global-theme.js +2 -2
  34. package/dist/cjs/get-theme-html-attrs.js +2 -2
  35. package/dist/cjs/get-theme-styles.js +27 -27
  36. package/dist/cjs/index.js +4 -3
  37. package/dist/cjs/is-color-mode.js +9 -0
  38. package/dist/cjs/is-theme-ids.js +12 -0
  39. package/dist/cjs/is-theme-kind.js +12 -0
  40. package/dist/cjs/set-global-theme.js +32 -31
  41. package/dist/cjs/theme-config.js +9 -43
  42. package/dist/cjs/theme-object-to-string.js +42 -0
  43. package/dist/cjs/theme-options-schema.js +1 -0
  44. package/dist/cjs/theme-state-defaults.js +39 -0
  45. package/dist/cjs/theme-state.js +5 -0
  46. package/dist/cjs/theme-string-to-object.js +51 -0
  47. package/dist/cjs/utils/additional-contrast-checker.js +43 -0
  48. package/dist/cjs/utils/custom-theme-loading-utils.js +0 -20
  49. package/dist/cjs/utils/custom-theme-token-contrast-check.js +2 -38
  50. package/dist/cjs/utils/delta-e.js +26 -0
  51. package/dist/cjs/utils/generate-colors.js +47 -0
  52. package/dist/cjs/utils/generate-token-map-with-contrast-check.js +32 -0
  53. package/dist/cjs/utils/{generate-custom-color-ramp.js → generate-token-map.js} +6 -71
  54. package/dist/cjs/utils/get-closest-color-index.js +3 -2
  55. package/dist/cjs/utils/get-contrast-ratio.js +22 -0
  56. package/dist/cjs/utils/hct-color-utils/alpha-from-argb.js +12 -0
  57. package/dist/cjs/utils/hct-color-utils/argb-from-linrgb.js +17 -0
  58. package/dist/cjs/utils/hct-color-utils/argb-from-lstar.js +21 -0
  59. package/dist/cjs/utils/hct-color-utils/argb-from-rgba.js +24 -0
  60. package/dist/cjs/utils/hct-color-utils/argb-from-xyz.js +29 -0
  61. package/dist/cjs/utils/hct-color-utils/blue-from-argb.js +12 -0
  62. package/dist/cjs/utils/hct-color-utils/clamp-component.js +15 -0
  63. package/dist/cjs/utils/hct-color-utils/contrast.js +10 -11
  64. package/dist/cjs/utils/hct-color-utils/green-from-argb.js +12 -0
  65. package/dist/cjs/utils/hct-color-utils/hct.js +18 -12
  66. package/dist/cjs/utils/hct-color-utils/index.js +4 -3
  67. package/dist/cjs/utils/hct-color-utils/lab-f.js +15 -0
  68. package/dist/cjs/utils/hct-color-utils/lab-invf.js +16 -0
  69. package/dist/cjs/utils/hct-color-utils/lstar-from-argb.js +34 -0
  70. package/dist/cjs/utils/hct-color-utils/lstar-from-y.js +21 -0
  71. package/dist/cjs/utils/hct-color-utils/red-from-argb.js +12 -0
  72. package/dist/cjs/utils/hct-color-utils/rgba-from-argb.js +28 -0
  73. package/dist/cjs/utils/hct-color-utils/rgba.js +1 -0
  74. package/dist/cjs/utils/hct-color-utils/viewing-conditions.js +5 -4
  75. package/dist/cjs/utils/hct-color-utils/white-point-d65.js +14 -0
  76. package/dist/cjs/utils/hct-color-utils/y-from-lstar.js +21 -0
  77. package/dist/cjs/utils/hex-to-hsl.js +52 -0
  78. package/dist/cjs/utils/hex-to-rgb-a.js +20 -0
  79. package/dist/cjs/utils/hex-to-rgb.js +19 -0
  80. package/dist/cjs/utils/is-valid-hex.js +10 -0
  81. package/dist/cjs/utils/load-theme-css.js +4 -4
  82. package/dist/cjs/utils/reduce-token-map.js +18 -0
  83. package/dist/cjs/utils/rgb-to-lab.js +24 -0
  84. package/dist/cjs/utils/theme-loading.js +8 -8
  85. package/dist/es2019/artifacts/palettes-raw/palette.js +35 -1
  86. package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  87. package/dist/es2019/artifacts/themes/atlassian-dark.js +2 -2
  88. package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  89. package/dist/es2019/artifacts/themes/atlassian-light.js +2 -2
  90. package/dist/es2019/artifacts/token-default-values.js +2 -2
  91. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +3 -3
  92. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3 -3
  93. package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +3 -3
  94. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3 -3
  95. package/dist/es2019/constants.js +1 -0
  96. package/dist/es2019/entry-points/theme-state-transformer.js +2 -1
  97. package/dist/es2019/entry-points/token-metadata.codegen.js +2 -2
  98. package/dist/es2019/get-custom-theme-styles.js +3 -2
  99. package/dist/es2019/get-global-theme.js +1 -1
  100. package/dist/es2019/get-theme-html-attrs.js +1 -1
  101. package/dist/es2019/index.js +2 -1
  102. package/dist/es2019/is-color-mode.js +3 -0
  103. package/dist/es2019/is-theme-ids.js +4 -0
  104. package/dist/es2019/is-theme-kind.js +4 -0
  105. package/dist/es2019/theme-config.js +5 -44
  106. package/dist/es2019/theme-object-to-string.js +28 -0
  107. package/dist/es2019/theme-options-schema.js +0 -0
  108. package/dist/es2019/theme-state-defaults.js +34 -0
  109. package/dist/es2019/theme-state.js +1 -0
  110. package/dist/es2019/theme-string-to-object.js +38 -0
  111. package/dist/es2019/utils/additional-contrast-checker.js +39 -0
  112. package/dist/es2019/utils/custom-theme-loading-utils.js +1 -9
  113. package/dist/es2019/utils/custom-theme-token-contrast-check.js +1 -39
  114. package/dist/es2019/utils/delta-e.js +20 -0
  115. package/dist/es2019/utils/generate-colors.js +39 -0
  116. package/dist/es2019/utils/generate-token-map-with-contrast-check.js +21 -0
  117. package/dist/es2019/utils/{generate-custom-color-ramp.js → generate-token-map.js} +3 -59
  118. package/dist/es2019/utils/get-closest-color-index.js +2 -1
  119. package/dist/es2019/utils/get-contrast-ratio.js +16 -0
  120. package/dist/es2019/utils/hct-color-utils/alpha-from-argb.js +6 -0
  121. package/dist/es2019/utils/hct-color-utils/argb-from-linrgb.js +12 -0
  122. package/dist/es2019/utils/hct-color-utils/argb-from-lstar.js +16 -0
  123. package/dist/es2019/utils/hct-color-utils/argb-from-rgba.js +19 -0
  124. package/dist/es2019/utils/hct-color-utils/argb-from-xyz.js +24 -0
  125. package/dist/es2019/utils/hct-color-utils/blue-from-argb.js +6 -0
  126. package/dist/es2019/utils/hct-color-utils/clamp-component.js +9 -0
  127. package/dist/es2019/utils/hct-color-utils/contrast.js +10 -10
  128. package/dist/es2019/utils/hct-color-utils/green-from-argb.js +6 -0
  129. package/dist/es2019/utils/hct-color-utils/hct.js +19 -12
  130. package/dist/es2019/utils/hct-color-utils/index.js +2 -1
  131. package/dist/es2019/utils/hct-color-utils/lab-f.js +9 -0
  132. package/dist/es2019/utils/hct-color-utils/lab-invf.js +10 -0
  133. package/dist/es2019/utils/hct-color-utils/lstar-from-argb.js +28 -0
  134. package/dist/es2019/utils/hct-color-utils/lstar-from-y.js +16 -0
  135. package/dist/es2019/utils/hct-color-utils/red-from-argb.js +6 -0
  136. package/dist/es2019/utils/hct-color-utils/rgba-from-argb.js +22 -0
  137. package/dist/es2019/utils/hct-color-utils/rgba.js +0 -0
  138. package/dist/es2019/utils/hct-color-utils/viewing-conditions.js +4 -3
  139. package/dist/es2019/utils/hct-color-utils/white-point-d65.js +8 -0
  140. package/dist/es2019/utils/hct-color-utils/y-from-lstar.js +16 -0
  141. package/dist/es2019/utils/hex-to-hsl.js +46 -0
  142. package/dist/es2019/utils/hex-to-rgb-a.js +14 -0
  143. package/dist/es2019/utils/hex-to-rgb.js +13 -0
  144. package/dist/es2019/utils/is-valid-hex.js +2 -0
  145. package/dist/es2019/utils/reduce-token-map.js +7 -0
  146. package/dist/es2019/utils/rgb-to-lab.js +18 -0
  147. package/dist/esm/artifacts/palettes-raw/palette.js +35 -1
  148. package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  149. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  150. package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  151. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  152. package/dist/esm/artifacts/token-default-values.js +2 -2
  153. package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +3 -3
  154. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3 -3
  155. package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +3 -3
  156. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3 -3
  157. package/dist/esm/constants.js +1 -0
  158. package/dist/esm/entry-points/theme-state-transformer.js +2 -1
  159. package/dist/esm/entry-points/token-metadata.codegen.js +2 -2
  160. package/dist/esm/get-custom-theme-styles.js +3 -2
  161. package/dist/esm/get-global-theme.js +1 -1
  162. package/dist/esm/get-theme-html-attrs.js +1 -1
  163. package/dist/esm/get-theme-styles.js +26 -26
  164. package/dist/esm/index.js +2 -1
  165. package/dist/esm/is-color-mode.js +3 -0
  166. package/dist/esm/is-theme-ids.js +6 -0
  167. package/dist/esm/is-theme-kind.js +6 -0
  168. package/dist/esm/set-global-theme.js +31 -30
  169. package/dist/esm/theme-config.js +5 -44
  170. package/dist/esm/theme-object-to-string.js +35 -0
  171. package/dist/esm/theme-options-schema.js +0 -0
  172. package/dist/esm/theme-state-defaults.js +34 -0
  173. package/dist/esm/theme-state.js +1 -0
  174. package/dist/esm/theme-string-to-object.js +44 -0
  175. package/dist/esm/utils/additional-contrast-checker.js +36 -0
  176. package/dist/esm/utils/custom-theme-loading-utils.js +1 -13
  177. package/dist/esm/utils/custom-theme-token-contrast-check.js +1 -36
  178. package/dist/esm/utils/delta-e.js +20 -0
  179. package/dist/esm/utils/generate-colors.js +40 -0
  180. package/dist/esm/utils/generate-token-map-with-contrast-check.js +25 -0
  181. package/dist/esm/utils/{generate-custom-color-ramp.js → generate-token-map.js} +3 -63
  182. package/dist/esm/utils/get-closest-color-index.js +2 -1
  183. package/dist/esm/utils/get-contrast-ratio.js +16 -0
  184. package/dist/esm/utils/hct-color-utils/alpha-from-argb.js +6 -0
  185. package/dist/esm/utils/hct-color-utils/argb-from-linrgb.js +12 -0
  186. package/dist/esm/utils/hct-color-utils/argb-from-lstar.js +16 -0
  187. package/dist/esm/utils/hct-color-utils/argb-from-rgba.js +18 -0
  188. package/dist/esm/utils/hct-color-utils/argb-from-xyz.js +24 -0
  189. package/dist/esm/utils/hct-color-utils/blue-from-argb.js +6 -0
  190. package/dist/esm/utils/hct-color-utils/clamp-component.js +9 -0
  191. package/dist/esm/utils/hct-color-utils/contrast.js +10 -10
  192. package/dist/esm/utils/hct-color-utils/green-from-argb.js +6 -0
  193. package/dist/esm/utils/hct-color-utils/hct.js +19 -12
  194. package/dist/esm/utils/hct-color-utils/index.js +2 -1
  195. package/dist/esm/utils/hct-color-utils/lab-f.js +9 -0
  196. package/dist/esm/utils/hct-color-utils/lab-invf.js +10 -0
  197. package/dist/esm/utils/hct-color-utils/lstar-from-argb.js +28 -0
  198. package/dist/esm/utils/hct-color-utils/lstar-from-y.js +16 -0
  199. package/dist/esm/utils/hct-color-utils/red-from-argb.js +6 -0
  200. package/dist/esm/utils/hct-color-utils/rgba-from-argb.js +22 -0
  201. package/dist/esm/utils/hct-color-utils/rgba.js +0 -0
  202. package/dist/esm/utils/hct-color-utils/viewing-conditions.js +5 -4
  203. package/dist/esm/utils/hct-color-utils/white-point-d65.js +8 -0
  204. package/dist/esm/utils/hct-color-utils/y-from-lstar.js +16 -0
  205. package/dist/esm/utils/hex-to-hsl.js +46 -0
  206. package/dist/esm/utils/hex-to-rgb-a.js +14 -0
  207. package/dist/esm/utils/hex-to-rgb.js +13 -0
  208. package/dist/esm/utils/is-valid-hex.js +4 -0
  209. package/dist/esm/utils/load-theme-css.js +4 -4
  210. package/dist/esm/utils/reduce-token-map.js +11 -0
  211. package/dist/esm/utils/rgb-to-lab.js +18 -0
  212. package/dist/esm/utils/theme-loading.js +8 -8
  213. package/dist/types/artifacts/palettes-raw/palette.d.ts +1 -1
  214. package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  215. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  216. package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  217. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  218. package/dist/types/artifacts/token-default-values.d.ts +2 -2
  219. package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  220. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  221. package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  222. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  223. package/dist/types/entry-points/theme-state-transformer.d.ts +2 -1
  224. package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
  225. package/dist/types/index.d.ts +2 -1
  226. package/dist/types/is-color-mode.d.ts +2 -0
  227. package/dist/types/is-theme-ids.d.ts +2 -0
  228. package/dist/types/is-theme-kind.d.ts +4 -0
  229. package/dist/types/theme-color-modes.d.ts +1 -0
  230. package/dist/types/theme-config.d.ts +8 -40
  231. package/dist/types/theme-ids.d.ts +1 -0
  232. package/dist/types/theme-object-to-string.d.ts +13 -0
  233. package/dist/types/theme-options-schema.d.ts +7 -0
  234. package/dist/types/theme-state-defaults.d.ts +14 -0
  235. package/dist/types/theme-state.d.ts +17 -0
  236. package/dist/types/{theme-state-transformer.d.ts → theme-string-to-object.d.ts} +0 -12
  237. package/dist/types/utils/additional-contrast-checker.d.ts +9 -0
  238. package/dist/types/utils/custom-theme-loading-utils.d.ts +1 -6
  239. package/dist/types/utils/custom-theme-token-contrast-check.d.ts +0 -9
  240. package/dist/types/utils/delta-e.d.ts +1 -0
  241. package/dist/types/utils/generate-colors.d.ts +5 -0
  242. package/dist/types/utils/{generate-custom-color-ramp.d.ts → generate-token-map-with-contrast-check.d.ts} +1 -6
  243. package/dist/types/utils/generate-token-map.d.ts +9 -0
  244. package/dist/types/utils/get-contrast-ratio.d.ts +1 -0
  245. package/dist/types/utils/hct-color-utils/alpha-from-argb.d.ts +4 -0
  246. package/dist/types/utils/hct-color-utils/argb-from-linrgb.d.ts +4 -0
  247. package/dist/types/utils/hct-color-utils/argb-from-lstar.d.ts +8 -0
  248. package/dist/types/utils/hct-color-utils/argb-from-rgba.d.ts +8 -0
  249. package/dist/types/utils/hct-color-utils/argb-from-xyz.d.ts +4 -0
  250. package/dist/types/utils/hct-color-utils/blue-from-argb.d.ts +4 -0
  251. package/dist/types/utils/hct-color-utils/clamp-component.d.ts +1 -0
  252. package/dist/types/utils/hct-color-utils/green-from-argb.d.ts +4 -0
  253. package/dist/types/utils/hct-color-utils/index.d.ts +2 -1
  254. package/dist/types/utils/hct-color-utils/lab-f.d.ts +1 -0
  255. package/dist/types/utils/hct-color-utils/lab-invf.d.ts +1 -0
  256. package/dist/types/utils/hct-color-utils/lstar-from-argb.d.ts +7 -0
  257. package/dist/types/utils/hct-color-utils/lstar-from-y.d.ts +12 -0
  258. package/dist/types/utils/hct-color-utils/red-from-argb.d.ts +4 -0
  259. package/dist/types/utils/hct-color-utils/rgba-from-argb.d.ts +8 -0
  260. package/dist/types/utils/hct-color-utils/rgba.d.ts +14 -0
  261. package/dist/types/utils/hct-color-utils/white-point-d65.d.ts +6 -0
  262. package/dist/types/utils/hct-color-utils/y-from-lstar.d.ts +12 -0
  263. package/dist/types/utils/hex-to-hsl.d.ts +1 -0
  264. package/dist/types/utils/hex-to-rgb-a.d.ts +1 -0
  265. package/dist/types/utils/hex-to-rgb.d.ts +1 -0
  266. package/dist/types/utils/is-valid-hex.d.ts +1 -0
  267. package/dist/types/utils/reduce-token-map.d.ts +6 -0
  268. package/dist/types/utils/rgb-to-lab.d.ts +1 -0
  269. package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +1 -1
  270. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  271. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  272. package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  273. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  274. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +2 -2
  275. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  276. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  277. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  278. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  279. package/dist/types-ts4.5/entry-points/theme-state-transformer.d.ts +2 -1
  280. package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
  281. package/dist/types-ts4.5/index.d.ts +2 -1
  282. package/dist/types-ts4.5/is-color-mode.d.ts +2 -0
  283. package/dist/types-ts4.5/is-theme-ids.d.ts +2 -0
  284. package/dist/types-ts4.5/is-theme-kind.d.ts +11 -0
  285. package/dist/types-ts4.5/theme-color-modes.d.ts +1 -0
  286. package/dist/types-ts4.5/theme-config.d.ts +8 -40
  287. package/dist/types-ts4.5/theme-ids.d.ts +1 -0
  288. package/dist/types-ts4.5/theme-object-to-string.d.ts +13 -0
  289. package/dist/types-ts4.5/theme-options-schema.d.ts +7 -0
  290. package/dist/types-ts4.5/theme-state-defaults.d.ts +14 -0
  291. package/dist/types-ts4.5/theme-state.d.ts +17 -0
  292. package/dist/types-ts4.5/{theme-state-transformer.d.ts → theme-string-to-object.d.ts} +0 -12
  293. package/dist/types-ts4.5/utils/additional-contrast-checker.d.ts +9 -0
  294. package/dist/types-ts4.5/utils/custom-theme-loading-utils.d.ts +1 -6
  295. package/dist/types-ts4.5/utils/custom-theme-token-contrast-check.d.ts +0 -9
  296. package/dist/types-ts4.5/utils/delta-e.d.ts +1 -0
  297. package/dist/types-ts4.5/utils/generate-colors.d.ts +5 -0
  298. package/dist/types-ts4.5/utils/{generate-custom-color-ramp.d.ts → generate-token-map-with-contrast-check.d.ts} +1 -8
  299. package/dist/types-ts4.5/utils/generate-token-map.d.ts +11 -0
  300. package/dist/types-ts4.5/utils/get-contrast-ratio.d.ts +1 -0
  301. package/dist/types-ts4.5/utils/hct-color-utils/alpha-from-argb.d.ts +4 -0
  302. package/dist/types-ts4.5/utils/hct-color-utils/argb-from-linrgb.d.ts +4 -0
  303. package/dist/types-ts4.5/utils/hct-color-utils/argb-from-lstar.d.ts +8 -0
  304. package/dist/types-ts4.5/utils/hct-color-utils/argb-from-rgba.d.ts +8 -0
  305. package/dist/types-ts4.5/utils/hct-color-utils/argb-from-xyz.d.ts +4 -0
  306. package/dist/types-ts4.5/utils/hct-color-utils/blue-from-argb.d.ts +4 -0
  307. package/dist/types-ts4.5/utils/hct-color-utils/clamp-component.d.ts +1 -0
  308. package/dist/types-ts4.5/utils/hct-color-utils/green-from-argb.d.ts +4 -0
  309. package/dist/types-ts4.5/utils/hct-color-utils/index.d.ts +2 -1
  310. package/dist/types-ts4.5/utils/hct-color-utils/lab-f.d.ts +1 -0
  311. package/dist/types-ts4.5/utils/hct-color-utils/lab-invf.d.ts +1 -0
  312. package/dist/types-ts4.5/utils/hct-color-utils/lstar-from-argb.d.ts +7 -0
  313. package/dist/types-ts4.5/utils/hct-color-utils/lstar-from-y.d.ts +12 -0
  314. package/dist/types-ts4.5/utils/hct-color-utils/red-from-argb.d.ts +4 -0
  315. package/dist/types-ts4.5/utils/hct-color-utils/rgba-from-argb.d.ts +8 -0
  316. package/dist/types-ts4.5/utils/hct-color-utils/rgba.d.ts +14 -0
  317. package/dist/types-ts4.5/utils/hct-color-utils/white-point-d65.d.ts +6 -0
  318. package/dist/types-ts4.5/utils/hct-color-utils/y-from-lstar.d.ts +12 -0
  319. package/dist/types-ts4.5/utils/hex-to-hsl.d.ts +5 -0
  320. package/dist/types-ts4.5/utils/hex-to-rgb-a.d.ts +6 -0
  321. package/dist/types-ts4.5/utils/hex-to-rgb.d.ts +5 -0
  322. package/dist/types-ts4.5/utils/is-valid-hex.d.ts +1 -0
  323. package/dist/types-ts4.5/utils/reduce-token-map.d.ts +6 -0
  324. package/dist/types-ts4.5/utils/rgb-to-lab.d.ts +5 -0
  325. package/figma/atlassian-dark-increased-contrast.json +1 -1
  326. package/figma/atlassian-dark.json +1 -1
  327. package/figma/atlassian-light-increased-contrast.json +1 -1
  328. package/figma/atlassian-light.json +1 -1
  329. package/package.json +12 -12
  330. package/tokens.docs.tsx +48 -46
  331. package/dist/cjs/theme-state-transformer.js +0 -92
  332. package/dist/cjs/utils/color-utils.js +0 -168
  333. package/dist/cjs/utils/hct-color-utils/color-utils.js +0 -271
  334. package/dist/es2019/theme-state-transformer.js +0 -69
  335. package/dist/es2019/utils/color-utils.js +0 -128
  336. package/dist/es2019/utils/hct-color-utils/color-utils.js +0 -241
  337. package/dist/esm/theme-state-transformer.js +0 -85
  338. package/dist/esm/utils/color-utils.js +0 -130
  339. package/dist/esm/utils/hct-color-utils/color-utils.js +0 -240
  340. package/dist/types/utils/color-utils.d.ts +0 -10
  341. package/dist/types/utils/hct-color-utils/color-utils.d.ts +0 -88
  342. package/dist/types-ts4.5/utils/color-utils.d.ts +0 -23
  343. package/dist/types-ts4.5/utils/hct-color-utils/color-utils.d.ts +0 -88
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::81a7dedc0a0c6bb6970207479c2a88dd>>
3
+ * @codegen <<SignedSource::2aeda6082601f2aa47e90f990174849f>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #292A2E;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #AE2E24;\n --ds-text-accent-red-bolder: #5D1F1A;\n --ds-text-accent-orange: #9E4C00;\n --ds-text-accent-orange-bolder: #693200;\n --ds-text-accent-yellow: #7F5F01;\n --ds-text-accent-yellow-bolder: #533F04;\n --ds-text-accent-green: #216E4E;\n --ds-text-accent-green-bolder: #164B35;\n --ds-text-accent-teal: #206A83;\n --ds-text-accent-teal-bolder: #164555;\n --ds-text-accent-blue: #1558BC;\n --ds-text-accent-blue-bolder: #123263;\n --ds-text-accent-purple: #803FA5;\n --ds-text-accent-purple-bolder: #48245D;\n --ds-text-accent-magenta: #943D73;\n --ds-text-accent-magenta-bolder: #50253F;\n --ds-text-accent-gray: #505258;\n --ds-text-accent-gray-bolder: #1E1F21;\n --ds-text-disabled: #080F214A;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #1868DB;\n --ds-text-brand: #1868DB;\n --ds-text-danger: #AE2E24;\n --ds-text-danger-bolder: #5D1F1A;\n --ds-text-warning: #9E4C00;\n --ds-text-warning-inverse: #292A2E;\n --ds-text-warning-bolder: #693200;\n --ds-text-success: #4C6B1F;\n --ds-text-success-bolder: #37471F;\n --ds-text-discovery: #803FA5;\n --ds-text-discovery-bolder: #48245D;\n --ds-text-information: #1558BC;\n --ds-text-information-bolder: #123263;\n --ds-text-subtlest: #6B6E76;\n --ds-text-subtle: #505258;\n --ds-link: #1868DB;\n --ds-link-pressed: #1558BC;\n --ds-link-visited: #803FA5;\n --ds-link-visited-pressed: #48245D;\n --ds-icon: #292A2E;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #C9372C;\n --ds-icon-accent-orange: #E06C00;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #2898BD;\n --ds-icon-accent-blue: #357DE8;\n --ds-icon-accent-purple: #AF59E1;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #7D818A;\n --ds-icon-disabled: #080F214A;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #1868DB;\n --ds-icon-brand: #1868DB;\n --ds-icon-danger: #C9372C;\n --ds-icon-warning: #E06C00;\n --ds-icon-warning-inverse: #292A2E;\n --ds-icon-success: #6A9A23;\n --ds-icon-discovery: #AF59E1;\n --ds-icon-information: #357DE8;\n --ds-icon-subtlest: #6B6E76;\n --ds-icon-subtle: #505258;\n --ds-border: #0B120E24;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #E2483D;\n --ds-border-accent-orange: #E06C00;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #2898BD;\n --ds-border-accent-blue: #357DE8;\n --ds-border-accent-purple: #AF59E1;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #7D818A;\n --ds-border-disabled: #0515240F;\n --ds-border-focused: #4688EC;\n --ds-border-input: #8C8F97;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #1868DB;\n --ds-border-brand: #1868DB;\n --ds-border-danger: #E2483D;\n --ds-border-warning: #E06C00;\n --ds-border-success: #6A9A23;\n --ds-border-discovery: #AF59E1;\n --ds-border-information: #357DE8;\n --ds-border-bold: #7D818A;\n --ds-background-accent-lime-subtlest: #EFFFD6;\n --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n --ds-background-accent-lime-subtlest-pressed: #BDE97C;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtler-hovered: #BDE97C;\n --ds-background-accent-lime-subtler-pressed: #B3DF72;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-subtle-hovered: #B3DF72;\n --ds-background-accent-lime-subtle-pressed: #BDE97C;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-lime-bolder-hovered: #4C6B1F;\n --ds-background-accent-lime-bolder-pressed: #3F5224;\n --ds-background-accent-red-subtlest: #FFECEB;\n --ds-background-accent-red-subtlest-hovered: #FFD5D2;\n --ds-background-accent-red-subtlest-pressed: #FFB8B2;\n --ds-background-accent-red-subtler: #FFD5D2;\n --ds-background-accent-red-subtler-hovered: #FFB8B2;\n --ds-background-accent-red-subtler-pressed: #FD9891;\n --ds-background-accent-red-subtle: #F87168;\n --ds-background-accent-red-subtle-hovered: #FD9891;\n --ds-background-accent-red-subtle-pressed: #FFB8B2;\n --ds-background-accent-red-bolder: #C9372C;\n --ds-background-accent-red-bolder-hovered: #AE2E24;\n --ds-background-accent-red-bolder-pressed: #872821;\n --ds-background-accent-orange-subtlest: #FFF5DB;\n --ds-background-accent-orange-subtlest-hovered: #FCE4A6;\n --ds-background-accent-orange-subtlest-pressed: #FBD779;\n --ds-background-accent-orange-subtler: #FCE4A6;\n --ds-background-accent-orange-subtler-hovered: #FBD779;\n --ds-background-accent-orange-subtler-pressed: #FBC828;\n --ds-background-accent-orange-subtle: #FCA700;\n --ds-background-accent-orange-subtle-hovered: #FBC828;\n --ds-background-accent-orange-subtle-pressed: #FBD779;\n --ds-background-accent-orange-bolder: #BD5B00;\n --ds-background-accent-orange-bolder-hovered: #9E4C00;\n --ds-background-accent-orange-bolder-pressed: #7A3B00;\n --ds-background-accent-yellow-subtlest: #FEF7C8;\n --ds-background-accent-yellow-subtlest-hovered: #F5E989;\n --ds-background-accent-yellow-subtlest-pressed: #EFDD4E;\n --ds-background-accent-yellow-subtler: #F5E989;\n --ds-background-accent-yellow-subtler-hovered: #EFDD4E;\n --ds-background-accent-yellow-subtler-pressed: #EED12B;\n --ds-background-accent-yellow-subtle: #EED12B;\n --ds-background-accent-yellow-subtle-hovered: #DDB30E;\n --ds-background-accent-yellow-subtle-pressed: #EFDD4E;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-yellow-bolder-hovered: #7F5F01;\n --ds-background-accent-yellow-bolder-pressed: #614A05;\n --ds-background-accent-green-subtlest: #DCFFF1;\n --ds-background-accent-green-subtlest-hovered: #BAF3DB;\n --ds-background-accent-green-subtlest-pressed: #97EDC9;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtler-hovered: #97EDC9;\n --ds-background-accent-green-subtler-pressed: #7EE2B8;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-subtle-hovered: #7EE2B8;\n --ds-background-accent-green-subtle-pressed: #97EDC9;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-green-bolder-hovered: #216E4E;\n --ds-background-accent-green-bolder-pressed: #19573D;\n --ds-background-accent-teal-subtlest: #E7F9FF;\n --ds-background-accent-teal-subtlest-hovered: #C6EDFB;\n --ds-background-accent-teal-subtlest-pressed: #B1E4F7;\n --ds-background-accent-teal-subtler: #C6EDFB;\n --ds-background-accent-teal-subtler-hovered: #B1E4F7;\n --ds-background-accent-teal-subtler-pressed: #9DD9EE;\n --ds-background-accent-teal-subtle: #6CC3E0;\n --ds-background-accent-teal-subtle-hovered: #9DD9EE;\n --ds-background-accent-teal-subtle-pressed: #B1E4F7;\n --ds-background-accent-teal-bolder: #227D9B;\n --ds-background-accent-teal-bolder-hovered: #206A83;\n --ds-background-accent-teal-bolder-pressed: #1A5265;\n --ds-background-accent-blue-subtlest: #E9F2FE;\n --ds-background-accent-blue-subtlest-hovered: #CFE1FD;\n --ds-background-accent-blue-subtlest-pressed: #ADCBFB;\n --ds-background-accent-blue-subtler: #CFE1FD;\n --ds-background-accent-blue-subtler-hovered: #ADCBFB;\n --ds-background-accent-blue-subtler-pressed: #8FB8F6;\n --ds-background-accent-blue-subtle: #669DF1;\n --ds-background-accent-blue-subtle-hovered: #8FB8F6;\n --ds-background-accent-blue-subtle-pressed: #ADCBFB;\n --ds-background-accent-blue-bolder: #1868DB;\n --ds-background-accent-blue-bolder-hovered: #1558BC;\n --ds-background-accent-blue-bolder-pressed: #144794;\n --ds-background-accent-purple-subtlest: #F8EEFE;\n --ds-background-accent-purple-subtlest-hovered: #EED7FC;\n --ds-background-accent-purple-subtlest-pressed: #E3BDFA;\n --ds-background-accent-purple-subtler: #EED7FC;\n --ds-background-accent-purple-subtler-hovered: #E3BDFA;\n --ds-background-accent-purple-subtler-pressed: #D8A0F7;\n --ds-background-accent-purple-subtle: #C97CF4;\n --ds-background-accent-purple-subtle-hovered: #D8A0F7;\n --ds-background-accent-purple-subtle-pressed: #E3BDFA;\n --ds-background-accent-purple-bolder: #964AC0;\n --ds-background-accent-purple-bolder-hovered: #803FA5;\n --ds-background-accent-purple-bolder-pressed: #673286;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtlest-pressed: #FCB6E1;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtler-hovered: #FCB6E1;\n --ds-background-accent-magenta-subtler-pressed: #F797D2;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-subtle-hovered: #F797D2;\n --ds-background-accent-magenta-subtle-pressed: #FCB6E1;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-magenta-bolder-hovered: #943D73;\n --ds-background-accent-magenta-bolder-pressed: #77325B;\n --ds-background-accent-gray-subtlest: #F0F1F2;\n --ds-background-accent-gray-subtlest-hovered: #DDDEE1;\n --ds-background-accent-gray-subtlest-pressed: #B7B9BE;\n --ds-background-accent-gray-subtler: #DDDEE1;\n --ds-background-accent-gray-subtler-hovered: #B7B9BE;\n --ds-background-accent-gray-subtler-pressed: #8C8F97;\n --ds-background-accent-gray-subtle: #8C8F97;\n --ds-background-accent-gray-subtle-hovered: #B7B9BE;\n --ds-background-accent-gray-subtle-pressed: #DDDEE1;\n --ds-background-accent-gray-bolder: #6B6E76;\n --ds-background-accent-gray-bolder-hovered: #505258;\n --ds-background-accent-gray-bolder-pressed: #3B3D42;\n --ds-background-disabled: #17171708;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F8F8F8;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #0515240F;\n --ds-background-neutral-hovered: #0B120E24;\n --ds-background-neutral-pressed: #080F214A;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #0515240F;\n --ds-background-neutral-subtle-pressed: #0B120E24;\n --ds-background-neutral-bold: #292A2E;\n --ds-background-neutral-bold-hovered: #3B3D42;\n --ds-background-neutral-bold-pressed: #505258;\n --ds-background-selected: #E9F2FE;\n --ds-background-selected-hovered: #CFE1FD;\n --ds-background-selected-pressed: #8FB8F6;\n --ds-background-selected-bold: #1868DB;\n --ds-background-selected-bold-hovered: #1558BC;\n --ds-background-selected-bold-pressed: #123263;\n --ds-background-brand-subtlest: #E9F2FE;\n --ds-background-brand-subtlest-hovered: #CFE1FD;\n --ds-background-brand-subtlest-pressed: #ADCBFB;\n --ds-background-brand-bold: #1868DB;\n --ds-background-brand-bold-hovered: #1558BC;\n --ds-background-brand-bold-pressed: #144794;\n --ds-background-brand-boldest: #1C2B42;\n --ds-background-brand-boldest-hovered: #123263;\n --ds-background-brand-boldest-pressed: #144794;\n --ds-background-danger: #FFECEB;\n --ds-background-danger-hovered: #FFD5D2;\n --ds-background-danger-pressed: #FFB8B2;\n --ds-background-danger-subtler: #FFD5D2;\n --ds-background-danger-subtler-hovered: #FFB8B2;\n --ds-background-danger-subtler-pressed: #FD9891;\n --ds-background-danger-bold: #C9372C;\n --ds-background-danger-bold-hovered: #AE2E24;\n --ds-background-danger-bold-pressed: #872821;\n --ds-background-warning: #FFF5DB;\n --ds-background-warning-hovered: #FCE4A6;\n --ds-background-warning-pressed: #FBD779;\n --ds-background-warning-subtler: #FCE4A6;\n --ds-background-warning-subtler-hovered: #FBD779;\n --ds-background-warning-subtler-pressed: #FBC828;\n --ds-background-warning-bold: #FBC828;\n --ds-background-warning-bold-hovered: #FCA700;\n --ds-background-warning-bold-pressed: #F68909;\n --ds-background-success: #EFFFD6;\n --ds-background-success-hovered: #D3F1A7;\n --ds-background-success-pressed: #BDE97C;\n --ds-background-success-subtler: #D3F1A7;\n --ds-background-success-subtler-hovered: #BDE97C;\n --ds-background-success-subtler-pressed: #B3DF72;\n --ds-background-success-bold: #5B7F24;\n --ds-background-success-bold-hovered: #4C6B1F;\n --ds-background-success-bold-pressed: #3F5224;\n --ds-background-discovery: #F8EEFE;\n --ds-background-discovery-hovered: #EED7FC;\n --ds-background-discovery-pressed: #E3BDFA;\n --ds-background-discovery-subtler: #EED7FC;\n --ds-background-discovery-subtler-hovered: #E3BDFA;\n --ds-background-discovery-subtler-pressed: #D8A0F7;\n --ds-background-discovery-bold: #964AC0;\n --ds-background-discovery-bold-hovered: #803FA5;\n --ds-background-discovery-bold-pressed: #673286;\n --ds-background-information: #E9F2FE;\n --ds-background-information-hovered: #CFE1FD;\n --ds-background-information-pressed: #ADCBFB;\n --ds-background-information-subtler: #CFE1FD;\n --ds-background-information-subtler-hovered: #ADCBFB;\n --ds-background-information-subtler-pressed: #8FB8F6;\n --ds-background-information-bold: #1868DB;\n --ds-background-information-bold-hovered: #1558BC;\n --ds-background-information-bold-pressed: #144794;\n --ds-blanket: #050C1F75;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #0515240F;\n --ds-skeleton-subtle: #17171708;\n --ds-chart-categorical-1: #357DE8;\n --ds-chart-categorical-1-hovered: #1868DB;\n --ds-chart-categorical-2: #82B536;\n --ds-chart-categorical-2-hovered: #6A9A23;\n --ds-chart-categorical-3: #BF63F3;\n --ds-chart-categorical-3-hovered: #AF59E1;\n --ds-chart-categorical-4: #F68909;\n --ds-chart-categorical-4-hovered: #E06C00;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #123263;\n --ds-chart-categorical-6: #964AC0;\n --ds-chart-categorical-6-hovered: #803FA5;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #2898BD;\n --ds-chart-categorical-8: #BD5B00;\n --ds-chart-categorical-8-hovered: #7A3B00;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #8C8F97;\n --ds-chart-neutral-hovered: #7D818A;\n --ds-chart-red-bold: #F15B50;\n --ds-chart-red-bold-hovered: #E2483D;\n --ds-chart-red-bolder: #E2483D;\n --ds-chart-red-bolder-hovered: #C9372C;\n --ds-chart-red-boldest: #AE2E24;\n --ds-chart-red-boldest-hovered: #5D1F1A;\n --ds-chart-orange-bold: #E06C00;\n --ds-chart-orange-bold-hovered: #BD5B00;\n --ds-chart-orange-bolder: #BD5B00;\n --ds-chart-orange-bolder-hovered: #9E4C00;\n --ds-chart-orange-boldest: #7A3B00;\n --ds-chart-orange-boldest-hovered: #693200;\n --ds-chart-yellow-bold: #B38600;\n --ds-chart-yellow-bold-hovered: #946F00;\n --ds-chart-yellow-bolder: #946F00;\n --ds-chart-yellow-bolder-hovered: #7F5F01;\n --ds-chart-yellow-boldest: #7F5F01;\n --ds-chart-yellow-boldest-hovered: #533F04;\n --ds-chart-green-bold: #22A06B;\n --ds-chart-green-bold-hovered: #1F845A;\n --ds-chart-green-bolder: #1F845A;\n --ds-chart-green-bolder-hovered: #216E4E;\n --ds-chart-green-boldest: #216E4E;\n --ds-chart-green-boldest-hovered: #164B35;\n --ds-chart-teal-bold: #2898BD;\n --ds-chart-teal-bold-hovered: #227D9B;\n --ds-chart-teal-bolder: #227D9B;\n --ds-chart-teal-bolder-hovered: #206A83;\n --ds-chart-teal-boldest: #206A83;\n --ds-chart-teal-boldest-hovered: #164555;\n --ds-chart-blue-bold: #4688EC;\n --ds-chart-blue-bold-hovered: #357DE8;\n --ds-chart-blue-bolder: #357DE8;\n --ds-chart-blue-bolder-hovered: #1868DB;\n --ds-chart-blue-boldest: #1558BC;\n --ds-chart-blue-boldest-hovered: #123263;\n --ds-chart-purple-bold: #BF63F3;\n --ds-chart-purple-bold-hovered: #AF59E1;\n --ds-chart-purple-bolder: #AF59E1;\n --ds-chart-purple-bolder-hovered: #964AC0;\n --ds-chart-purple-boldest: #803FA5;\n --ds-chart-purple-boldest-hovered: #48245D;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #8C8F97;\n --ds-chart-gray-bold-hovered: #7D818A;\n --ds-chart-gray-bolder: #7D818A;\n --ds-chart-gray-bolder-hovered: #6B6E76;\n --ds-chart-gray-boldest: #505258;\n --ds-chart-gray-boldest-hovered: #3B3D42;\n --ds-chart-brand: #357DE8;\n --ds-chart-brand-hovered: #1868DB;\n --ds-chart-danger: #E2483D;\n --ds-chart-danger-hovered: #C9372C;\n --ds-chart-danger-bold: #872821;\n --ds-chart-danger-bold-hovered: #5D1F1A;\n --ds-chart-warning: #F68909;\n --ds-chart-warning-hovered: #E06C00;\n --ds-chart-warning-bold: #BD5B00;\n --ds-chart-warning-bold-hovered: #9E4C00;\n --ds-chart-success: #82B536;\n --ds-chart-success-hovered: #6A9A23;\n --ds-chart-success-bold: #5B7F24;\n --ds-chart-success-bold-hovered: #4C6B1F;\n --ds-chart-discovery: #BF63F3;\n --ds-chart-discovery-hovered: #AF59E1;\n --ds-chart-discovery-bold: #803FA5;\n --ds-chart-discovery-bold-hovered: #964AC0;\n --ds-chart-information: #357DE8;\n --ds-chart-information-hovered: #1868DB;\n --ds-chart-information-bold: #1558BC;\n --ds-chart-information-bold-hovered: #123263;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F0F1F2;\n --ds-surface-pressed: #DDDEE1;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F0F1F2;\n --ds-surface-overlay-pressed: #DDDEE1;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F0F1F2;\n --ds-surface-raised-pressed: #DDDEE1;\n --ds-surface-sunken: #F8F8F8;\n --ds-shadow-overflow: 0px 0px 8px #1E1F2129, 0px 0px 1px #1E1F211F;\n --ds-shadow-overflow-perimeter: #1E1F211f;\n --ds-shadow-overflow-spread: #1E1F2129;\n --ds-shadow-overlay: 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214F;\n --ds-shadow-raised: 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #FFFFFF;\n}\n";
6
+ declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #292A2E;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #AE2E24;\n --ds-text-accent-red-bolder: #5D1F1A;\n --ds-text-accent-orange: #9E4C00;\n --ds-text-accent-orange-bolder: #693200;\n --ds-text-accent-yellow: #7F5F01;\n --ds-text-accent-yellow-bolder: #533F04;\n --ds-text-accent-green: #216E4E;\n --ds-text-accent-green-bolder: #164B35;\n --ds-text-accent-teal: #206A83;\n --ds-text-accent-teal-bolder: #164555;\n --ds-text-accent-blue: #1558BC;\n --ds-text-accent-blue-bolder: #123263;\n --ds-text-accent-purple: #803FA5;\n --ds-text-accent-purple-bolder: #48245D;\n --ds-text-accent-magenta: #943D73;\n --ds-text-accent-magenta-bolder: #50253F;\n --ds-text-accent-gray: #505258;\n --ds-text-accent-gray-bolder: #1E1F21;\n --ds-text-disabled: #080F214A;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #1868DB;\n --ds-text-brand: #1868DB;\n --ds-text-danger: #AE2E24;\n --ds-text-danger-bolder: #5D1F1A;\n --ds-text-warning: #9E4C00;\n --ds-text-warning-inverse: #292A2E;\n --ds-text-warning-bolder: #693200;\n --ds-text-success: #4C6B1F;\n --ds-text-success-bolder: #37471F;\n --ds-text-discovery: #803FA5;\n --ds-text-discovery-bolder: #48245D;\n --ds-text-information: #1558BC;\n --ds-text-information-bolder: #123263;\n --ds-text-subtlest: #6B6E76;\n --ds-text-subtle: #505258;\n --ds-link: #1868DB;\n --ds-link-pressed: #1558BC;\n --ds-link-visited: #803FA5;\n --ds-link-visited-pressed: #48245D;\n --ds-icon: #292A2E;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #C9372C;\n --ds-icon-accent-orange: #E06C00;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #2898BD;\n --ds-icon-accent-blue: #357DE8;\n --ds-icon-accent-purple: #AF59E1;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #7D818A;\n --ds-icon-disabled: #080F214A;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #1868DB;\n --ds-icon-brand: #1868DB;\n --ds-icon-danger: #C9372C;\n --ds-icon-warning: #E06C00;\n --ds-icon-warning-inverse: #292A2E;\n --ds-icon-success: #6A9A23;\n --ds-icon-discovery: #AF59E1;\n --ds-icon-information: #357DE8;\n --ds-icon-subtlest: #6B6E76;\n --ds-icon-subtle: #505258;\n --ds-border: #0B120E24;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #E2483D;\n --ds-border-accent-orange: #E06C00;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #2898BD;\n --ds-border-accent-blue: #357DE8;\n --ds-border-accent-purple: #AF59E1;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #7D818A;\n --ds-border-disabled: #0515240F;\n --ds-border-focused: #4688EC;\n --ds-border-input: #8C8F97;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #1868DB;\n --ds-border-brand: #1868DB;\n --ds-border-danger: #E2483D;\n --ds-border-warning: #E06C00;\n --ds-border-success: #6A9A23;\n --ds-border-discovery: #AF59E1;\n --ds-border-information: #357DE8;\n --ds-border-bold: #7D818A;\n --ds-background-accent-lime-subtlest: #EFFFD6;\n --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n --ds-background-accent-lime-subtlest-pressed: #BDE97C;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtler-hovered: #BDE97C;\n --ds-background-accent-lime-subtler-pressed: #B3DF72;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-subtle-hovered: #B3DF72;\n --ds-background-accent-lime-subtle-pressed: #BDE97C;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-lime-bolder-hovered: #4C6B1F;\n --ds-background-accent-lime-bolder-pressed: #3F5224;\n --ds-background-accent-red-subtlest: #FFECEB;\n --ds-background-accent-red-subtlest-hovered: #FFD5D2;\n --ds-background-accent-red-subtlest-pressed: #FFB8B2;\n --ds-background-accent-red-subtler: #FFD5D2;\n --ds-background-accent-red-subtler-hovered: #FFB8B2;\n --ds-background-accent-red-subtler-pressed: #FD9891;\n --ds-background-accent-red-subtle: #F87168;\n --ds-background-accent-red-subtle-hovered: #FD9891;\n --ds-background-accent-red-subtle-pressed: #FFB8B2;\n --ds-background-accent-red-bolder: #C9372C;\n --ds-background-accent-red-bolder-hovered: #AE2E24;\n --ds-background-accent-red-bolder-pressed: #872821;\n --ds-background-accent-orange-subtlest: #FFF5DB;\n --ds-background-accent-orange-subtlest-hovered: #FCE4A6;\n --ds-background-accent-orange-subtlest-pressed: #FBD779;\n --ds-background-accent-orange-subtler: #FCE4A6;\n --ds-background-accent-orange-subtler-hovered: #FBD779;\n --ds-background-accent-orange-subtler-pressed: #FBC828;\n --ds-background-accent-orange-subtle: #FCA700;\n --ds-background-accent-orange-subtle-hovered: #FBC828;\n --ds-background-accent-orange-subtle-pressed: #FBD779;\n --ds-background-accent-orange-bolder: #BD5B00;\n --ds-background-accent-orange-bolder-hovered: #9E4C00;\n --ds-background-accent-orange-bolder-pressed: #7A3B00;\n --ds-background-accent-yellow-subtlest: #FEF7C8;\n --ds-background-accent-yellow-subtlest-hovered: #F5E989;\n --ds-background-accent-yellow-subtlest-pressed: #EFDD4E;\n --ds-background-accent-yellow-subtler: #F5E989;\n --ds-background-accent-yellow-subtler-hovered: #EFDD4E;\n --ds-background-accent-yellow-subtler-pressed: #EED12B;\n --ds-background-accent-yellow-subtle: #EED12B;\n --ds-background-accent-yellow-subtle-hovered: #DDB30E;\n --ds-background-accent-yellow-subtle-pressed: #EFDD4E;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-yellow-bolder-hovered: #7F5F01;\n --ds-background-accent-yellow-bolder-pressed: #614A05;\n --ds-background-accent-green-subtlest: #DCFFF1;\n --ds-background-accent-green-subtlest-hovered: #BAF3DB;\n --ds-background-accent-green-subtlest-pressed: #97EDC9;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtler-hovered: #97EDC9;\n --ds-background-accent-green-subtler-pressed: #7EE2B8;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-subtle-hovered: #7EE2B8;\n --ds-background-accent-green-subtle-pressed: #97EDC9;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-green-bolder-hovered: #216E4E;\n --ds-background-accent-green-bolder-pressed: #19573D;\n --ds-background-accent-teal-subtlest: #E7F9FF;\n --ds-background-accent-teal-subtlest-hovered: #C6EDFB;\n --ds-background-accent-teal-subtlest-pressed: #B1E4F7;\n --ds-background-accent-teal-subtler: #C6EDFB;\n --ds-background-accent-teal-subtler-hovered: #B1E4F7;\n --ds-background-accent-teal-subtler-pressed: #9DD9EE;\n --ds-background-accent-teal-subtle: #6CC3E0;\n --ds-background-accent-teal-subtle-hovered: #9DD9EE;\n --ds-background-accent-teal-subtle-pressed: #B1E4F7;\n --ds-background-accent-teal-bolder: #227D9B;\n --ds-background-accent-teal-bolder-hovered: #206A83;\n --ds-background-accent-teal-bolder-pressed: #1A5265;\n --ds-background-accent-blue-subtlest: #E9F2FE;\n --ds-background-accent-blue-subtlest-hovered: #CFE1FD;\n --ds-background-accent-blue-subtlest-pressed: #ADCBFB;\n --ds-background-accent-blue-subtler: #CFE1FD;\n --ds-background-accent-blue-subtler-hovered: #ADCBFB;\n --ds-background-accent-blue-subtler-pressed: #8FB8F6;\n --ds-background-accent-blue-subtle: #669DF1;\n --ds-background-accent-blue-subtle-hovered: #8FB8F6;\n --ds-background-accent-blue-subtle-pressed: #ADCBFB;\n --ds-background-accent-blue-bolder: #1868DB;\n --ds-background-accent-blue-bolder-hovered: #1558BC;\n --ds-background-accent-blue-bolder-pressed: #144794;\n --ds-background-accent-purple-subtlest: #F8EEFE;\n --ds-background-accent-purple-subtlest-hovered: #EED7FC;\n --ds-background-accent-purple-subtlest-pressed: #E3BDFA;\n --ds-background-accent-purple-subtler: #EED7FC;\n --ds-background-accent-purple-subtler-hovered: #E3BDFA;\n --ds-background-accent-purple-subtler-pressed: #D8A0F7;\n --ds-background-accent-purple-subtle: #C97CF4;\n --ds-background-accent-purple-subtle-hovered: #D8A0F7;\n --ds-background-accent-purple-subtle-pressed: #E3BDFA;\n --ds-background-accent-purple-bolder: #964AC0;\n --ds-background-accent-purple-bolder-hovered: #803FA5;\n --ds-background-accent-purple-bolder-pressed: #673286;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtlest-pressed: #FCB6E1;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtler-hovered: #FCB6E1;\n --ds-background-accent-magenta-subtler-pressed: #F797D2;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-subtle-hovered: #F797D2;\n --ds-background-accent-magenta-subtle-pressed: #FCB6E1;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-magenta-bolder-hovered: #943D73;\n --ds-background-accent-magenta-bolder-pressed: #77325B;\n --ds-background-accent-gray-subtlest: #F0F1F2;\n --ds-background-accent-gray-subtlest-hovered: #DDDEE1;\n --ds-background-accent-gray-subtlest-pressed: #B7B9BE;\n --ds-background-accent-gray-subtler: #DDDEE1;\n --ds-background-accent-gray-subtler-hovered: #B7B9BE;\n --ds-background-accent-gray-subtler-pressed: #8C8F97;\n --ds-background-accent-gray-subtle: #8C8F97;\n --ds-background-accent-gray-subtle-hovered: #B7B9BE;\n --ds-background-accent-gray-subtle-pressed: #DDDEE1;\n --ds-background-accent-gray-bolder: #6B6E76;\n --ds-background-accent-gray-bolder-hovered: #505258;\n --ds-background-accent-gray-bolder-pressed: #3B3D42;\n --ds-background-disabled: #0515240F;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F8F8F8;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #0515240F;\n --ds-background-neutral-hovered: #0B120E24;\n --ds-background-neutral-pressed: #080F214A;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #0515240F;\n --ds-background-neutral-subtle-pressed: #0B120E24;\n --ds-background-neutral-bold: #292A2E;\n --ds-background-neutral-bold-hovered: #3B3D42;\n --ds-background-neutral-bold-pressed: #505258;\n --ds-background-selected: #E9F2FE;\n --ds-background-selected-hovered: #CFE1FD;\n --ds-background-selected-pressed: #8FB8F6;\n --ds-background-selected-bold: #1868DB;\n --ds-background-selected-bold-hovered: #1558BC;\n --ds-background-selected-bold-pressed: #123263;\n --ds-background-brand-subtlest: #E9F2FE;\n --ds-background-brand-subtlest-hovered: #CFE1FD;\n --ds-background-brand-subtlest-pressed: #ADCBFB;\n --ds-background-brand-bold: #1868DB;\n --ds-background-brand-bold-hovered: #1558BC;\n --ds-background-brand-bold-pressed: #144794;\n --ds-background-brand-boldest: #1C2B42;\n --ds-background-brand-boldest-hovered: #123263;\n --ds-background-brand-boldest-pressed: #144794;\n --ds-background-danger: #FFECEB;\n --ds-background-danger-hovered: #FFD5D2;\n --ds-background-danger-pressed: #FFB8B2;\n --ds-background-danger-subtler: #FFD5D2;\n --ds-background-danger-subtler-hovered: #FFB8B2;\n --ds-background-danger-subtler-pressed: #FD9891;\n --ds-background-danger-bold: #C9372C;\n --ds-background-danger-bold-hovered: #AE2E24;\n --ds-background-danger-bold-pressed: #872821;\n --ds-background-warning: #FFF5DB;\n --ds-background-warning-hovered: #FCE4A6;\n --ds-background-warning-pressed: #FBD779;\n --ds-background-warning-subtler: #FCE4A6;\n --ds-background-warning-subtler-hovered: #FBD779;\n --ds-background-warning-subtler-pressed: #FBC828;\n --ds-background-warning-bold: #FBC828;\n --ds-background-warning-bold-hovered: #FCA700;\n --ds-background-warning-bold-pressed: #F68909;\n --ds-background-success: #EFFFD6;\n --ds-background-success-hovered: #D3F1A7;\n --ds-background-success-pressed: #BDE97C;\n --ds-background-success-subtler: #D3F1A7;\n --ds-background-success-subtler-hovered: #BDE97C;\n --ds-background-success-subtler-pressed: #B3DF72;\n --ds-background-success-bold: #5B7F24;\n --ds-background-success-bold-hovered: #4C6B1F;\n --ds-background-success-bold-pressed: #3F5224;\n --ds-background-discovery: #F8EEFE;\n --ds-background-discovery-hovered: #EED7FC;\n --ds-background-discovery-pressed: #E3BDFA;\n --ds-background-discovery-subtler: #EED7FC;\n --ds-background-discovery-subtler-hovered: #E3BDFA;\n --ds-background-discovery-subtler-pressed: #D8A0F7;\n --ds-background-discovery-bold: #964AC0;\n --ds-background-discovery-bold-hovered: #803FA5;\n --ds-background-discovery-bold-pressed: #673286;\n --ds-background-information: #E9F2FE;\n --ds-background-information-hovered: #CFE1FD;\n --ds-background-information-pressed: #ADCBFB;\n --ds-background-information-subtler: #CFE1FD;\n --ds-background-information-subtler-hovered: #ADCBFB;\n --ds-background-information-subtler-pressed: #8FB8F6;\n --ds-background-information-bold: #1868DB;\n --ds-background-information-bold-hovered: #1558BC;\n --ds-background-information-bold-pressed: #144794;\n --ds-blanket: #050C1F75;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #0515240F;\n --ds-skeleton-subtle: #17171708;\n --ds-chart-categorical-1: #357DE8;\n --ds-chart-categorical-1-hovered: #1868DB;\n --ds-chart-categorical-2: #82B536;\n --ds-chart-categorical-2-hovered: #6A9A23;\n --ds-chart-categorical-3: #BF63F3;\n --ds-chart-categorical-3-hovered: #AF59E1;\n --ds-chart-categorical-4: #F68909;\n --ds-chart-categorical-4-hovered: #E06C00;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #123263;\n --ds-chart-categorical-6: #964AC0;\n --ds-chart-categorical-6-hovered: #803FA5;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #2898BD;\n --ds-chart-categorical-8: #BD5B00;\n --ds-chart-categorical-8-hovered: #7A3B00;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #8C8F97;\n --ds-chart-neutral-hovered: #7D818A;\n --ds-chart-red-bold: #F15B50;\n --ds-chart-red-bold-hovered: #E2483D;\n --ds-chart-red-bolder: #E2483D;\n --ds-chart-red-bolder-hovered: #C9372C;\n --ds-chart-red-boldest: #AE2E24;\n --ds-chart-red-boldest-hovered: #5D1F1A;\n --ds-chart-orange-bold: #E06C00;\n --ds-chart-orange-bold-hovered: #BD5B00;\n --ds-chart-orange-bolder: #BD5B00;\n --ds-chart-orange-bolder-hovered: #9E4C00;\n --ds-chart-orange-boldest: #7A3B00;\n --ds-chart-orange-boldest-hovered: #693200;\n --ds-chart-yellow-bold: #B38600;\n --ds-chart-yellow-bold-hovered: #946F00;\n --ds-chart-yellow-bolder: #946F00;\n --ds-chart-yellow-bolder-hovered: #7F5F01;\n --ds-chart-yellow-boldest: #7F5F01;\n --ds-chart-yellow-boldest-hovered: #533F04;\n --ds-chart-green-bold: #22A06B;\n --ds-chart-green-bold-hovered: #1F845A;\n --ds-chart-green-bolder: #1F845A;\n --ds-chart-green-bolder-hovered: #216E4E;\n --ds-chart-green-boldest: #216E4E;\n --ds-chart-green-boldest-hovered: #164B35;\n --ds-chart-teal-bold: #2898BD;\n --ds-chart-teal-bold-hovered: #227D9B;\n --ds-chart-teal-bolder: #227D9B;\n --ds-chart-teal-bolder-hovered: #206A83;\n --ds-chart-teal-boldest: #206A83;\n --ds-chart-teal-boldest-hovered: #164555;\n --ds-chart-blue-bold: #4688EC;\n --ds-chart-blue-bold-hovered: #357DE8;\n --ds-chart-blue-bolder: #357DE8;\n --ds-chart-blue-bolder-hovered: #1868DB;\n --ds-chart-blue-boldest: #1558BC;\n --ds-chart-blue-boldest-hovered: #123263;\n --ds-chart-purple-bold: #BF63F3;\n --ds-chart-purple-bold-hovered: #AF59E1;\n --ds-chart-purple-bolder: #AF59E1;\n --ds-chart-purple-bolder-hovered: #964AC0;\n --ds-chart-purple-boldest: #803FA5;\n --ds-chart-purple-boldest-hovered: #48245D;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #8C8F97;\n --ds-chart-gray-bold-hovered: #7D818A;\n --ds-chart-gray-bolder: #7D818A;\n --ds-chart-gray-bolder-hovered: #6B6E76;\n --ds-chart-gray-boldest: #505258;\n --ds-chart-gray-boldest-hovered: #3B3D42;\n --ds-chart-brand: #357DE8;\n --ds-chart-brand-hovered: #1868DB;\n --ds-chart-danger: #E2483D;\n --ds-chart-danger-hovered: #C9372C;\n --ds-chart-danger-bold: #872821;\n --ds-chart-danger-bold-hovered: #5D1F1A;\n --ds-chart-warning: #F68909;\n --ds-chart-warning-hovered: #E06C00;\n --ds-chart-warning-bold: #BD5B00;\n --ds-chart-warning-bold-hovered: #9E4C00;\n --ds-chart-success: #82B536;\n --ds-chart-success-hovered: #6A9A23;\n --ds-chart-success-bold: #5B7F24;\n --ds-chart-success-bold-hovered: #4C6B1F;\n --ds-chart-discovery: #BF63F3;\n --ds-chart-discovery-hovered: #AF59E1;\n --ds-chart-discovery-bold: #803FA5;\n --ds-chart-discovery-bold-hovered: #964AC0;\n --ds-chart-information: #357DE8;\n --ds-chart-information-hovered: #1868DB;\n --ds-chart-information-bold: #1558BC;\n --ds-chart-information-bold-hovered: #123263;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F0F1F2;\n --ds-surface-pressed: #DDDEE1;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F0F1F2;\n --ds-surface-overlay-pressed: #DDDEE1;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F0F1F2;\n --ds-surface-raised-pressed: #DDDEE1;\n --ds-surface-sunken: #F8F8F8;\n --ds-shadow-overflow: 0px 0px 8px #1E1F2129, 0px 0px 1px #1E1F211F;\n --ds-shadow-overflow-perimeter: #1E1F211f;\n --ds-shadow-overflow-spread: #1E1F2129;\n --ds-shadow-overlay: 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214F;\n --ds-shadow-raised: 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #FFFFFF;\n}\n";
7
7
  export default _default;
@@ -7,7 +7,7 @@
7
7
  * Token names mapped to their value in the default Atlassian themes ('light').
8
8
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
9
9
  *
10
- * @codegen <<SignedSource::3389a98f2c8d274c3d9e5d9d63df8780>>
10
+ * @codegen <<SignedSource::3873b297b6131bf7b9da06afc874cd80>>
11
11
  * @codegenCommand yarn build tokens
12
12
  */
13
13
  declare const defaultTokenValues: {
@@ -268,7 +268,7 @@ declare const defaultTokenValues: {
268
268
  readonly 'color.background.accent.gray.bolder': "#6B6E76";
269
269
  readonly 'color.background.accent.gray.bolder.hovered': "#505258";
270
270
  readonly 'color.background.accent.gray.bolder.pressed': "#3B3D42";
271
- readonly 'color.background.disabled': "#17171708";
271
+ readonly 'color.background.disabled': "#0515240F";
272
272
  readonly 'color.background.input': "#FFFFFF";
273
273
  readonly 'color.background.input.hovered': "#F8F8F8";
274
274
  readonly 'color.background.input.pressed': "#FFFFFF";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::9cf43027d49c104eeaabe2f135ba8c22>>
3
+ * @codegen <<SignedSource::07c07cb4fbd8c34128a7303a4b5bf336>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  type TokenValue = string | number | {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::59ef4b5bec3f9d0828615e38ebd219c2>>
3
+ * @codegen <<SignedSource::c7aa39eae7839f7e54fc07b5614a5359>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  type TokenValue = string | number | {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::8a1f5d2a98c1bd5c70a4bb2c9b1ccf11>>
3
+ * @codegen <<SignedSource::8a1fd8b52d543897e21443d4368692c4>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  type TokenValue = string | number | {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::a101da74518f6374353a0e1b48115f4f>>
3
+ * @codegen <<SignedSource::d7798f5da9c5cb814cf6b4e2e6137397>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  type TokenValue = string | number | {
@@ -1 +1,2 @@
1
- export { themeStringToObject, themeObjectToString } from '../theme-state-transformer';
1
+ export { themeStringToObject } from '../theme-string-to-object';
2
+ export { themeObjectToString } from '../theme-object-to-string';
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Metadata for generation of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
5
5
  *
6
- * @codegen <<SignedSource::8a97395137b2eee0fedb0ac95a7a2528>>
6
+ * @codegen <<SignedSource::ecdf4f84ae7b36849943b200af52ee54>>
7
7
  * @codegenCommand yarn build tokens
8
8
  */
9
9
  export interface Token {
@@ -9,7 +9,8 @@ export { default as getSSRAutoScript } from './get-ssr-auto-script';
9
9
  export { default as useThemeObserver } from './use-theme-observer';
10
10
  export { default as ThemeMutationObserver } from './theme-mutation-observer';
11
11
  export { default as getGlobalTheme } from './get-global-theme';
12
- export { themeStringToObject, themeObjectToString } from './theme-state-transformer';
12
+ export { themeStringToObject } from './theme-string-to-object';
13
+ export { themeObjectToString } from './theme-object-to-string';
13
14
  export { default as themeImportMap } from './artifacts/theme-import-map';
14
15
  export type { CSSToken } from './artifacts/token-names';
15
16
  export type { ActiveTokens } from './artifacts/types';
@@ -0,0 +1,2 @@
1
+ import type { ThemeColorModes } from './theme-color-modes';
2
+ export declare const isColorMode: (modeId: string) => modeId is ThemeColorModes;
@@ -0,0 +1,2 @@
1
+ import type { ThemeIds } from './theme-config';
2
+ export declare const isThemeIds: (themeId: string) => themeId is ThemeIds;
@@ -0,0 +1,11 @@
1
+ declare const themeKinds: readonly [
2
+ "light",
3
+ "dark",
4
+ "spacing",
5
+ "typography",
6
+ "shape",
7
+ "motion"
8
+ ];
9
+ type ThemeKind = (typeof themeKinds)[number];
10
+ export declare const isThemeKind: (themeKind: string) => themeKind is ThemeKind;
11
+ export {};
@@ -9,3 +9,4 @@ export declare const themeColorModes: readonly [
9
9
  "dark",
10
10
  "auto"
11
11
  ];
12
+ export type ThemeColorModes = (typeof themeColorModes)[number];
@@ -1,8 +1,9 @@
1
- import { type themeColorModes } from './theme-color-modes';
2
- import { themeIds } from './theme-ids';
3
1
  /**
4
2
  * This file contains the source of truth for themes and all associated meta data.
5
3
  */
4
+ import type { ThemeColorModes } from './theme-color-modes';
5
+ import { type ThemeIds } from './theme-ids';
6
+ import type { ThemeState } from './theme-state';
6
7
  /**
7
8
  * Themes: The internal identifier of a theme.
8
9
  * These ids are what the actual theme files/folders are called.
@@ -23,7 +24,6 @@ export type ThemeOverrides = Themes;
23
24
  * In the future other types may be introduced such as typography.
24
25
  */
25
26
  type ThemeKinds = 'color' | 'spacing' | 'typography' | 'shape' | 'motion';
26
- export type ThemeColorModes = (typeof themeColorModes)[number];
27
27
  export type DataColorModes = Exclude<ThemeColorModes, 'auto'>;
28
28
  /**
29
29
  * Contrast preferences: The system contrast preference
@@ -35,7 +35,6 @@ declare const themeContrastModes: readonly [
35
35
  ];
36
36
  export type ThemeContrastModes = (typeof themeContrastModes)[number];
37
37
  export type DataContrastModes = 'more' | 'no-preference' | 'auto';
38
- export type ThemeIds = (typeof themeIds)[number];
39
38
  /**
40
39
  * Theme override ids: the equivalent of themeIds for theme overrides.
41
40
  * Theme overrides are temporary and there may not be any defined at times.
@@ -107,40 +106,6 @@ interface ThemeConfig {
107
106
  increasesContrastFor?: ThemeIds;
108
107
  }
109
108
  declare const themeConfig: Record<Themes | ThemeOverrides, ThemeConfig>;
110
- type HEX = `#${string}`;
111
- export type CSSColor = HEX;
112
- /**
113
- * ThemeOptionsSchema: additional configuration options used to customize Atlassian's themes
114
- */
115
- export interface ThemeOptionsSchema {
116
- brandColor: CSSColor;
117
- }
118
- /**
119
- * ThemeState: the standard representation of an app's current theme and preferences
120
- */
121
- export interface ThemeState {
122
- light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'light-increased-contrast' | 'dark-increased-contrast'>;
123
- dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'light-increased-contrast' | 'dark-increased-contrast'>;
124
- colorMode: ThemeColorModes;
125
- contrastMode: ThemeContrastModes;
126
- shape?: Extract<ThemeIds, 'shape'>;
127
- spacing: Extract<ThemeIds, 'spacing'>;
128
- typography: Extract<ThemeIds, 'typography'>;
129
- motion?: Extract<ThemeIds, 'motion'>;
130
- UNSAFE_themeOptions?: ThemeOptionsSchema;
131
- }
132
- /**
133
- * Can't evaluate typography feature flags at the module level,
134
- * it will always resolve to false when server side rendered or when flags are loaded async.
135
- */
136
- interface ThemeStateDefaults extends Omit<ThemeState, 'shape' | 'motion'> {
137
- shape: () => ThemeState['shape'];
138
- motion: () => ThemeState['motion'];
139
- }
140
- /**
141
- * themeStateDefaults: the default values for ThemeState used by theming utilities
142
- */
143
- export declare const themeStateDefaults: ThemeStateDefaults;
144
109
  /**
145
110
  * Represents theme state once mounted to the page
146
111
  * (the page doesn't have an "auto" color mode, it's either light or dark)
@@ -149,5 +114,8 @@ export interface ActiveThemeState extends ThemeState {
149
114
  colorMode: DataColorModes;
150
115
  }
151
116
  export default themeConfig;
152
- export { themeColorModes } from './theme-color-modes';
153
- export { themeIds } from './theme-ids';
117
+ export { themeColorModes, type ThemeColorModes } from './theme-color-modes';
118
+ export { themeIds, type ThemeIds } from './theme-ids';
119
+ export { themeStateDefaults } from './theme-state-defaults';
120
+ export { type ThemeOptionsSchema, type CSSColor } from './theme-options-schema';
121
+ export { type ThemeState } from './theme-state';
@@ -1,3 +1,4 @@
1
+ export type ThemeIds = (typeof themeIds)[number];
1
2
  /**
2
3
  * Theme ids: The value that will be mounted to the DOM as a data attr
3
4
  * For example: `data-theme="light:light dark:dark spacing:spacing"
@@ -0,0 +1,13 @@
1
+ import type { ThemeState } from './theme-state';
2
+ /**
3
+ * Converts a theme object to a string formatted for the `data-theme` HTML attribute.
4
+ *
5
+ * @param {object} themes The themes that should be applied.
6
+ *
7
+ * @example
8
+ * ```
9
+ * themeObjectToString({ dark: 'dark', light: 'light', spacing: 'spacing' });
10
+ * // returns 'dark:dark light:light spacing:spacing'
11
+ * ```
12
+ */
13
+ export declare const themeObjectToString: (themeState: Partial<ThemeState>) => string;
@@ -0,0 +1,7 @@
1
+ export type CSSColor = `#${string}`;
2
+ /**
3
+ * ThemeOptionsSchema: additional configuration options used to customize Atlassian's themes
4
+ */
5
+ export interface ThemeOptionsSchema {
6
+ brandColor: CSSColor;
7
+ }
@@ -0,0 +1,14 @@
1
+ import type { ThemeState } from './theme-state';
2
+ /**
3
+ * Can't evaluate typography feature flags at the module level,
4
+ * it will always resolve to false when server side rendered or when flags are loaded async.
5
+ */
6
+ interface ThemeStateDefaults extends Omit<ThemeState, 'shape' | 'motion'> {
7
+ shape: () => ThemeState['shape'];
8
+ motion: () => ThemeState['motion'];
9
+ }
10
+ /**
11
+ * themeStateDefaults: the default values for ThemeState used by theming utilities
12
+ */
13
+ export declare const themeStateDefaults: ThemeStateDefaults;
14
+ export {};
@@ -0,0 +1,17 @@
1
+ import type { ThemeColorModes } from './theme-color-modes';
2
+ import type { ThemeContrastModes, ThemeOptionsSchema } from './theme-config';
3
+ import type { ThemeIds } from './theme-ids';
4
+ /**
5
+ * ThemeState: the standard representation of an app's current theme and preferences
6
+ */
7
+ export interface ThemeState {
8
+ light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'light-increased-contrast' | 'dark-increased-contrast'>;
9
+ dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'light-increased-contrast' | 'dark-increased-contrast'>;
10
+ colorMode: ThemeColorModes;
11
+ contrastMode: ThemeContrastModes;
12
+ shape?: Extract<ThemeIds, 'shape'>;
13
+ spacing: Extract<ThemeIds, 'spacing'>;
14
+ typography: Extract<ThemeIds, 'typography'>;
15
+ motion?: Extract<ThemeIds, 'motion'>;
16
+ UNSAFE_themeOptions?: ThemeOptionsSchema;
17
+ }
@@ -12,15 +12,3 @@ import type { ThemeState } from './theme-config';
12
12
  * ```
13
13
  */
14
14
  export declare const themeStringToObject: (themeState: string) => Partial<ThemeState>;
15
- /**
16
- * Converts a theme object to a string formatted for the `data-theme` HTML attribute.
17
- *
18
- * @param {object} themes The themes that should be applied.
19
- *
20
- * @example
21
- * ```
22
- * themeObjectToString({ dark: 'dark', light: 'light', spacing: 'spacing' });
23
- * // returns 'dark:dark light:light spacing:spacing'
24
- * ```
25
- */
26
- export declare const themeObjectToString: (themeState: Partial<ThemeState>) => string;
@@ -0,0 +1,9 @@
1
+ export declare const additionalContrastChecker: ({ customThemeTokenMap, mode, themeRamp, }: {
2
+ customThemeTokenMap: {
3
+ [key: string]: number | string;
4
+ };
5
+ mode: "light" | "dark";
6
+ themeRamp: string[];
7
+ }) => {
8
+ [key: string]: number;
9
+ };
@@ -1,9 +1,4 @@
1
- import tokens from '../artifacts/token-names';
2
1
  import { type ThemeColorModes, type ThemeOptionsSchema } from '../theme-config';
3
- type Token = keyof typeof tokens;
4
2
  type ThemeAttributeId = 'light' | 'dark';
5
3
  export declare function findMissingCustomStyleElements(UNSAFE_themeOptions: ThemeOptionsSchema, mode: ThemeColorModes): ThemeAttributeId[];
6
- export declare function reduceTokenMap(tokenMap: {
7
- [key in Token]?: number | string;
8
- }, themeRamp: string[]): string;
9
- export { limitSizeOfCustomStyleElements } from './limit-size-of-custom-style-elements';
4
+ export {};
@@ -8,13 +8,4 @@ interface AdditionalContrastCheck {
8
8
  updatedTokens: Token[];
9
9
  }
10
10
  export declare const additionalChecks: AdditionalContrastCheck[];
11
- export declare const additionalContrastChecker: ({ customThemeTokenMap, mode, themeRamp, }: {
12
- customThemeTokenMap: {
13
- [key: string]: number | string;
14
- };
15
- mode: "light" | "dark";
16
- themeRamp: string[];
17
- }) => {
18
- [key: string]: number;
19
- };
20
11
  export {};
@@ -0,0 +1 @@
1
+ export declare function deltaE(rgbA: number[], rgbB: number[]): number;
@@ -0,0 +1,5 @@
1
+ import { type CSSColor } from '../theme-config';
2
+ export declare const generateColors: (brandColor: CSSColor) => {
3
+ ramp: CSSColor[];
4
+ replacedColor: CSSColor;
5
+ };
@@ -5,14 +5,7 @@ type TokenMap = {
5
5
  [key in Token]?: number | string;
6
6
  };
7
7
  type Mode = 'light' | 'dark';
8
- export declare const generateColors: (brandColor: CSSColor) => {
9
- ramp: CSSColor[];
10
- replacedColor: CSSColor;
11
- };
12
- export declare const generateTokenMap: (brandColor: CSSColor, mode: ThemeColorModes, themeRamp?: CSSColor[]) => {
13
- [mode in Mode]?: TokenMap;
14
- };
15
8
  export declare const generateTokenMapWithContrastCheck: (brandColor: CSSColor, mode: ThemeColorModes, themeRamp?: CSSColor[]) => {
16
9
  [mode in Mode]?: TokenMap;
17
10
  };
18
- export { getClosestColorIndex } from './get-closest-color-index';
11
+ export {};
@@ -0,0 +1,11 @@
1
+ import type tokens from '../artifacts/token-names';
2
+ import { type CSSColor, type ThemeColorModes } from '../theme-config';
3
+ type Token = keyof typeof tokens;
4
+ type TokenMap = {
5
+ [key in Token]?: number | string;
6
+ };
7
+ type Mode = 'light' | 'dark';
8
+ export declare const generateTokenMap: (brandColor: CSSColor, mode: ThemeColorModes, themeRamp?: CSSColor[]) => {
9
+ [mode in Mode]?: TokenMap;
10
+ };
11
+ export {};
@@ -0,0 +1 @@
1
+ export declare function getContrastRatio(foreground: string, background: string): number;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Returns the alpha component of a color in ARGB format.
3
+ */
4
+ export declare function alphaFromArgb(argb: number): number;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Converts a color from linear RGB components to ARGB format.
3
+ */
4
+ export declare function argbFromLinrgb(linrgb: number[]): number;
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Converts an L* value to an ARGB representation.
3
+ *
4
+ * @param lstar L* in L*a*b*
5
+ * @return ARGB representation of grayscale color with lightness
6
+ * matching L*
7
+ */
8
+ export declare function argbFromLstar(lstar: number): number;
@@ -0,0 +1,8 @@
1
+ import type { Rgba } from './rgba';
2
+ /**
3
+ * Return int32 color from a given RGBA component
4
+ *
5
+ * @param rgba RGBA representation of a int32 color.
6
+ * @returns ARGB representation of a int32 color.
7
+ */
8
+ export declare function argbFromRgba({ r, g, b, a }: Rgba): number;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Converts a color from ARGB to XYZ.
3
+ */
4
+ export declare function argbFromXyz(x: number, y: number, z: number): number;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Returns the blue component of a color in ARGB format.
3
+ */
4
+ export declare function blueFromArgb(argb: number): number;
@@ -0,0 +1 @@
1
+ export declare function clampComponent(value: number): number;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Returns the green component of a color in ARGB format.
3
+ */
4
+ export declare function greenFromArgb(argb: number): number;
@@ -1,3 +1,4 @@
1
1
  export { Hct } from './hct';
2
2
  export { Contrast } from './contrast';
3
- export { argbFromRgba, rgbaFromArgb } from './color-utils';
3
+ export { argbFromRgba } from './argb-from-rgba';
4
+ export { rgbaFromArgb } from './rgba-from-argb';
@@ -0,0 +1 @@
1
+ export declare function labF(t: number): number;
@@ -0,0 +1 @@
1
+ export declare function labInvf(ft: number): number;
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Computes the L* value of a color in ARGB representation.
3
+ *
4
+ * @param argb ARGB representation of a color
5
+ * @return L*, from L*a*b*, coordinate of the color
6
+ */
7
+ export declare function lstarFromArgb(argb: number): number;
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Converts a Y value to an L* value.
3
+ *
4
+ * L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
5
+ *
6
+ * L* measures perceptual luminance, a linear scale. Y in XYZ
7
+ * measures relative luminance, a logarithmic scale.
8
+ *
9
+ * @param y Y in XYZ
10
+ * @return L* in L*a*b*
11
+ */
12
+ export declare function lstarFromY(y: number): number;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Returns the red component of a color in ARGB format.
3
+ */
4
+ export declare function redFromArgb(argb: number): number;
@@ -0,0 +1,8 @@
1
+ import type { Rgba } from './rgba';
2
+ /**
3
+ * Return RGBA from a given int32 color
4
+ *
5
+ * @param argb ARGB representation of a int32 color.
6
+ * @return RGBA representation of a int32 color.
7
+ */
8
+ export declare function rgbaFromArgb(argb: number): Rgba;
@@ -0,0 +1,14 @@
1
+ /**
2
+ * RGBA component
3
+ *
4
+ * @param r Red value should be between 0-255
5
+ * @param g Green value should be between 0-255
6
+ * @param b Blue value should be between 0-255
7
+ * @param a Alpha value should be between 0-255
8
+ */
9
+ export interface Rgba {
10
+ r: number;
11
+ g: number;
12
+ b: number;
13
+ a: number;
14
+ }
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Returns the standard white point; white on a sunny day.
3
+ *
4
+ * @return The white point
5
+ */
6
+ export declare function whitePointD65(): number[];
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Converts an L* value to a Y value.
3
+ *
4
+ * L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
5
+ *
6
+ * L* measures perceptual luminance, a linear scale. Y in XYZ
7
+ * measures relative luminance, a logarithmic scale.
8
+ *
9
+ * @param lstar L* in L*a*b*
10
+ * @return Y in XYZ
11
+ */
12
+ export declare function yFromLstar(lstar: number): number;
@@ -0,0 +1,5 @@
1
+ export declare function hexToHSL(hex: string): [
2
+ number,
3
+ number,
4
+ number
5
+ ];
@@ -0,0 +1,6 @@
1
+ export declare function hexToRgbA(hex: string): [
2
+ number,
3
+ number,
4
+ number,
5
+ number
6
+ ];
@@ -0,0 +1,5 @@
1
+ export declare function hexToRgb(hex: string): [
2
+ number,
3
+ number,
4
+ number
5
+ ];
@@ -0,0 +1 @@
1
+ export declare const isValidHex: (hex: string) => boolean;
@@ -0,0 +1,6 @@
1
+ import tokens from '../artifacts/token-names';
2
+ type Token = keyof typeof tokens;
3
+ export declare function reduceTokenMap(tokenMap: {
4
+ [key in Token]?: number | string;
5
+ }, themeRamp: string[]): string;
6
+ export {};