@atlaskit/tokens 13.0.3 → 13.1.0

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 (316) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/codemods/css-to-design-tokens/lib/meta.tsx +1 -1
  3. package/codemods/css-to-design-tokens/lib/tokens.tsx +1 -1
  4. package/codemods/theme-to-design-tokens/transform.tsx +16 -14
  5. package/codemods/theme-to-design-tokens/utils/ast-meta.tsx +2 -151
  6. package/codemods/theme-to-design-tokens/utils/ast.tsx +3 -35
  7. package/codemods/theme-to-design-tokens/utils/clean-meta.tsx +63 -0
  8. package/codemods/theme-to-design-tokens/utils/color.tsx +3 -11
  9. package/codemods/theme-to-design-tokens/utils/contains-replaceable-css-declarations.tsx +13 -0
  10. package/codemods/theme-to-design-tokens/utils/css-utils.tsx +2 -35
  11. package/codemods/theme-to-design-tokens/utils/find-end-index-of-css-expression.tsx +21 -0
  12. package/codemods/theme-to-design-tokens/utils/find-first-nonspace-index-after.tsx +9 -0
  13. package/codemods/theme-to-design-tokens/utils/get-closest-decendant-of-type.tsx +10 -0
  14. package/codemods/theme-to-design-tokens/utils/get-meta-from-ancestors.tsx +87 -0
  15. package/codemods/theme-to-design-tokens/utils/is-bold-color.tsx +4 -0
  16. package/codemods/theme-to-design-tokens/utils/is-decendant-of-token.tsx +14 -0
  17. package/codemods/theme-to-design-tokens/utils/is-legacy-color.tsx +4 -0
  18. package/codemods/theme-to-design-tokens/utils/is-legacy-named-color.tsx +4 -0
  19. package/codemods/theme-to-design-tokens/utils/is-parent-of-token.tsx +13 -0
  20. package/codemods/theme-to-design-tokens/utils/kebabize.tsx +2 -0
  21. package/codemods/theme-to-design-tokens/utils/legacy-color-meta-map.tsx +88 -0
  22. package/codemods/theme-to-design-tokens/utils/legacy-color-mixins.tsx +26 -0
  23. package/codemods/theme-to-design-tokens/utils/legacy-colors.tsx +2 -115
  24. package/codemods/theme-to-design-tokens/utils/split-at-index.tsx +3 -0
  25. package/codemods/theme-to-design-tokens/utils/string-utils.tsx +3 -16
  26. package/codemods/utils/active-tokens.tsx +284 -0
  27. package/codemods/utils/tokens.tsx +2 -376
  28. package/codemods/utils/unique-words-from-tokens.tsx +91 -0
  29. package/dist/cjs/artifacts/replacement-mapping.js +5 -2
  30. package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  31. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  32. package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  33. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  34. package/dist/cjs/artifacts/token-default-values.js +2 -2
  35. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +3 -3
  36. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +3 -3
  37. package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +3 -3
  38. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +3 -3
  39. package/dist/cjs/artifacts/tokens-raw/atlassian-motion.js +3 -3
  40. package/dist/cjs/constants.js +1 -0
  41. package/dist/cjs/custom-theme.js +10 -60
  42. package/dist/cjs/entry-points/token-metadata.codegen.js +2 -11
  43. package/dist/cjs/get-custom-theme-styles.js +57 -0
  44. package/dist/cjs/get-global-theme.js +2 -2
  45. package/dist/cjs/get-theme-html-attrs.js +2 -2
  46. package/dist/cjs/get-theme-styles.js +33 -32
  47. package/dist/cjs/load-custom-theme-styles.js +2 -2
  48. package/dist/cjs/set-global-theme.js +36 -34
  49. package/dist/cjs/theme-color-modes.js +13 -0
  50. package/dist/cjs/theme-config.js +21 -16
  51. package/dist/cjs/theme-ids.js +13 -0
  52. package/dist/cjs/theme-state-transformer.js +3 -2
  53. package/dist/cjs/utils/color-detection.js +9 -12
  54. package/dist/cjs/utils/color-utils.js +45 -46
  55. package/dist/cjs/utils/custom-theme-loading-utils.js +9 -11
  56. package/dist/cjs/utils/custom-theme-token-contrast-check.js +2 -0
  57. package/dist/cjs/utils/generate-custom-color-ramp.js +20 -19
  58. package/dist/cjs/utils/get-alpha.js +13 -0
  59. package/dist/cjs/utils/get-closest-color-index.js +20 -0
  60. package/dist/cjs/utils/get-css-custom-property.js +32 -0
  61. package/dist/cjs/utils/get-fully-qualified-token-id.js +19 -0
  62. package/dist/cjs/utils/get-theme-override-preferences.js +12 -0
  63. package/dist/cjs/utils/get-theme-preferences.js +8 -5
  64. package/dist/cjs/utils/get-token-id.js +26 -0
  65. package/dist/cjs/utils/hct-color-utils/argb-from-rgb.js +12 -0
  66. package/dist/cjs/utils/hct-color-utils/clamp-double.js +20 -0
  67. package/dist/cjs/utils/hct-color-utils/clamp-int.js +20 -0
  68. package/dist/cjs/utils/hct-color-utils/color-utils.js +42 -59
  69. package/dist/cjs/utils/hct-color-utils/delinearized.js +27 -0
  70. package/dist/cjs/utils/hct-color-utils/hct.js +19 -95
  71. package/dist/cjs/utils/hct-color-utils/lerp.js +14 -0
  72. package/dist/cjs/utils/hct-color-utils/linearized.js +22 -0
  73. package/dist/cjs/utils/hct-color-utils/math-utils.js +38 -107
  74. package/dist/cjs/utils/hct-color-utils/matrix-multiply.js +15 -0
  75. package/dist/cjs/utils/hct-color-utils/sanitize-degrees-double.js +19 -0
  76. package/dist/cjs/utils/hct-color-utils/signum.js +20 -0
  77. package/dist/cjs/utils/hct-color-utils/viewing-conditions.js +98 -0
  78. package/dist/cjs/utils/hex-to-rgba-values.js +15 -0
  79. package/dist/cjs/utils/hsl-to-rgb.js +18 -0
  80. package/dist/cjs/utils/is-valid-brand-hex.js +9 -0
  81. package/dist/cjs/utils/limit-size-of-custom-style-elements.js +16 -0
  82. package/dist/cjs/utils/load-theme-css.js +32 -0
  83. package/dist/cjs/utils/relative-luminance-w3-c.js +18 -0
  84. package/dist/cjs/utils/rgb-to-hex.js +9 -0
  85. package/dist/cjs/utils/theme-loading.js +18 -33
  86. package/dist/cjs/utils/token-ids.js +21 -62
  87. package/dist/es2019/artifacts/replacement-mapping.js +5 -2
  88. package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  89. package/dist/es2019/artifacts/themes/atlassian-dark.js +2 -2
  90. package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  91. package/dist/es2019/artifacts/themes/atlassian-light.js +2 -2
  92. package/dist/es2019/artifacts/token-default-values.js +2 -2
  93. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +3 -3
  94. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3 -3
  95. package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +3 -3
  96. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3 -3
  97. package/dist/es2019/artifacts/tokens-raw/atlassian-motion.js +3 -3
  98. package/dist/es2019/constants.js +1 -0
  99. package/dist/es2019/custom-theme.js +4 -66
  100. package/dist/es2019/entry-points/token-metadata.codegen.js +2 -11
  101. package/dist/es2019/get-custom-theme-styles.js +60 -0
  102. package/dist/es2019/get-global-theme.js +1 -1
  103. package/dist/es2019/get-theme-html-attrs.js +1 -1
  104. package/dist/es2019/get-theme-styles.js +4 -3
  105. package/dist/es2019/load-custom-theme-styles.js +1 -1
  106. package/dist/es2019/set-global-theme.js +3 -2
  107. package/dist/es2019/theme-color-modes.js +7 -0
  108. package/dist/es2019/theme-config.js +6 -16
  109. package/dist/es2019/theme-ids.js +7 -0
  110. package/dist/es2019/theme-state-transformer.js +2 -1
  111. package/dist/es2019/utils/color-detection.js +3 -11
  112. package/dist/es2019/utils/color-utils.js +15 -33
  113. package/dist/es2019/utils/custom-theme-loading-utils.js +4 -8
  114. package/dist/es2019/utils/custom-theme-token-contrast-check.js +2 -0
  115. package/dist/es2019/utils/generate-custom-color-ramp.js +11 -15
  116. package/dist/es2019/utils/get-alpha.js +7 -0
  117. package/dist/es2019/utils/get-closest-color-index.js +14 -0
  118. package/dist/es2019/utils/get-css-custom-property.js +23 -0
  119. package/dist/es2019/utils/get-fully-qualified-token-id.js +11 -0
  120. package/dist/es2019/utils/get-theme-override-preferences.js +4 -0
  121. package/dist/es2019/utils/get-theme-preferences.js +1 -4
  122. package/dist/es2019/utils/get-token-id.js +18 -0
  123. package/dist/es2019/utils/hct-color-utils/argb-from-rgb.js +6 -0
  124. package/dist/es2019/utils/hct-color-utils/clamp-double.js +14 -0
  125. package/dist/es2019/utils/hct-color-utils/clamp-int.js +14 -0
  126. package/dist/es2019/utils/hct-color-utils/color-utils.js +15 -45
  127. package/dist/es2019/utils/hct-color-utils/delinearized.js +20 -0
  128. package/dist/es2019/utils/hct-color-utils/hct.js +3 -76
  129. package/dist/es2019/utils/hct-color-utils/lerp.js +8 -0
  130. package/dist/es2019/utils/hct-color-utils/linearized.js +16 -0
  131. package/dist/es2019/utils/hct-color-utils/math-utils.js +6 -105
  132. package/dist/es2019/utils/hct-color-utils/matrix-multiply.js +9 -0
  133. package/dist/es2019/utils/hct-color-utils/sanitize-degrees-double.js +13 -0
  134. package/dist/es2019/utils/hct-color-utils/signum.js +14 -0
  135. package/dist/es2019/utils/hct-color-utils/viewing-conditions.js +78 -0
  136. package/dist/es2019/utils/hex-to-rgba-values.js +9 -0
  137. package/dist/es2019/utils/hsl-to-rgb.js +8 -0
  138. package/dist/es2019/utils/is-valid-brand-hex.js +1 -0
  139. package/dist/es2019/utils/limit-size-of-custom-style-elements.js +8 -0
  140. package/dist/es2019/utils/load-theme-css.js +7 -0
  141. package/dist/es2019/utils/relative-luminance-w3-c.js +12 -0
  142. package/dist/es2019/utils/rgb-to-hex.js +3 -0
  143. package/dist/es2019/utils/theme-loading.js +3 -8
  144. package/dist/es2019/utils/token-ids.js +3 -54
  145. package/dist/esm/artifacts/replacement-mapping.js +5 -2
  146. package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  147. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  148. package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  149. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  150. package/dist/esm/artifacts/token-default-values.js +2 -2
  151. package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +3 -3
  152. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3 -3
  153. package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +3 -3
  154. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3 -3
  155. package/dist/esm/artifacts/tokens-raw/atlassian-motion.js +3 -3
  156. package/dist/esm/constants.js +1 -0
  157. package/dist/esm/custom-theme.js +4 -58
  158. package/dist/esm/entry-points/token-metadata.codegen.js +2 -11
  159. package/dist/esm/get-custom-theme-styles.js +52 -0
  160. package/dist/esm/get-global-theme.js +1 -1
  161. package/dist/esm/get-theme-html-attrs.js +1 -1
  162. package/dist/esm/get-theme-styles.js +30 -29
  163. package/dist/esm/load-custom-theme-styles.js +1 -1
  164. package/dist/esm/set-global-theme.js +34 -32
  165. package/dist/esm/theme-color-modes.js +7 -0
  166. package/dist/esm/theme-config.js +8 -17
  167. package/dist/esm/theme-ids.js +7 -0
  168. package/dist/esm/theme-state-transformer.js +2 -1
  169. package/dist/esm/utils/color-detection.js +3 -11
  170. package/dist/esm/utils/color-utils.js +15 -39
  171. package/dist/esm/utils/custom-theme-loading-utils.js +4 -11
  172. package/dist/esm/utils/custom-theme-token-contrast-check.js +2 -0
  173. package/dist/esm/utils/generate-custom-color-ramp.js +11 -15
  174. package/dist/esm/utils/get-alpha.js +7 -0
  175. package/dist/esm/utils/get-closest-color-index.js +14 -0
  176. package/dist/esm/utils/get-css-custom-property.js +26 -0
  177. package/dist/esm/utils/get-fully-qualified-token-id.js +13 -0
  178. package/dist/esm/utils/get-theme-override-preferences.js +5 -0
  179. package/dist/esm/utils/get-theme-preferences.js +1 -4
  180. package/dist/esm/utils/get-token-id.js +20 -0
  181. package/dist/esm/utils/hct-color-utils/argb-from-rgb.js +6 -0
  182. package/dist/esm/utils/hct-color-utils/clamp-double.js +14 -0
  183. package/dist/esm/utils/hct-color-utils/clamp-int.js +14 -0
  184. package/dist/esm/utils/hct-color-utils/color-utils.js +15 -45
  185. package/dist/esm/utils/hct-color-utils/delinearized.js +20 -0
  186. package/dist/esm/utils/hct-color-utils/hct.js +5 -87
  187. package/dist/esm/utils/hct-color-utils/lerp.js +8 -0
  188. package/dist/esm/utils/hct-color-utils/linearized.js +16 -0
  189. package/dist/esm/utils/hct-color-utils/math-utils.js +6 -105
  190. package/dist/esm/utils/hct-color-utils/matrix-multiply.js +9 -0
  191. package/dist/esm/utils/hct-color-utils/sanitize-degrees-double.js +13 -0
  192. package/dist/esm/utils/hct-color-utils/signum.js +14 -0
  193. package/dist/esm/utils/hct-color-utils/viewing-conditions.js +89 -0
  194. package/dist/esm/utils/hex-to-rgba-values.js +9 -0
  195. package/dist/esm/utils/hsl-to-rgb.js +12 -0
  196. package/dist/esm/utils/is-valid-brand-hex.js +3 -0
  197. package/dist/esm/utils/limit-size-of-custom-style-elements.js +10 -0
  198. package/dist/esm/utils/load-theme-css.js +25 -0
  199. package/dist/esm/utils/relative-luminance-w3-c.js +12 -0
  200. package/dist/esm/utils/rgb-to-hex.js +3 -0
  201. package/dist/esm/utils/theme-loading.js +11 -32
  202. package/dist/esm/utils/token-ids.js +3 -61
  203. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  204. package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  205. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  206. package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  207. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  208. package/dist/types/artifacts/token-default-values.d.ts +2 -2
  209. package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  210. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  211. package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  212. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  213. package/dist/types/artifacts/tokens-raw/atlassian-motion.d.ts +1 -1
  214. package/dist/types/artifacts/types-internal.d.ts +2 -2
  215. package/dist/types/artifacts/types.d.ts +2 -2
  216. package/dist/types/custom-theme.d.ts +1 -20
  217. package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
  218. package/dist/types/get-custom-theme-styles.d.ts +16 -0
  219. package/dist/types/get-global-theme.d.ts +1 -1
  220. package/dist/types/theme-color-modes.d.ts +7 -0
  221. package/dist/types/theme-config.d.ts +4 -14
  222. package/dist/types/theme-ids.d.ts +7 -0
  223. package/dist/types/theme-state-transformer.d.ts +1 -1
  224. package/dist/types/utils/color-detection.d.ts +1 -6
  225. package/dist/types/utils/color-utils.d.ts +5 -5
  226. package/dist/types/utils/custom-theme-loading-utils.d.ts +1 -2
  227. package/dist/types/utils/generate-custom-color-ramp.d.ts +1 -2
  228. package/dist/types/utils/get-alpha.d.ts +1 -0
  229. package/dist/types/utils/get-closest-color-index.d.ts +2 -0
  230. package/dist/types/utils/get-css-custom-property.d.ts +15 -0
  231. package/dist/types/utils/get-fully-qualified-token-id.d.ts +11 -0
  232. package/dist/types/utils/get-theme-override-preferences.d.ts +2 -0
  233. package/dist/types/utils/get-theme-preferences.d.ts +1 -1
  234. package/dist/types/utils/get-token-id.d.ts +15 -0
  235. package/dist/types/utils/hct-color-utils/argb-from-rgb.d.ts +4 -0
  236. package/dist/types/utils/hct-color-utils/clamp-double.d.ts +7 -0
  237. package/dist/types/utils/hct-color-utils/clamp-int.d.ts +7 -0
  238. package/dist/types/utils/hct-color-utils/color-utils.d.ts +3 -23
  239. package/dist/types/utils/hct-color-utils/delinearized.d.ts +9 -0
  240. package/dist/types/utils/hct-color-utils/hct.d.ts +3 -48
  241. package/dist/types/utils/hct-color-utils/lerp.d.ts +6 -0
  242. package/dist/types/utils/hct-color-utils/linearized.d.ts +9 -0
  243. package/dist/types/utils/hct-color-utils/math-utils.d.ts +6 -60
  244. package/dist/types/utils/hct-color-utils/matrix-multiply.d.ts +4 -0
  245. package/dist/types/utils/hct-color-utils/sanitize-degrees-double.d.ts +7 -0
  246. package/dist/types/utils/hct-color-utils/signum.d.ts +6 -0
  247. package/dist/types/utils/hct-color-utils/viewing-conditions.d.ts +47 -0
  248. package/dist/types/utils/hex-to-rgba-values.d.ts +6 -0
  249. package/dist/types/utils/hsl-to-rgb.d.ts +1 -0
  250. package/dist/types/utils/is-valid-brand-hex.d.ts +1 -0
  251. package/dist/types/utils/limit-size-of-custom-style-elements.d.ts +1 -0
  252. package/dist/types/utils/load-theme-css.d.ts +2 -0
  253. package/dist/types/utils/relative-luminance-w3-c.d.ts +1 -0
  254. package/dist/types/utils/rgb-to-hex.d.ts +1 -0
  255. package/dist/types/utils/theme-loading.d.ts +1 -1
  256. package/dist/types/utils/token-ids.d.ts +3 -41
  257. package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +1 -1
  258. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  259. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  260. package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  261. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  262. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +2 -2
  263. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  264. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  265. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  266. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  267. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-motion.d.ts +1 -1
  268. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  269. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  270. package/dist/types-ts4.5/custom-theme.d.ts +1 -20
  271. package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
  272. package/dist/types-ts4.5/get-custom-theme-styles.d.ts +16 -0
  273. package/dist/types-ts4.5/get-global-theme.d.ts +1 -1
  274. package/dist/types-ts4.5/theme-color-modes.d.ts +11 -0
  275. package/dist/types-ts4.5/theme-config.d.ts +4 -29
  276. package/dist/types-ts4.5/theme-ids.d.ts +18 -0
  277. package/dist/types-ts4.5/theme-state-transformer.d.ts +1 -1
  278. package/dist/types-ts4.5/utils/color-detection.d.ts +1 -6
  279. package/dist/types-ts4.5/utils/color-utils.d.ts +5 -9
  280. package/dist/types-ts4.5/utils/custom-theme-loading-utils.d.ts +1 -2
  281. package/dist/types-ts4.5/utils/generate-custom-color-ramp.d.ts +1 -2
  282. package/dist/types-ts4.5/utils/get-alpha.d.ts +1 -0
  283. package/dist/types-ts4.5/utils/get-closest-color-index.d.ts +2 -0
  284. package/dist/types-ts4.5/utils/get-css-custom-property.d.ts +15 -0
  285. package/dist/types-ts4.5/utils/get-fully-qualified-token-id.d.ts +11 -0
  286. package/dist/types-ts4.5/utils/get-theme-override-preferences.d.ts +2 -0
  287. package/dist/types-ts4.5/utils/get-theme-preferences.d.ts +1 -1
  288. package/dist/types-ts4.5/utils/get-token-id.d.ts +15 -0
  289. package/dist/types-ts4.5/utils/hct-color-utils/argb-from-rgb.d.ts +4 -0
  290. package/dist/types-ts4.5/utils/hct-color-utils/clamp-double.d.ts +7 -0
  291. package/dist/types-ts4.5/utils/hct-color-utils/clamp-int.d.ts +7 -0
  292. package/dist/types-ts4.5/utils/hct-color-utils/color-utils.d.ts +3 -23
  293. package/dist/types-ts4.5/utils/hct-color-utils/delinearized.d.ts +9 -0
  294. package/dist/types-ts4.5/utils/hct-color-utils/hct.d.ts +3 -48
  295. package/dist/types-ts4.5/utils/hct-color-utils/lerp.d.ts +6 -0
  296. package/dist/types-ts4.5/utils/hct-color-utils/linearized.d.ts +9 -0
  297. package/dist/types-ts4.5/utils/hct-color-utils/math-utils.d.ts +6 -60
  298. package/dist/types-ts4.5/utils/hct-color-utils/matrix-multiply.d.ts +4 -0
  299. package/dist/types-ts4.5/utils/hct-color-utils/sanitize-degrees-double.d.ts +7 -0
  300. package/dist/types-ts4.5/utils/hct-color-utils/signum.d.ts +6 -0
  301. package/dist/types-ts4.5/utils/hct-color-utils/viewing-conditions.d.ts +47 -0
  302. package/dist/types-ts4.5/utils/hex-to-rgba-values.d.ts +6 -0
  303. package/dist/types-ts4.5/utils/hsl-to-rgb.d.ts +5 -0
  304. package/dist/types-ts4.5/utils/is-valid-brand-hex.d.ts +1 -0
  305. package/dist/types-ts4.5/utils/limit-size-of-custom-style-elements.d.ts +1 -0
  306. package/dist/types-ts4.5/utils/load-theme-css.d.ts +2 -0
  307. package/dist/types-ts4.5/utils/relative-luminance-w3-c.d.ts +1 -0
  308. package/dist/types-ts4.5/utils/rgb-to-hex.d.ts +1 -0
  309. package/dist/types-ts4.5/utils/theme-loading.d.ts +1 -1
  310. package/dist/types-ts4.5/utils/token-ids.d.ts +3 -41
  311. package/figma/atlassian-dark-increased-contrast.json +1 -1
  312. package/figma/atlassian-dark.json +1 -1
  313. package/figma/atlassian-light-increased-contrast.json +1 -1
  314. package/figma/atlassian-light.json +1 -1
  315. package/package.json +12 -12
  316. package/tokens.docs.tsx +48 -46
