@atlaskit/tokens 1.22.1 → 1.24.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 (147) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/custom-themes/package.json +17 -0
  3. package/dist/cjs/artifacts/generated-pairs.js +2 -2
  4. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +2 -2
  6. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +2 -2
  7. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  8. package/dist/cjs/artifacts/token-default-values.js +2 -1
  9. package/dist/cjs/artifacts/token-names.js +2 -1
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +23 -1
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +23 -1
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +23 -1
  13. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +23 -1
  14. package/dist/cjs/constants.js +3 -1
  15. package/dist/cjs/custom-theme.js +45 -79
  16. package/dist/cjs/enable-global-theme.js +70 -0
  17. package/dist/cjs/entry-points/custom-themes.js +13 -0
  18. package/dist/cjs/get-token-value.js +1 -1
  19. package/dist/cjs/get-token.js +1 -1
  20. package/dist/cjs/index.js +7 -0
  21. package/dist/cjs/load-custom-theme-styles.js +45 -0
  22. package/dist/cjs/set-global-theme.js +50 -94
  23. package/dist/cjs/theme-config.js +5 -0
  24. package/dist/cjs/tokens/atlassian-dark/color/text.js +3 -0
  25. package/dist/cjs/tokens/atlassian-legacy-dark/color/text.js +3 -0
  26. package/dist/cjs/tokens/atlassian-legacy-light/color/text.js +3 -0
  27. package/dist/cjs/tokens/atlassian-light/color/text.js +3 -0
  28. package/dist/cjs/tokens/default/color/text.js +8 -0
  29. package/dist/cjs/utils/color-mode-listeners.js +66 -0
  30. package/dist/cjs/utils/configure-page.js +34 -0
  31. package/dist/es2019/artifacts/generated-pairs.js +2 -2
  32. package/dist/es2019/artifacts/themes/atlassian-dark.js +2 -1
  33. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +2 -1
  34. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +2 -1
  35. package/dist/es2019/artifacts/themes/atlassian-light.js +2 -1
  36. package/dist/es2019/artifacts/token-default-values.js +2 -1
  37. package/dist/es2019/artifacts/token-names.js +2 -1
  38. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +23 -1
  39. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +23 -1
  40. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +23 -1
  41. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +23 -1
  42. package/dist/es2019/constants.js +1 -0
  43. package/dist/es2019/custom-theme.js +4 -4
  44. package/dist/es2019/enable-global-theme.js +53 -0
  45. package/dist/es2019/entry-points/custom-themes.js +1 -0
  46. package/dist/es2019/get-token-value.js +1 -1
  47. package/dist/es2019/get-token.js +1 -1
  48. package/dist/es2019/index.js +1 -0
  49. package/dist/es2019/load-custom-theme-styles.js +37 -0
  50. package/dist/es2019/set-global-theme.js +34 -65
  51. package/dist/es2019/theme-config.js +6 -0
  52. package/dist/es2019/tokens/atlassian-dark/color/text.js +3 -0
  53. package/dist/es2019/tokens/atlassian-legacy-dark/color/text.js +3 -0
  54. package/dist/es2019/tokens/atlassian-legacy-light/color/text.js +3 -0
  55. package/dist/es2019/tokens/atlassian-light/color/text.js +3 -0
  56. package/dist/es2019/tokens/default/color/text.js +8 -0
  57. package/dist/es2019/utils/color-mode-listeners.js +48 -0
  58. package/dist/es2019/utils/configure-page.js +22 -0
  59. package/dist/esm/artifacts/generated-pairs.js +2 -2
  60. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  61. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
  62. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
  63. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  64. package/dist/esm/artifacts/token-default-values.js +2 -1
  65. package/dist/esm/artifacts/token-names.js +2 -1
  66. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +23 -1
  67. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +23 -1
  68. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +23 -1
  69. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +23 -1
  70. package/dist/esm/constants.js +1 -0
  71. package/dist/esm/custom-theme.js +45 -78
  72. package/dist/esm/enable-global-theme.js +63 -0
  73. package/dist/esm/entry-points/custom-themes.js +1 -0
  74. package/dist/esm/get-token-value.js +1 -1
  75. package/dist/esm/get-token.js +1 -1
  76. package/dist/esm/index.js +1 -0
  77. package/dist/esm/load-custom-theme-styles.js +39 -0
  78. package/dist/esm/set-global-theme.js +49 -93
  79. package/dist/esm/theme-config.js +6 -0
  80. package/dist/esm/tokens/atlassian-dark/color/text.js +3 -0
  81. package/dist/esm/tokens/atlassian-legacy-dark/color/text.js +3 -0
  82. package/dist/esm/tokens/atlassian-legacy-light/color/text.js +3 -0
  83. package/dist/esm/tokens/atlassian-light/color/text.js +3 -0
  84. package/dist/esm/tokens/default/color/text.js +8 -0
  85. package/dist/esm/utils/color-mode-listeners.js +58 -0
  86. package/dist/esm/utils/configure-page.js +28 -0
  87. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  88. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  89. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  90. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  91. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  92. package/dist/types/artifacts/token-default-values.d.ts +2 -1
  93. package/dist/types/artifacts/token-names.d.ts +3 -1
  94. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  95. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  96. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  97. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  98. package/dist/types/artifacts/types-internal.d.ts +2 -2
  99. package/dist/types/artifacts/types.d.ts +2 -2
  100. package/dist/types/constants.d.ts +1 -0
  101. package/dist/types/custom-theme.d.ts +3 -3
  102. package/dist/types/enable-global-theme.d.ts +25 -0
  103. package/dist/types/entry-points/custom-themes.d.ts +1 -0
  104. package/dist/types/get-global-theme.d.ts +1 -1
  105. package/dist/types/index.d.ts +1 -0
  106. package/dist/types/load-custom-theme-styles.d.ts +17 -0
  107. package/dist/types/set-global-theme.d.ts +1 -4
  108. package/dist/types/theme-config.d.ts +7 -0
  109. package/dist/types/theme-mutation-observer.d.ts +1 -1
  110. package/dist/types/types.d.ts +1 -0
  111. package/dist/types/use-theme-observer.d.ts +1 -1
  112. package/dist/types/utils/color-mode-listeners.d.ts +13 -0
  113. package/dist/types/utils/configure-page.d.ts +6 -0
  114. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  115. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  116. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  117. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  118. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  119. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +2 -1
  120. package/dist/types-ts4.5/artifacts/token-names.d.ts +3 -1
  121. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  122. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  123. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  124. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  125. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  126. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  127. package/dist/types-ts4.5/constants.d.ts +1 -0
  128. package/dist/types-ts4.5/custom-theme.d.ts +3 -3
  129. package/dist/types-ts4.5/enable-global-theme.d.ts +25 -0
  130. package/dist/types-ts4.5/entry-points/custom-themes.d.ts +1 -0
  131. package/dist/types-ts4.5/get-global-theme.d.ts +1 -1
  132. package/dist/types-ts4.5/index.d.ts +1 -0
  133. package/dist/types-ts4.5/load-custom-theme-styles.d.ts +17 -0
  134. package/dist/types-ts4.5/set-global-theme.d.ts +1 -4
  135. package/dist/types-ts4.5/theme-config.d.ts +7 -0
  136. package/dist/types-ts4.5/theme-mutation-observer.d.ts +1 -1
  137. package/dist/types-ts4.5/types.d.ts +1 -0
  138. package/dist/types-ts4.5/use-theme-observer.d.ts +1 -1
  139. package/dist/types-ts4.5/utils/color-mode-listeners.d.ts +13 -0
  140. package/dist/types-ts4.5/utils/configure-page.d.ts +6 -0
  141. package/figma/atlassian-dark.json +9 -0
  142. package/figma/atlassian-legacy-dark.json +9 -0
  143. package/figma/atlassian-legacy-light.json +9 -0
  144. package/figma/atlassian-light.json +9 -0
  145. package/package.json +3 -2
  146. package/report.api.md +20 -2
  147. package/tmp/api-report-tmp.d.ts +9 -4
@@ -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::0ef3f8c73157d21ba160b291b7bce077>>
3
+ * @codegen <<SignedSource::f2a1cadba78bb3e4fa07a576c71a7d55>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- export type ActiveTokens = 'color.text' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.icon' | 'color.icon.accent.lime' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border' | 'color.border.accent.lime' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.lime.subtlest' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.disabled' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.danger' | 'color.chart.danger.hovered' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.warning' | 'color.chart.warning.hovered' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.success' | 'color.chart.success.hovered' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.discovery' | 'color.chart.discovery.hovered' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.information' | 'color.chart.information.hovered' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.textTransformUppercase' | 'utility.UNSAFE.transparent' | 'utility.elevation.surface.current' | 'border.radius.050' | 'border.radius' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.indicator' | 'border.width.outline' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'font.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
6
+ export type ActiveTokens = 'color.text' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.link.visited' | 'color.icon' | 'color.icon.accent.lime' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border' | 'color.border.accent.lime' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.lime.subtlest' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.disabled' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.danger' | 'color.chart.danger.hovered' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.warning' | 'color.chart.warning.hovered' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.success' | 'color.chart.success.hovered' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.discovery' | 'color.chart.discovery.hovered' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.information' | 'color.chart.information.hovered' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.textTransformUppercase' | 'utility.UNSAFE.transparent' | 'utility.elevation.surface.current' | 'border.radius.050' | 'border.radius' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.indicator' | 'border.width.outline' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'font.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
@@ -1,6 +1,7 @@
1
1
  export declare const THEME_DATA_ATTRIBUTE = "data-theme";
2
2
  export declare const COLOR_MODE_ATTRIBUTE = "data-color-mode";
3
3
  export declare const CUSTOM_THEME_ATTRIBUTE = "data-custom-theme";
4
+ export declare const DEFAULT_THEME = "light";
4
5
  export declare const CSS_PREFIX = "ds";
5
6
  export declare const CSS_VAR_FULL: string[];
6
7
  export declare const TOKEN_NOT_FOUND_CSS_VAR: string;
@@ -14,12 +14,12 @@ export declare const CUSTOM_STYLE_ELEMENTS_SIZE_THRESHOLD = 10;
14
14
  * @param {string} themeState.colorMode Determines which color theme is applied
15
15
  * @param {Object} themeState.UNSAFE_themeOptions The custom branding options to be used for custom theme generation
16
16
  *
17
- * @returns A Promise of an object array, containing theme IDs, data-attributes to attach to the theme, and the theme CSS.
17
+ * @returns An object array, containing theme IDs, data-attributes to attach to the theme, and the theme CSS.
18
18
  * If an error is encountered while loading themes, the themes array will be empty.
19
19
  */
20
20
  export declare function getCustomThemeStyles(themeState: Partial<ThemeState> & {
21
21
  UNSAFE_themeOptions: ThemeOptionsSchema;
22
- }): Promise<ThemeStyles[]>;
22
+ }): ThemeStyles[];
23
23
  export declare function loadAndAppendCustomThemeCss(themeState: Partial<ThemeState> & {
24
24
  UNSAFE_themeOptions: ThemeOptionsSchema;
25
- }): Promise<void>;
25
+ }): void;
@@ -0,0 +1,25 @@
1
+ import { UnbindFn } from 'bind-event-listener';
2
+ import { ThemeIdsWithOverrides, ThemeState } from './theme-config';
3
+ /**
4
+ * Synchronously sets the theme globally at runtime. Themes are not loaded;
5
+ * use `getThemeStyles` and other server-side utilities to generate and load them.
6
+ *
7
+ * @param {Object<string, string>} themeState The themes and color mode that should be applied.
8
+ * @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
9
+ * @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
10
+ * @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
11
+ * @param {string} themeState.shape The shape theme to be applied.
12
+ * @param {string} themeState.spacing The spacing theme to be applied.
13
+ * @param {string} themeState.typography The typography theme to be applied.
14
+ * @param {Object} themeState.UNSAFE_themeOptions The custom branding options to be used for custom theme generation
15
+ * @param {function} themeLoader Callback function used to override the default theme loading functionality.
16
+ *
17
+ * @returns An unbind function, that can be used to stop listening for changes to system theme.
18
+ *
19
+ * @example
20
+ * ```
21
+ * enableGlobalTheme({colorMode: 'auto', light: 'light', dark: 'dark', spacing: 'spacing'});
22
+ * ```
23
+ */
24
+ declare const enableGlobalTheme: ({ colorMode, dark, light, shape, spacing, typography, UNSAFE_themeOptions, }?: Partial<ThemeState>, themeLoader?: ((id: ThemeIdsWithOverrides) => void) | undefined) => UnbindFn;
25
+ export default enableGlobalTheme;
@@ -0,0 +1 @@
1
+ export { default as UNSAFE_loadCustomThemeStyles } from '../load-custom-theme-styles';
@@ -1,3 +1,3 @@
1
- import { ActiveThemeState } from './set-global-theme';
1
+ import { ActiveThemeState } from './theme-config';
2
2
  declare const getGlobalTheme: () => Partial<ActiveThemeState>;
3
3
  export default getGlobalTheme;
@@ -2,6 +2,7 @@ export { default as themeConfig } from './theme-config';
2
2
  export { default as token } from './get-token';
3
3
  export { default as getTokenValue } from './get-token-value';
4
4
  export { default as setGlobalTheme } from './set-global-theme';
5
+ export { default as enableGlobalTheme } from './enable-global-theme';
5
6
  export { default as getThemeStyles } from './get-theme-styles';
6
7
  export { default as getThemeHtmlAttrs } from './get-theme-html-attrs';
7
8
  export { default as getSSRAutoScript } from './get-ssr-auto-script';
@@ -0,0 +1,17 @@
1
+ import { ThemeState } from './theme-config';
2
+ /**
3
+ * Synchronously generates and applies custom theme styles to the page.
4
+ *
5
+ * @param {Object<string, string>} themeState The themes and color mode that should be applied.
6
+ * @param {Object} themeState.UNSAFE_themeOptions The custom branding options to be used for custom theme generation
7
+ *
8
+ * @example
9
+ * ```
10
+ * UNSAFE_loadCustomThemeStyles({
11
+ * colorMode: 'auto',
12
+ * UNSAFE_themeOptions: { brandColor: '#FF0000' }
13
+ * });
14
+ * ```
15
+ */
16
+ declare const UNSAFE_loadCustomThemeStyles: ({ colorMode, UNSAFE_themeOptions, }?: Partial<ThemeState>) => void;
17
+ export default UNSAFE_loadCustomThemeStyles;
@@ -1,8 +1,5 @@
1
1
  import { UnbindFn } from 'bind-event-listener';
2
- import { ThemeColorModes, ThemeIdsWithOverrides, ThemeState } from './theme-config';
3
- export interface ActiveThemeState extends ThemeState {
4
- colorMode: Exclude<ThemeColorModes, 'auto'>;
5
- }
2
+ import { ThemeIdsWithOverrides, ThemeState } from './theme-config';
6
3
  /**
7
4
  * Sets the theme globally at runtime. This updates the `data-theme` and `data-color-mode` attributes on your page's <html> tag.
8
5
  *
@@ -101,4 +101,11 @@ export interface ThemeState {
101
101
  * themeStateDefaults: the default values for ThemeState used by theming utilities
102
102
  */
103
103
  export declare const themeStateDefaults: ThemeState;
104
+ /**
105
+ * Represents theme state once mounted to the page
106
+ * (the page doesn't have an "auto" color mode, it's either light or dark)
107
+ */
108
+ export interface ActiveThemeState extends ThemeState {
109
+ colorMode: DataColorModes;
110
+ }
104
111
  export default themeConfig;