@@ -1,376 +1,2 @@
1
- export const activeTokens: string[] = [
2
- 'color.text',
3
- 'color.text.accent.lime',
4
- 'color.text.accent.lime.bolder',
5
- 'color.text.accent.red',
6
- 'color.text.accent.red.bolder',
7
- 'color.text.accent.orange',
8
- 'color.text.accent.orange.bolder',
9
- 'color.text.accent.yellow',
10
- 'color.text.accent.yellow.bolder',
11
- 'color.text.accent.green',
12
- 'color.text.accent.green.bolder',
13
- 'color.text.accent.teal',
14
- 'color.text.accent.teal.bolder',
15
- 'color.text.accent.blue',
16
- 'color.text.accent.blue.bolder',
17
- 'color.text.accent.purple',
18
- 'color.text.accent.purple.bolder',
19
- 'color.text.accent.magenta',
20
- 'color.text.accent.magenta.bolder',
21
- 'color.text.accent.gray',
22
- 'color.text.accent.gray.bolder',
23
- 'color.text.disabled',
24
- 'color.text.inverse',
25
- 'color.text.selected',
26
- 'color.text.brand',
27
- 'color.text.danger',
28
- 'color.text.warning',
29
- 'color.text.warning.inverse',
30
- 'color.text.success',
31
- 'color.text.discovery',
32
- 'color.text.information',
33
- 'color.text.subtlest',
34
- 'color.text.subtle',
35
- 'color.link',
36
- 'color.link.pressed',
37
- 'color.link.visited',
38
- 'color.icon',
39
- 'color.icon.accent.lime',
40
- 'color.icon.accent.red',
41
- 'color.icon.accent.orange',
42
- 'color.icon.accent.yellow',
43
- 'color.icon.accent.green',
44
- 'color.icon.accent.teal',
45
- 'color.icon.accent.blue',
46
- 'color.icon.accent.purple',
47
- 'color.icon.accent.magenta',
48
- 'color.icon.accent.gray',
49
- 'color.icon.disabled',
50
- 'color.icon.inverse',
51
- 'color.icon.selected',
52
- 'color.icon.brand',
53
- 'color.icon.danger',
54
- 'color.icon.warning',
55
- 'color.icon.warning.inverse',
56
- 'color.icon.success',
57
- 'color.icon.discovery',
58
- 'color.icon.information',
59
- 'color.icon.subtle',
60
- 'color.border',
61
- 'color.border.accent.lime',
62
- 'color.border.accent.red',
63
- 'color.border.accent.orange',
64
- 'color.border.accent.yellow',
65
- 'color.border.accent.green',
66
- 'color.border.accent.teal',
67
- 'color.border.accent.blue',
68
- 'color.border.accent.purple',
69
- 'color.border.accent.magenta',
70
- 'color.border.accent.gray',
71
- 'color.border.disabled',
72
- 'color.border.focused',
73
- 'color.border.input',
74
- 'color.border.inverse',
75
- 'color.border.selected',
76
- 'color.border.brand',
77
- 'color.border.danger',
78
- 'color.border.warning',
79
- 'color.border.success',
80
- 'color.border.discovery',
81
- 'color.border.information',
82
- 'color.border.bold',
83
- 'color.background.accent.lime.subtlest',
84
- 'color.background.accent.lime.subtlest.hovered',
85
- 'color.background.accent.lime.subtlest.pressed',
86
- 'color.background.accent.lime.subtler',
87
- 'color.background.accent.lime.subtler.hovered',
88
- 'color.background.accent.lime.subtler.pressed',
89
- 'color.background.accent.lime.subtle',
90
- 'color.background.accent.lime.subtle.hovered',
91
- 'color.background.accent.lime.subtle.pressed',
92
- 'color.background.accent.lime.bolder',
93
- 'color.background.accent.lime.bolder.hovered',
94
- 'color.background.accent.lime.bolder.pressed',
95
- 'color.background.accent.red.subtlest',
96
- 'color.background.accent.red.subtlest.hovered',
97
- 'color.background.accent.red.subtlest.pressed',
98
- 'color.background.accent.red.subtler',
99
- 'color.background.accent.red.subtler.hovered',
100
- 'color.background.accent.red.subtler.pressed',
101
- 'color.background.accent.red.subtle',
102
- 'color.background.accent.red.subtle.hovered',
103
- 'color.background.accent.red.subtle.pressed',
104
- 'color.background.accent.red.bolder',
105
- 'color.background.accent.red.bolder.hovered',
106
- 'color.background.accent.red.bolder.pressed',
107
- 'color.background.accent.orange.subtlest',
108
- 'color.background.accent.orange.subtlest.hovered',
109
- 'color.background.accent.orange.subtlest.pressed',
110
- 'color.background.accent.orange.subtler',
111
- 'color.background.accent.orange.subtler.hovered',
112
- 'color.background.accent.orange.subtler.pressed',
113
- 'color.background.accent.orange.subtle',
114
- 'color.background.accent.orange.subtle.hovered',
115
- 'color.background.accent.orange.subtle.pressed',
116
- 'color.background.accent.orange.bolder',
117
- 'color.background.accent.orange.bolder.hovered',
118
- 'color.background.accent.orange.bolder.pressed',
119
- 'color.background.accent.yellow.subtlest',
120
- 'color.background.accent.yellow.subtlest.hovered',
121
- 'color.background.accent.yellow.subtlest.pressed',
122
- 'color.background.accent.yellow.subtler',
123
- 'color.background.accent.yellow.subtler.hovered',
124
- 'color.background.accent.yellow.subtler.pressed',
125
- 'color.background.accent.yellow.subtle',
126
- 'color.background.accent.yellow.subtle.hovered',
127
- 'color.background.accent.yellow.subtle.pressed',
128
- 'color.background.accent.yellow.bolder',
129
- 'color.background.accent.yellow.bolder.hovered',
130
- 'color.background.accent.yellow.bolder.pressed',
131
- 'color.background.accent.green.subtlest',
132
- 'color.background.accent.green.subtlest.hovered',
133
- 'color.background.accent.green.subtlest.pressed',
134
- 'color.background.accent.green.subtler',
135
- 'color.background.accent.green.subtler.hovered',
136
- 'color.background.accent.green.subtler.pressed',
137
- 'color.background.accent.green.subtle',
138
- 'color.background.accent.green.subtle.hovered',
139
- 'color.background.accent.green.subtle.pressed',
140
- 'color.background.accent.green.bolder',
141
- 'color.background.accent.green.bolder.hovered',
142
- 'color.background.accent.green.bolder.pressed',
143
- 'color.background.accent.teal.subtlest',
144
- 'color.background.accent.teal.subtlest.hovered',
145
- 'color.background.accent.teal.subtlest.pressed',
146
- 'color.background.accent.teal.subtler',
147
- 'color.background.accent.teal.subtler.hovered',
148
- 'color.background.accent.teal.subtler.pressed',
149
- 'color.background.accent.teal.subtle',
150
- 'color.background.accent.teal.subtle.hovered',
151
- 'color.background.accent.teal.subtle.pressed',
152
- 'color.background.accent.teal.bolder',
153
- 'color.background.accent.teal.bolder.hovered',
154
- 'color.background.accent.teal.bolder.pressed',
155
- 'color.background.accent.blue.subtlest',
156
- 'color.background.accent.blue.subtlest.hovered',
157
- 'color.background.accent.blue.subtlest.pressed',
158
- 'color.background.accent.blue.subtler',
159
- 'color.background.accent.blue.subtler.hovered',
160
- 'color.background.accent.blue.subtler.pressed',
161
- 'color.background.accent.blue.subtle',
162
- 'color.background.accent.blue.subtle.hovered',
163
- 'color.background.accent.blue.subtle.pressed',
164
- 'color.background.accent.blue.bolder',
165
- 'color.background.accent.blue.bolder.hovered',
166
- 'color.background.accent.blue.bolder.pressed',
167
- 'color.background.accent.purple.subtlest',
168
- 'color.background.accent.purple.subtlest.hovered',
169
- 'color.background.accent.purple.subtlest.pressed',
170
- 'color.background.accent.purple.subtler',
171
- 'color.background.accent.purple.subtler.hovered',
172
- 'color.background.accent.purple.subtler.pressed',
173
- 'color.background.accent.purple.subtle',
174
- 'color.background.accent.purple.subtle.hovered',
175
- 'color.background.accent.purple.subtle.pressed',
176
- 'color.background.accent.purple.bolder',
177
- 'color.background.accent.purple.bolder.hovered',
178
- 'color.background.accent.purple.bolder.pressed',
179
- 'color.background.accent.magenta.subtlest',
180
- 'color.background.accent.magenta.subtlest.hovered',
181
- 'color.background.accent.magenta.subtlest.pressed',
182
- 'color.background.accent.magenta.subtler',
183
- 'color.background.accent.magenta.subtler.hovered',
184
- 'color.background.accent.magenta.subtler.pressed',
185
- 'color.background.accent.magenta.subtle',
186
- 'color.background.accent.magenta.subtle.hovered',
187
- 'color.background.accent.magenta.subtle.pressed',
188
- 'color.background.accent.magenta.bolder',
189
- 'color.background.accent.magenta.bolder.hovered',
190
- 'color.background.accent.magenta.bolder.pressed',
191
- 'color.background.accent.gray.subtlest',
192
- 'color.background.accent.gray.subtlest.hovered',
193
- 'color.background.accent.gray.subtlest.pressed',
194
- 'color.background.accent.gray.subtler',
195
- 'color.background.accent.gray.subtler.hovered',
196
- 'color.background.accent.gray.subtler.pressed',
197
- 'color.background.accent.gray.subtle',
198
- 'color.background.accent.gray.subtle.hovered',
199
- 'color.background.accent.gray.subtle.pressed',
200
- 'color.background.accent.gray.bolder',
201
- 'color.background.accent.gray.bolder.hovered',
202
- 'color.background.accent.gray.bolder.pressed',
203
- 'color.background.disabled',
204
- 'color.background.input',
205
- 'color.background.input.hovered',
206
- 'color.background.input.pressed',
207
- 'color.background.inverse.subtle',
208
- 'color.background.inverse.subtle.hovered',
209
- 'color.background.inverse.subtle.pressed',
210
- 'color.background.neutral',
211
- 'color.background.neutral.hovered',
212
- 'color.background.neutral.pressed',
213
- 'color.background.neutral.subtle',
214
- 'color.background.neutral.subtle.hovered',
215
- 'color.background.neutral.subtle.pressed',
216
- 'color.background.neutral.bold',
217
- 'color.background.neutral.bold.hovered',
218
- 'color.background.neutral.bold.pressed',
219
- 'color.background.selected',
220
- 'color.background.selected.hovered',
221
- 'color.background.selected.pressed',
222
- 'color.background.selected.bold',
223
- 'color.background.selected.bold.hovered',
224
- 'color.background.selected.bold.pressed',
225
- 'color.background.brand.subtlest',
226
- 'color.background.brand.subtlest.hovered',
227
- 'color.background.brand.subtlest.pressed',
228
- 'color.background.brand.bold',
229
- 'color.background.brand.bold.hovered',
230
- 'color.background.brand.bold.pressed',
231
- 'color.background.brand.boldest',
232
- 'color.background.brand.boldest.hovered',
233
- 'color.background.brand.boldest.pressed',
234
- 'color.background.danger',
235
- 'color.background.danger.hovered',
236
- 'color.background.danger.pressed',
237
- 'color.background.danger.bold',
238
- 'color.background.danger.bold.hovered',
239
- 'color.background.danger.bold.pressed',
240
- 'color.background.warning',
241
- 'color.background.warning.hovered',
242
- 'color.background.warning.pressed',
243
- 'color.background.warning.bold',
244
- 'color.background.warning.bold.hovered',
245
- 'color.background.warning.bold.pressed',
246
- 'color.background.success',
247
- 'color.background.success.hovered',
248
- 'color.background.success.pressed',
249
- 'color.background.success.bold',
250
- 'color.background.success.bold.hovered',
251
- 'color.background.success.bold.pressed',
252
- 'color.background.discovery',
253
- 'color.background.discovery.hovered',
254
- 'color.background.discovery.pressed',
255
- 'color.background.discovery.bold',
256
- 'color.background.discovery.bold.hovered',
257
- 'color.background.discovery.bold.pressed',
258
- 'color.background.information',
259
- 'color.background.information.hovered',
260
- 'color.background.information.pressed',
261
- 'color.background.information.bold',
262
- 'color.background.information.bold.hovered',
263
- 'color.background.information.bold.pressed',
264
- 'color.blanket',
265
- 'color.blanket.selected',
266
- 'color.blanket.danger',
267
- 'color.skeleton',
268
- 'color.skeleton.subtle',
269
- 'elevation.surface',
270
- 'elevation.surface.hovered',
271
- 'elevation.surface.pressed',
272
- 'elevation.surface.overlay',
273
- 'elevation.surface.overlay.hovered',
274
- 'elevation.surface.overlay.pressed',
275
- 'elevation.surface.raised',
276
- 'elevation.surface.raised.hovered',
277
- 'elevation.surface.raised.pressed',
278
- 'elevation.surface.sunken',
279
- 'elevation.shadow.overlay',
280
- 'elevation.shadow.raised',
281
- 'opacity.disabled',
282
- 'opacity.loading',
283
- 'utility.elevation.surface.current',
284
- ];
285
-
286
- export const uniqueWordsFromTokens: string[] = [
287
- 'color',
288
- 'text',
289
- 'accent',
290
- 'lime',
291
- 'bolder',
292
- 'red',
293
- 'orange',
294
- 'yellow',
295
- 'green',
296
- 'teal',
297
- 'blue',
298
- 'purple',
299
- 'magenta',
300
- 'gray',
301
- 'disabled',
302
- 'inverse',
303
- 'selected',
304
- 'brand',
305
- 'danger',
306
- 'warning',
307
- 'success',
308
- 'discovery',
309
- 'information',
310
- 'subtlest',
311
- 'subtle',
312
- 'link',
313
- 'pressed',
314
- 'visited',
315
- 'icon',
316
- 'border',
317
- 'focused',
318
- 'input',
319
- 'bold',
320
- 'background',
321
- 'hovered',
322
- 'subtler',
323
- 'neutral',
324
- 'boldest',
325
- 'blanket',
326
- 'interaction',
327
- 'skeleton',
328
- 'chart',
329
- 'categorical',
330
- 'elevation',
331
- 'surface',
332
- 'overlay',
333
- 'raised',
334
- 'sunken',
335
- 'shadow',
336
- 'overflow',
337
- 'perimeter',
338
- 'spread',
339
- 'opacity',
340
- 'loading',
341
- 'utility',
342
- 'transform',
343
- 'uppercase',
344
- 'transparent',
345
- 'current',
346
- 'radius',
347
- 'circle',
348
- 'width',
349
- 'indicator',
350
- 'outline',
351
- 'space',
352
- 'negative',
353
- 'font',
354
- 'heading',
355
- 'xxlarge',
356
- 'xlarge',
357
- 'large',
358
- 'medium',
359
- 'small',
360
- 'xsmall',
361
- 'xxsmall',
362
- 'body',
363
- 'ui',
364
- 'code',
365
- 'letter',
366
- 'spacing',
367
- 'family',
368
- 'monospace',
369
- 'sans',
370
- 'size',
371
- 'weight',
372
- 'regular',
373
- 'semibold',
374
- 'line',
375
- 'height',
376
- ];
1
+ export { activeTokens } from './active-tokens';
2
+ export { uniqueWordsFromTokens } from './unique-words-from-tokens';
@@ -0,0 +1,91 @@
1
+ export const uniqueWordsFromTokens: string[] = [
2
+ 'color',
3
+ 'text',
4
+ 'accent',
5
+ 'lime',
6
+ 'bolder',
7
+ 'red',
8
+ 'orange',
9
+ 'yellow',
10
+ 'green',
11
+ 'teal',
12
+ 'blue',
13
+ 'purple',
14
+ 'magenta',
15
+ 'gray',
16
+ 'disabled',
17
+ 'inverse',
18
+ 'selected',
19
+ 'brand',
20
+ 'danger',
21
+ 'warning',
22
+ 'success',
23
+ 'discovery',
24
+ 'information',
25
+ 'subtlest',
26
+ 'subtle',
27
+ 'link',
28
+ 'pressed',
29
+ 'visited',
30
+ 'icon',
31
+ 'border',
32
+ 'focused',
33
+ 'input',
34
+ 'bold',
35
+ 'background',
36
+ 'hovered',
37
+ 'subtler',
38
+ 'neutral',
39
+ 'boldest',
40
+ 'blanket',
41
+ 'interaction',
42
+ 'skeleton',
43
+ 'chart',
44
+ 'categorical',
45
+ 'elevation',
46
+ 'surface',
47
+ 'overlay',
48
+ 'raised',
49
+ 'sunken',
50
+ 'shadow',
51
+ 'overflow',
52
+ 'perimeter',
53
+ 'spread',
54
+ 'opacity',
55
+ 'loading',
56
+ 'utility',
57
+ 'transform',
58
+ 'uppercase',
59
+ 'transparent',
60
+ 'current',
61
+ 'radius',
62
+ 'circle',
63
+ 'width',
64
+ 'indicator',
65
+ 'outline',
66
+ 'space',
67
+ 'negative',
68
+ 'font',
69
+ 'heading',
70
+ 'xxlarge',
71
+ 'xlarge',
72
+ 'large',
73
+ 'medium',
74
+ 'small',
75
+ 'xsmall',
76
+ 'xxsmall',
77
+ 'body',
78
+ 'ui',
79
+ 'code',
80
+ 'letter',
81
+ 'spacing',
82
+ 'family',
83
+ 'monospace',
84
+ 'sans',
85
+ 'size',
86
+ 'weight',
87
+ 'regular',
88
+ 'semibold',
89
+ 'line',
90
+ 'height',
91
+ ];
@@ -18,9 +18,12 @@ exports.default = void 0;
18
18
  * These changes will then be picked up by our tooling which will attempt to
19
19
  * migrate as many of these renames as possible.
20
20
  *
21
- * @codegen <<SignedSource::c779b40628532228cae2ec34977f1f8e>>
21
+ * @codegen <<SignedSource::047b57f2d22a7675431a9f6acb147bf6>>
22
22
  * @codegenCommand yarn build tokens
23
23
  */
24
24
 
25
- var replacementMapper = [];
25
+ var replacementMapper = [{
26
+ "path": "motion.easing.spring",
27
+ "state": "experimental"
28
+ }];
26
29
  var _default = exports.default = replacementMapper;
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::d69f26b9146afc40dbad5febb62a7f64>>
9
+ * @codegen <<SignedSource::0c49cd7b99ff49fecf0ecfa056c603c4>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
- var _default = exports.default = "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark-increased-contrast\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:dark-increased-contrast\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark-increased-contrast\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:dark-increased-contrast\"],\nhtml[data-color-mode=\"light\"][data-contrast-mode=\"more\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-contrast-mode=\"more\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #E2E3E4;\n --ds-text-accent-lime: #D3F1A7;\n --ds-text-accent-lime-bolder: #EFFFD6;\n --ds-text-accent-red: #FFD5D2;\n --ds-text-accent-red-bolder: #FFECEB;\n --ds-text-accent-orange: #FCE4A6;\n --ds-text-accent-orange-bolder: #FFF5DB;\n --ds-text-accent-yellow: #F5E989;\n --ds-text-accent-yellow-bolder: #FEF7C8;\n --ds-text-accent-green: #BAF3DB;\n --ds-text-accent-green-bolder: #DCFFF1;\n --ds-text-accent-teal: #C6EDFB;\n --ds-text-accent-teal-bolder: #E7F9FF;\n --ds-text-accent-blue: #CFE1FD;\n --ds-text-accent-blue-bolder: #E9F2FE;\n --ds-text-accent-purple: #EED7FC;\n --ds-text-accent-purple-bolder: #F8EEFE;\n --ds-text-accent-magenta: #FDD0EC;\n --ds-text-accent-magenta-bolder: #FFECF8;\n --ds-text-accent-gray: #BFC1C4;\n --ds-text-accent-gray-bolder: #E2E3E4;\n --ds-text-disabled: #E5E9F640;\n --ds-text-inverse: #1F1F21;\n --ds-text-selected: #CFE1FD;\n --ds-text-brand: #CFE1FD;\n --ds-text-danger: #FFD5D2;\n --ds-text-danger-bolder: #FFECEB;\n --ds-text-warning: #FCE4A6;\n --ds-text-warning-inverse: #18191A;\n --ds-text-warning-bolder: #FFF5DB;\n --ds-text-success: #BAF3DB;\n --ds-text-success-bolder: #DCFFF1;\n --ds-text-discovery: #EED7FC;\n --ds-text-discovery-bolder: #F8EEFE;\n --ds-text-information: #CFE1FD;\n --ds-text-information-bolder: #E9F2FE;\n --ds-text-subtlest: #BFC1C4;\n --ds-text-subtle: #CECFD2;\n --ds-link: #CFE1FD;\n --ds-link-pressed: #CFE1FD;\n --ds-link-visited: #D8A0F7;\n --ds-link-visited-pressed: #EED7FC;\n --ds-icon: #CECFD2;\n --ds-icon-accent-lime: #B3DF72;\n --ds-icon-accent-red: #FD9891;\n --ds-icon-accent-orange: #FBC828;\n --ds-icon-accent-yellow: #EED12B;\n --ds-icon-accent-green: #7EE2B8;\n --ds-icon-accent-teal: #9DD9EE;\n --ds-icon-accent-blue: #8FB8F6;\n --ds-icon-accent-purple: #D8A0F7;\n --ds-icon-accent-magenta: #F797D2;\n --ds-icon-accent-gray: #A9ABAF;\n --ds-icon-disabled: #E5E9F640;\n --ds-icon-inverse: #1F1F21;\n --ds-icon-selected: #8FB8F6;\n --ds-icon-brand: #8FB8F6;\n --ds-icon-danger: #F87168;\n --ds-icon-warning: #FBC828;\n --ds-icon-warning-inverse: #18191A;\n --ds-icon-success: #7EE2B8;\n --ds-icon-discovery: #C97CF4;\n --ds-icon-information: #8FB8F6;\n --ds-icon-subtlest: #BFC1C4;\n --ds-icon-subtle: #BFC1C4;\n --ds-border: #E9F0FB5C;\n --ds-border-accent-lime: #B3DF72;\n --ds-border-accent-red: #FD9891;\n --ds-border-accent-orange: #FBC828;\n --ds-border-accent-yellow: #EED12B;\n --ds-border-accent-green: #7EE2B8;\n --ds-border-accent-teal: #9DD9EE;\n --ds-border-accent-blue: #8FB8F6;\n --ds-border-accent-purple: #D8A0F7;\n --ds-border-accent-magenta: #F797D2;\n --ds-border-accent-gray: #A9ABAF;\n --ds-border-disabled: #E3E4F21F;\n --ds-border-focused: #8FB8F6;\n --ds-border-input: #A9ABAF;\n --ds-border-inverse: #18191A;\n --ds-border-selected: #8FB8F6;\n --ds-border-brand: #8FB8F6;\n --ds-border-danger: #F87168;\n --ds-border-warning: #FBC828;\n --ds-border-success: #7EE2B8;\n --ds-border-discovery: #C97CF4;\n --ds-border-information: #8FB8F6;\n --ds-border-bold: #A9ABAF;\n --ds-background-accent-lime-subtlest: #28311B;\n --ds-background-accent-lime-subtlest-hovered: #37471F;\n --ds-background-accent-lime-subtlest-pressed: #3F5224;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtler-hovered: #3F5224;\n --ds-background-accent-lime-subtler-pressed: #4C6B1F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-subtle-hovered: #3F5224;\n --ds-background-accent-lime-subtle-pressed: #37471F;\n --ds-background-accent-lime-bolder: #D3F1A7;\n --ds-background-accent-lime-bolder-hovered: #EFFFD6;\n --ds-background-accent-lime-bolder-pressed: #BDE97C;\n --ds-background-accent-red-subtlest: #42221F;\n --ds-background-accent-red-subtlest-hovered: #5D1F1A;\n --ds-background-accent-red-subtlest-pressed: #872821;\n --ds-background-accent-red-subtler: #5D1F1A;\n --ds-background-accent-red-subtler-hovered: #872821;\n --ds-background-accent-red-subtler-pressed: #AE2E24;\n --ds-background-accent-red-subtle: #AE2E24;\n --ds-background-accent-red-subtle-hovered: #872821;\n --ds-background-accent-red-subtle-pressed: #5D1F1A;\n --ds-background-accent-red-bolder: #FFD5D2;\n --ds-background-accent-red-bolder-hovered: #FFECEB;\n --ds-background-accent-red-bolder-pressed: #FFB8B2;\n --ds-background-accent-orange-subtlest: #3A2C1F;\n --ds-background-accent-orange-subtlest-hovered: #693200;\n --ds-background-accent-orange-subtlest-pressed: #7A3B00;\n --ds-background-accent-orange-subtler: #693200;\n --ds-background-accent-orange-subtler-hovered: #7A3B00;\n --ds-background-accent-orange-subtler-pressed: #9E4C00;\n --ds-background-accent-orange-subtle: #9E4C00;\n --ds-background-accent-orange-subtle-hovered: #7A3B00;\n --ds-background-accent-orange-subtle-pressed: #693200;\n --ds-background-accent-orange-bolder: #FCE4A6;\n --ds-background-accent-orange-bolder-hovered: #FFF5DB;\n --ds-background-accent-orange-bolder-pressed: #FBD779;\n --ds-background-accent-yellow-subtlest: #332E1B;\n --ds-background-accent-yellow-subtlest-hovered: #533F04;\n --ds-background-accent-yellow-subtlest-pressed: #614A05;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtler-hovered: #614A05;\n --ds-background-accent-yellow-subtler-pressed: #7F5F01;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-subtle-hovered: #614A05;\n --ds-background-accent-yellow-subtle-pressed: #533F04;\n --ds-background-accent-yellow-bolder: #F5E989;\n --ds-background-accent-yellow-bolder-hovered: #FEF7C8;\n --ds-background-accent-yellow-bolder-pressed: #EFDD4E;\n --ds-background-accent-green-subtlest: #1C3329;\n --ds-background-accent-green-subtlest-hovered: #164B35;\n --ds-background-accent-green-subtlest-pressed: #19573D;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtler-hovered: #19573D;\n --ds-background-accent-green-subtler-pressed: #216E4E;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-subtle-hovered: #19573D;\n --ds-background-accent-green-subtle-pressed: #164B35;\n --ds-background-accent-green-bolder: #BAF3DB;\n --ds-background-accent-green-bolder-hovered: #DCFFF1;\n --ds-background-accent-green-bolder-pressed: #97EDC9;\n --ds-background-accent-teal-subtlest: #1E3137;\n --ds-background-accent-teal-subtlest-hovered: #164555;\n --ds-background-accent-teal-subtlest-pressed: #1A5265;\n --ds-background-accent-teal-subtler: #164555;\n --ds-background-accent-teal-subtler-hovered: #1A5265;\n --ds-background-accent-teal-subtler-pressed: #206A83;\n --ds-background-accent-teal-subtle: #206A83;\n --ds-background-accent-teal-subtle-hovered: #1A5265;\n --ds-background-accent-teal-subtle-pressed: #164555;\n --ds-background-accent-teal-bolder: #C6EDFB;\n --ds-background-accent-teal-bolder-hovered: #E7F9FF;\n --ds-background-accent-teal-bolder-pressed: #B1E4F7;\n --ds-background-accent-blue-subtlest: #1C2B42;\n --ds-background-accent-blue-subtlest-hovered: #123263;\n --ds-background-accent-blue-subtlest-pressed: #144794;\n --ds-background-accent-blue-subtler: #123263;\n --ds-background-accent-blue-subtler-hovered: #144794;\n --ds-background-accent-blue-subtler-pressed: #1558BC;\n --ds-background-accent-blue-subtle: #1558BC;\n --ds-background-accent-blue-subtle-hovered: #144794;\n --ds-background-accent-blue-subtle-pressed: #123263;\n --ds-background-accent-blue-bolder: #669DF1;\n --ds-background-accent-blue-bolder-hovered: #8FB8F6;\n --ds-background-accent-blue-bolder-pressed: #ADCBFB;\n --ds-background-accent-purple-subtlest: #35243F;\n --ds-background-accent-purple-subtlest-hovered: #48245D;\n --ds-background-accent-purple-subtlest-pressed: #673286;\n --ds-background-accent-purple-subtler: #48245D;\n --ds-background-accent-purple-subtler-hovered: #673286;\n --ds-background-accent-purple-subtler-pressed: #803FA5;\n --ds-background-accent-purple-subtle: #803FA5;\n --ds-background-accent-purple-subtle-hovered: #673286;\n --ds-background-accent-purple-subtle-pressed: #48245D;\n --ds-background-accent-purple-bolder: #EED7FC;\n --ds-background-accent-purple-bolder-hovered: #F8EEFE;\n --ds-background-accent-purple-bolder-pressed: #E3BDFA;\n --ds-background-accent-magenta-subtlest: #3D2232;\n --ds-background-accent-magenta-subtlest-hovered: #50253F;\n --ds-background-accent-magenta-subtlest-pressed: #77325B;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtler-hovered: #77325B;\n --ds-background-accent-magenta-subtler-pressed: #943D73;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-subtle-hovered: #77325B;\n --ds-background-accent-magenta-subtle-pressed: #50253F;\n --ds-background-accent-magenta-bolder: #FDD0EC;\n --ds-background-accent-magenta-bolder-hovered: #FFECF8;\n --ds-background-accent-magenta-bolder-pressed: #FCB6E1;\n --ds-background-accent-gray-subtlest: #303134;\n --ds-background-accent-gray-subtlest-hovered: #3D3F43;\n --ds-background-accent-gray-subtlest-pressed: #4B4D51;\n --ds-background-accent-gray-subtler: #4B4D51;\n --ds-background-accent-gray-subtler-hovered: #63666B;\n --ds-background-accent-gray-subtler-pressed: #7E8188;\n --ds-background-accent-gray-subtle: #4B4D51;\n --ds-background-accent-gray-subtle-hovered: #303134;\n --ds-background-accent-gray-subtle-pressed: #242528;\n --ds-background-accent-gray-bolder: #A9ABAF;\n --ds-background-accent-gray-bolder-hovered: #BFC1C4;\n --ds-background-accent-gray-bolder-pressed: #CECFD2;\n --ds-background-disabled: #BDBDBD0A;\n --ds-background-input: #242528;\n --ds-background-input-hovered: #2B2C2F;\n --ds-background-input-pressed: #242528;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #CECED912;\n --ds-background-neutral-hovered: #E3E4F21F;\n --ds-background-neutral-pressed: #E5E9F640;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #CECED912;\n --ds-background-neutral-subtle-pressed: #E3E4F21F;\n --ds-background-neutral-bold: #CECFD2;\n --ds-background-neutral-bold-hovered: #BFC1C4;\n --ds-background-neutral-bold-pressed: #A9ABAF;\n --ds-background-selected: #1C2B42;\n --ds-background-selected-hovered: #123263;\n --ds-background-selected-pressed: #1558BC;\n --ds-background-selected-bold: #CFE1FD;\n --ds-background-selected-bold-hovered: #E9F2FE;\n --ds-background-selected-bold-pressed: #E2E3E4;\n --ds-background-brand-subtlest: #1C2B42;\n --ds-background-brand-subtlest-hovered: #123263;\n --ds-background-brand-subtlest-pressed: #144794;\n --ds-background-brand-bold: #CFE1FD;\n --ds-background-brand-bold-hovered: #E9F2FE;\n --ds-background-brand-bold-pressed: #E2E3E4;\n --ds-background-brand-boldest: #E9F2FE;\n --ds-background-brand-boldest-hovered: #CFE1FD;\n --ds-background-brand-boldest-pressed: #ADCBFB;\n --ds-background-danger: #42221F;\n --ds-background-danger-hovered: #5D1F1A;\n --ds-background-danger-pressed: #872821;\n --ds-background-danger-subtler: #5D1F1A;\n --ds-background-danger-subtler-hovered: #872821;\n --ds-background-danger-subtler-pressed: #AE2E24;\n --ds-background-danger-bold: #FFD5D2;\n --ds-background-danger-bold-hovered: #FFECEB;\n --ds-background-danger-bold-pressed: #E2E3E4;\n --ds-background-warning: #3A2C1F;\n --ds-background-warning-hovered: #693200;\n --ds-background-warning-pressed: #7A3B00;\n --ds-background-warning-subtler: #693200;\n --ds-background-warning-subtler-hovered: #7A3B00;\n --ds-background-warning-subtler-pressed: #9E4C00;\n --ds-background-warning-bold: #F5E989;\n --ds-background-warning-bold-hovered: #FEF7C8;\n --ds-background-warning-bold-pressed: #E2E3E4;\n --ds-background-success: #28311B;\n --ds-background-success-hovered: #37471F;\n --ds-background-success-pressed: #3F5224;\n --ds-background-success-subtler: #37471F;\n --ds-background-success-subtler-hovered: #3F5224;\n --ds-background-success-subtler-pressed: #4C6B1F;\n --ds-background-success-bold: #BAF3DB;\n --ds-background-success-bold-hovered: #DCFFF1;\n --ds-background-success-bold-pressed: #E2E3E4;\n --ds-background-discovery: #35243F;\n --ds-background-discovery-hovered: #48245D;\n --ds-background-discovery-pressed: #673286;\n --ds-background-discovery-subtler: #48245D;\n --ds-background-discovery-subtler-hovered: #673286;\n --ds-background-discovery-subtler-pressed: #803FA5;\n --ds-background-discovery-bold: #EED7FC;\n --ds-background-discovery-bold-hovered: #F8EEFE;\n --ds-background-discovery-bold-pressed: #E2E3E4;\n --ds-background-information: #1C2B42;\n --ds-background-information-hovered: #123263;\n --ds-background-information-pressed: #144794;\n --ds-background-information-subtler: #123263;\n --ds-background-information-subtler-hovered: #144794;\n --ds-background-information-subtler-pressed: #1558BC;\n --ds-background-information-bold: #CFE1FD;\n --ds-background-information-bold-hovered: #E9F2FE;\n --ds-background-information-bold-pressed: #E2E3E4;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #CECED912;\n --ds-skeleton-subtle: #BDBDBD0A;\n --ds-chart-categorical-1: #9DD9EE;\n --ds-chart-categorical-1-hovered: #C6EDFB;\n --ds-chart-categorical-2: #94C748;\n --ds-chart-categorical-2-hovered: #B3DF72;\n --ds-chart-categorical-3: #FBC828;\n --ds-chart-categorical-3-hovered: #FCE4A6;\n --ds-chart-categorical-4: #FCA700;\n --ds-chart-categorical-4-hovered: #FBC828;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #1868DB;\n --ds-chart-categorical-6: #D8A0F7;\n --ds-chart-categorical-6-hovered: #EED7FC;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #6CC3E0;\n --ds-chart-categorical-8: #E06C00;\n --ds-chart-categorical-8-hovered: #FBD779;\n --ds-chart-lime-bold: #B3DF72;\n --ds-chart-lime-bold-hovered: #D3F1A7;\n --ds-chart-lime-bolder: #D3F1A7;\n --ds-chart-lime-bolder-hovered: #EFFFD6;\n --ds-chart-lime-boldest: #EFFFD6;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #96999E;\n --ds-chart-neutral-hovered: #A9ABAF;\n --ds-chart-red-bold: #FD9891;\n --ds-chart-red-bold-hovered: #FFD5D2;\n --ds-chart-red-bolder: #FFD5D2;\n --ds-chart-red-bolder-hovered: #FFECEB;\n --ds-chart-red-boldest: #FFECEB;\n --ds-chart-red-boldest-hovered: #FFD5D2;\n --ds-chart-orange-bold: #FBC828;\n --ds-chart-orange-bold-hovered: #FCE4A6;\n --ds-chart-orange-bolder: #FCE4A6;\n --ds-chart-orange-bolder-hovered: #FFF5DB;\n --ds-chart-orange-boldest: #FFF5DB;\n --ds-chart-orange-boldest-hovered: #FCE4A6;\n --ds-chart-yellow-bold: #EED12B;\n --ds-chart-yellow-bold-hovered: #F5E989;\n --ds-chart-yellow-bolder: #F5E989;\n --ds-chart-yellow-bolder-hovered: #FEF7C8;\n --ds-chart-yellow-boldest: #FEF7C8;\n --ds-chart-yellow-boldest-hovered: #F5E989;\n --ds-chart-green-bold: #7EE2B8;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #BAF3DB;\n --ds-chart-green-bolder-hovered: #DCFFF1;\n --ds-chart-green-boldest: #DCFFF1;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #9DD9EE;\n --ds-chart-teal-bold-hovered: #C6EDFB;\n --ds-chart-teal-bolder: #C6EDFB;\n --ds-chart-teal-bolder-hovered: #E7F9FF;\n --ds-chart-teal-boldest: #E7F9FF;\n --ds-chart-teal-boldest-hovered: #C6EDFB;\n --ds-chart-blue-bold: #8FB8F6;\n --ds-chart-blue-bold-hovered: #CFE1FD;\n --ds-chart-blue-bolder: #CFE1FD;\n --ds-chart-blue-bolder-hovered: #E9F2FE;\n --ds-chart-blue-boldest: #E9F2FE;\n --ds-chart-blue-boldest-hovered: #CFE1FD;\n --ds-chart-purple-bold: #D8A0F7;\n --ds-chart-purple-bold-hovered: #EED7FC;\n --ds-chart-purple-bolder: #EED7FC;\n --ds-chart-purple-bolder-hovered: #F8EEFE;\n --ds-chart-purple-boldest: #F8EEFE;\n --ds-chart-purple-boldest-hovered: #EED7FC;\n --ds-chart-magenta-bold: #F797D2;\n --ds-chart-magenta-bold-hovered: #FDD0EC;\n --ds-chart-magenta-bolder: #FDD0EC;\n --ds-chart-magenta-bolder-hovered: #FFECF8;\n --ds-chart-magenta-boldest: #FFECF8;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #96999E;\n --ds-chart-gray-bold-hovered: #A9ABAF;\n --ds-chart-gray-bolder: #A9ABAF;\n --ds-chart-gray-bolder-hovered: #BFC1C4;\n --ds-chart-gray-boldest: #BFC1C4;\n --ds-chart-gray-boldest-hovered: #CECFD2;\n --ds-chart-brand: #669DF1;\n --ds-chart-brand-hovered: #8FB8F6;\n --ds-chart-danger: #F87168;\n --ds-chart-danger-hovered: #F15B50;\n --ds-chart-danger-bold: #FFB8B2;\n --ds-chart-danger-bold-hovered: #FD9891;\n --ds-chart-warning: #F68909;\n --ds-chart-warning-hovered: #FCA700;\n --ds-chart-warning-bold: #FBC828;\n --ds-chart-warning-bold-hovered: #FCE4A6;\n --ds-chart-success: #82B536;\n --ds-chart-success-hovered: #94C748;\n --ds-chart-success-bold: #B3DF72;\n --ds-chart-success-bold-hovered: #D3F1A7;\n --ds-chart-discovery: #C97CF4;\n --ds-chart-discovery-hovered: #C97CF4;\n --ds-chart-discovery-bold: #D8A0F7;\n --ds-chart-discovery-bold-hovered: #EED7FC;\n --ds-chart-information: #669DF1;\n --ds-chart-information-hovered: #669DF1;\n --ds-chart-information-bold: #8FB8F6;\n --ds-chart-information-bold-hovered: #CFE1FD;\n --ds-surface: #1F1F21;\n --ds-surface-hovered: #242528;\n --ds-surface-pressed: #2B2C2F;\n --ds-surface-overlay: #2B2C2F;\n --ds-surface-overlay-hovered: #303134;\n --ds-surface-overlay-pressed: #3D3F43;\n --ds-surface-raised: #242528;\n --ds-surface-raised-hovered: #2B2C2F;\n --ds-surface-raised-pressed: #303134;\n --ds-surface-sunken: #18191A;\n --ds-shadow-overflow: 0px 0px 12px #0104048F;\n --ds-shadow-overflow-perimeter: #01040480;\n --ds-shadow-overflow-spread: #0104048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #E9F0FB80;\n --ds-shadow-raised: inset 0px 0px 0px 1px #E9F0FB80;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1F1F21;\n}\n";
12
+ var _default = exports.default = "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark-increased-contrast\"], [data-subtree-theme][data-color-mode=\"light\"][data-theme~=\"light:dark-increased-contrast\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark-increased-contrast\"], [data-subtree-theme][data-color-mode=\"dark\"][data-theme~=\"dark:dark-increased-contrast\"],\nhtml[data-color-mode=\"light\"][data-contrast-mode=\"more\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-contrast-mode=\"more\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #E2E3E4;\n --ds-text-accent-lime: #D3F1A7;\n --ds-text-accent-lime-bolder: #EFFFD6;\n --ds-text-accent-red: #FFD5D2;\n --ds-text-accent-red-bolder: #FFECEB;\n --ds-text-accent-orange: #FCE4A6;\n --ds-text-accent-orange-bolder: #FFF5DB;\n --ds-text-accent-yellow: #F5E989;\n --ds-text-accent-yellow-bolder: #FEF7C8;\n --ds-text-accent-green: #BAF3DB;\n --ds-text-accent-green-bolder: #DCFFF1;\n --ds-text-accent-teal: #C6EDFB;\n --ds-text-accent-teal-bolder: #E7F9FF;\n --ds-text-accent-blue: #CFE1FD;\n --ds-text-accent-blue-bolder: #E9F2FE;\n --ds-text-accent-purple: #EED7FC;\n --ds-text-accent-purple-bolder: #F8EEFE;\n --ds-text-accent-magenta: #FDD0EC;\n --ds-text-accent-magenta-bolder: #FFECF8;\n --ds-text-accent-gray: #BFC1C4;\n --ds-text-accent-gray-bolder: #E2E3E4;\n --ds-text-disabled: #E5E9F640;\n --ds-text-inverse: #1F1F21;\n --ds-text-selected: #CFE1FD;\n --ds-text-brand: #CFE1FD;\n --ds-text-danger: #FFD5D2;\n --ds-text-danger-bolder: #FFECEB;\n --ds-text-warning: #FCE4A6;\n --ds-text-warning-inverse: #18191A;\n --ds-text-warning-bolder: #FFF5DB;\n --ds-text-success: #BAF3DB;\n --ds-text-success-bolder: #DCFFF1;\n --ds-text-discovery: #EED7FC;\n --ds-text-discovery-bolder: #F8EEFE;\n --ds-text-information: #CFE1FD;\n --ds-text-information-bolder: #E9F2FE;\n --ds-text-subtlest: #BFC1C4;\n --ds-text-subtle: #CECFD2;\n --ds-link: #CFE1FD;\n --ds-link-pressed: #CFE1FD;\n --ds-link-visited: #D8A0F7;\n --ds-link-visited-pressed: #EED7FC;\n --ds-icon: #CECFD2;\n --ds-icon-accent-lime: #B3DF72;\n --ds-icon-accent-red: #FD9891;\n --ds-icon-accent-orange: #FBC828;\n --ds-icon-accent-yellow: #EED12B;\n --ds-icon-accent-green: #7EE2B8;\n --ds-icon-accent-teal: #9DD9EE;\n --ds-icon-accent-blue: #8FB8F6;\n --ds-icon-accent-purple: #D8A0F7;\n --ds-icon-accent-magenta: #F797D2;\n --ds-icon-accent-gray: #A9ABAF;\n --ds-icon-disabled: #E5E9F640;\n --ds-icon-inverse: #1F1F21;\n --ds-icon-selected: #8FB8F6;\n --ds-icon-brand: #8FB8F6;\n --ds-icon-danger: #F87168;\n --ds-icon-warning: #FBC828;\n --ds-icon-warning-inverse: #18191A;\n --ds-icon-success: #7EE2B8;\n --ds-icon-discovery: #C97CF4;\n --ds-icon-information: #8FB8F6;\n --ds-icon-subtlest: #BFC1C4;\n --ds-icon-subtle: #BFC1C4;\n --ds-border: #E9F0FB5C;\n --ds-border-accent-lime: #B3DF72;\n --ds-border-accent-red: #FD9891;\n --ds-border-accent-orange: #FBC828;\n --ds-border-accent-yellow: #EED12B;\n --ds-border-accent-green: #7EE2B8;\n --ds-border-accent-teal: #9DD9EE;\n --ds-border-accent-blue: #8FB8F6;\n --ds-border-accent-purple: #D8A0F7;\n --ds-border-accent-magenta: #F797D2;\n --ds-border-accent-gray: #A9ABAF;\n --ds-border-disabled: #E3E4F21F;\n --ds-border-focused: #8FB8F6;\n --ds-border-input: #A9ABAF;\n --ds-border-inverse: #18191A;\n --ds-border-selected: #8FB8F6;\n --ds-border-brand: #8FB8F6;\n --ds-border-danger: #F87168;\n --ds-border-warning: #FBC828;\n --ds-border-success: #7EE2B8;\n --ds-border-discovery: #C97CF4;\n --ds-border-information: #8FB8F6;\n --ds-border-bold: #A9ABAF;\n --ds-background-accent-lime-subtlest: #28311B;\n --ds-background-accent-lime-subtlest-hovered: #37471F;\n --ds-background-accent-lime-subtlest-pressed: #3F5224;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtler-hovered: #3F5224;\n --ds-background-accent-lime-subtler-pressed: #4C6B1F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-subtle-hovered: #3F5224;\n --ds-background-accent-lime-subtle-pressed: #37471F;\n --ds-background-accent-lime-bolder: #D3F1A7;\n --ds-background-accent-lime-bolder-hovered: #EFFFD6;\n --ds-background-accent-lime-bolder-pressed: #BDE97C;\n --ds-background-accent-red-subtlest: #42221F;\n --ds-background-accent-red-subtlest-hovered: #5D1F1A;\n --ds-background-accent-red-subtlest-pressed: #872821;\n --ds-background-accent-red-subtler: #5D1F1A;\n --ds-background-accent-red-subtler-hovered: #872821;\n --ds-background-accent-red-subtler-pressed: #AE2E24;\n --ds-background-accent-red-subtle: #AE2E24;\n --ds-background-accent-red-subtle-hovered: #872821;\n --ds-background-accent-red-subtle-pressed: #5D1F1A;\n --ds-background-accent-red-bolder: #FFD5D2;\n --ds-background-accent-red-bolder-hovered: #FFECEB;\n --ds-background-accent-red-bolder-pressed: #FFB8B2;\n --ds-background-accent-orange-subtlest: #3A2C1F;\n --ds-background-accent-orange-subtlest-hovered: #693200;\n --ds-background-accent-orange-subtlest-pressed: #7A3B00;\n --ds-background-accent-orange-subtler: #693200;\n --ds-background-accent-orange-subtler-hovered: #7A3B00;\n --ds-background-accent-orange-subtler-pressed: #9E4C00;\n --ds-background-accent-orange-subtle: #9E4C00;\n --ds-background-accent-orange-subtle-hovered: #7A3B00;\n --ds-background-accent-orange-subtle-pressed: #693200;\n --ds-background-accent-orange-bolder: #FCE4A6;\n --ds-background-accent-orange-bolder-hovered: #FFF5DB;\n --ds-background-accent-orange-bolder-pressed: #FBD779;\n --ds-background-accent-yellow-subtlest: #332E1B;\n --ds-background-accent-yellow-subtlest-hovered: #533F04;\n --ds-background-accent-yellow-subtlest-pressed: #614A05;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtler-hovered: #614A05;\n --ds-background-accent-yellow-subtler-pressed: #7F5F01;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-subtle-hovered: #614A05;\n --ds-background-accent-yellow-subtle-pressed: #533F04;\n --ds-background-accent-yellow-bolder: #F5E989;\n --ds-background-accent-yellow-bolder-hovered: #FEF7C8;\n --ds-background-accent-yellow-bolder-pressed: #EFDD4E;\n --ds-background-accent-green-subtlest: #1C3329;\n --ds-background-accent-green-subtlest-hovered: #164B35;\n --ds-background-accent-green-subtlest-pressed: #19573D;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtler-hovered: #19573D;\n --ds-background-accent-green-subtler-pressed: #216E4E;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-subtle-hovered: #19573D;\n --ds-background-accent-green-subtle-pressed: #164B35;\n --ds-background-accent-green-bolder: #BAF3DB;\n --ds-background-accent-green-bolder-hovered: #DCFFF1;\n --ds-background-accent-green-bolder-pressed: #97EDC9;\n --ds-background-accent-teal-subtlest: #1E3137;\n --ds-background-accent-teal-subtlest-hovered: #164555;\n --ds-background-accent-teal-subtlest-pressed: #1A5265;\n --ds-background-accent-teal-subtler: #164555;\n --ds-background-accent-teal-subtler-hovered: #1A5265;\n --ds-background-accent-teal-subtler-pressed: #206A83;\n --ds-background-accent-teal-subtle: #206A83;\n --ds-background-accent-teal-subtle-hovered: #1A5265;\n --ds-background-accent-teal-subtle-pressed: #164555;\n --ds-background-accent-teal-bolder: #C6EDFB;\n --ds-background-accent-teal-bolder-hovered: #E7F9FF;\n --ds-background-accent-teal-bolder-pressed: #B1E4F7;\n --ds-background-accent-blue-subtlest: #1C2B42;\n --ds-background-accent-blue-subtlest-hovered: #123263;\n --ds-background-accent-blue-subtlest-pressed: #144794;\n --ds-background-accent-blue-subtler: #123263;\n --ds-background-accent-blue-subtler-hovered: #144794;\n --ds-background-accent-blue-subtler-pressed: #1558BC;\n --ds-background-accent-blue-subtle: #1558BC;\n --ds-background-accent-blue-subtle-hovered: #144794;\n --ds-background-accent-blue-subtle-pressed: #123263;\n --ds-background-accent-blue-bolder: #669DF1;\n --ds-background-accent-blue-bolder-hovered: #8FB8F6;\n --ds-background-accent-blue-bolder-pressed: #ADCBFB;\n --ds-background-accent-purple-subtlest: #35243F;\n --ds-background-accent-purple-subtlest-hovered: #48245D;\n --ds-background-accent-purple-subtlest-pressed: #673286;\n --ds-background-accent-purple-subtler: #48245D;\n --ds-background-accent-purple-subtler-hovered: #673286;\n --ds-background-accent-purple-subtler-pressed: #803FA5;\n --ds-background-accent-purple-subtle: #803FA5;\n --ds-background-accent-purple-subtle-hovered: #673286;\n --ds-background-accent-purple-subtle-pressed: #48245D;\n --ds-background-accent-purple-bolder: #EED7FC;\n --ds-background-accent-purple-bolder-hovered: #F8EEFE;\n --ds-background-accent-purple-bolder-pressed: #E3BDFA;\n --ds-background-accent-magenta-subtlest: #3D2232;\n --ds-background-accent-magenta-subtlest-hovered: #50253F;\n --ds-background-accent-magenta-subtlest-pressed: #77325B;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtler-hovered: #77325B;\n --ds-background-accent-magenta-subtler-pressed: #943D73;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-subtle-hovered: #77325B;\n --ds-background-accent-magenta-subtle-pressed: #50253F;\n --ds-background-accent-magenta-bolder: #FDD0EC;\n --ds-background-accent-magenta-bolder-hovered: #FFECF8;\n --ds-background-accent-magenta-bolder-pressed: #FCB6E1;\n --ds-background-accent-gray-subtlest: #303134;\n --ds-background-accent-gray-subtlest-hovered: #3D3F43;\n --ds-background-accent-gray-subtlest-pressed: #4B4D51;\n --ds-background-accent-gray-subtler: #4B4D51;\n --ds-background-accent-gray-subtler-hovered: #63666B;\n --ds-background-accent-gray-subtler-pressed: #7E8188;\n --ds-background-accent-gray-subtle: #4B4D51;\n --ds-background-accent-gray-subtle-hovered: #303134;\n --ds-background-accent-gray-subtle-pressed: #242528;\n --ds-background-accent-gray-bolder: #A9ABAF;\n --ds-background-accent-gray-bolder-hovered: #BFC1C4;\n --ds-background-accent-gray-bolder-pressed: #CECFD2;\n --ds-background-disabled: #E3E4F21F;\n --ds-background-input: #242528;\n --ds-background-input-hovered: #2B2C2F;\n --ds-background-input-pressed: #242528;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #CECED912;\n --ds-background-neutral-hovered: #E3E4F21F;\n --ds-background-neutral-pressed: #E5E9F640;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #CECED912;\n --ds-background-neutral-subtle-pressed: #E3E4F21F;\n --ds-background-neutral-bold: #CECFD2;\n --ds-background-neutral-bold-hovered: #BFC1C4;\n --ds-background-neutral-bold-pressed: #A9ABAF;\n --ds-background-selected: #1C2B42;\n --ds-background-selected-hovered: #123263;\n --ds-background-selected-pressed: #1558BC;\n --ds-background-selected-bold: #CFE1FD;\n --ds-background-selected-bold-hovered: #E9F2FE;\n --ds-background-selected-bold-pressed: #E2E3E4;\n --ds-background-brand-subtlest: #1C2B42;\n --ds-background-brand-subtlest-hovered: #123263;\n --ds-background-brand-subtlest-pressed: #144794;\n --ds-background-brand-bold: #CFE1FD;\n --ds-background-brand-bold-hovered: #E9F2FE;\n --ds-background-brand-bold-pressed: #E2E3E4;\n --ds-background-brand-boldest: #E9F2FE;\n --ds-background-brand-boldest-hovered: #CFE1FD;\n --ds-background-brand-boldest-pressed: #ADCBFB;\n --ds-background-danger: #42221F;\n --ds-background-danger-hovered: #5D1F1A;\n --ds-background-danger-pressed: #872821;\n --ds-background-danger-subtler: #5D1F1A;\n --ds-background-danger-subtler-hovered: #872821;\n --ds-background-danger-subtler-pressed: #AE2E24;\n --ds-background-danger-bold: #FFD5D2;\n --ds-background-danger-bold-hovered: #FFECEB;\n --ds-background-danger-bold-pressed: #E2E3E4;\n --ds-background-warning: #3A2C1F;\n --ds-background-warning-hovered: #693200;\n --ds-background-warning-pressed: #7A3B00;\n --ds-background-warning-subtler: #693200;\n --ds-background-warning-subtler-hovered: #7A3B00;\n --ds-background-warning-subtler-pressed: #9E4C00;\n --ds-background-warning-bold: #F5E989;\n --ds-background-warning-bold-hovered: #FEF7C8;\n --ds-background-warning-bold-pressed: #E2E3E4;\n --ds-background-success: #28311B;\n --ds-background-success-hovered: #37471F;\n --ds-background-success-pressed: #3F5224;\n --ds-background-success-subtler: #37471F;\n --ds-background-success-subtler-hovered: #3F5224;\n --ds-background-success-subtler-pressed: #4C6B1F;\n --ds-background-success-bold: #BAF3DB;\n --ds-background-success-bold-hovered: #DCFFF1;\n --ds-background-success-bold-pressed: #E2E3E4;\n --ds-background-discovery: #35243F;\n --ds-background-discovery-hovered: #48245D;\n --ds-background-discovery-pressed: #673286;\n --ds-background-discovery-subtler: #48245D;\n --ds-background-discovery-subtler-hovered: #673286;\n --ds-background-discovery-subtler-pressed: #803FA5;\n --ds-background-discovery-bold: #EED7FC;\n --ds-background-discovery-bold-hovered: #F8EEFE;\n --ds-background-discovery-bold-pressed: #E2E3E4;\n --ds-background-information: #1C2B42;\n --ds-background-information-hovered: #123263;\n --ds-background-information-pressed: #144794;\n --ds-background-information-subtler: #123263;\n --ds-background-information-subtler-hovered: #144794;\n --ds-background-information-subtler-pressed: #1558BC;\n --ds-background-information-bold: #CFE1FD;\n --ds-background-information-bold-hovered: #E9F2FE;\n --ds-background-information-bold-pressed: #E2E3E4;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #CECED912;\n --ds-skeleton-subtle: #BDBDBD0A;\n --ds-chart-categorical-1: #9DD9EE;\n --ds-chart-categorical-1-hovered: #C6EDFB;\n --ds-chart-categorical-2: #94C748;\n --ds-chart-categorical-2-hovered: #B3DF72;\n --ds-chart-categorical-3: #FBC828;\n --ds-chart-categorical-3-hovered: #FCE4A6;\n --ds-chart-categorical-4: #FCA700;\n --ds-chart-categorical-4-hovered: #FBC828;\n --ds-chart-categorical-5: #1558BC;\n --ds-chart-categorical-5-hovered: #1868DB;\n --ds-chart-categorical-6: #D8A0F7;\n --ds-chart-categorical-6-hovered: #EED7FC;\n --ds-chart-categorical-7: #42B2D7;\n --ds-chart-categorical-7-hovered: #6CC3E0;\n --ds-chart-categorical-8: #E06C00;\n --ds-chart-categorical-8-hovered: #FBD779;\n --ds-chart-lime-bold: #B3DF72;\n --ds-chart-lime-bold-hovered: #D3F1A7;\n --ds-chart-lime-bolder: #D3F1A7;\n --ds-chart-lime-bolder-hovered: #EFFFD6;\n --ds-chart-lime-boldest: #EFFFD6;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #96999E;\n --ds-chart-neutral-hovered: #A9ABAF;\n --ds-chart-red-bold: #FD9891;\n --ds-chart-red-bold-hovered: #FFD5D2;\n --ds-chart-red-bolder: #FFD5D2;\n --ds-chart-red-bolder-hovered: #FFECEB;\n --ds-chart-red-boldest: #FFECEB;\n --ds-chart-red-boldest-hovered: #FFD5D2;\n --ds-chart-orange-bold: #FBC828;\n --ds-chart-orange-bold-hovered: #FCE4A6;\n --ds-chart-orange-bolder: #FCE4A6;\n --ds-chart-orange-bolder-hovered: #FFF5DB;\n --ds-chart-orange-boldest: #FFF5DB;\n --ds-chart-orange-boldest-hovered: #FCE4A6;\n --ds-chart-yellow-bold: #EED12B;\n --ds-chart-yellow-bold-hovered: #F5E989;\n --ds-chart-yellow-bolder: #F5E989;\n --ds-chart-yellow-bolder-hovered: #FEF7C8;\n --ds-chart-yellow-boldest: #FEF7C8;\n --ds-chart-yellow-boldest-hovered: #F5E989;\n --ds-chart-green-bold: #7EE2B8;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #BAF3DB;\n --ds-chart-green-bolder-hovered: #DCFFF1;\n --ds-chart-green-boldest: #DCFFF1;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #9DD9EE;\n --ds-chart-teal-bold-hovered: #C6EDFB;\n --ds-chart-teal-bolder: #C6EDFB;\n --ds-chart-teal-bolder-hovered: #E7F9FF;\n --ds-chart-teal-boldest: #E7F9FF;\n --ds-chart-teal-boldest-hovered: #C6EDFB;\n --ds-chart-blue-bold: #8FB8F6;\n --ds-chart-blue-bold-hovered: #CFE1FD;\n --ds-chart-blue-bolder: #CFE1FD;\n --ds-chart-blue-bolder-hovered: #E9F2FE;\n --ds-chart-blue-boldest: #E9F2FE;\n --ds-chart-blue-boldest-hovered: #CFE1FD;\n --ds-chart-purple-bold: #D8A0F7;\n --ds-chart-purple-bold-hovered: #EED7FC;\n --ds-chart-purple-bolder: #EED7FC;\n --ds-chart-purple-bolder-hovered: #F8EEFE;\n --ds-chart-purple-boldest: #F8EEFE;\n --ds-chart-purple-boldest-hovered: #EED7FC;\n --ds-chart-magenta-bold: #F797D2;\n --ds-chart-magenta-bold-hovered: #FDD0EC;\n --ds-chart-magenta-bolder: #FDD0EC;\n --ds-chart-magenta-bolder-hovered: #FFECF8;\n --ds-chart-magenta-boldest: #FFECF8;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #96999E;\n --ds-chart-gray-bold-hovered: #A9ABAF;\n --ds-chart-gray-bolder: #A9ABAF;\n --ds-chart-gray-bolder-hovered: #BFC1C4;\n --ds-chart-gray-boldest: #BFC1C4;\n --ds-chart-gray-boldest-hovered: #CECFD2;\n --ds-chart-brand: #669DF1;\n --ds-chart-brand-hovered: #8FB8F6;\n --ds-chart-danger: #F87168;\n --ds-chart-danger-hovered: #F15B50;\n --ds-chart-danger-bold: #FFB8B2;\n --ds-chart-danger-bold-hovered: #FD9891;\n --ds-chart-warning: #F68909;\n --ds-chart-warning-hovered: #FCA700;\n --ds-chart-warning-bold: #FBC828;\n --ds-chart-warning-bold-hovered: #FCE4A6;\n --ds-chart-success: #82B536;\n --ds-chart-success-hovered: #94C748;\n --ds-chart-success-bold: #B3DF72;\n --ds-chart-success-bold-hovered: #D3F1A7;\n --ds-chart-discovery: #C97CF4;\n --ds-chart-discovery-hovered: #C97CF4;\n --ds-chart-discovery-bold: #D8A0F7;\n --ds-chart-discovery-bold-hovered: #EED7FC;\n --ds-chart-information: #669DF1;\n --ds-chart-information-hovered: #669DF1;\n --ds-chart-information-bold: #8FB8F6;\n --ds-chart-information-bold-hovered: #CFE1FD;\n --ds-surface: #1F1F21;\n --ds-surface-hovered: #242528;\n --ds-surface-pressed: #2B2C2F;\n --ds-surface-overlay: #2B2C2F;\n --ds-surface-overlay-hovered: #303134;\n --ds-surface-overlay-pressed: #3D3F43;\n --ds-surface-raised: #242528;\n --ds-surface-raised-hovered: #2B2C2F;\n --ds-surface-raised-pressed: #303134;\n --ds-surface-sunken: #18191A;\n --ds-shadow-overflow: 0px 0px 12px #0104048F;\n --ds-shadow-overflow-perimeter: #01040480;\n --ds-shadow-overflow-spread: #0104048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #E9F0FB80;\n --ds-shadow-raised: inset 0px 0px 0px 1px #E9F0FB80;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1F1F21;\n}\n";