@@ -1,4 +1,4 @@
1
- import { ActiveThemeState } from './set-global-theme';
1
+ import { ActiveThemeState } from './theme-config';
2
2
  /**
3
3
  * A MutationObserver which watches the `<html>` element for changes to the theme.
4
4
  *
@@ -351,6 +351,7 @@ export interface TextColorTokenSchema<BaseToken> {
351
351
  link: {
352
352
  '[default]': PaintToken<BaseToken>;
353
353
  pressed: PaintToken<BaseToken>;
354
+ visited: PaintToken<BaseToken>;
354
355
  };
355
356
  };
356
357
  }
@@ -1,4 +1,4 @@
1
- import { ActiveThemeState } from './set-global-theme';
1
+ import { ActiveThemeState } from './theme-config';
2
2
  /**
3
3
  * A React hook which returns the current themes and color-mode set on `<html>`.
4
4
  *
@@ -0,0 +1,13 @@
1
+ import { UnbindFn } from 'bind-event-listener';
2
+ declare class ColorModeObserver {
3
+ unbindThemeChangeListener: UnbindFn | null;
4
+ getColorMode(): "light" | "dark";
5
+ bind(): void;
6
+ unbind(): void;
7
+ }
8
+ /**
9
+ * A singleton color mode observer - binds "auto" switching logic to a single `mediaQueryList` listener
10
+ * that can be unbound by any consumer when no longer needed.
11
+ */
12
+ declare const SingletonColorModeObserver: ColorModeObserver;
13
+ export default SingletonColorModeObserver;
@@ -0,0 +1,6 @@
1
+ import { ThemeState } from '../theme-config';
2
+ /**
3
+ * Given ThemeState, sets appropriate html attributes on the documentElement,
4
+ * adds a listener to keep colorMode updated, and returns a function to unbind.
5
+ */
6
+ export default function configurePage(themeState: ThemeState): () => () => void;
@@ -4,7 +4,7 @@
4
4
  * Auto-generated list of token pairings that may need to have sufficient contrast.
5
5
  * Not currently used by tests, but is used by the custom theme contrast checker example
6
6
  *
7
- * @codegen <<SignedSource::6a140d2e92786ecff49ad59157bff3f4>>
7
+ * @codegen <<SignedSource::f9a739fee346961a6a7efda6c143437c>>
8
8
  * @codegenCommand yarn build tokens
9
9
  */
10
10
  export declare const generatedPairs: ({
@@ -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::3d85ad6445c9e91ba4be74807676d20d>>
3
+ * @codegen <<SignedSource::e988c9f1dbc5f3401409a53e6b2d71e2>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-accent-lime: #B3DF72;\n --ds-text-accent-lime-bolder: #D3F1A7;\n --ds-text-accent-red: #FF9C8F;\n --ds-text-accent-red-bolder: #FFD2CC;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #FFE2BD;\n --ds-text-accent-yellow: #F5CD47;\n --ds-text-accent-yellow-bolder: #F8E6A0;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #8BDBE5;\n --ds-text-accent-teal-bolder: #C1F0F5;\n --ds-text-accent-blue: #85B8FF;\n --ds-text-accent-blue-bolder: #CCE0FF;\n --ds-text-accent-purple: #B8ACF6;\n --ds-text-accent-purple-bolder: #DFD8FD;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #9FADBC;\n --ds-text-accent-gray-bolder: #DEE4EA;\n --ds-text-disabled: #BFDBF847;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #579DFF;\n --ds-text-brand: #579DFF;\n --ds-text-danger: #FF9C8F;\n --ds-text-warning: #F5CD47;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-success: #7EE2B8;\n --ds-text-discovery: #B8ACF6;\n --ds-text-information: #85B8FF;\n --ds-text-subtlest: #8C9BAB;\n --ds-text-subtle: #9FADBC;\n --ds-link: #579DFF;\n --ds-link-pressed: #85B8FF;\n --ds-icon: #9FADBC;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #EF5C48;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #CF9F02;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #37B4C3;\n --ds-icon-accent-blue: #388BFF;\n --ds-icon-accent-purple: #8F7EE7;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #738496;\n --ds-icon-disabled: #BFDBF847;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #579DFF;\n --ds-icon-brand: #579DFF;\n --ds-icon-danger: #EF5C48;\n --ds-icon-warning: #CF9F02;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-success: #2ABB7F;\n --ds-icon-discovery: #8F7EE7;\n --ds-icon-information: #388BFF;\n --ds-icon-subtle: #8C9BAB;\n --ds-border: #A6C5E229;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-red: #EF5C48;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #37B4C3;\n --ds-border-accent-blue: #388BFF;\n --ds-border-accent-purple: #8F7EE7;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #738496;\n --ds-border-disabled: #A1BDD914;\n --ds-border-focused: #85B8FF;\n --ds-border-input: #A6C5E229;\n --ds-border-inverse: #161A1D;\n --ds-border-selected: #579DFF;\n --ds-border-brand: #579DFF;\n --ds-border-danger: #EF5C48;\n --ds-border-warning: #CF9F02;\n --ds-border-success: #2ABB7F;\n --ds-border-discovery: #8F7EE7;\n --ds-border-information: #388BFF;\n --ds-border-bold: #738496;\n --ds-background-accent-lime-subtlest: #2A3818;\n --ds-background-accent-lime-subtlest-hovered: #37471F;\n --ds-background-accent-lime-subtlest-pressed: #4C6B1F;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtler-hovered: #4C6B1F;\n --ds-background-accent-lime-subtler-pressed: #5B7F24;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-subtle-hovered: #37471F;\n --ds-background-accent-lime-subtle-pressed: #2A3818;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-lime-bolder-hovered: #B3DF72;\n --ds-background-accent-lime-bolder-pressed: #D3F1A7;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-red-subtlest-hovered: #601E16;\n --ds-background-accent-red-subtlest-pressed: #AE2A19;\n --ds-background-accent-red-subtler: #601E16;\n --ds-background-accent-red-subtler-hovered: #AE2A19;\n --ds-background-accent-red-subtler-pressed: #CA3521;\n --ds-background-accent-red-subtle: #AE2A19;\n --ds-background-accent-red-subtle-hovered: #601E16;\n --ds-background-accent-red-subtle-pressed: #4F1C16;\n --ds-background-accent-red-bolder: #F87462;\n --ds-background-accent-red-bolder-hovered: #FF9C8F;\n --ds-background-accent-red-bolder-pressed: #FFD2CC;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-orange-subtlest-hovered: #5F3811;\n --ds-background-accent-orange-subtlest-pressed: #974F0C;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtler-hovered: #974F0C;\n --ds-background-accent-orange-subtler-pressed: #B65C02;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-subtle-hovered: #5F3811;\n --ds-background-accent-orange-subtle-pressed: #4A2B0F;\n --ds-background-accent-orange-bolder: #FAA53D;\n --ds-background-accent-orange-bolder-hovered: #FEC57B;\n --ds-background-accent-orange-bolder-pressed: #FFE2BD;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-yellow-subtlest-hovered: #533F04;\n --ds-background-accent-yellow-subtlest-pressed: #7F5F01;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtler-hovered: #7F5F01;\n --ds-background-accent-yellow-subtler-pressed: #946F00;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-subtle-hovered: #533F04;\n --ds-background-accent-yellow-subtle-pressed: #3F3102;\n --ds-background-accent-yellow-bolder: #E2B203;\n --ds-background-accent-yellow-bolder-hovered: #F5CD47;\n --ds-background-accent-yellow-bolder-pressed: #F8E6A0;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-green-subtlest-hovered: #164B35;\n --ds-background-accent-green-subtlest-pressed: #216E4E;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtler-hovered: #216E4E;\n --ds-background-accent-green-subtler-pressed: #1F845A;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-subtle-hovered: #164B35;\n --ds-background-accent-green-subtle-pressed: #143C2B;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-green-bolder-hovered: #7EE2B8;\n --ds-background-accent-green-bolder-pressed: #BAF3DB;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-teal-subtlest-hovered: #1D474C;\n --ds-background-accent-teal-subtlest-pressed: #206B74;\n --ds-background-accent-teal-subtler: #1D474C;\n --ds-background-accent-teal-subtler-hovered: #206B74;\n --ds-background-accent-teal-subtler-pressed: #1D7F8C;\n --ds-background-accent-teal-subtle: #206B74;\n --ds-background-accent-teal-subtle-hovered: #1D474C;\n --ds-background-accent-teal-subtle-pressed: #15373B;\n --ds-background-accent-teal-bolder: #60C6D2;\n --ds-background-accent-teal-bolder-hovered: #8BDBE5;\n --ds-background-accent-teal-bolder-pressed: #C1F0F5;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-blue-subtlest-hovered: #09326C;\n --ds-background-accent-blue-subtlest-pressed: #0055CC;\n --ds-background-accent-blue-subtler: #09326C;\n --ds-background-accent-blue-subtler-hovered: #0055CC;\n --ds-background-accent-blue-subtler-pressed: #0C66E4;\n --ds-background-accent-blue-subtle: #0055CC;\n --ds-background-accent-blue-subtle-hovered: #09326C;\n --ds-background-accent-blue-subtle-pressed: #092957;\n --ds-background-accent-blue-bolder: #579DFF;\n --ds-background-accent-blue-bolder-hovered: #85B8FF;\n --ds-background-accent-blue-bolder-pressed: #CCE0FF;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-purple-subtlest-hovered: #352C63;\n --ds-background-accent-purple-subtlest-pressed: #5E4DB2;\n --ds-background-accent-purple-subtler: #352C63;\n --ds-background-accent-purple-subtler-hovered: #5E4DB2;\n --ds-background-accent-purple-subtler-pressed: #6E5DC6;\n --ds-background-accent-purple-subtle: #5E4DB2;\n --ds-background-accent-purple-subtle-hovered: #352C63;\n --ds-background-accent-purple-subtle-pressed: #2B2451;\n --ds-background-accent-purple-bolder: #9F8FEF;\n --ds-background-accent-purple-bolder-hovered: #B8ACF6;\n --ds-background-accent-purple-bolder-pressed: #DFD8FD;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-magenta-subtlest-hovered: #50253F;\n --ds-background-accent-magenta-subtlest-pressed: #943D73;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtler-hovered: #943D73;\n --ds-background-accent-magenta-subtler-pressed: #AE4787;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-subtle-hovered: #50253F;\n --ds-background-accent-magenta-subtle-pressed: #421F34;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-magenta-bolder-hovered: #F797D2;\n --ds-background-accent-magenta-bolder-pressed: #FDD0EC;\n --ds-background-accent-gray-subtlest: #2C333A;\n --ds-background-accent-gray-subtlest-hovered: #38414A;\n --ds-background-accent-gray-subtlest-pressed: #454F59;\n --ds-background-accent-gray-subtler: #454F59;\n --ds-background-accent-gray-subtler-hovered: #596773;\n --ds-background-accent-gray-subtler-pressed: #738496;\n --ds-background-accent-gray-subtle: #596773;\n --ds-background-accent-gray-subtle-hovered: #454F59;\n --ds-background-accent-gray-subtle-pressed: #38414A;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-accent-gray-bolder-hovered: #9FADBC;\n --ds-background-accent-gray-bolder-pressed: #B6C2CF;\n --ds-background-disabled: #BCD6F00A;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #A1BDD914;\n --ds-background-neutral-hovered: #A6C5E229;\n --ds-background-neutral-pressed: #BFDBF847;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #A1BDD914;\n --ds-background-neutral-subtle-pressed: #A6C5E229;\n --ds-background-neutral-bold: #9FADBC;\n --ds-background-neutral-bold-hovered: #B6C2CF;\n --ds-background-neutral-bold-pressed: #C7D1DB;\n --ds-background-selected: #092957;\n --ds-background-selected-hovered: #09326C;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-selected-bold: #579DFF;\n --ds-background-selected-bold-hovered: #85B8FF;\n --ds-background-selected-bold-pressed: #CCE0FF;\n --ds-background-brand-subtlest: #092957;\n --ds-background-brand-subtlest-hovered: #09326C;\n --ds-background-brand-subtlest-pressed: #0055CC;\n --ds-background-brand-bold: #579DFF;\n --ds-background-brand-bold-hovered: #85B8FF;\n --ds-background-brand-bold-pressed: #CCE0FF;\n --ds-background-brand-boldest: #E9F2FF;\n --ds-background-brand-boldest-hovered: #CCE0FF;\n --ds-background-brand-boldest-pressed: #85B8FF;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-hovered: #601E16;\n --ds-background-danger-pressed: #AE2A19;\n --ds-background-danger-bold: #F87462;\n --ds-background-danger-bold-hovered: #FF9C8F;\n --ds-background-danger-bold-pressed: #FFD2CC;\n --ds-background-warning: #3F3102;\n --ds-background-warning-hovered: #533F04;\n --ds-background-warning-pressed: #7F5F01;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #F5CD47;\n --ds-background-warning-bold-pressed: #F8E6A0;\n --ds-background-success: #143C2B;\n --ds-background-success-hovered: #164B35;\n --ds-background-success-pressed: #216E4E;\n --ds-background-success-bold: #4BCE97;\n --ds-background-success-bold-hovered: #7EE2B8;\n --ds-background-success-bold-pressed: #BAF3DB;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-hovered: #352C63;\n --ds-background-discovery-pressed: #5E4DB2;\n --ds-background-discovery-bold: #9F8FEF;\n --ds-background-discovery-bold-hovered: #B8ACF6;\n --ds-background-discovery-bold-pressed: #DFD8FD;\n --ds-background-information: #092957;\n --ds-background-information-hovered: #09326C;\n --ds-background-information-pressed: #0055CC;\n --ds-background-information-bold: #579DFF;\n --ds-background-information-bold-hovered: #85B8FF;\n --ds-background-information-bold-pressed: #CCE0FF;\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: #A1BDD914;\n --ds-skeleton-subtle: #BCD6F00A;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #37B4C3;\n --ds-chart-categorical-2: #B8ACF6;\n --ds-chart-categorical-2-hovered: #DFD8FD;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #CCE0FF;\n --ds-chart-categorical-5-hovered: #E9F2FF;\n --ds-chart-categorical-6: #8270DB;\n --ds-chart-categorical-6-hovered: #8F7EE7;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-lime-bold: #82B536;\n --ds-chart-lime-bold-hovered: #94C748;\n --ds-chart-lime-bolder: #94C748;\n --ds-chart-lime-bolder-hovered: #B3DF72;\n --ds-chart-lime-boldest: #B3DF72;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #738496;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-red-bold: #E34935;\n --ds-chart-red-bold-hovered: #EF5C48;\n --ds-chart-red-bolder: #EF5C48;\n --ds-chart-red-bolder-hovered: #F87462;\n --ds-chart-red-boldest: #FF9C8F;\n --ds-chart-red-boldest-hovered: #FFD2CC;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #E2B203;\n --ds-chart-yellow-bolder: #E2B203;\n --ds-chart-yellow-bolder-hovered: #F5CD47;\n --ds-chart-yellow-boldest: #F5CD47;\n --ds-chart-yellow-boldest-hovered: #F8E6A0;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #37B4C3;\n --ds-chart-teal-bold-hovered: #60C6D2;\n --ds-chart-teal-bolder: #60C6D2;\n --ds-chart-teal-bolder-hovered: #8BDBE5;\n --ds-chart-teal-boldest: #8BDBE5;\n --ds-chart-teal-boldest-hovered: #C1F0F5;\n --ds-chart-blue-bold: #1D7AFC;\n --ds-chart-blue-bold-hovered: #388BFF;\n --ds-chart-blue-bolder: #388BFF;\n --ds-chart-blue-bolder-hovered: #579DFF;\n --ds-chart-blue-boldest: #85B8FF;\n --ds-chart-blue-boldest-hovered: #CCE0FF;\n --ds-chart-purple-bold: #8270DB;\n --ds-chart-purple-bold-hovered: #8F7EE7;\n --ds-chart-purple-bolder: #8F7EE7;\n --ds-chart-purple-bolder-hovered: #9F8FEF;\n --ds-chart-purple-boldest: #B8ACF6;\n --ds-chart-purple-boldest-hovered: #DFD8FD;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #738496;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-chart-gray-bolder-hovered: #9FADBC;\n --ds-chart-gray-boldest: #9FADBC;\n --ds-chart-gray-boldest-hovered: #B6C2CF;\n --ds-chart-brand: #388BFF;\n --ds-chart-brand-hovered: #579DFF;\n --ds-chart-danger: #E34935;\n --ds-chart-danger-hovered: #EF5C48;\n --ds-chart-danger-bold: #FF9C8F;\n --ds-chart-danger-bold-hovered: #FFD2CC;\n --ds-chart-warning: #CF9F02;\n --ds-chart-warning-hovered: #E2B203;\n --ds-chart-warning-bold: #F5CD47;\n --ds-chart-warning-bold-hovered: #F8E6A0;\n --ds-chart-success: #2ABB7F;\n --ds-chart-success-hovered: #4BCE97;\n --ds-chart-success-bold: #7EE2B8;\n --ds-chart-success-bold-hovered: #BAF3DB;\n --ds-chart-discovery: #8270DB;\n --ds-chart-discovery-hovered: #8F7EE7;\n --ds-chart-discovery-bold: #B8ACF6;\n --ds-chart-discovery-bold-hovered: #DFD8FD;\n --ds-chart-information: #1D7AFC;\n --ds-chart-information-hovered: #388BFF;\n --ds-chart-information-bold: #85B8FF;\n --ds-chart-information-bold-hovered: #CCE0FF;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-hovered: #2C333A;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-raised-pressed: #2C333A;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: 0px 0px 0px 1px #39424a, 0px 8px 12px #0304045C, 0px 0px 1px 1px #03040480;\n --ds-shadow-raised: 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1D2125;\n}\n";
6
+ declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-accent-lime: #B3DF72;\n --ds-text-accent-lime-bolder: #D3F1A7;\n --ds-text-accent-red: #FF9C8F;\n --ds-text-accent-red-bolder: #FFD2CC;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #FFE2BD;\n --ds-text-accent-yellow: #F5CD47;\n --ds-text-accent-yellow-bolder: #F8E6A0;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #8BDBE5;\n --ds-text-accent-teal-bolder: #C1F0F5;\n --ds-text-accent-blue: #85B8FF;\n --ds-text-accent-blue-bolder: #CCE0FF;\n --ds-text-accent-purple: #B8ACF6;\n --ds-text-accent-purple-bolder: #DFD8FD;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #9FADBC;\n --ds-text-accent-gray-bolder: #DEE4EA;\n --ds-text-disabled: #BFDBF847;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #579DFF;\n --ds-text-brand: #579DFF;\n --ds-text-danger: #FF9C8F;\n --ds-text-warning: #F5CD47;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-success: #7EE2B8;\n --ds-text-discovery: #B8ACF6;\n --ds-text-information: #85B8FF;\n --ds-text-subtlest: #8C9BAB;\n --ds-text-subtle: #9FADBC;\n --ds-link: #579DFF;\n --ds-link-pressed: #85B8FF;\n --ds-link-visited: #B8ACF6;\n --ds-icon: #9FADBC;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #EF5C48;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #CF9F02;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #37B4C3;\n --ds-icon-accent-blue: #388BFF;\n --ds-icon-accent-purple: #8F7EE7;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #738496;\n --ds-icon-disabled: #BFDBF847;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #579DFF;\n --ds-icon-brand: #579DFF;\n --ds-icon-danger: #EF5C48;\n --ds-icon-warning: #CF9F02;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-success: #2ABB7F;\n --ds-icon-discovery: #8F7EE7;\n --ds-icon-information: #388BFF;\n --ds-icon-subtle: #8C9BAB;\n --ds-border: #A6C5E229;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-red: #EF5C48;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #37B4C3;\n --ds-border-accent-blue: #388BFF;\n --ds-border-accent-purple: #8F7EE7;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #738496;\n --ds-border-disabled: #A1BDD914;\n --ds-border-focused: #85B8FF;\n --ds-border-input: #A6C5E229;\n --ds-border-inverse: #161A1D;\n --ds-border-selected: #579DFF;\n --ds-border-brand: #579DFF;\n --ds-border-danger: #EF5C48;\n --ds-border-warning: #CF9F02;\n --ds-border-success: #2ABB7F;\n --ds-border-discovery: #8F7EE7;\n --ds-border-information: #388BFF;\n --ds-border-bold: #738496;\n --ds-background-accent-lime-subtlest: #2A3818;\n --ds-background-accent-lime-subtlest-hovered: #37471F;\n --ds-background-accent-lime-subtlest-pressed: #4C6B1F;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtler-hovered: #4C6B1F;\n --ds-background-accent-lime-subtler-pressed: #5B7F24;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-subtle-hovered: #37471F;\n --ds-background-accent-lime-subtle-pressed: #2A3818;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-lime-bolder-hovered: #B3DF72;\n --ds-background-accent-lime-bolder-pressed: #D3F1A7;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-red-subtlest-hovered: #601E16;\n --ds-background-accent-red-subtlest-pressed: #AE2A19;\n --ds-background-accent-red-subtler: #601E16;\n --ds-background-accent-red-subtler-hovered: #AE2A19;\n --ds-background-accent-red-subtler-pressed: #CA3521;\n --ds-background-accent-red-subtle: #AE2A19;\n --ds-background-accent-red-subtle-hovered: #601E16;\n --ds-background-accent-red-subtle-pressed: #4F1C16;\n --ds-background-accent-red-bolder: #F87462;\n --ds-background-accent-red-bolder-hovered: #FF9C8F;\n --ds-background-accent-red-bolder-pressed: #FFD2CC;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-orange-subtlest-hovered: #5F3811;\n --ds-background-accent-orange-subtlest-pressed: #974F0C;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtler-hovered: #974F0C;\n --ds-background-accent-orange-subtler-pressed: #B65C02;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-subtle-hovered: #5F3811;\n --ds-background-accent-orange-subtle-pressed: #4A2B0F;\n --ds-background-accent-orange-bolder: #FAA53D;\n --ds-background-accent-orange-bolder-hovered: #FEC57B;\n --ds-background-accent-orange-bolder-pressed: #FFE2BD;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-yellow-subtlest-hovered: #533F04;\n --ds-background-accent-yellow-subtlest-pressed: #7F5F01;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtler-hovered: #7F5F01;\n --ds-background-accent-yellow-subtler-pressed: #946F00;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-subtle-hovered: #533F04;\n --ds-background-accent-yellow-subtle-pressed: #3F3102;\n --ds-background-accent-yellow-bolder: #E2B203;\n --ds-background-accent-yellow-bolder-hovered: #F5CD47;\n --ds-background-accent-yellow-bolder-pressed: #F8E6A0;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-green-subtlest-hovered: #164B35;\n --ds-background-accent-green-subtlest-pressed: #216E4E;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtler-hovered: #216E4E;\n --ds-background-accent-green-subtler-pressed: #1F845A;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-subtle-hovered: #164B35;\n --ds-background-accent-green-subtle-pressed: #143C2B;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-green-bolder-hovered: #7EE2B8;\n --ds-background-accent-green-bolder-pressed: #BAF3DB;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-teal-subtlest-hovered: #1D474C;\n --ds-background-accent-teal-subtlest-pressed: #206B74;\n --ds-background-accent-teal-subtler: #1D474C;\n --ds-background-accent-teal-subtler-hovered: #206B74;\n --ds-background-accent-teal-subtler-pressed: #1D7F8C;\n --ds-background-accent-teal-subtle: #206B74;\n --ds-background-accent-teal-subtle-hovered: #1D474C;\n --ds-background-accent-teal-subtle-pressed: #15373B;\n --ds-background-accent-teal-bolder: #60C6D2;\n --ds-background-accent-teal-bolder-hovered: #8BDBE5;\n --ds-background-accent-teal-bolder-pressed: #C1F0F5;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-blue-subtlest-hovered: #09326C;\n --ds-background-accent-blue-subtlest-pressed: #0055CC;\n --ds-background-accent-blue-subtler: #09326C;\n --ds-background-accent-blue-subtler-hovered: #0055CC;\n --ds-background-accent-blue-subtler-pressed: #0C66E4;\n --ds-background-accent-blue-subtle: #0055CC;\n --ds-background-accent-blue-subtle-hovered: #09326C;\n --ds-background-accent-blue-subtle-pressed: #092957;\n --ds-background-accent-blue-bolder: #579DFF;\n --ds-background-accent-blue-bolder-hovered: #85B8FF;\n --ds-background-accent-blue-bolder-pressed: #CCE0FF;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-purple-subtlest-hovered: #352C63;\n --ds-background-accent-purple-subtlest-pressed: #5E4DB2;\n --ds-background-accent-purple-subtler: #352C63;\n --ds-background-accent-purple-subtler-hovered: #5E4DB2;\n --ds-background-accent-purple-subtler-pressed: #6E5DC6;\n --ds-background-accent-purple-subtle: #5E4DB2;\n --ds-background-accent-purple-subtle-hovered: #352C63;\n --ds-background-accent-purple-subtle-pressed: #2B2451;\n --ds-background-accent-purple-bolder: #9F8FEF;\n --ds-background-accent-purple-bolder-hovered: #B8ACF6;\n --ds-background-accent-purple-bolder-pressed: #DFD8FD;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-magenta-subtlest-hovered: #50253F;\n --ds-background-accent-magenta-subtlest-pressed: #943D73;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtler-hovered: #943D73;\n --ds-background-accent-magenta-subtler-pressed: #AE4787;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-subtle-hovered: #50253F;\n --ds-background-accent-magenta-subtle-pressed: #421F34;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-magenta-bolder-hovered: #F797D2;\n --ds-background-accent-magenta-bolder-pressed: #FDD0EC;\n --ds-background-accent-gray-subtlest: #2C333A;\n --ds-background-accent-gray-subtlest-hovered: #38414A;\n --ds-background-accent-gray-subtlest-pressed: #454F59;\n --ds-background-accent-gray-subtler: #454F59;\n --ds-background-accent-gray-subtler-hovered: #596773;\n --ds-background-accent-gray-subtler-pressed: #738496;\n --ds-background-accent-gray-subtle: #596773;\n --ds-background-accent-gray-subtle-hovered: #454F59;\n --ds-background-accent-gray-subtle-pressed: #38414A;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-accent-gray-bolder-hovered: #9FADBC;\n --ds-background-accent-gray-bolder-pressed: #B6C2CF;\n --ds-background-disabled: #BCD6F00A;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #A1BDD914;\n --ds-background-neutral-hovered: #A6C5E229;\n --ds-background-neutral-pressed: #BFDBF847;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #A1BDD914;\n --ds-background-neutral-subtle-pressed: #A6C5E229;\n --ds-background-neutral-bold: #9FADBC;\n --ds-background-neutral-bold-hovered: #B6C2CF;\n --ds-background-neutral-bold-pressed: #C7D1DB;\n --ds-background-selected: #092957;\n --ds-background-selected-hovered: #09326C;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-selected-bold: #579DFF;\n --ds-background-selected-bold-hovered: #85B8FF;\n --ds-background-selected-bold-pressed: #CCE0FF;\n --ds-background-brand-subtlest: #092957;\n --ds-background-brand-subtlest-hovered: #09326C;\n --ds-background-brand-subtlest-pressed: #0055CC;\n --ds-background-brand-bold: #579DFF;\n --ds-background-brand-bold-hovered: #85B8FF;\n --ds-background-brand-bold-pressed: #CCE0FF;\n --ds-background-brand-boldest: #E9F2FF;\n --ds-background-brand-boldest-hovered: #CCE0FF;\n --ds-background-brand-boldest-pressed: #85B8FF;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-hovered: #601E16;\n --ds-background-danger-pressed: #AE2A19;\n --ds-background-danger-bold: #F87462;\n --ds-background-danger-bold-hovered: #FF9C8F;\n --ds-background-danger-bold-pressed: #FFD2CC;\n --ds-background-warning: #3F3102;\n --ds-background-warning-hovered: #533F04;\n --ds-background-warning-pressed: #7F5F01;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #F5CD47;\n --ds-background-warning-bold-pressed: #F8E6A0;\n --ds-background-success: #143C2B;\n --ds-background-success-hovered: #164B35;\n --ds-background-success-pressed: #216E4E;\n --ds-background-success-bold: #4BCE97;\n --ds-background-success-bold-hovered: #7EE2B8;\n --ds-background-success-bold-pressed: #BAF3DB;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-hovered: #352C63;\n --ds-background-discovery-pressed: #5E4DB2;\n --ds-background-discovery-bold: #9F8FEF;\n --ds-background-discovery-bold-hovered: #B8ACF6;\n --ds-background-discovery-bold-pressed: #DFD8FD;\n --ds-background-information: #092957;\n --ds-background-information-hovered: #09326C;\n --ds-background-information-pressed: #0055CC;\n --ds-background-information-bold: #579DFF;\n --ds-background-information-bold-hovered: #85B8FF;\n --ds-background-information-bold-pressed: #CCE0FF;\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: #A1BDD914;\n --ds-skeleton-subtle: #BCD6F00A;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #37B4C3;\n --ds-chart-categorical-2: #B8ACF6;\n --ds-chart-categorical-2-hovered: #DFD8FD;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #CCE0FF;\n --ds-chart-categorical-5-hovered: #E9F2FF;\n --ds-chart-categorical-6: #8270DB;\n --ds-chart-categorical-6-hovered: #8F7EE7;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-lime-bold: #82B536;\n --ds-chart-lime-bold-hovered: #94C748;\n --ds-chart-lime-bolder: #94C748;\n --ds-chart-lime-bolder-hovered: #B3DF72;\n --ds-chart-lime-boldest: #B3DF72;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #738496;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-red-bold: #E34935;\n --ds-chart-red-bold-hovered: #EF5C48;\n --ds-chart-red-bolder: #EF5C48;\n --ds-chart-red-bolder-hovered: #F87462;\n --ds-chart-red-boldest: #FF9C8F;\n --ds-chart-red-boldest-hovered: #FFD2CC;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #E2B203;\n --ds-chart-yellow-bolder: #E2B203;\n --ds-chart-yellow-bolder-hovered: #F5CD47;\n --ds-chart-yellow-boldest: #F5CD47;\n --ds-chart-yellow-boldest-hovered: #F8E6A0;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #37B4C3;\n --ds-chart-teal-bold-hovered: #60C6D2;\n --ds-chart-teal-bolder: #60C6D2;\n --ds-chart-teal-bolder-hovered: #8BDBE5;\n --ds-chart-teal-boldest: #8BDBE5;\n --ds-chart-teal-boldest-hovered: #C1F0F5;\n --ds-chart-blue-bold: #1D7AFC;\n --ds-chart-blue-bold-hovered: #388BFF;\n --ds-chart-blue-bolder: #388BFF;\n --ds-chart-blue-bolder-hovered: #579DFF;\n --ds-chart-blue-boldest: #85B8FF;\n --ds-chart-blue-boldest-hovered: #CCE0FF;\n --ds-chart-purple-bold: #8270DB;\n --ds-chart-purple-bold-hovered: #8F7EE7;\n --ds-chart-purple-bolder: #8F7EE7;\n --ds-chart-purple-bolder-hovered: #9F8FEF;\n --ds-chart-purple-boldest: #B8ACF6;\n --ds-chart-purple-boldest-hovered: #DFD8FD;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #738496;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-chart-gray-bolder-hovered: #9FADBC;\n --ds-chart-gray-boldest: #9FADBC;\n --ds-chart-gray-boldest-hovered: #B6C2CF;\n --ds-chart-brand: #388BFF;\n --ds-chart-brand-hovered: #579DFF;\n --ds-chart-danger: #E34935;\n --ds-chart-danger-hovered: #EF5C48;\n --ds-chart-danger-bold: #FF9C8F;\n --ds-chart-danger-bold-hovered: #FFD2CC;\n --ds-chart-warning: #CF9F02;\n --ds-chart-warning-hovered: #E2B203;\n --ds-chart-warning-bold: #F5CD47;\n --ds-chart-warning-bold-hovered: #F8E6A0;\n --ds-chart-success: #2ABB7F;\n --ds-chart-success-hovered: #4BCE97;\n --ds-chart-success-bold: #7EE2B8;\n --ds-chart-success-bold-hovered: #BAF3DB;\n --ds-chart-discovery: #8270DB;\n --ds-chart-discovery-hovered: #8F7EE7;\n --ds-chart-discovery-bold: #B8ACF6;\n --ds-chart-discovery-bold-hovered: #DFD8FD;\n --ds-chart-information: #1D7AFC;\n --ds-chart-information-hovered: #388BFF;\n --ds-chart-information-bold: #85B8FF;\n --ds-chart-information-bold-hovered: #CCE0FF;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-hovered: #2C333A;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-raised-pressed: #2C333A;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: 0px 0px 0px 1px #39424a, 0px 8px 12px #0304045C, 0px 0px 1px 1px #03040480;\n --ds-shadow-raised: 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1D2125;\n}\n";
7
7
  export default _default;
@@ -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::0ca328e17457ed4f82d7463a4a3e8b82>>
3
+ * @codegen <<SignedSource::cbc95efad14e4b8f73c4b91d9c616f52>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:legacy-dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:legacy-dark\"] {\n color-scheme: dark;\n --ds-text: #E6EDFA;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #FF5630;\n --ds-text-accent-red-bolder: #FF7452;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #F18D13;\n --ds-text-accent-yellow: #FFAB00;\n --ds-text-accent-yellow-bolder: #FFC400;\n --ds-text-accent-green: #36B37E;\n --ds-text-accent-green-bolder: #57D9A3;\n --ds-text-accent-teal: #00B8D9;\n --ds-text-accent-teal-bolder: #00C7E6;\n --ds-text-accent-blue: #0065FF;\n --ds-text-accent-blue-bolder: #2684FF;\n --ds-text-accent-purple: #6554C0;\n --ds-text-accent-purple-bolder: #8777D9;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #8C9CB8;\n --ds-text-accent-gray-bolder: #ABBBD6;\n --ds-text-disabled: #1B2638;\n --ds-text-inverse: #0D1424;\n --ds-text-selected: #0052CC;\n --ds-text-brand: #0052CC;\n --ds-text-danger: #FF5630;\n --ds-text-warning: #172B4D;\n --ds-text-warning-inverse: #0D1424;\n --ds-text-success: #36B37E;\n --ds-text-discovery: #6554C0;\n --ds-text-information: #0065FF;\n --ds-text-subtlest: #7988A3;\n --ds-text-subtle: #9FB0CC;\n --ds-link: #0052CC;\n --ds-link-pressed: #0065FF;\n --ds-icon: #DCE5F5;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #BF2600;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #FF8B00;\n --ds-icon-accent-green: #006644;\n --ds-icon-accent-teal: #008DA6;\n --ds-icon-accent-blue: #0747A6;\n --ds-icon-accent-purple: #403294;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #B8C7E0;\n --ds-icon-disabled: #0d14245b;\n --ds-icon-inverse: #202B3D;\n --ds-icon-selected: #4C9AFF;\n --ds-icon-brand: #4C9AFF;\n --ds-icon-danger: #FF8F73;\n --ds-icon-warning: #FFF0B3;\n --ds-icon-warning-inverse: #202B3D;\n --ds-icon-success: #57D9A3;\n --ds-icon-discovery: #998DD9;\n --ds-icon-information: #B3D4FF;\n --ds-icon-subtle: #202B3D;\n --ds-border: #202B3D;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #BF2600;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #FF8B00;\n --ds-border-accent-green: #006644;\n --ds-border-accent-teal: #008DA6;\n --ds-border-accent-blue: #0747A6;\n --ds-border-accent-purple: #403294;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #B8C7E0;\n --ds-border-disabled: #0E1624;\n --ds-border-focused: #B3D4FF;\n --ds-border-input: #202B3D;\n --ds-border-inverse: #0D1424;\n --ds-border-selected: #0052CC;\n --ds-border-brand: #0052CC;\n --ds-border-danger: #DE350B;\n --ds-border-warning: #FF8B00;\n --ds-border-success: #006644;\n --ds-border-discovery: #403294;\n --ds-border-information: #0747A6;\n --ds-border-bold: #7988A3;\n --ds-background-accent-lime-subtlest: #2A3818;\n --ds-background-accent-lime-subtlest-hovered: #37471F;\n --ds-background-accent-lime-subtlest-pressed: #4C6B1F;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtler-hovered: #4C6B1F;\n --ds-background-accent-lime-subtler-pressed: #5B7F24;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-subtle-hovered: #37471F;\n --ds-background-accent-lime-subtle-pressed: #2A3818;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-lime-bolder-hovered: #B3DF72;\n --ds-background-accent-lime-bolder-pressed: #D3F1A7;\n --ds-background-accent-red-subtlest: #BF2600;\n --ds-background-accent-red-subtlest-hovered: #DE350B;\n --ds-background-accent-red-subtlest-pressed: #FF5630;\n --ds-background-accent-red-subtler: #DE350B;\n --ds-background-accent-red-subtler-hovered: #FF5630;\n --ds-background-accent-red-subtler-pressed: #FF7452;\n --ds-background-accent-red-subtle: #FF5630;\n --ds-background-accent-red-subtle-hovered: #DE350B;\n --ds-background-accent-red-subtle-pressed: #BF2600;\n --ds-background-accent-red-bolder: #FF8F73;\n --ds-background-accent-red-bolder-hovered: #FFBDAD;\n --ds-background-accent-red-bolder-pressed: #FFEBE6;\n --ds-background-accent-orange-subtlest: #43290F;\n --ds-background-accent-orange-subtlest-hovered: #5F3811;\n --ds-background-accent-orange-subtlest-pressed: #974F0C;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtler-hovered: #974F0C;\n --ds-background-accent-orange-subtler-pressed: #B65C02;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-subtle-hovered: #5F3811;\n --ds-background-accent-orange-subtle-pressed: #4A2B0F;\n --ds-background-accent-orange-bolder: #F18D13;\n --ds-background-accent-orange-bolder-hovered: #FEC57B;\n --ds-background-accent-orange-bolder-pressed: #FFE2BD;\n --ds-background-accent-yellow-subtlest: #FF8B00;\n --ds-background-accent-yellow-subtlest-hovered: #FF991F;\n --ds-background-accent-yellow-subtlest-pressed: #FFAB00;\n --ds-background-accent-yellow-subtler: #FF991F;\n --ds-background-accent-yellow-subtler-hovered: #FFAB00;\n --ds-background-accent-yellow-subtler-pressed: #FFC400;\n --ds-background-accent-yellow-subtle: #FFAB00;\n --ds-background-accent-yellow-subtle-hovered: #FF991F;\n --ds-background-accent-yellow-subtle-pressed: #FF8B00;\n --ds-background-accent-yellow-bolder: #FFE380;\n --ds-background-accent-yellow-bolder-hovered: #FFF0B3;\n --ds-background-accent-yellow-bolder-pressed: #FFFAE6;\n --ds-background-accent-green-subtlest: #006644;\n --ds-background-accent-green-subtlest-hovered: #00875A;\n --ds-background-accent-green-subtlest-pressed: #36B37E;\n --ds-background-accent-green-subtler: #00875A;\n --ds-background-accent-green-subtler-hovered: #36B37E;\n --ds-background-accent-green-subtler-pressed: #57D9A3;\n --ds-background-accent-green-subtle: #36B37E;\n --ds-background-accent-green-subtle-hovered: #00875A;\n --ds-background-accent-green-subtle-pressed: #006644;\n --ds-background-accent-green-bolder: #79F2C0;\n --ds-background-accent-green-bolder-hovered: #ABF5D1;\n --ds-background-accent-green-bolder-pressed: #E3FCEF;\n --ds-background-accent-teal-subtlest: #008DA6;\n --ds-background-accent-teal-subtlest-hovered: #00A3BF;\n --ds-background-accent-teal-subtlest-pressed: #00B8D9;\n --ds-background-accent-teal-subtler: #00A3BF;\n --ds-background-accent-teal-subtler-hovered: #00B8D9;\n --ds-background-accent-teal-subtler-pressed: #00C7E6;\n --ds-background-accent-teal-subtle: #00B8D9;\n --ds-background-accent-teal-subtle-hovered: #00A3BF;\n --ds-background-accent-teal-subtle-pressed: #008DA6;\n --ds-background-accent-teal-bolder: #79E2F2;\n --ds-background-accent-teal-bolder-hovered: #B3F5FF;\n --ds-background-accent-teal-bolder-pressed: #E6FCFF;\n --ds-background-accent-blue-subtlest: #0747A6;\n --ds-background-accent-blue-subtlest-hovered: #0052CC;\n --ds-background-accent-blue-subtlest-pressed: #0065FF;\n --ds-background-accent-blue-subtler: #0052CC;\n --ds-background-accent-blue-subtler-hovered: #0065FF;\n --ds-background-accent-blue-subtler-pressed: #2684FF;\n --ds-background-accent-blue-subtle: #0065FF;\n --ds-background-accent-blue-subtle-hovered: #0052CC;\n --ds-background-accent-blue-subtle-pressed: #0747A6;\n --ds-background-accent-blue-bolder: #4C9AFF;\n --ds-background-accent-blue-bolder-hovered: #B3D4FF;\n --ds-background-accent-blue-bolder-pressed: #DEEBFF;\n --ds-background-accent-purple-subtlest: #403294;\n --ds-background-accent-purple-subtlest-hovered: #5243AA;\n --ds-background-accent-purple-subtlest-pressed: #6554C0;\n --ds-background-accent-purple-subtler: #5243AA;\n --ds-background-accent-purple-subtler-hovered: #6554C0;\n --ds-background-accent-purple-subtler-pressed: #8777D9;\n --ds-background-accent-purple-subtle: #6554C0;\n --ds-background-accent-purple-subtle-hovered: #5243AA;\n --ds-background-accent-purple-subtle-pressed: #403294;\n --ds-background-accent-purple-bolder: #998DD9;\n --ds-background-accent-purple-bolder-hovered: #C0B6F2;\n --ds-background-accent-purple-bolder-pressed: #EAE6FF;\n --ds-background-accent-magenta-subtlest: #341829;\n --ds-background-accent-magenta-subtlest-hovered: #50253F;\n --ds-background-accent-magenta-subtlest-pressed: #943D73;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtler-hovered: #943D73;\n --ds-background-accent-magenta-subtler-pressed: #AE4787;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-subtle-hovered: #50253F;\n --ds-background-accent-magenta-subtle-pressed: #421F34;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-magenta-bolder-hovered: #F797D2;\n --ds-background-accent-magenta-bolder-pressed: #FDD0EC;\n --ds-background-accent-gray-subtlest: #8C9CB8;\n --ds-background-accent-gray-subtlest-hovered: #9FB0CC;\n --ds-background-accent-gray-subtlest-pressed: #ABBBD6;\n --ds-background-accent-gray-subtler: #9FB0CC;\n --ds-background-accent-gray-subtler-hovered: #8C9CB8;\n --ds-background-accent-gray-subtler-pressed: #7988A3;\n --ds-background-accent-gray-subtle: #ABBBD6;\n --ds-background-accent-gray-subtle-hovered: #B8C7E0;\n --ds-background-accent-gray-subtle-pressed: #CED9EB;\n --ds-background-accent-gray-bolder: #CED9EB;\n --ds-background-accent-gray-bolder-hovered: #B8C7E0;\n --ds-background-accent-gray-bolder-pressed: #ABBBD6;\n --ds-background-disabled: #3B475C;\n --ds-background-input: #0E1624;\n --ds-background-input-hovered: #1B2638;\n --ds-background-input-pressed: #0D1424;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #3B475C;\n --ds-background-neutral-hovered: #313D52;\n --ds-background-neutral-pressed: #B3D4FF;\n --ds-background-neutral-subtle: transparent;\n --ds-background-neutral-subtle-hovered: #313D52;\n --ds-background-neutral-subtle-pressed: #B3D4FF;\n --ds-background-neutral-bold: #CED9EB;\n --ds-background-neutral-bold-hovered: #B8C7E0;\n --ds-background-neutral-bold-pressed: #DCE5F5;\n --ds-background-selected: #DEEBFF;\n --ds-background-selected-hovered: #B3D4FF;\n --ds-background-selected-pressed: #4C9AFF;\n --ds-background-selected-bold: #0052CC;\n --ds-background-selected-bold-hovered: #0065FF;\n --ds-background-selected-bold-pressed: #0747A6;\n --ds-background-brand-subtlest: #0747A6;\n --ds-background-brand-subtlest-hovered: #0052CC;\n --ds-background-brand-subtlest-pressed: #0747A6;\n --ds-background-brand-bold: #0052CC;\n --ds-background-brand-bold-hovered: #0065FF;\n --ds-background-brand-bold-pressed: #0747A6;\n --ds-background-brand-boldest: #B3D4FF;\n --ds-background-brand-boldest-hovered: #DEEBFF;\n --ds-background-brand-boldest-pressed: #4C9AFF;\n --ds-background-danger: #FFEBE6;\n --ds-background-danger-hovered: #FFBDAD;\n --ds-background-danger-pressed: #FF8F73;\n --ds-background-danger-bold: #FF5630;\n --ds-background-danger-bold-hovered: #FF7452;\n --ds-background-danger-bold-pressed: #DE350B;\n --ds-background-warning: #FFFAE6;\n --ds-background-warning-hovered: #FFF0B3;\n --ds-background-warning-pressed: #FFE380;\n --ds-background-warning-bold: #FFAB00;\n --ds-background-warning-bold-hovered: #FFC400;\n --ds-background-warning-bold-pressed: #FF991F;\n --ds-background-success: #E3FCEF;\n --ds-background-success-hovered: #ABF5D1;\n --ds-background-success-pressed: #79F2C0;\n --ds-background-success-bold: #00875A;\n --ds-background-success-bold-hovered: #36B37E;\n --ds-background-success-bold-pressed: #006644;\n --ds-background-discovery: #EAE6FF;\n --ds-background-discovery-hovered: #C0B6F2;\n --ds-background-discovery-pressed: #998DD9;\n --ds-background-discovery-bold: #5243AA;\n --ds-background-discovery-bold-hovered: #6554C0;\n --ds-background-discovery-bold-pressed: #403294;\n --ds-background-information: #DEEBFF;\n --ds-background-information-hovered: #B3D4FF;\n --ds-background-information-pressed: #4C9AFF;\n --ds-background-information-bold: #0052CC;\n --ds-background-information-bold-hovered: #0065FF;\n --ds-background-information-bold-pressed: #0747A6;\n --ds-blanket: #0d1424a0;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #0d1424f2;\n --ds-skeleton-subtle: #0d1424f7;\n --ds-chart-categorical-1: #00B8D9;\n --ds-chart-categorical-1-hovered: #00C7E6;\n --ds-chart-categorical-2: #6554C0;\n --ds-chart-categorical-2-hovered: #8777D9;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #0065FF;\n --ds-chart-categorical-5-hovered: #2684FF;\n --ds-chart-categorical-6: #6554C0;\n --ds-chart-categorical-6-hovered: #8777D9;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\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: #B8C7E0;\n --ds-chart-neutral-hovered: #ABBBD6;\n --ds-chart-red-bold: #BF2600;\n --ds-chart-red-bold-hovered: #DE350B;\n --ds-chart-red-bolder: #DE350B;\n --ds-chart-red-bolder-hovered: #FF5630;\n --ds-chart-red-boldest: #FF5630;\n --ds-chart-red-boldest-hovered: #FF7452;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #FF8B00;\n --ds-chart-yellow-bold-hovered: #FF991F;\n --ds-chart-yellow-bolder: #FF991F;\n --ds-chart-yellow-bolder-hovered: #FFAB00;\n --ds-chart-yellow-boldest: #FFAB00;\n --ds-chart-yellow-boldest-hovered: #FFC400;\n --ds-chart-green-bold: #006644;\n --ds-chart-green-bold-hovered: #00875A;\n --ds-chart-green-bolder: #00875A;\n --ds-chart-green-bolder-hovered: #36B37E;\n --ds-chart-green-boldest: #36B37E;\n --ds-chart-green-boldest-hovered: #57D9A3;\n --ds-chart-teal-bold: #008DA6;\n --ds-chart-teal-bold-hovered: #00A3BF;\n --ds-chart-teal-bolder: #00A3BF;\n --ds-chart-teal-bolder-hovered: #00B8D9;\n --ds-chart-teal-boldest: #00B8D9;\n --ds-chart-teal-boldest-hovered: #00C7E6;\n --ds-chart-blue-bold: #0747A6;\n --ds-chart-blue-bold-hovered: #0052CC;\n --ds-chart-blue-bolder: #0052CC;\n --ds-chart-blue-bolder-hovered: #0065FF;\n --ds-chart-blue-boldest: #0065FF;\n --ds-chart-blue-boldest-hovered: #2684FF;\n --ds-chart-purple-bold: #403294;\n --ds-chart-purple-bold-hovered: #5243AA;\n --ds-chart-purple-bolder: #5243AA;\n --ds-chart-purple-bolder-hovered: #6554C0;\n --ds-chart-purple-boldest: #6554C0;\n --ds-chart-purple-boldest-hovered: #8777D9;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #B8C7E0;\n --ds-chart-gray-bold-hovered: #CED9EB;\n --ds-chart-gray-bolder: #CED9EB;\n --ds-chart-gray-bolder-hovered: #DCE5F5;\n --ds-chart-gray-boldest: #DCE5F5;\n --ds-chart-gray-boldest-hovered: #E6EDFA;\n --ds-chart-brand: #0052CC;\n --ds-chart-brand-hovered: #0065FF;\n --ds-chart-danger: #DE350B;\n --ds-chart-danger-hovered: #FF5630;\n --ds-chart-danger-bold: #FF5630;\n --ds-chart-danger-bold-hovered: #FF7452;\n --ds-chart-warning: #FF991F;\n --ds-chart-warning-hovered: #FFAB00;\n --ds-chart-warning-bold: #FFAB00;\n --ds-chart-warning-bold-hovered: #FFC400;\n --ds-chart-success: #00875A;\n --ds-chart-success-hovered: #36B37E;\n --ds-chart-success-bold: #36B37E;\n --ds-chart-success-bold-hovered: #57D9A3;\n --ds-chart-discovery: #5243AA;\n --ds-chart-discovery-hovered: #6554C0;\n --ds-chart-discovery-bold: #6554C0;\n --ds-chart-discovery-bold-hovered: #8777D9;\n --ds-chart-information: #0052CC;\n --ds-chart-information-hovered: #0065FF;\n --ds-chart-information-bold: #0065FF;\n --ds-chart-information-bold-hovered: #2684FF;\n --ds-surface: #1B2638;\n --ds-surface-hovered: #202B3D;\n --ds-surface-pressed: #283447;\n --ds-surface-overlay: #7988A3;\n --ds-surface-overlay-hovered: #8C9CB8;\n --ds-surface-overlay-pressed: #9FB0CC;\n --ds-surface-raised: #455166;\n --ds-surface-raised-hovered: #56637A;\n --ds-surface-raised-pressed: #67758F;\n --ds-surface-sunken: #67758F;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #0d14240A, 0px 8px 12px #0d14245C, 0px 0px 1px #0d142480;\n --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #0d142480, 0px 0px 1px #0d142480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1B2638;\n}\n";
6
+ declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:legacy-dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:legacy-dark\"] {\n color-scheme: dark;\n --ds-text: #E6EDFA;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #FF5630;\n --ds-text-accent-red-bolder: #FF7452;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #F18D13;\n --ds-text-accent-yellow: #FFAB00;\n --ds-text-accent-yellow-bolder: #FFC400;\n --ds-text-accent-green: #36B37E;\n --ds-text-accent-green-bolder: #57D9A3;\n --ds-text-accent-teal: #00B8D9;\n --ds-text-accent-teal-bolder: #00C7E6;\n --ds-text-accent-blue: #0065FF;\n --ds-text-accent-blue-bolder: #2684FF;\n --ds-text-accent-purple: #6554C0;\n --ds-text-accent-purple-bolder: #8777D9;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #8C9CB8;\n --ds-text-accent-gray-bolder: #ABBBD6;\n --ds-text-disabled: #1B2638;\n --ds-text-inverse: #0D1424;\n --ds-text-selected: #0052CC;\n --ds-text-brand: #0052CC;\n --ds-text-danger: #FF5630;\n --ds-text-warning: #172B4D;\n --ds-text-warning-inverse: #0D1424;\n --ds-text-success: #36B37E;\n --ds-text-discovery: #6554C0;\n --ds-text-information: #0065FF;\n --ds-text-subtlest: #7988A3;\n --ds-text-subtle: #9FB0CC;\n --ds-link: #0052CC;\n --ds-link-pressed: #0065FF;\n --ds-link-visited: #6554C0;\n --ds-icon: #DCE5F5;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #BF2600;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #FF8B00;\n --ds-icon-accent-green: #006644;\n --ds-icon-accent-teal: #008DA6;\n --ds-icon-accent-blue: #0747A6;\n --ds-icon-accent-purple: #403294;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #B8C7E0;\n --ds-icon-disabled: #0d14245b;\n --ds-icon-inverse: #202B3D;\n --ds-icon-selected: #4C9AFF;\n --ds-icon-brand: #4C9AFF;\n --ds-icon-danger: #FF8F73;\n --ds-icon-warning: #FFF0B3;\n --ds-icon-warning-inverse: #202B3D;\n --ds-icon-success: #57D9A3;\n --ds-icon-discovery: #998DD9;\n --ds-icon-information: #B3D4FF;\n --ds-icon-subtle: #202B3D;\n --ds-border: #202B3D;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #BF2600;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #FF8B00;\n --ds-border-accent-green: #006644;\n --ds-border-accent-teal: #008DA6;\n --ds-border-accent-blue: #0747A6;\n --ds-border-accent-purple: #403294;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #B8C7E0;\n --ds-border-disabled: #0E1624;\n --ds-border-focused: #B3D4FF;\n --ds-border-input: #202B3D;\n --ds-border-inverse: #0D1424;\n --ds-border-selected: #0052CC;\n --ds-border-brand: #0052CC;\n --ds-border-danger: #DE350B;\n --ds-border-warning: #FF8B00;\n --ds-border-success: #006644;\n --ds-border-discovery: #403294;\n --ds-border-information: #0747A6;\n --ds-border-bold: #7988A3;\n --ds-background-accent-lime-subtlest: #2A3818;\n --ds-background-accent-lime-subtlest-hovered: #37471F;\n --ds-background-accent-lime-subtlest-pressed: #4C6B1F;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtler-hovered: #4C6B1F;\n --ds-background-accent-lime-subtler-pressed: #5B7F24;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-subtle-hovered: #37471F;\n --ds-background-accent-lime-subtle-pressed: #2A3818;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-lime-bolder-hovered: #B3DF72;\n --ds-background-accent-lime-bolder-pressed: #D3F1A7;\n --ds-background-accent-red-subtlest: #BF2600;\n --ds-background-accent-red-subtlest-hovered: #DE350B;\n --ds-background-accent-red-subtlest-pressed: #FF5630;\n --ds-background-accent-red-subtler: #DE350B;\n --ds-background-accent-red-subtler-hovered: #FF5630;\n --ds-background-accent-red-subtler-pressed: #FF7452;\n --ds-background-accent-red-subtle: #FF5630;\n --ds-background-accent-red-subtle-hovered: #DE350B;\n --ds-background-accent-red-subtle-pressed: #BF2600;\n --ds-background-accent-red-bolder: #FF8F73;\n --ds-background-accent-red-bolder-hovered: #FFBDAD;\n --ds-background-accent-red-bolder-pressed: #FFEBE6;\n --ds-background-accent-orange-subtlest: #43290F;\n --ds-background-accent-orange-subtlest-hovered: #5F3811;\n --ds-background-accent-orange-subtlest-pressed: #974F0C;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtler-hovered: #974F0C;\n --ds-background-accent-orange-subtler-pressed: #B65C02;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-subtle-hovered: #5F3811;\n --ds-background-accent-orange-subtle-pressed: #4A2B0F;\n --ds-background-accent-orange-bolder: #F18D13;\n --ds-background-accent-orange-bolder-hovered: #FEC57B;\n --ds-background-accent-orange-bolder-pressed: #FFE2BD;\n --ds-background-accent-yellow-subtlest: #FF8B00;\n --ds-background-accent-yellow-subtlest-hovered: #FF991F;\n --ds-background-accent-yellow-subtlest-pressed: #FFAB00;\n --ds-background-accent-yellow-subtler: #FF991F;\n --ds-background-accent-yellow-subtler-hovered: #FFAB00;\n --ds-background-accent-yellow-subtler-pressed: #FFC400;\n --ds-background-accent-yellow-subtle: #FFAB00;\n --ds-background-accent-yellow-subtle-hovered: #FF991F;\n --ds-background-accent-yellow-subtle-pressed: #FF8B00;\n --ds-background-accent-yellow-bolder: #FFE380;\n --ds-background-accent-yellow-bolder-hovered: #FFF0B3;\n --ds-background-accent-yellow-bolder-pressed: #FFFAE6;\n --ds-background-accent-green-subtlest: #006644;\n --ds-background-accent-green-subtlest-hovered: #00875A;\n --ds-background-accent-green-subtlest-pressed: #36B37E;\n --ds-background-accent-green-subtler: #00875A;\n --ds-background-accent-green-subtler-hovered: #36B37E;\n --ds-background-accent-green-subtler-pressed: #57D9A3;\n --ds-background-accent-green-subtle: #36B37E;\n --ds-background-accent-green-subtle-hovered: #00875A;\n --ds-background-accent-green-subtle-pressed: #006644;\n --ds-background-accent-green-bolder: #79F2C0;\n --ds-background-accent-green-bolder-hovered: #ABF5D1;\n --ds-background-accent-green-bolder-pressed: #E3FCEF;\n --ds-background-accent-teal-subtlest: #008DA6;\n --ds-background-accent-teal-subtlest-hovered: #00A3BF;\n --ds-background-accent-teal-subtlest-pressed: #00B8D9;\n --ds-background-accent-teal-subtler: #00A3BF;\n --ds-background-accent-teal-subtler-hovered: #00B8D9;\n --ds-background-accent-teal-subtler-pressed: #00C7E6;\n --ds-background-accent-teal-subtle: #00B8D9;\n --ds-background-accent-teal-subtle-hovered: #00A3BF;\n --ds-background-accent-teal-subtle-pressed: #008DA6;\n --ds-background-accent-teal-bolder: #79E2F2;\n --ds-background-accent-teal-bolder-hovered: #B3F5FF;\n --ds-background-accent-teal-bolder-pressed: #E6FCFF;\n --ds-background-accent-blue-subtlest: #0747A6;\n --ds-background-accent-blue-subtlest-hovered: #0052CC;\n --ds-background-accent-blue-subtlest-pressed: #0065FF;\n --ds-background-accent-blue-subtler: #0052CC;\n --ds-background-accent-blue-subtler-hovered: #0065FF;\n --ds-background-accent-blue-subtler-pressed: #2684FF;\n --ds-background-accent-blue-subtle: #0065FF;\n --ds-background-accent-blue-subtle-hovered: #0052CC;\n --ds-background-accent-blue-subtle-pressed: #0747A6;\n --ds-background-accent-blue-bolder: #4C9AFF;\n --ds-background-accent-blue-bolder-hovered: #B3D4FF;\n --ds-background-accent-blue-bolder-pressed: #DEEBFF;\n --ds-background-accent-purple-subtlest: #403294;\n --ds-background-accent-purple-subtlest-hovered: #5243AA;\n --ds-background-accent-purple-subtlest-pressed: #6554C0;\n --ds-background-accent-purple-subtler: #5243AA;\n --ds-background-accent-purple-subtler-hovered: #6554C0;\n --ds-background-accent-purple-subtler-pressed: #8777D9;\n --ds-background-accent-purple-subtle: #6554C0;\n --ds-background-accent-purple-subtle-hovered: #5243AA;\n --ds-background-accent-purple-subtle-pressed: #403294;\n --ds-background-accent-purple-bolder: #998DD9;\n --ds-background-accent-purple-bolder-hovered: #C0B6F2;\n --ds-background-accent-purple-bolder-pressed: #EAE6FF;\n --ds-background-accent-magenta-subtlest: #341829;\n --ds-background-accent-magenta-subtlest-hovered: #50253F;\n --ds-background-accent-magenta-subtlest-pressed: #943D73;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtler-hovered: #943D73;\n --ds-background-accent-magenta-subtler-pressed: #AE4787;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-subtle-hovered: #50253F;\n --ds-background-accent-magenta-subtle-pressed: #421F34;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-magenta-bolder-hovered: #F797D2;\n --ds-background-accent-magenta-bolder-pressed: #FDD0EC;\n --ds-background-accent-gray-subtlest: #8C9CB8;\n --ds-background-accent-gray-subtlest-hovered: #9FB0CC;\n --ds-background-accent-gray-subtlest-pressed: #ABBBD6;\n --ds-background-accent-gray-subtler: #9FB0CC;\n --ds-background-accent-gray-subtler-hovered: #8C9CB8;\n --ds-background-accent-gray-subtler-pressed: #7988A3;\n --ds-background-accent-gray-subtle: #ABBBD6;\n --ds-background-accent-gray-subtle-hovered: #B8C7E0;\n --ds-background-accent-gray-subtle-pressed: #CED9EB;\n --ds-background-accent-gray-bolder: #CED9EB;\n --ds-background-accent-gray-bolder-hovered: #B8C7E0;\n --ds-background-accent-gray-bolder-pressed: #ABBBD6;\n --ds-background-disabled: #3B475C;\n --ds-background-input: #0E1624;\n --ds-background-input-hovered: #1B2638;\n --ds-background-input-pressed: #0D1424;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #3B475C;\n --ds-background-neutral-hovered: #313D52;\n --ds-background-neutral-pressed: #B3D4FF;\n --ds-background-neutral-subtle: transparent;\n --ds-background-neutral-subtle-hovered: #313D52;\n --ds-background-neutral-subtle-pressed: #B3D4FF;\n --ds-background-neutral-bold: #CED9EB;\n --ds-background-neutral-bold-hovered: #B8C7E0;\n --ds-background-neutral-bold-pressed: #DCE5F5;\n --ds-background-selected: #DEEBFF;\n --ds-background-selected-hovered: #B3D4FF;\n --ds-background-selected-pressed: #4C9AFF;\n --ds-background-selected-bold: #0052CC;\n --ds-background-selected-bold-hovered: #0065FF;\n --ds-background-selected-bold-pressed: #0747A6;\n --ds-background-brand-subtlest: #0747A6;\n --ds-background-brand-subtlest-hovered: #0052CC;\n --ds-background-brand-subtlest-pressed: #0747A6;\n --ds-background-brand-bold: #0052CC;\n --ds-background-brand-bold-hovered: #0065FF;\n --ds-background-brand-bold-pressed: #0747A6;\n --ds-background-brand-boldest: #B3D4FF;\n --ds-background-brand-boldest-hovered: #DEEBFF;\n --ds-background-brand-boldest-pressed: #4C9AFF;\n --ds-background-danger: #FFEBE6;\n --ds-background-danger-hovered: #FFBDAD;\n --ds-background-danger-pressed: #FF8F73;\n --ds-background-danger-bold: #FF5630;\n --ds-background-danger-bold-hovered: #FF7452;\n --ds-background-danger-bold-pressed: #DE350B;\n --ds-background-warning: #FFFAE6;\n --ds-background-warning-hovered: #FFF0B3;\n --ds-background-warning-pressed: #FFE380;\n --ds-background-warning-bold: #FFAB00;\n --ds-background-warning-bold-hovered: #FFC400;\n --ds-background-warning-bold-pressed: #FF991F;\n --ds-background-success: #E3FCEF;\n --ds-background-success-hovered: #ABF5D1;\n --ds-background-success-pressed: #79F2C0;\n --ds-background-success-bold: #00875A;\n --ds-background-success-bold-hovered: #36B37E;\n --ds-background-success-bold-pressed: #006644;\n --ds-background-discovery: #EAE6FF;\n --ds-background-discovery-hovered: #C0B6F2;\n --ds-background-discovery-pressed: #998DD9;\n --ds-background-discovery-bold: #5243AA;\n --ds-background-discovery-bold-hovered: #6554C0;\n --ds-background-discovery-bold-pressed: #403294;\n --ds-background-information: #DEEBFF;\n --ds-background-information-hovered: #B3D4FF;\n --ds-background-information-pressed: #4C9AFF;\n --ds-background-information-bold: #0052CC;\n --ds-background-information-bold-hovered: #0065FF;\n --ds-background-information-bold-pressed: #0747A6;\n --ds-blanket: #0d1424a0;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #0d1424f2;\n --ds-skeleton-subtle: #0d1424f7;\n --ds-chart-categorical-1: #00B8D9;\n --ds-chart-categorical-1-hovered: #00C7E6;\n --ds-chart-categorical-2: #6554C0;\n --ds-chart-categorical-2-hovered: #8777D9;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #0065FF;\n --ds-chart-categorical-5-hovered: #2684FF;\n --ds-chart-categorical-6: #6554C0;\n --ds-chart-categorical-6-hovered: #8777D9;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\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: #B8C7E0;\n --ds-chart-neutral-hovered: #ABBBD6;\n --ds-chart-red-bold: #BF2600;\n --ds-chart-red-bold-hovered: #DE350B;\n --ds-chart-red-bolder: #DE350B;\n --ds-chart-red-bolder-hovered: #FF5630;\n --ds-chart-red-boldest: #FF5630;\n --ds-chart-red-boldest-hovered: #FF7452;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #FF8B00;\n --ds-chart-yellow-bold-hovered: #FF991F;\n --ds-chart-yellow-bolder: #FF991F;\n --ds-chart-yellow-bolder-hovered: #FFAB00;\n --ds-chart-yellow-boldest: #FFAB00;\n --ds-chart-yellow-boldest-hovered: #FFC400;\n --ds-chart-green-bold: #006644;\n --ds-chart-green-bold-hovered: #00875A;\n --ds-chart-green-bolder: #00875A;\n --ds-chart-green-bolder-hovered: #36B37E;\n --ds-chart-green-boldest: #36B37E;\n --ds-chart-green-boldest-hovered: #57D9A3;\n --ds-chart-teal-bold: #008DA6;\n --ds-chart-teal-bold-hovered: #00A3BF;\n --ds-chart-teal-bolder: #00A3BF;\n --ds-chart-teal-bolder-hovered: #00B8D9;\n --ds-chart-teal-boldest: #00B8D9;\n --ds-chart-teal-boldest-hovered: #00C7E6;\n --ds-chart-blue-bold: #0747A6;\n --ds-chart-blue-bold-hovered: #0052CC;\n --ds-chart-blue-bolder: #0052CC;\n --ds-chart-blue-bolder-hovered: #0065FF;\n --ds-chart-blue-boldest: #0065FF;\n --ds-chart-blue-boldest-hovered: #2684FF;\n --ds-chart-purple-bold: #403294;\n --ds-chart-purple-bold-hovered: #5243AA;\n --ds-chart-purple-bolder: #5243AA;\n --ds-chart-purple-bolder-hovered: #6554C0;\n --ds-chart-purple-boldest: #6554C0;\n --ds-chart-purple-boldest-hovered: #8777D9;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #B8C7E0;\n --ds-chart-gray-bold-hovered: #CED9EB;\n --ds-chart-gray-bolder: #CED9EB;\n --ds-chart-gray-bolder-hovered: #DCE5F5;\n --ds-chart-gray-boldest: #DCE5F5;\n --ds-chart-gray-boldest-hovered: #E6EDFA;\n --ds-chart-brand: #0052CC;\n --ds-chart-brand-hovered: #0065FF;\n --ds-chart-danger: #DE350B;\n --ds-chart-danger-hovered: #FF5630;\n --ds-chart-danger-bold: #FF5630;\n --ds-chart-danger-bold-hovered: #FF7452;\n --ds-chart-warning: #FF991F;\n --ds-chart-warning-hovered: #FFAB00;\n --ds-chart-warning-bold: #FFAB00;\n --ds-chart-warning-bold-hovered: #FFC400;\n --ds-chart-success: #00875A;\n --ds-chart-success-hovered: #36B37E;\n --ds-chart-success-bold: #36B37E;\n --ds-chart-success-bold-hovered: #57D9A3;\n --ds-chart-discovery: #5243AA;\n --ds-chart-discovery-hovered: #6554C0;\n --ds-chart-discovery-bold: #6554C0;\n --ds-chart-discovery-bold-hovered: #8777D9;\n --ds-chart-information: #0052CC;\n --ds-chart-information-hovered: #0065FF;\n --ds-chart-information-bold: #0065FF;\n --ds-chart-information-bold-hovered: #2684FF;\n --ds-surface: #1B2638;\n --ds-surface-hovered: #202B3D;\n --ds-surface-pressed: #283447;\n --ds-surface-overlay: #7988A3;\n --ds-surface-overlay-hovered: #8C9CB8;\n --ds-surface-overlay-pressed: #9FB0CC;\n --ds-surface-raised: #455166;\n --ds-surface-raised-hovered: #56637A;\n --ds-surface-raised-pressed: #67758F;\n --ds-surface-sunken: #67758F;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #0d14240A, 0px 8px 12px #0d14245C, 0px 0px 1px #0d142480;\n --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #0d142480, 0px 0px 1px #0d142480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1B2638;\n}\n";
7
7
  export default _default;
@@ -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::8adee2e1e5e653298a65f7f29ffd0bda>>
3
+ * @codegen <<SignedSource::864da039f8f9b771294919957d8579f4>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:legacy-light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:legacy-light\"] {\n color-scheme: light;\n --ds-text: #172B4D;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #DE350B;\n --ds-text-accent-red-bolder: #BF2600;\n --ds-text-accent-orange: #F18D13;\n --ds-text-accent-orange-bolder: #B65C02;\n --ds-text-accent-yellow: #FF991F;\n --ds-text-accent-yellow-bolder: #FF8B00;\n --ds-text-accent-green: #00875A;\n --ds-text-accent-green-bolder: #006644;\n --ds-text-accent-teal: #00A3BF;\n --ds-text-accent-teal-bolder: #008DA6;\n --ds-text-accent-blue: #0052CC;\n --ds-text-accent-blue-bolder: #0747A6;\n --ds-text-accent-purple: #5243AA;\n --ds-text-accent-purple-bolder: #403294;\n --ds-text-accent-magenta: #E774BB;\n --ds-text-accent-magenta-bolder: #DA62AC;\n --ds-text-accent-gray: #505F79;\n --ds-text-accent-gray-bolder: #172B4D;\n --ds-text-disabled: #A5ADBA;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #0052CC;\n --ds-text-brand: #0065FF;\n --ds-text-danger: #DE350B;\n --ds-text-warning: #974F0C;\n --ds-text-warning-inverse: #172B4D;\n --ds-text-success: #006644;\n --ds-text-discovery: #403294;\n --ds-text-information: #0052CC;\n --ds-text-subtlest: #7A869A;\n --ds-text-subtle: #42526E;\n --ds-link: #0052CC;\n --ds-link-pressed: #0747A6;\n --ds-icon: #505F79;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #FF5630;\n --ds-icon-accent-orange: #D94008;\n --ds-icon-accent-yellow: #FFAB00;\n --ds-icon-accent-green: #36B37E;\n --ds-icon-accent-teal: #00B8D9;\n --ds-icon-accent-blue: #0065FF;\n --ds-icon-accent-purple: #6554C0;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #5E6C84;\n --ds-icon-disabled: #8993A4;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0052CC;\n --ds-icon-brand: #0065FF;\n --ds-icon-danger: #DE350B;\n --ds-icon-warning: #FFC400;\n --ds-icon-warning-inverse: #253858;\n --ds-icon-success: #00875A;\n --ds-icon-discovery: #8777D9;\n --ds-icon-information: #0747A6;\n --ds-icon-subtle: #6B778C;\n --ds-border: #091e4221;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #FF5630;\n --ds-border-accent-orange: #D94008;\n --ds-border-accent-yellow: #FFAB00;\n --ds-border-accent-green: #36B37E;\n --ds-border-accent-teal: #00B8D9;\n --ds-border-accent-blue: #0065FF;\n --ds-border-accent-purple: #6554C0;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #5E6C84;\n --ds-border-disabled: #FAFBFC;\n --ds-border-focused: #2684FF;\n --ds-border-input: #FAFBFC;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0052CC;\n --ds-border-brand: #0052CC;\n --ds-border-danger: #FF5630;\n --ds-border-warning: #FFC400;\n --ds-border-success: #00875A;\n --ds-border-discovery: #998DD9;\n --ds-border-information: #0065FF;\n --ds-border-bold: #344563;\n --ds-background-accent-lime-subtlest: #EEFBDA;\n --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n --ds-background-accent-lime-subtlest-pressed: #B3DF72;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtler-hovered: #B3DF72;\n --ds-background-accent-lime-subtler-pressed: #94C748;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-subtle-hovered: #B3DF72;\n --ds-background-accent-lime-subtle-pressed: #D3F1A7;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-lime-bolder-hovered: #37471F;\n --ds-background-accent-lime-bolder-pressed: #37471F;\n --ds-background-accent-red-subtlest: #FF8F73;\n --ds-background-accent-red-subtlest-hovered: #FF7452;\n --ds-background-accent-red-subtlest-pressed: #FF5630;\n --ds-background-accent-red-subtler: #FF7452;\n --ds-background-accent-red-subtler-hovered: #FF5630;\n --ds-background-accent-red-subtler-pressed: #DE350B;\n --ds-background-accent-red-subtle: #DE350B;\n --ds-background-accent-red-subtle-hovered: #FF5630;\n --ds-background-accent-red-subtle-pressed: #FF7452;\n --ds-background-accent-red-bolder: #DE350B;\n --ds-background-accent-red-bolder-hovered: #FF5630;\n --ds-background-accent-red-bolder-pressed: #FF7452;\n --ds-background-accent-orange-subtlest: #F18D13;\n --ds-background-accent-orange-subtlest-hovered: #FEC57B;\n --ds-background-accent-orange-subtlest-pressed: #FFE2BD;\n --ds-background-accent-orange-subtler: #B65C02;\n --ds-background-accent-orange-subtler-hovered: #F18D13;\n --ds-background-accent-orange-subtler-pressed: #FEC57B;\n --ds-background-accent-orange-subtle: #5F3811;\n --ds-background-accent-orange-subtle-hovered: #974F0C;\n --ds-background-accent-orange-subtle-pressed: #B65C02;\n --ds-background-accent-orange-bolder: #43290F;\n --ds-background-accent-orange-bolder-hovered: #5F3811;\n --ds-background-accent-orange-bolder-pressed: #974F0C;\n --ds-background-accent-yellow-subtlest: #FFE380;\n --ds-background-accent-yellow-subtlest-hovered: #FFC400;\n --ds-background-accent-yellow-subtlest-pressed: #FFAB00;\n --ds-background-accent-yellow-subtler: #FFC400;\n --ds-background-accent-yellow-subtler-hovered: #FFAB00;\n --ds-background-accent-yellow-subtler-pressed: #FF991F;\n --ds-background-accent-yellow-subtle: #FF991F;\n --ds-background-accent-yellow-subtle-hovered: #FFAB00;\n --ds-background-accent-yellow-subtle-pressed: #FFC400;\n --ds-background-accent-yellow-bolder: #FF991F;\n --ds-background-accent-yellow-bolder-hovered: #FFAB00;\n --ds-background-accent-yellow-bolder-pressed: #FFC400;\n --ds-background-accent-green-subtlest: #79F2C0;\n --ds-background-accent-green-subtlest-hovered: #57D9A3;\n --ds-background-accent-green-subtlest-pressed: #36B37E;\n --ds-background-accent-green-subtler: #57D9A3;\n --ds-background-accent-green-subtler-hovered: #36B37E;\n --ds-background-accent-green-subtler-pressed: #00875A;\n --ds-background-accent-green-subtle: #00875A;\n --ds-background-accent-green-subtle-hovered: #36B37E;\n --ds-background-accent-green-subtle-pressed: #57D9A3;\n --ds-background-accent-green-bolder: #00875A;\n --ds-background-accent-green-bolder-hovered: #36B37E;\n --ds-background-accent-green-bolder-pressed: #57D9A3;\n --ds-background-accent-teal-subtlest: #79E2F2;\n --ds-background-accent-teal-subtlest-hovered: #00C7E6;\n --ds-background-accent-teal-subtlest-pressed: #00B8D9;\n --ds-background-accent-teal-subtler: #00C7E6;\n --ds-background-accent-teal-subtler-hovered: #00B8D9;\n --ds-background-accent-teal-subtler-pressed: #00A3BF;\n --ds-background-accent-teal-subtle: #00A3BF;\n --ds-background-accent-teal-subtle-hovered: #00B8D9;\n --ds-background-accent-teal-subtle-pressed: #00C7E6;\n --ds-background-accent-teal-bolder: #00A3BF;\n --ds-background-accent-teal-bolder-hovered: #00B8D9;\n --ds-background-accent-teal-bolder-pressed: #00C7E6;\n --ds-background-accent-blue-subtlest: #4C9AFF;\n --ds-background-accent-blue-subtlest-hovered: #2684FF;\n --ds-background-accent-blue-subtlest-pressed: #0065FF;\n --ds-background-accent-blue-subtler: #2684FF;\n --ds-background-accent-blue-subtler-hovered: #0065FF;\n --ds-background-accent-blue-subtler-pressed: #0052CC;\n --ds-background-accent-blue-subtle: #0052CC;\n --ds-background-accent-blue-subtle-hovered: #0065FF;\n --ds-background-accent-blue-subtle-pressed: #2684FF;\n --ds-background-accent-blue-bolder: #0052CC;\n --ds-background-accent-blue-bolder-hovered: #0065FF;\n --ds-background-accent-blue-bolder-pressed: #2684FF;\n --ds-background-accent-purple-subtlest: #998DD9;\n --ds-background-accent-purple-subtlest-hovered: #8777D9;\n --ds-background-accent-purple-subtlest-pressed: #6554C0;\n --ds-background-accent-purple-subtler: #8777D9;\n --ds-background-accent-purple-subtler-hovered: #6554C0;\n --ds-background-accent-purple-subtler-pressed: #5243AA;\n --ds-background-accent-purple-subtle: #5243AA;\n --ds-background-accent-purple-subtle-hovered: #6554C0;\n --ds-background-accent-purple-subtle-pressed: #8777D9;\n --ds-background-accent-purple-bolder: #5243AA;\n --ds-background-accent-purple-bolder-hovered: #6554C0;\n --ds-background-accent-purple-bolder-pressed: #8777D9;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtlest-pressed: #F797D2;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtler-hovered: #F797D2;\n --ds-background-accent-magenta-subtler-pressed: #E774BB;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-subtle-hovered: #F797D2;\n --ds-background-accent-magenta-subtle-pressed: #FDD0EC;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-magenta-bolder-hovered: #943D73;\n --ds-background-accent-magenta-bolder-pressed: #50253F;\n --ds-background-accent-gray-subtlest: #6B778C;\n --ds-background-accent-gray-subtlest-hovered: #5E6C84;\n --ds-background-accent-gray-subtlest-pressed: #505F79;\n --ds-background-accent-gray-subtler: #5E6C84;\n --ds-background-accent-gray-subtler-hovered: #505F79;\n --ds-background-accent-gray-subtler-pressed: #42526E;\n --ds-background-accent-gray-subtle: #505F79;\n --ds-background-accent-gray-subtle-hovered: #5E6C84;\n --ds-background-accent-gray-subtle-pressed: #6B778C;\n --ds-background-accent-gray-bolder: #42526E;\n --ds-background-accent-gray-bolder-hovered: #344563;\n --ds-background-accent-gray-bolder-pressed: #253858;\n --ds-background-disabled: #091e4289;\n --ds-background-input: #FAFBFC;\n --ds-background-input-hovered: #EBECF0;\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: #DFE1E6;\n --ds-background-neutral-hovered: #091e4214;\n --ds-background-neutral-pressed: #B3D4FF;\n --ds-background-neutral-subtle: transparent;\n --ds-background-neutral-subtle-hovered: #091e4214;\n --ds-background-neutral-subtle-pressed: #B3D4FF;\n --ds-background-neutral-bold: #42526E;\n --ds-background-neutral-bold-hovered: #505F79;\n --ds-background-neutral-bold-pressed: #344563;\n --ds-background-selected: #DEEBFF;\n --ds-background-selected-hovered: #B3D4FF;\n --ds-background-selected-pressed: #4C9AFF;\n --ds-background-selected-bold: #0052CC;\n --ds-background-selected-bold-hovered: #2684FF;\n --ds-background-selected-bold-pressed: #0052CC;\n --ds-background-brand-subtlest: #B3D4FF;\n --ds-background-brand-subtlest-hovered: #DEEBFF;\n --ds-background-brand-subtlest-pressed: #4C9AFF;\n --ds-background-brand-bold: #0052CC;\n --ds-background-brand-bold-hovered: #0065FF;\n --ds-background-brand-bold-pressed: #0747A6;\n --ds-background-brand-boldest: #0747A6;\n --ds-background-brand-boldest-hovered: #0052CC;\n --ds-background-brand-boldest-pressed: #0747A6;\n --ds-background-danger: #FFEBE6;\n --ds-background-danger-hovered: #FFBDAD;\n --ds-background-danger-pressed: #FF8F73;\n --ds-background-danger-bold: #DE350B;\n --ds-background-danger-bold-hovered: #FF5630;\n --ds-background-danger-bold-pressed: #BF2600;\n --ds-background-warning: #FFFAE6;\n --ds-background-warning-hovered: #FFF0B3;\n --ds-background-warning-pressed: #FFE380;\n --ds-background-warning-bold: #FFAB00;\n --ds-background-warning-bold-hovered: #FFC400;\n --ds-background-warning-bold-pressed: #FF991F;\n --ds-background-success: #E3FCEF;\n --ds-background-success-hovered: #ABF5D1;\n --ds-background-success-pressed: #79F2C0;\n --ds-background-success-bold: #00875A;\n --ds-background-success-bold-hovered: #57D9A3;\n --ds-background-success-bold-pressed: #00875A;\n --ds-background-discovery: #EAE6FF;\n --ds-background-discovery-hovered: #C0B6F2;\n --ds-background-discovery-pressed: #998DD9;\n --ds-background-discovery-bold: #5243AA;\n --ds-background-discovery-bold-hovered: #8777D9;\n --ds-background-discovery-bold-pressed: #5243AA;\n --ds-background-information: #DEEBFF;\n --ds-background-information-hovered: #B3D4FF;\n --ds-background-information-pressed: #4C9AFF;\n --ds-background-information-bold: #0052CC;\n --ds-background-information-bold-hovered: #2684FF;\n --ds-background-information-bold-pressed: #0052CC;\n --ds-blanket: #091e4289;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #F4F5F7;\n --ds-skeleton-subtle: #091e420a;\n --ds-chart-categorical-1: #00B8D9;\n --ds-chart-categorical-1-hovered: #00A3BF;\n --ds-chart-categorical-2: #5243AA;\n --ds-chart-categorical-2-hovered: #403294;\n --ds-chart-categorical-3: #D94008;\n --ds-chart-categorical-3-hovered: #B65C02;\n --ds-chart-categorical-4: #943D73;\n --ds-chart-categorical-4-hovered: #50253F;\n --ds-chart-categorical-5: #0052CC;\n --ds-chart-categorical-5-hovered: #0747A6;\n --ds-chart-categorical-6: #5243AA;\n --ds-chart-categorical-6-hovered: #403294;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #341829;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\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: #5E6C84;\n --ds-chart-neutral-hovered: #505F79;\n --ds-chart-red-bold: #FF5630;\n --ds-chart-red-bold-hovered: #DE350B;\n --ds-chart-red-bolder: #DE350B;\n --ds-chart-red-bolder-hovered: #BF2600;\n --ds-chart-red-boldest: #BF2600;\n --ds-chart-red-boldest-hovered: #BF2600;\n --ds-chart-orange-bold: #D97008;\n --ds-chart-orange-bold-hovered: #B65C02;\n --ds-chart-orange-bolder: #B65C02;\n --ds-chart-orange-bolder-hovered: #974F0C;\n --ds-chart-orange-boldest: #974F0C;\n --ds-chart-orange-boldest-hovered: #5F3811;\n --ds-chart-yellow-bold: #FFAB00;\n --ds-chart-yellow-bold-hovered: #FF991F;\n --ds-chart-yellow-bolder: #FF991F;\n --ds-chart-yellow-bolder-hovered: #FF8B00;\n --ds-chart-yellow-boldest: #FF8B00;\n --ds-chart-yellow-boldest-hovered: #FF8B00;\n --ds-chart-green-bold: #36B37E;\n --ds-chart-green-bold-hovered: #00875A;\n --ds-chart-green-bolder: #00875A;\n --ds-chart-green-bolder-hovered: #006644;\n --ds-chart-green-boldest: #006644;\n --ds-chart-green-boldest-hovered: #006644;\n --ds-chart-teal-bold: #00B8D9;\n --ds-chart-teal-bold-hovered: #00A3BF;\n --ds-chart-teal-bolder: #00A3BF;\n --ds-chart-teal-bolder-hovered: #008DA6;\n --ds-chart-teal-boldest: #008DA6;\n --ds-chart-teal-boldest-hovered: #008DA6;\n --ds-chart-blue-bold: #0065FF;\n --ds-chart-blue-bold-hovered: #0052CC;\n --ds-chart-blue-bolder: #0052CC;\n --ds-chart-blue-bolder-hovered: #0747A6;\n --ds-chart-blue-boldest: #0747A6;\n --ds-chart-blue-boldest-hovered: #0747A6;\n --ds-chart-purple-bold: #6554C0;\n --ds-chart-purple-bold-hovered: #5243AA;\n --ds-chart-purple-bolder: #5243AA;\n --ds-chart-purple-bolder-hovered: #403294;\n --ds-chart-purple-boldest: #403294;\n --ds-chart-purple-boldest-hovered: #403294;\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: #5E6C84;\n --ds-chart-gray-bold-hovered: #505F79;\n --ds-chart-gray-bolder: #505F79;\n --ds-chart-gray-bolder-hovered: #42526E;\n --ds-chart-gray-boldest: #42526E;\n --ds-chart-gray-boldest-hovered: #42526E;\n --ds-chart-brand: #0065FF;\n --ds-chart-brand-hovered: #0052CC;\n --ds-chart-danger: #FF5630;\n --ds-chart-danger-hovered: #DE350B;\n --ds-chart-danger-bold: #DE350B;\n --ds-chart-danger-bold-hovered: #BF2600;\n --ds-chart-warning: #FFAB00;\n --ds-chart-warning-hovered: #FF991F;\n --ds-chart-warning-bold: #FF991F;\n --ds-chart-warning-bold-hovered: #FF8B00;\n --ds-chart-success: #36B37E;\n --ds-chart-success-hovered: #00875A;\n --ds-chart-success-bold: #00875A;\n --ds-chart-success-bold-hovered: #006644;\n --ds-chart-discovery: #6554C0;\n --ds-chart-discovery-hovered: #5243AA;\n --ds-chart-discovery-bold: #5243AA;\n --ds-chart-discovery-bold-hovered: #403294;\n --ds-chart-information: #0065FF;\n --ds-chart-information-hovered: #0052CC;\n --ds-chart-information-bold: #0052CC;\n --ds-chart-information-bold-hovered: #0747A6;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #FAFBFC;\n --ds-surface-pressed: #F4F5F7;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #FAFBFC;\n --ds-surface-overlay-pressed: #F4F5F7;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #FAFBFC;\n --ds-surface-raised-pressed: #F4F5F7;\n --ds-surface-sunken: #F4F5F7;\n --ds-shadow-overflow: 0px 0px 8px #091e4229, 0px 0px 1px #091e421F;\n --ds-shadow-overflow-perimeter: #091e421f;\n --ds-shadow-overflow-spread: #091e4229;\n --ds-shadow-overlay: 0px 8px 12px #091e4226, 0px 0px 1px #091e424F;\n --ds-shadow-raised: 0px 1px 1px #091e4240, 0px 0px 1px #091e424F;\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:legacy-light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:legacy-light\"] {\n color-scheme: light;\n --ds-text: #172B4D;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #DE350B;\n --ds-text-accent-red-bolder: #BF2600;\n --ds-text-accent-orange: #F18D13;\n --ds-text-accent-orange-bolder: #B65C02;\n --ds-text-accent-yellow: #FF991F;\n --ds-text-accent-yellow-bolder: #FF8B00;\n --ds-text-accent-green: #00875A;\n --ds-text-accent-green-bolder: #006644;\n --ds-text-accent-teal: #00A3BF;\n --ds-text-accent-teal-bolder: #008DA6;\n --ds-text-accent-blue: #0052CC;\n --ds-text-accent-blue-bolder: #0747A6;\n --ds-text-accent-purple: #5243AA;\n --ds-text-accent-purple-bolder: #403294;\n --ds-text-accent-magenta: #E774BB;\n --ds-text-accent-magenta-bolder: #DA62AC;\n --ds-text-accent-gray: #505F79;\n --ds-text-accent-gray-bolder: #172B4D;\n --ds-text-disabled: #A5ADBA;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #0052CC;\n --ds-text-brand: #0065FF;\n --ds-text-danger: #DE350B;\n --ds-text-warning: #974F0C;\n --ds-text-warning-inverse: #172B4D;\n --ds-text-success: #006644;\n --ds-text-discovery: #403294;\n --ds-text-information: #0052CC;\n --ds-text-subtlest: #7A869A;\n --ds-text-subtle: #42526E;\n --ds-link: #0052CC;\n --ds-link-pressed: #0747A6;\n --ds-link-visited: #403294;\n --ds-icon: #505F79;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #FF5630;\n --ds-icon-accent-orange: #D94008;\n --ds-icon-accent-yellow: #FFAB00;\n --ds-icon-accent-green: #36B37E;\n --ds-icon-accent-teal: #00B8D9;\n --ds-icon-accent-blue: #0065FF;\n --ds-icon-accent-purple: #6554C0;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #5E6C84;\n --ds-icon-disabled: #8993A4;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0052CC;\n --ds-icon-brand: #0065FF;\n --ds-icon-danger: #DE350B;\n --ds-icon-warning: #FFC400;\n --ds-icon-warning-inverse: #253858;\n --ds-icon-success: #00875A;\n --ds-icon-discovery: #8777D9;\n --ds-icon-information: #0747A6;\n --ds-icon-subtle: #6B778C;\n --ds-border: #091e4221;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #FF5630;\n --ds-border-accent-orange: #D94008;\n --ds-border-accent-yellow: #FFAB00;\n --ds-border-accent-green: #36B37E;\n --ds-border-accent-teal: #00B8D9;\n --ds-border-accent-blue: #0065FF;\n --ds-border-accent-purple: #6554C0;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #5E6C84;\n --ds-border-disabled: #FAFBFC;\n --ds-border-focused: #2684FF;\n --ds-border-input: #FAFBFC;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0052CC;\n --ds-border-brand: #0052CC;\n --ds-border-danger: #FF5630;\n --ds-border-warning: #FFC400;\n --ds-border-success: #00875A;\n --ds-border-discovery: #998DD9;\n --ds-border-information: #0065FF;\n --ds-border-bold: #344563;\n --ds-background-accent-lime-subtlest: #EEFBDA;\n --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n --ds-background-accent-lime-subtlest-pressed: #B3DF72;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtler-hovered: #B3DF72;\n --ds-background-accent-lime-subtler-pressed: #94C748;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-subtle-hovered: #B3DF72;\n --ds-background-accent-lime-subtle-pressed: #D3F1A7;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-lime-bolder-hovered: #37471F;\n --ds-background-accent-lime-bolder-pressed: #37471F;\n --ds-background-accent-red-subtlest: #FF8F73;\n --ds-background-accent-red-subtlest-hovered: #FF7452;\n --ds-background-accent-red-subtlest-pressed: #FF5630;\n --ds-background-accent-red-subtler: #FF7452;\n --ds-background-accent-red-subtler-hovered: #FF5630;\n --ds-background-accent-red-subtler-pressed: #DE350B;\n --ds-background-accent-red-subtle: #DE350B;\n --ds-background-accent-red-subtle-hovered: #FF5630;\n --ds-background-accent-red-subtle-pressed: #FF7452;\n --ds-background-accent-red-bolder: #DE350B;\n --ds-background-accent-red-bolder-hovered: #FF5630;\n --ds-background-accent-red-bolder-pressed: #FF7452;\n --ds-background-accent-orange-subtlest: #F18D13;\n --ds-background-accent-orange-subtlest-hovered: #FEC57B;\n --ds-background-accent-orange-subtlest-pressed: #FFE2BD;\n --ds-background-accent-orange-subtler: #B65C02;\n --ds-background-accent-orange-subtler-hovered: #F18D13;\n --ds-background-accent-orange-subtler-pressed: #FEC57B;\n --ds-background-accent-orange-subtle: #5F3811;\n --ds-background-accent-orange-subtle-hovered: #974F0C;\n --ds-background-accent-orange-subtle-pressed: #B65C02;\n --ds-background-accent-orange-bolder: #43290F;\n --ds-background-accent-orange-bolder-hovered: #5F3811;\n --ds-background-accent-orange-bolder-pressed: #974F0C;\n --ds-background-accent-yellow-subtlest: #FFE380;\n --ds-background-accent-yellow-subtlest-hovered: #FFC400;\n --ds-background-accent-yellow-subtlest-pressed: #FFAB00;\n --ds-background-accent-yellow-subtler: #FFC400;\n --ds-background-accent-yellow-subtler-hovered: #FFAB00;\n --ds-background-accent-yellow-subtler-pressed: #FF991F;\n --ds-background-accent-yellow-subtle: #FF991F;\n --ds-background-accent-yellow-subtle-hovered: #FFAB00;\n --ds-background-accent-yellow-subtle-pressed: #FFC400;\n --ds-background-accent-yellow-bolder: #FF991F;\n --ds-background-accent-yellow-bolder-hovered: #FFAB00;\n --ds-background-accent-yellow-bolder-pressed: #FFC400;\n --ds-background-accent-green-subtlest: #79F2C0;\n --ds-background-accent-green-subtlest-hovered: #57D9A3;\n --ds-background-accent-green-subtlest-pressed: #36B37E;\n --ds-background-accent-green-subtler: #57D9A3;\n --ds-background-accent-green-subtler-hovered: #36B37E;\n --ds-background-accent-green-subtler-pressed: #00875A;\n --ds-background-accent-green-subtle: #00875A;\n --ds-background-accent-green-subtle-hovered: #36B37E;\n --ds-background-accent-green-subtle-pressed: #57D9A3;\n --ds-background-accent-green-bolder: #00875A;\n --ds-background-accent-green-bolder-hovered: #36B37E;\n --ds-background-accent-green-bolder-pressed: #57D9A3;\n --ds-background-accent-teal-subtlest: #79E2F2;\n --ds-background-accent-teal-subtlest-hovered: #00C7E6;\n --ds-background-accent-teal-subtlest-pressed: #00B8D9;\n --ds-background-accent-teal-subtler: #00C7E6;\n --ds-background-accent-teal-subtler-hovered: #00B8D9;\n --ds-background-accent-teal-subtler-pressed: #00A3BF;\n --ds-background-accent-teal-subtle: #00A3BF;\n --ds-background-accent-teal-subtle-hovered: #00B8D9;\n --ds-background-accent-teal-subtle-pressed: #00C7E6;\n --ds-background-accent-teal-bolder: #00A3BF;\n --ds-background-accent-teal-bolder-hovered: #00B8D9;\n --ds-background-accent-teal-bolder-pressed: #00C7E6;\n --ds-background-accent-blue-subtlest: #4C9AFF;\n --ds-background-accent-blue-subtlest-hovered: #2684FF;\n --ds-background-accent-blue-subtlest-pressed: #0065FF;\n --ds-background-accent-blue-subtler: #2684FF;\n --ds-background-accent-blue-subtler-hovered: #0065FF;\n --ds-background-accent-blue-subtler-pressed: #0052CC;\n --ds-background-accent-blue-subtle: #0052CC;\n --ds-background-accent-blue-subtle-hovered: #0065FF;\n --ds-background-accent-blue-subtle-pressed: #2684FF;\n --ds-background-accent-blue-bolder: #0052CC;\n --ds-background-accent-blue-bolder-hovered: #0065FF;\n --ds-background-accent-blue-bolder-pressed: #2684FF;\n --ds-background-accent-purple-subtlest: #998DD9;\n --ds-background-accent-purple-subtlest-hovered: #8777D9;\n --ds-background-accent-purple-subtlest-pressed: #6554C0;\n --ds-background-accent-purple-subtler: #8777D9;\n --ds-background-accent-purple-subtler-hovered: #6554C0;\n --ds-background-accent-purple-subtler-pressed: #5243AA;\n --ds-background-accent-purple-subtle: #5243AA;\n --ds-background-accent-purple-subtle-hovered: #6554C0;\n --ds-background-accent-purple-subtle-pressed: #8777D9;\n --ds-background-accent-purple-bolder: #5243AA;\n --ds-background-accent-purple-bolder-hovered: #6554C0;\n --ds-background-accent-purple-bolder-pressed: #8777D9;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtlest-pressed: #F797D2;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtler-hovered: #F797D2;\n --ds-background-accent-magenta-subtler-pressed: #E774BB;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-subtle-hovered: #F797D2;\n --ds-background-accent-magenta-subtle-pressed: #FDD0EC;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-magenta-bolder-hovered: #943D73;\n --ds-background-accent-magenta-bolder-pressed: #50253F;\n --ds-background-accent-gray-subtlest: #6B778C;\n --ds-background-accent-gray-subtlest-hovered: #5E6C84;\n --ds-background-accent-gray-subtlest-pressed: #505F79;\n --ds-background-accent-gray-subtler: #5E6C84;\n --ds-background-accent-gray-subtler-hovered: #505F79;\n --ds-background-accent-gray-subtler-pressed: #42526E;\n --ds-background-accent-gray-subtle: #505F79;\n --ds-background-accent-gray-subtle-hovered: #5E6C84;\n --ds-background-accent-gray-subtle-pressed: #6B778C;\n --ds-background-accent-gray-bolder: #42526E;\n --ds-background-accent-gray-bolder-hovered: #344563;\n --ds-background-accent-gray-bolder-pressed: #253858;\n --ds-background-disabled: #091e4289;\n --ds-background-input: #FAFBFC;\n --ds-background-input-hovered: #EBECF0;\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: #DFE1E6;\n --ds-background-neutral-hovered: #091e4214;\n --ds-background-neutral-pressed: #B3D4FF;\n --ds-background-neutral-subtle: transparent;\n --ds-background-neutral-subtle-hovered: #091e4214;\n --ds-background-neutral-subtle-pressed: #B3D4FF;\n --ds-background-neutral-bold: #42526E;\n --ds-background-neutral-bold-hovered: #505F79;\n --ds-background-neutral-bold-pressed: #344563;\n --ds-background-selected: #DEEBFF;\n --ds-background-selected-hovered: #B3D4FF;\n --ds-background-selected-pressed: #4C9AFF;\n --ds-background-selected-bold: #0052CC;\n --ds-background-selected-bold-hovered: #2684FF;\n --ds-background-selected-bold-pressed: #0052CC;\n --ds-background-brand-subtlest: #B3D4FF;\n --ds-background-brand-subtlest-hovered: #DEEBFF;\n --ds-background-brand-subtlest-pressed: #4C9AFF;\n --ds-background-brand-bold: #0052CC;\n --ds-background-brand-bold-hovered: #0065FF;\n --ds-background-brand-bold-pressed: #0747A6;\n --ds-background-brand-boldest: #0747A6;\n --ds-background-brand-boldest-hovered: #0052CC;\n --ds-background-brand-boldest-pressed: #0747A6;\n --ds-background-danger: #FFEBE6;\n --ds-background-danger-hovered: #FFBDAD;\n --ds-background-danger-pressed: #FF8F73;\n --ds-background-danger-bold: #DE350B;\n --ds-background-danger-bold-hovered: #FF5630;\n --ds-background-danger-bold-pressed: #BF2600;\n --ds-background-warning: #FFFAE6;\n --ds-background-warning-hovered: #FFF0B3;\n --ds-background-warning-pressed: #FFE380;\n --ds-background-warning-bold: #FFAB00;\n --ds-background-warning-bold-hovered: #FFC400;\n --ds-background-warning-bold-pressed: #FF991F;\n --ds-background-success: #E3FCEF;\n --ds-background-success-hovered: #ABF5D1;\n --ds-background-success-pressed: #79F2C0;\n --ds-background-success-bold: #00875A;\n --ds-background-success-bold-hovered: #57D9A3;\n --ds-background-success-bold-pressed: #00875A;\n --ds-background-discovery: #EAE6FF;\n --ds-background-discovery-hovered: #C0B6F2;\n --ds-background-discovery-pressed: #998DD9;\n --ds-background-discovery-bold: #5243AA;\n --ds-background-discovery-bold-hovered: #8777D9;\n --ds-background-discovery-bold-pressed: #5243AA;\n --ds-background-information: #DEEBFF;\n --ds-background-information-hovered: #B3D4FF;\n --ds-background-information-pressed: #4C9AFF;\n --ds-background-information-bold: #0052CC;\n --ds-background-information-bold-hovered: #2684FF;\n --ds-background-information-bold-pressed: #0052CC;\n --ds-blanket: #091e4289;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #F4F5F7;\n --ds-skeleton-subtle: #091e420a;\n --ds-chart-categorical-1: #00B8D9;\n --ds-chart-categorical-1-hovered: #00A3BF;\n --ds-chart-categorical-2: #5243AA;\n --ds-chart-categorical-2-hovered: #403294;\n --ds-chart-categorical-3: #D94008;\n --ds-chart-categorical-3-hovered: #B65C02;\n --ds-chart-categorical-4: #943D73;\n --ds-chart-categorical-4-hovered: #50253F;\n --ds-chart-categorical-5: #0052CC;\n --ds-chart-categorical-5-hovered: #0747A6;\n --ds-chart-categorical-6: #5243AA;\n --ds-chart-categorical-6-hovered: #403294;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #341829;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\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: #5E6C84;\n --ds-chart-neutral-hovered: #505F79;\n --ds-chart-red-bold: #FF5630;\n --ds-chart-red-bold-hovered: #DE350B;\n --ds-chart-red-bolder: #DE350B;\n --ds-chart-red-bolder-hovered: #BF2600;\n --ds-chart-red-boldest: #BF2600;\n --ds-chart-red-boldest-hovered: #BF2600;\n --ds-chart-orange-bold: #D97008;\n --ds-chart-orange-bold-hovered: #B65C02;\n --ds-chart-orange-bolder: #B65C02;\n --ds-chart-orange-bolder-hovered: #974F0C;\n --ds-chart-orange-boldest: #974F0C;\n --ds-chart-orange-boldest-hovered: #5F3811;\n --ds-chart-yellow-bold: #FFAB00;\n --ds-chart-yellow-bold-hovered: #FF991F;\n --ds-chart-yellow-bolder: #FF991F;\n --ds-chart-yellow-bolder-hovered: #FF8B00;\n --ds-chart-yellow-boldest: #FF8B00;\n --ds-chart-yellow-boldest-hovered: #FF8B00;\n --ds-chart-green-bold: #36B37E;\n --ds-chart-green-bold-hovered: #00875A;\n --ds-chart-green-bolder: #00875A;\n --ds-chart-green-bolder-hovered: #006644;\n --ds-chart-green-boldest: #006644;\n --ds-chart-green-boldest-hovered: #006644;\n --ds-chart-teal-bold: #00B8D9;\n --ds-chart-teal-bold-hovered: #00A3BF;\n --ds-chart-teal-bolder: #00A3BF;\n --ds-chart-teal-bolder-hovered: #008DA6;\n --ds-chart-teal-boldest: #008DA6;\n --ds-chart-teal-boldest-hovered: #008DA6;\n --ds-chart-blue-bold: #0065FF;\n --ds-chart-blue-bold-hovered: #0052CC;\n --ds-chart-blue-bolder: #0052CC;\n --ds-chart-blue-bolder-hovered: #0747A6;\n --ds-chart-blue-boldest: #0747A6;\n --ds-chart-blue-boldest-hovered: #0747A6;\n --ds-chart-purple-bold: #6554C0;\n --ds-chart-purple-bold-hovered: #5243AA;\n --ds-chart-purple-bolder: #5243AA;\n --ds-chart-purple-bolder-hovered: #403294;\n --ds-chart-purple-boldest: #403294;\n --ds-chart-purple-boldest-hovered: #403294;\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: #5E6C84;\n --ds-chart-gray-bold-hovered: #505F79;\n --ds-chart-gray-bolder: #505F79;\n --ds-chart-gray-bolder-hovered: #42526E;\n --ds-chart-gray-boldest: #42526E;\n --ds-chart-gray-boldest-hovered: #42526E;\n --ds-chart-brand: #0065FF;\n --ds-chart-brand-hovered: #0052CC;\n --ds-chart-danger: #FF5630;\n --ds-chart-danger-hovered: #DE350B;\n --ds-chart-danger-bold: #DE350B;\n --ds-chart-danger-bold-hovered: #BF2600;\n --ds-chart-warning: #FFAB00;\n --ds-chart-warning-hovered: #FF991F;\n --ds-chart-warning-bold: #FF991F;\n --ds-chart-warning-bold-hovered: #FF8B00;\n --ds-chart-success: #36B37E;\n --ds-chart-success-hovered: #00875A;\n --ds-chart-success-bold: #00875A;\n --ds-chart-success-bold-hovered: #006644;\n --ds-chart-discovery: #6554C0;\n --ds-chart-discovery-hovered: #5243AA;\n --ds-chart-discovery-bold: #5243AA;\n --ds-chart-discovery-bold-hovered: #403294;\n --ds-chart-information: #0065FF;\n --ds-chart-information-hovered: #0052CC;\n --ds-chart-information-bold: #0052CC;\n --ds-chart-information-bold-hovered: #0747A6;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #FAFBFC;\n --ds-surface-pressed: #F4F5F7;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #FAFBFC;\n --ds-surface-overlay-pressed: #F4F5F7;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #FAFBFC;\n --ds-surface-raised-pressed: #F4F5F7;\n --ds-surface-sunken: #F4F5F7;\n --ds-shadow-overflow: 0px 0px 8px #091e4229, 0px 0px 1px #091e421F;\n --ds-shadow-overflow-perimeter: #091e421f;\n --ds-shadow-overflow-spread: #091e4229;\n --ds-shadow-overlay: 0px 8px 12px #091e4226, 0px 0px 1px #091e424F;\n --ds-shadow-raised: 0px 1px 1px #091e4240, 0px 0px 1px #091e424F;\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;