@atlaskit/tokens 1.11.2 → 1.12.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 (116) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +24 -0
  3. package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js +24 -0
  4. package/dist/cjs/artifacts/themes/atlassian-dark-new-input-border.js +2 -2
  5. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-new-input-border.js +3 -3
  6. package/dist/cjs/constants.js +3 -1
  7. package/dist/cjs/custom-theme.js +108 -0
  8. package/dist/cjs/get-token-value.js +1 -1
  9. package/dist/cjs/get-token.js +1 -1
  10. package/dist/cjs/set-global-theme.js +156 -59
  11. package/dist/cjs/tokens/atlassian-dark-new-input-border/color/border.js +1 -1
  12. package/dist/cjs/utils/color-utils.js +178 -0
  13. package/dist/cjs/utils/custom-theme-loading-utils.js +47 -0
  14. package/dist/cjs/utils/custom-theme-token-contrast-check.js +74 -0
  15. package/dist/cjs/utils/generate-custom-color-ramp.js +213 -0
  16. package/dist/cjs/utils/hash.js +17 -0
  17. package/dist/cjs/utils/hct-color-utils/color-utils.js +310 -0
  18. package/dist/cjs/utils/hct-color-utils/contrast.js +188 -0
  19. package/dist/cjs/utils/hct-color-utils/hct.js +1036 -0
  20. package/dist/cjs/utils/hct-color-utils/index.js +32 -0
  21. package/dist/cjs/utils/hct-color-utils/math-utils.js +159 -0
  22. package/dist/cjs/utils/theme-loading.js +1 -1
  23. package/dist/cjs/utils/theme-state-transformer.js +1 -1
  24. package/dist/cjs/version.json +1 -1
  25. package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +17 -0
  26. package/dist/es2019/artifacts/atlassian-light-token-value-for-contrast-check.js +17 -0
  27. package/dist/es2019/artifacts/themes/atlassian-dark-new-input-border.js +2 -2
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-new-input-border.js +3 -3
  29. package/dist/es2019/constants.js +1 -0
  30. package/dist/es2019/custom-theme.js +77 -0
  31. package/dist/es2019/get-token-value.js +1 -1
  32. package/dist/es2019/get-token.js +1 -1
  33. package/dist/es2019/set-global-theme.js +67 -13
  34. package/dist/es2019/tokens/atlassian-dark-new-input-border/color/border.js +1 -1
  35. package/dist/es2019/utils/color-utils.js +154 -0
  36. package/dist/es2019/utils/custom-theme-loading-utils.js +31 -0
  37. package/dist/es2019/utils/custom-theme-token-contrast-check.js +68 -0
  38. package/dist/es2019/utils/generate-custom-color-ramp.js +187 -0
  39. package/dist/es2019/utils/hash.js +10 -0
  40. package/dist/es2019/utils/hct-color-utils/color-utils.js +286 -0
  41. package/dist/es2019/utils/hct-color-utils/contrast.js +161 -0
  42. package/dist/es2019/utils/hct-color-utils/hct.js +931 -0
  43. package/dist/es2019/utils/hct-color-utils/index.js +3 -0
  44. package/dist/es2019/utils/hct-color-utils/math-utils.js +145 -0
  45. package/dist/es2019/utils/theme-loading.js +2 -2
  46. package/dist/es2019/utils/theme-state-transformer.js +3 -1
  47. package/dist/es2019/version.json +1 -1
  48. package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +17 -0
  49. package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js +17 -0
  50. package/dist/esm/artifacts/themes/atlassian-dark-new-input-border.js +2 -2
  51. package/dist/esm/artifacts/tokens-raw/atlassian-dark-new-input-border.js +3 -3
  52. package/dist/esm/constants.js +1 -0
  53. package/dist/esm/custom-theme.js +98 -0
  54. package/dist/esm/get-token-value.js +1 -1
  55. package/dist/esm/get-token.js +1 -1
  56. package/dist/esm/set-global-theme.js +149 -60
  57. package/dist/esm/tokens/atlassian-dark-new-input-border/color/border.js +1 -1
  58. package/dist/esm/utils/color-utils.js +162 -0
  59. package/dist/esm/utils/custom-theme-loading-utils.js +38 -0
  60. package/dist/esm/utils/custom-theme-token-contrast-check.js +65 -0
  61. package/dist/esm/utils/generate-custom-color-ramp.js +202 -0
  62. package/dist/esm/utils/hash.js +10 -0
  63. package/dist/esm/utils/hct-color-utils/color-utils.js +285 -0
  64. package/dist/esm/utils/hct-color-utils/contrast.js +181 -0
  65. package/dist/esm/utils/hct-color-utils/hct.js +1029 -0
  66. package/dist/esm/utils/hct-color-utils/index.js +3 -0
  67. package/dist/esm/utils/hct-color-utils/math-utils.js +145 -0
  68. package/dist/esm/utils/theme-loading.js +2 -2
  69. package/dist/esm/utils/theme-state-transformer.js +1 -1
  70. package/dist/esm/version.json +1 -1
  71. package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +17 -0
  72. package/dist/types/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +17 -0
  73. package/dist/types/artifacts/themes/atlassian-dark-new-input-border.d.ts +2 -2
  74. package/dist/types/artifacts/tokens-raw/atlassian-dark-new-input-border.d.ts +1 -1
  75. package/dist/types/constants.d.ts +1 -0
  76. package/dist/types/custom-theme.d.ts +30 -0
  77. package/dist/types/index.d.ts +1 -0
  78. package/dist/types/set-global-theme.d.ts +9 -3
  79. package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  80. package/dist/types/tokens/atlassian-light/utility/utility.d.ts +1 -1
  81. package/dist/types/tokens/default/utility/utility.d.ts +1 -1
  82. package/dist/types/utils/color-utils.d.ts +10 -0
  83. package/dist/types/utils/custom-theme-loading-utils.d.ts +11 -0
  84. package/dist/types/utils/custom-theme-token-contrast-check.d.ts +20 -0
  85. package/dist/types/utils/generate-custom-color-ramp.d.ts +19 -0
  86. package/dist/types/utils/hash.d.ts +1 -0
  87. package/dist/types/utils/hct-color-utils/color-utils.d.ts +131 -0
  88. package/dist/types/utils/hct-color-utils/contrast.d.ts +78 -0
  89. package/dist/types/utils/hct-color-utils/hct.d.ts +137 -0
  90. package/dist/types/utils/hct-color-utils/index.d.ts +3 -0
  91. package/dist/types/utils/hct-color-utils/math-utils.d.ts +86 -0
  92. package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +17 -0
  93. package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +17 -0
  94. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-new-input-border.d.ts +2 -2
  95. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-new-input-border.d.ts +1 -1
  96. package/dist/types-ts4.5/constants.d.ts +1 -0
  97. package/dist/types-ts4.5/custom-theme.d.ts +30 -0
  98. package/dist/types-ts4.5/index.d.ts +1 -0
  99. package/dist/types-ts4.5/set-global-theme.d.ts +9 -3
  100. package/dist/types-ts4.5/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  101. package/dist/types-ts4.5/tokens/atlassian-light/utility/utility.d.ts +1 -1
  102. package/dist/types-ts4.5/tokens/default/utility/utility.d.ts +1 -1
  103. package/dist/types-ts4.5/utils/color-utils.d.ts +27 -0
  104. package/dist/types-ts4.5/utils/custom-theme-loading-utils.d.ts +11 -0
  105. package/dist/types-ts4.5/utils/custom-theme-token-contrast-check.d.ts +20 -0
  106. package/dist/types-ts4.5/utils/generate-custom-color-ramp.d.ts +19 -0
  107. package/dist/types-ts4.5/utils/hash.d.ts +1 -0
  108. package/dist/types-ts4.5/utils/hct-color-utils/color-utils.d.ts +131 -0
  109. package/dist/types-ts4.5/utils/hct-color-utils/contrast.d.ts +78 -0
  110. package/dist/types-ts4.5/utils/hct-color-utils/hct.d.ts +137 -0
  111. package/dist/types-ts4.5/utils/hct-color-utils/index.d.ts +3 -0
  112. package/dist/types-ts4.5/utils/hct-color-utils/math-utils.d.ts +86 -0
  113. package/figma/atlassian-dark-new-input-border.json +1 -1
  114. package/package.json +35 -40
  115. package/report.api.md +24 -1
  116. package/tmp/api-report-tmp.d.ts +0 -1132
@@ -1,1132 +0,0 @@
1
- ## API Report File for "@atlaskit/tokens"
2
-
3
- > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
-
5
- ```ts
6
-
7
- import { UnbindFn } from 'bind-event-listener';
8
-
9
- // @public (undocumented)
10
- interface ActiveThemeState extends ThemeState {
11
- // (undocumented)
12
- colorMode: Exclude<ThemeColorModes, 'auto'>;
13
- }
14
-
15
- // @public
16
- export type ActiveTokens = 'border.radius' | 'border.radius.050' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.indicator' | 'border.width.outline' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtlest' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtlest' | 'color.background.accent.green.bolder' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtlest' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtlest' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtlest' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtlest' | 'color.background.accent.red.bolder' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtlest' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtlest' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtlest' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.danger' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.disabled' | 'color.background.discovery' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.information' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.background.information.hovered' | 'color.background.information.pressed' | '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.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.selected' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.success' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.warning' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.blanket' | 'color.blanket.danger' | 'color.blanket.selected' | 'color.border' | 'color.border.accent.blue' | 'color.border.accent.gray' | 'color.border.accent.green' | 'color.border.accent.lime' | 'color.border.accent.magenta' | 'color.border.accent.orange' | 'color.border.accent.purple' | 'color.border.accent.red' | 'color.border.accent.teal' | 'color.border.accent.yellow' | 'color.border.bold' | 'color.border.brand' | 'color.border.danger' | 'color.border.disabled' | 'color.border.discovery' | 'color.border.focused' | 'color.border.information' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.success' | 'color.border.warning' | '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.brand' | 'color.chart.brand.hovered' | '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.danger' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.danger.hovered' | 'color.chart.discovery' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.discovery.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.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.information' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'color.chart.information.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.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.neutral' | 'color.chart.neutral.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.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.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.success' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.success.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.warning' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.warning.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.icon' | 'color.icon.accent.blue' | 'color.icon.accent.gray' | 'color.icon.accent.green' | 'color.icon.accent.lime' | 'color.icon.accent.magenta' | 'color.icon.accent.orange' | 'color.icon.accent.purple' | 'color.icon.accent.red' | 'color.icon.accent.teal' | 'color.icon.accent.yellow' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.disabled' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.subtle' | 'color.icon.success' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.link' | 'color.link.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.text' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.brand' | 'color.text.danger' | 'color.text.disabled' | 'color.text.discovery' | 'color.text.information' | 'color.text.inverse' | 'color.text.selected' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.success' | 'color.text.warning' | 'color.text.warning.inverse' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'font.family.monospace' | 'font.family.sans' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600' | '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' | 'opacity.disabled' | 'opacity.loading' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'utility.UNSAFE.transparent';
17
-
18
- // @public (undocumented)
19
- type ActiveTokenState = 'active';
20
-
21
- // @public (undocumented)
22
- type BaseRadiusToken = keyof typeof baseRadiusTokens;
23
-
24
- // @public (undocumented)
25
- const baseRadiusTokens: {
26
- readonly Radius050: {
27
- readonly value: 2;
28
- readonly attributes: {
29
- readonly group: "shape";
30
- };
31
- };
32
- readonly Radius100: {
33
- readonly value: 4;
34
- readonly attributes: {
35
- readonly group: "shape";
36
- };
37
- };
38
- readonly Radius200: {
39
- readonly value: 8;
40
- readonly attributes: {
41
- readonly group: "shape";
42
- };
43
- };
44
- readonly Radius300: {
45
- readonly value: 12;
46
- readonly attributes: {
47
- readonly group: "shape";
48
- };
49
- };
50
- readonly Radius400: {
51
- readonly value: 16;
52
- readonly attributes: {
53
- readonly group: "shape";
54
- };
55
- };
56
- readonly RadiusCircle: {
57
- readonly value: 32032;
58
- readonly attributes: {
59
- readonly group: "shape";
60
- };
61
- };
62
- };
63
-
64
- // @public (undocumented)
65
- type BaseSizeToken = keyof typeof baseSizeTokens;
66
-
67
- // @public (undocumented)
68
- const baseSizeTokens: {
69
- readonly Size0: {
70
- readonly value: 0;
71
- readonly attributes: {
72
- readonly group: "shape";
73
- };
74
- };
75
- readonly Size050: {
76
- readonly value: 1;
77
- readonly attributes: {
78
- readonly group: "shape";
79
- };
80
- };
81
- readonly Size100: {
82
- readonly value: 2;
83
- readonly attributes: {
84
- readonly group: "shape";
85
- };
86
- };
87
- readonly Size200: {
88
- readonly value: 3;
89
- readonly attributes: {
90
- readonly group: "shape";
91
- };
92
- };
93
- };
94
-
95
- // @public (undocumented)
96
- const baseSpacingTokens: {
97
- readonly Space0: {
98
- readonly value: 0;
99
- readonly attributes: {
100
- readonly group: "spacing";
101
- };
102
- };
103
- readonly Space025: {
104
- readonly value: 2;
105
- readonly attributes: {
106
- readonly group: "spacing";
107
- };
108
- };
109
- readonly Space050: {
110
- readonly value: 4;
111
- readonly attributes: {
112
- readonly group: "spacing";
113
- };
114
- };
115
- readonly Space075: {
116
- readonly value: 6;
117
- readonly attributes: {
118
- readonly group: "spacing";
119
- };
120
- };
121
- readonly Space100: {
122
- readonly value: 8;
123
- readonly attributes: {
124
- readonly group: "spacing";
125
- };
126
- };
127
- readonly Space150: {
128
- readonly value: 12;
129
- readonly attributes: {
130
- readonly group: "spacing";
131
- };
132
- };
133
- readonly Space200: {
134
- readonly value: 16;
135
- readonly attributes: {
136
- readonly group: "spacing";
137
- };
138
- };
139
- readonly Space250: {
140
- readonly value: 20;
141
- readonly attributes: {
142
- readonly group: "spacing";
143
- };
144
- };
145
- readonly Space300: {
146
- readonly value: 24;
147
- readonly attributes: {
148
- readonly group: "spacing";
149
- };
150
- };
151
- readonly Space400: {
152
- readonly value: 32;
153
- readonly attributes: {
154
- readonly group: "spacing";
155
- };
156
- };
157
- readonly Space500: {
158
- readonly value: 40;
159
- readonly attributes: {
160
- readonly group: "spacing";
161
- };
162
- };
163
- readonly Space600: {
164
- readonly value: 48;
165
- readonly attributes: {
166
- readonly group: "spacing";
167
- };
168
- };
169
- readonly Space800: {
170
- readonly value: 64;
171
- readonly attributes: {
172
- readonly group: "spacing";
173
- };
174
- };
175
- readonly Space1000: {
176
- readonly value: 80;
177
- readonly attributes: {
178
- readonly group: "spacing";
179
- };
180
- };
181
- };
182
-
183
- // @public (undocumented)
184
- export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
185
-
186
- // @public (undocumented)
187
- type CSSTokenMap = {
188
- 'color.text': 'var(--ds-text)';
189
- 'color.text.accent.lime': 'var(--ds-text-accent-lime)';
190
- 'color.text.accent.lime.bolder': 'var(--ds-text-accent-lime-bolder)';
191
- 'color.text.accent.red': 'var(--ds-text-accent-red)';
192
- 'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
193
- 'color.text.accent.orange': 'var(--ds-text-accent-orange)';
194
- 'color.text.accent.orange.bolder': 'var(--ds-text-accent-orange-bolder)';
195
- 'color.text.accent.yellow': 'var(--ds-text-accent-yellow)';
196
- 'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)';
197
- 'color.text.accent.green': 'var(--ds-text-accent-green)';
198
- 'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)';
199
- 'color.text.accent.teal': 'var(--ds-text-accent-teal)';
200
- 'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)';
201
- 'color.text.accent.blue': 'var(--ds-text-accent-blue)';
202
- 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
203
- 'color.text.accent.purple': 'var(--ds-text-accent-purple)';
204
- 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
205
- 'color.text.accent.magenta': 'var(--ds-text-accent-magenta)';
206
- 'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)';
207
- 'color.text.accent.gray': 'var(--ds-text-accent-gray)';
208
- 'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)';
209
- 'color.text.disabled': 'var(--ds-text-disabled)';
210
- 'color.text.inverse': 'var(--ds-text-inverse)';
211
- 'color.text.selected': 'var(--ds-text-selected)';
212
- 'color.text.brand': 'var(--ds-text-brand)';
213
- 'color.text.danger': 'var(--ds-text-danger)';
214
- 'color.text.warning': 'var(--ds-text-warning)';
215
- 'color.text.warning.inverse': 'var(--ds-text-warning-inverse)';
216
- 'color.text.success': 'var(--ds-text-success)';
217
- 'color.text.discovery': 'var(--ds-text-discovery)';
218
- 'color.text.information': 'var(--ds-text-information)';
219
- 'color.text.subtlest': 'var(--ds-text-subtlest)';
220
- 'color.text.subtle': 'var(--ds-text-subtle)';
221
- 'color.link': 'var(--ds-link)';
222
- 'color.link.pressed': 'var(--ds-link-pressed)';
223
- 'color.icon': 'var(--ds-icon)';
224
- 'color.icon.accent.lime': 'var(--ds-icon-accent-lime)';
225
- 'color.icon.accent.red': 'var(--ds-icon-accent-red)';
226
- 'color.icon.accent.orange': 'var(--ds-icon-accent-orange)';
227
- 'color.icon.accent.yellow': 'var(--ds-icon-accent-yellow)';
228
- 'color.icon.accent.green': 'var(--ds-icon-accent-green)';
229
- 'color.icon.accent.teal': 'var(--ds-icon-accent-teal)';
230
- 'color.icon.accent.blue': 'var(--ds-icon-accent-blue)';
231
- 'color.icon.accent.purple': 'var(--ds-icon-accent-purple)';
232
- 'color.icon.accent.magenta': 'var(--ds-icon-accent-magenta)';
233
- 'color.icon.accent.gray': 'var(--ds-icon-accent-gray)';
234
- 'color.icon.disabled': 'var(--ds-icon-disabled)';
235
- 'color.icon.inverse': 'var(--ds-icon-inverse)';
236
- 'color.icon.selected': 'var(--ds-icon-selected)';
237
- 'color.icon.brand': 'var(--ds-icon-brand)';
238
- 'color.icon.danger': 'var(--ds-icon-danger)';
239
- 'color.icon.warning': 'var(--ds-icon-warning)';
240
- 'color.icon.warning.inverse': 'var(--ds-icon-warning-inverse)';
241
- 'color.icon.success': 'var(--ds-icon-success)';
242
- 'color.icon.discovery': 'var(--ds-icon-discovery)';
243
- 'color.icon.information': 'var(--ds-icon-information)';
244
- 'color.icon.subtle': 'var(--ds-icon-subtle)';
245
- 'color.border': 'var(--ds-border)';
246
- 'color.border.accent.lime': 'var(--ds-border-accent-lime)';
247
- 'color.border.accent.red': 'var(--ds-border-accent-red)';
248
- 'color.border.accent.orange': 'var(--ds-border-accent-orange)';
249
- 'color.border.accent.yellow': 'var(--ds-border-accent-yellow)';
250
- 'color.border.accent.green': 'var(--ds-border-accent-green)';
251
- 'color.border.accent.teal': 'var(--ds-border-accent-teal)';
252
- 'color.border.accent.blue': 'var(--ds-border-accent-blue)';
253
- 'color.border.accent.purple': 'var(--ds-border-accent-purple)';
254
- 'color.border.accent.magenta': 'var(--ds-border-accent-magenta)';
255
- 'color.border.accent.gray': 'var(--ds-border-accent-gray)';
256
- 'color.border.disabled': 'var(--ds-border-disabled)';
257
- 'color.border.focused': 'var(--ds-border-focused)';
258
- 'color.border.input': 'var(--ds-border-input)';
259
- 'color.border.inverse': 'var(--ds-border-inverse)';
260
- 'color.border.selected': 'var(--ds-border-selected)';
261
- 'color.border.brand': 'var(--ds-border-brand)';
262
- 'color.border.danger': 'var(--ds-border-danger)';
263
- 'color.border.warning': 'var(--ds-border-warning)';
264
- 'color.border.success': 'var(--ds-border-success)';
265
- 'color.border.discovery': 'var(--ds-border-discovery)';
266
- 'color.border.information': 'var(--ds-border-information)';
267
- 'color.border.bold': 'var(--ds-border-bold)';
268
- 'color.background.accent.lime.subtlest': 'var(--ds-background-accent-lime-subtlest)';
269
- 'color.background.accent.lime.subtler': 'var(--ds-background-accent-lime-subtler)';
270
- 'color.background.accent.lime.subtle': 'var(--ds-background-accent-lime-subtle)';
271
- 'color.background.accent.lime.bolder': 'var(--ds-background-accent-lime-bolder)';
272
- 'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
273
- 'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
274
- 'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
275
- 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
276
- 'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
277
- 'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
278
- 'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
279
- 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
280
- 'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
281
- 'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
282
- 'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
283
- 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
284
- 'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
285
- 'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
286
- 'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
287
- 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
288
- 'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
289
- 'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
290
- 'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
291
- 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
292
- 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
293
- 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
294
- 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
295
- 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
296
- 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
297
- 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
298
- 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
299
- 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
300
- 'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
301
- 'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
302
- 'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
303
- 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
304
- 'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)';
305
- 'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)';
306
- 'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)';
307
- 'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)';
308
- 'color.background.disabled': 'var(--ds-background-disabled)';
309
- 'color.background.input': 'var(--ds-background-input)';
310
- 'color.background.input.hovered': 'var(--ds-background-input-hovered)';
311
- 'color.background.input.pressed': 'var(--ds-background-input-pressed)';
312
- 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
313
- 'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
314
- 'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
315
- 'color.background.neutral': 'var(--ds-background-neutral)';
316
- 'color.background.neutral.hovered': 'var(--ds-background-neutral-hovered)';
317
- 'color.background.neutral.pressed': 'var(--ds-background-neutral-pressed)';
318
- 'color.background.neutral.subtle': 'var(--ds-background-neutral-subtle)';
319
- 'color.background.neutral.subtle.hovered': 'var(--ds-background-neutral-subtle-hovered)';
320
- 'color.background.neutral.subtle.pressed': 'var(--ds-background-neutral-subtle-pressed)';
321
- 'color.background.neutral.bold': 'var(--ds-background-neutral-bold)';
322
- 'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)';
323
- 'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)';
324
- 'color.background.selected': 'var(--ds-background-selected)';
325
- 'color.background.selected.hovered': 'var(--ds-background-selected-hovered)';
326
- 'color.background.selected.pressed': 'var(--ds-background-selected-pressed)';
327
- 'color.background.selected.bold': 'var(--ds-background-selected-bold)';
328
- 'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)';
329
- 'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)';
330
- 'color.background.brand.bold': 'var(--ds-background-brand-bold)';
331
- 'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
332
- 'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
333
- 'color.background.danger': 'var(--ds-background-danger)';
334
- 'color.background.danger.hovered': 'var(--ds-background-danger-hovered)';
335
- 'color.background.danger.pressed': 'var(--ds-background-danger-pressed)';
336
- 'color.background.danger.bold': 'var(--ds-background-danger-bold)';
337
- 'color.background.danger.bold.hovered': 'var(--ds-background-danger-bold-hovered)';
338
- 'color.background.danger.bold.pressed': 'var(--ds-background-danger-bold-pressed)';
339
- 'color.background.warning': 'var(--ds-background-warning)';
340
- 'color.background.warning.hovered': 'var(--ds-background-warning-hovered)';
341
- 'color.background.warning.pressed': 'var(--ds-background-warning-pressed)';
342
- 'color.background.warning.bold': 'var(--ds-background-warning-bold)';
343
- 'color.background.warning.bold.hovered': 'var(--ds-background-warning-bold-hovered)';
344
- 'color.background.warning.bold.pressed': 'var(--ds-background-warning-bold-pressed)';
345
- 'color.background.success': 'var(--ds-background-success)';
346
- 'color.background.success.hovered': 'var(--ds-background-success-hovered)';
347
- 'color.background.success.pressed': 'var(--ds-background-success-pressed)';
348
- 'color.background.success.bold': 'var(--ds-background-success-bold)';
349
- 'color.background.success.bold.hovered': 'var(--ds-background-success-bold-hovered)';
350
- 'color.background.success.bold.pressed': 'var(--ds-background-success-bold-pressed)';
351
- 'color.background.discovery': 'var(--ds-background-discovery)';
352
- 'color.background.discovery.hovered': 'var(--ds-background-discovery-hovered)';
353
- 'color.background.discovery.pressed': 'var(--ds-background-discovery-pressed)';
354
- 'color.background.discovery.bold': 'var(--ds-background-discovery-bold)';
355
- 'color.background.discovery.bold.hovered': 'var(--ds-background-discovery-bold-hovered)';
356
- 'color.background.discovery.bold.pressed': 'var(--ds-background-discovery-bold-pressed)';
357
- 'color.background.information': 'var(--ds-background-information)';
358
- 'color.background.information.hovered': 'var(--ds-background-information-hovered)';
359
- 'color.background.information.pressed': 'var(--ds-background-information-pressed)';
360
- 'color.background.information.bold': 'var(--ds-background-information-bold)';
361
- 'color.background.information.bold.hovered': 'var(--ds-background-information-bold-hovered)';
362
- 'color.background.information.bold.pressed': 'var(--ds-background-information-bold-pressed)';
363
- 'color.blanket': 'var(--ds-blanket)';
364
- 'color.blanket.selected': 'var(--ds-blanket-selected)';
365
- 'color.blanket.danger': 'var(--ds-blanket-danger)';
366
- 'color.interaction.hovered': 'var(--ds-interaction-hovered)';
367
- 'color.interaction.pressed': 'var(--ds-interaction-pressed)';
368
- 'color.skeleton': 'var(--ds-skeleton)';
369
- 'color.skeleton.subtle': 'var(--ds-skeleton-subtle)';
370
- 'color.chart.categorical.1': 'var(--ds-chart-categorical-1)';
371
- 'color.chart.categorical.1.hovered': 'var(--ds-chart-categorical-1-hovered)';
372
- 'color.chart.categorical.2': 'var(--ds-chart-categorical-2)';
373
- 'color.chart.categorical.2.hovered': 'var(--ds-chart-categorical-2-hovered)';
374
- 'color.chart.categorical.3': 'var(--ds-chart-categorical-3)';
375
- 'color.chart.categorical.3.hovered': 'var(--ds-chart-categorical-3-hovered)';
376
- 'color.chart.categorical.4': 'var(--ds-chart-categorical-4)';
377
- 'color.chart.categorical.4.hovered': 'var(--ds-chart-categorical-4-hovered)';
378
- 'color.chart.categorical.5': 'var(--ds-chart-categorical-5)';
379
- 'color.chart.categorical.5.hovered': 'var(--ds-chart-categorical-5-hovered)';
380
- 'color.chart.categorical.6': 'var(--ds-chart-categorical-6)';
381
- 'color.chart.categorical.6.hovered': 'var(--ds-chart-categorical-6-hovered)';
382
- 'color.chart.categorical.7': 'var(--ds-chart-categorical-7)';
383
- 'color.chart.categorical.7.hovered': 'var(--ds-chart-categorical-7-hovered)';
384
- 'color.chart.categorical.8': 'var(--ds-chart-categorical-8)';
385
- 'color.chart.categorical.8.hovered': 'var(--ds-chart-categorical-8-hovered)';
386
- 'color.chart.lime.bold': 'var(--ds-chart-lime-bold)';
387
- 'color.chart.lime.bold.hovered': 'var(--ds-chart-lime-bold-hovered)';
388
- 'color.chart.lime.bolder': 'var(--ds-chart-lime-bolder)';
389
- 'color.chart.lime.bolder.hovered': 'var(--ds-chart-lime-bolder-hovered)';
390
- 'color.chart.lime.boldest': 'var(--ds-chart-lime-boldest)';
391
- 'color.chart.lime.boldest.hovered': 'var(--ds-chart-lime-boldest-hovered)';
392
- 'color.chart.neutral': 'var(--ds-chart-neutral)';
393
- 'color.chart.neutral.hovered': 'var(--ds-chart-neutral-hovered)';
394
- 'color.chart.red.bold': 'var(--ds-chart-red-bold)';
395
- 'color.chart.red.bold.hovered': 'var(--ds-chart-red-bold-hovered)';
396
- 'color.chart.red.bolder': 'var(--ds-chart-red-bolder)';
397
- 'color.chart.red.bolder.hovered': 'var(--ds-chart-red-bolder-hovered)';
398
- 'color.chart.red.boldest': 'var(--ds-chart-red-boldest)';
399
- 'color.chart.red.boldest.hovered': 'var(--ds-chart-red-boldest-hovered)';
400
- 'color.chart.orange.bold': 'var(--ds-chart-orange-bold)';
401
- 'color.chart.orange.bold.hovered': 'var(--ds-chart-orange-bold-hovered)';
402
- 'color.chart.orange.bolder': 'var(--ds-chart-orange-bolder)';
403
- 'color.chart.orange.bolder.hovered': 'var(--ds-chart-orange-bolder-hovered)';
404
- 'color.chart.orange.boldest': 'var(--ds-chart-orange-boldest)';
405
- 'color.chart.orange.boldest.hovered': 'var(--ds-chart-orange-boldest-hovered)';
406
- 'color.chart.yellow.bold': 'var(--ds-chart-yellow-bold)';
407
- 'color.chart.yellow.bold.hovered': 'var(--ds-chart-yellow-bold-hovered)';
408
- 'color.chart.yellow.bolder': 'var(--ds-chart-yellow-bolder)';
409
- 'color.chart.yellow.bolder.hovered': 'var(--ds-chart-yellow-bolder-hovered)';
410
- 'color.chart.yellow.boldest': 'var(--ds-chart-yellow-boldest)';
411
- 'color.chart.yellow.boldest.hovered': 'var(--ds-chart-yellow-boldest-hovered)';
412
- 'color.chart.green.bold': 'var(--ds-chart-green-bold)';
413
- 'color.chart.green.bold.hovered': 'var(--ds-chart-green-bold-hovered)';
414
- 'color.chart.green.bolder': 'var(--ds-chart-green-bolder)';
415
- 'color.chart.green.bolder.hovered': 'var(--ds-chart-green-bolder-hovered)';
416
- 'color.chart.green.boldest': 'var(--ds-chart-green-boldest)';
417
- 'color.chart.green.boldest.hovered': 'var(--ds-chart-green-boldest-hovered)';
418
- 'color.chart.teal.bold': 'var(--ds-chart-teal-bold)';
419
- 'color.chart.teal.bold.hovered': 'var(--ds-chart-teal-bold-hovered)';
420
- 'color.chart.teal.bolder': 'var(--ds-chart-teal-bolder)';
421
- 'color.chart.teal.bolder.hovered': 'var(--ds-chart-teal-bolder-hovered)';
422
- 'color.chart.teal.boldest': 'var(--ds-chart-teal-boldest)';
423
- 'color.chart.teal.boldest.hovered': 'var(--ds-chart-teal-boldest-hovered)';
424
- 'color.chart.blue.bold': 'var(--ds-chart-blue-bold)';
425
- 'color.chart.blue.bold.hovered': 'var(--ds-chart-blue-bold-hovered)';
426
- 'color.chart.blue.bolder': 'var(--ds-chart-blue-bolder)';
427
- 'color.chart.blue.bolder.hovered': 'var(--ds-chart-blue-bolder-hovered)';
428
- 'color.chart.blue.boldest': 'var(--ds-chart-blue-boldest)';
429
- 'color.chart.blue.boldest.hovered': 'var(--ds-chart-blue-boldest-hovered)';
430
- 'color.chart.purple.bold': 'var(--ds-chart-purple-bold)';
431
- 'color.chart.purple.bold.hovered': 'var(--ds-chart-purple-bold-hovered)';
432
- 'color.chart.purple.bolder': 'var(--ds-chart-purple-bolder)';
433
- 'color.chart.purple.bolder.hovered': 'var(--ds-chart-purple-bolder-hovered)';
434
- 'color.chart.purple.boldest': 'var(--ds-chart-purple-boldest)';
435
- 'color.chart.purple.boldest.hovered': 'var(--ds-chart-purple-boldest-hovered)';
436
- 'color.chart.magenta.bold': 'var(--ds-chart-magenta-bold)';
437
- 'color.chart.magenta.bold.hovered': 'var(--ds-chart-magenta-bold-hovered)';
438
- 'color.chart.magenta.bolder': 'var(--ds-chart-magenta-bolder)';
439
- 'color.chart.magenta.bolder.hovered': 'var(--ds-chart-magenta-bolder-hovered)';
440
- 'color.chart.magenta.boldest': 'var(--ds-chart-magenta-boldest)';
441
- 'color.chart.magenta.boldest.hovered': 'var(--ds-chart-magenta-boldest-hovered)';
442
- 'color.chart.gray.bold': 'var(--ds-chart-gray-bold)';
443
- 'color.chart.gray.bold.hovered': 'var(--ds-chart-gray-bold-hovered)';
444
- 'color.chart.gray.bolder': 'var(--ds-chart-gray-bolder)';
445
- 'color.chart.gray.bolder.hovered': 'var(--ds-chart-gray-bolder-hovered)';
446
- 'color.chart.gray.boldest': 'var(--ds-chart-gray-boldest)';
447
- 'color.chart.gray.boldest.hovered': 'var(--ds-chart-gray-boldest-hovered)';
448
- 'color.chart.brand': 'var(--ds-chart-brand)';
449
- 'color.chart.brand.hovered': 'var(--ds-chart-brand-hovered)';
450
- 'color.chart.danger': 'var(--ds-chart-danger)';
451
- 'color.chart.danger.hovered': 'var(--ds-chart-danger-hovered)';
452
- 'color.chart.danger.bold': 'var(--ds-chart-danger-bold)';
453
- 'color.chart.danger.bold.hovered': 'var(--ds-chart-danger-bold-hovered)';
454
- 'color.chart.warning': 'var(--ds-chart-warning)';
455
- 'color.chart.warning.hovered': 'var(--ds-chart-warning-hovered)';
456
- 'color.chart.warning.bold': 'var(--ds-chart-warning-bold)';
457
- 'color.chart.warning.bold.hovered': 'var(--ds-chart-warning-bold-hovered)';
458
- 'color.chart.success': 'var(--ds-chart-success)';
459
- 'color.chart.success.hovered': 'var(--ds-chart-success-hovered)';
460
- 'color.chart.success.bold': 'var(--ds-chart-success-bold)';
461
- 'color.chart.success.bold.hovered': 'var(--ds-chart-success-bold-hovered)';
462
- 'color.chart.discovery': 'var(--ds-chart-discovery)';
463
- 'color.chart.discovery.hovered': 'var(--ds-chart-discovery-hovered)';
464
- 'color.chart.discovery.bold': 'var(--ds-chart-discovery-bold)';
465
- 'color.chart.discovery.bold.hovered': 'var(--ds-chart-discovery-bold-hovered)';
466
- 'color.chart.information': 'var(--ds-chart-information)';
467
- 'color.chart.information.hovered': 'var(--ds-chart-information-hovered)';
468
- 'color.chart.information.bold': 'var(--ds-chart-information-bold)';
469
- 'color.chart.information.bold.hovered': 'var(--ds-chart-information-bold-hovered)';
470
- 'elevation.surface': 'var(--ds-surface)';
471
- 'elevation.surface.hovered': 'var(--ds-surface-hovered)';
472
- 'elevation.surface.pressed': 'var(--ds-surface-pressed)';
473
- 'elevation.surface.overlay': 'var(--ds-surface-overlay)';
474
- 'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)';
475
- 'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)';
476
- 'elevation.surface.raised': 'var(--ds-surface-raised)';
477
- 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
478
- 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
479
- 'elevation.surface.sunken': 'var(--ds-surface-sunken)';
480
- 'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
481
- 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
482
- 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
483
- 'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
484
- 'elevation.shadow.raised': 'var(--ds-shadow-raised)';
485
- 'opacity.disabled': 'var(--ds-opacity-disabled)';
486
- 'opacity.loading': 'var(--ds-opacity-loading)';
487
- 'utility.UNSAFE.transparent': 'var(--ds-UNSAFE-transparent)';
488
- 'border.radius.050': 'var(--ds-border-radius-050)';
489
- 'border.radius': 'var(--ds-border-radius)';
490
- 'border.radius.100': 'var(--ds-border-radius-100)';
491
- 'border.radius.200': 'var(--ds-border-radius-200)';
492
- 'border.radius.300': 'var(--ds-border-radius-300)';
493
- 'border.radius.400': 'var(--ds-border-radius-400)';
494
- 'border.radius.circle': 'var(--ds-border-radius-circle)';
495
- 'border.width': 'var(--ds-border-width)';
496
- 'border.width.0': 'var(--ds-border-width-0)';
497
- 'border.width.indicator': 'var(--ds-border-width-indicator)';
498
- 'border.width.outline': 'var(--ds-border-width-outline)';
499
- 'space.0': 'var(--ds-space-0)';
500
- 'space.025': 'var(--ds-space-025)';
501
- 'space.050': 'var(--ds-space-050)';
502
- 'space.075': 'var(--ds-space-075)';
503
- 'space.100': 'var(--ds-space-100)';
504
- 'space.150': 'var(--ds-space-150)';
505
- 'space.200': 'var(--ds-space-200)';
506
- 'space.250': 'var(--ds-space-250)';
507
- 'space.300': 'var(--ds-space-300)';
508
- 'space.400': 'var(--ds-space-400)';
509
- 'space.500': 'var(--ds-space-500)';
510
- 'space.600': 'var(--ds-space-600)';
511
- 'space.800': 'var(--ds-space-800)';
512
- 'space.1000': 'var(--ds-space-1000)';
513
- 'font.family.monospace': 'var(--ds-font-family-monospace)';
514
- 'font.family.sans': 'var(--ds-font-family-sans)';
515
- 'font.size.050': 'var(--ds-font-size-050)';
516
- 'font.size.075': 'var(--ds-font-size-075)';
517
- 'font.size.100': 'var(--ds-font-size-100)';
518
- 'font.size.200': 'var(--ds-font-size-200)';
519
- 'font.size.300': 'var(--ds-font-size-300)';
520
- 'font.size.400': 'var(--ds-font-size-400)';
521
- 'font.size.500': 'var(--ds-font-size-500)';
522
- 'font.size.600': 'var(--ds-font-size-600)';
523
- 'font.weight.bold': 'var(--ds-font-weight-bold)';
524
- 'font.weight.medium': 'var(--ds-font-weight-medium)';
525
- 'font.weight.regular': 'var(--ds-font-weight-regular)';
526
- 'font.weight.semibold': 'var(--ds-font-weight-semibold)';
527
- 'font.lineHeight.100': 'var(--ds-font-lineHeight-100)';
528
- 'font.lineHeight.200': 'var(--ds-font-lineHeight-200)';
529
- 'font.lineHeight.300': 'var(--ds-font-lineHeight-300)';
530
- 'font.lineHeight.400': 'var(--ds-font-lineHeight-400)';
531
- 'font.lineHeight.500': 'var(--ds-font-lineHeight-500)';
532
- 'font.lineHeight.600': 'var(--ds-font-lineHeight-600)';
533
- };
534
-
535
- // @public (undocumented)
536
- type DataColorModes = Exclude<ThemeColorModes, 'auto'>;
537
-
538
- // @public (undocumented)
539
- type DeletedTokenState = 'deleted';
540
-
541
- // @public (undocumented)
542
- type DeprecatedTokenState = 'deprecated';
543
-
544
- // @public
545
- interface DesignToken<TValue, Group extends Groups> extends Token<TValue, Group> {
546
- // (undocumented)
547
- attributes: {
548
- state: ActiveTokenState;
549
- group: Group;
550
- description: string;
551
- introduced: string;
552
- suggest?: string[];
553
- } | {
554
- state: DeletedTokenState;
555
- group: Group;
556
- description: string;
557
- introduced: string;
558
- deprecated: string;
559
- deleted: string;
560
- replacement?: Replacement;
561
- } | {
562
- state: DeprecatedTokenState;
563
- group: Group;
564
- description: string;
565
- introduced: string;
566
- deprecated: string;
567
- replacement?: Replacement;
568
- } | {
569
- state: ExperimentalTokenState;
570
- group: Group;
571
- description: string;
572
- introduced: string;
573
- replacement?: ExperimentalReplacement;
574
- suggest?: string[];
575
- };
576
- }
577
-
578
- // @public (undocumented)
579
- type ExperimentalReplacement = InternalTokenIds | InternalTokenIds[] | string;
580
-
581
- // @public (undocumented)
582
- type ExperimentalTokenState = 'experimental';
583
-
584
- // @public
585
- type ExtensionThemeId = ThemeIds;
586
-
587
- // @public (undocumented)
588
- export const getGlobalTheme: () => Partial<ActiveThemeState>;
589
-
590
- // @public
591
- export const getSSRAutoScript: (colorMode: ThemeState['colorMode']) => string | undefined;
592
-
593
- // @public
594
- export const getThemeHtmlAttrs: ({ colorMode, dark, light, shape, spacing, typography, }?: Partial<ThemeState>) => Record<string, string>;
595
-
596
- // @public
597
- export const getThemeStyles: (preferences?: 'all' | Partial<ThemeState>) => Promise<ThemeStyles[]>;
598
-
599
- // @public
600
- export function getTokenValue<T extends keyof Tokens_2>(tokenId: T, fallback?: string): string;
601
-
602
- // @public (undocumented)
603
- export type Groups = 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight' | 'opacity' | 'paint' | 'palette' | 'raw' | 'shadow' | 'shape' | 'spacing' | 'typography';
604
-
605
- // @public
606
- type InternalTokenIds = 'border.radius.050' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.[default]' | 'border.radius.circle' | 'border.width.[default]' | 'border.width.indicator' | 'border.width.outline' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtlest' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtlest' | 'color.background.accent.green.bolder' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtlest' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtlest' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtlest' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtlest' | 'color.background.accent.red.bolder' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtlest' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtlest' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtlest' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.disabled' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.danger' | 'color.blanket.selected' | 'color.border.[default]' | 'color.border.accent.blue' | 'color.border.accent.gray' | 'color.border.accent.green' | 'color.border.accent.lime' | 'color.border.accent.magenta' | 'color.border.accent.orange' | 'color.border.accent.purple' | 'color.border.accent.red' | 'color.border.accent.teal' | 'color.border.accent.yellow' | 'color.border.bold' | 'color.border.brand' | 'color.border.danger' | 'color.border.disabled' | 'color.border.discovery' | 'color.border.focused' | 'color.border.information' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.success' | 'color.border.warning' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'color.chart.lime.bold.[default]' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder.[default]' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest.[default]' | 'color.chart.lime.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.icon.[default]' | 'color.icon.accent.blue' | 'color.icon.accent.gray' | 'color.icon.accent.green' | 'color.icon.accent.lime' | 'color.icon.accent.magenta' | 'color.icon.accent.orange' | 'color.icon.accent.purple' | 'color.icon.accent.red' | 'color.icon.accent.teal' | 'color.icon.accent.yellow' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.disabled' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.subtle' | 'color.icon.success' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.link.[default]' | 'color.link.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.text.[default]' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.brand' | 'color.text.danger' | 'color.text.disabled' | 'color.text.discovery' | 'color.text.information' | 'color.text.inverse' | 'color.text.selected' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.success' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'font.family.monospace' | 'font.family.sans' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600' | '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' | 'opacity.disabled' | 'opacity.loading' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'utility.UNSAFE.transparent';
607
-
608
- // @public (undocumented)
609
- export type OpacityToken = DesignToken<string, 'opacity'>;
610
-
611
- // @public (undocumented)
612
- export type PaintToken<BaseToken> = DesignToken<BaseToken, 'paint'>;
613
-
614
- // @public
615
- type Palettes = 'defaultPalette' | 'legacyPalette' | 'shapePalette' | 'spacingScale' | 'typographyPalette';
616
-
617
- // @public (undocumented)
618
- export type RawToken = DesignToken<string, 'raw'>;
619
-
620
- // @public (undocumented)
621
- type Replacement = InternalTokenIds | InternalTokenIds[];
622
-
623
- // @public
624
- export const setGlobalTheme: ({ colorMode, dark, light, shape, spacing, typography, }?: Partial<ThemeState>, themeLoader?: ((id: ThemeIdsWithOverrides) => Promise<void> | void) | undefined) => Promise<UnbindFn>;
625
-
626
- // @public (undocumented)
627
- export type ShadowToken<BaseToken> = DesignToken<Array<{
628
- color: BaseToken;
629
- opacity: number;
630
- offset: {
631
- x: number;
632
- y: number;
633
- };
634
- radius: number;
635
- spread?: number;
636
- inset?: boolean;
637
- }>, 'shadow'>;
638
-
639
- // @public
640
- type ShapePaletteToken = BaseRadiusToken | BaseSizeToken;
641
-
642
- // @public (undocumented)
643
- export type ShapeToken = DesignToken<ShapePaletteToken, 'shape'>;
644
-
645
- // @public
646
- type SpacingPaletteToken = keyof typeof baseSpacingTokens;
647
-
648
- // @public (undocumented)
649
- export type SpacingToken = DesignToken<SpacingPaletteToken, 'spacing'>;
650
-
651
- // @public (undocumented)
652
- export type ThemeColorModes = (typeof themeColorModes)[number];
653
-
654
- // @public
655
- const themeColorModes: readonly ["light", "dark", "auto"];
656
-
657
- // @public
658
- interface ThemeConfig {
659
- // (undocumented)
660
- attributes: ({
661
- type: 'color';
662
- mode: DataColorModes;
663
- } | {
664
- type: Extract<ThemeKinds, 'shape' | 'spacing' | 'typography'>;
665
- }) & {
666
- extends?: ExtensionThemeId;
667
- };
668
- // (undocumented)
669
- displayName: string;
670
- // (undocumented)
671
- id: ThemeIds | ThemeOverrideIds;
672
- // (undocumented)
673
- override?: ThemeIds;
674
- // (undocumented)
675
- palette: Palettes;
676
- }
677
-
678
- // @public (undocumented)
679
- export const themeConfig: Record<ThemeOverrides | Themes, ThemeConfig>;
680
-
681
- // @public (undocumented)
682
- export type ThemeIds = (typeof themeIds)[number];
683
-
684
- // @public
685
- const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape"];
686
-
687
- // @public (undocumented)
688
- type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
689
-
690
- // @public (undocumented)
691
- const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "light-new-input-border", "dark-new-input-border"];
692
-
693
- // @public
694
- type ThemeKinds = 'color' | 'shape' | 'spacing' | 'typography';
695
-
696
- // @public
697
- export class ThemeMutationObserver {
698
- constructor(callback: (theme: Partial<ActiveThemeState>) => unknown);
699
- // (undocumented)
700
- disconnect(): void;
701
- // (undocumented)
702
- mediaObserver: any;
703
- // (undocumented)
704
- observe(): void;
705
- // (undocumented)
706
- observer: MutationObserver | null;
707
- }
708
-
709
- // @public
710
- export const themeObjectToString: (themeState: Partial<ThemeState>) => string;
711
-
712
- // @public (undocumented)
713
- type ThemeOverrideIds = (typeof themeOverrideIds)[number];
714
-
715
- // @public
716
- const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-border"];
717
-
718
- // @public
719
- type ThemeOverrides = 'atlassian-dark-new-input-border' | 'atlassian-light-new-input-border';
720
-
721
- // @public
722
- export type Themes = 'atlassian-dark' | 'atlassian-legacy-dark' | 'atlassian-legacy-light' | 'atlassian-light' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography';
723
-
724
- // @public (undocumented)
725
- export interface ThemeState {
726
- // (undocumented)
727
- colorMode: ThemeColorModes;
728
- // (undocumented)
729
- dark: Extract<ThemeIds, 'dark' | 'legacy-dark' | 'legacy-light' | 'light'>;
730
- // (undocumented)
731
- light: Extract<ThemeIds, 'dark' | 'legacy-dark' | 'legacy-light' | 'light'>;
732
- // (undocumented)
733
- shape?: Extract<ThemeIds, 'shape'>;
734
- // (undocumented)
735
- spacing?: Extract<ThemeIds, 'spacing'>;
736
- // (undocumented)
737
- typography?: Extract<ThemeIds, 'typography'>;
738
- }
739
-
740
- // @public
741
- export const themeStringToObject: (themeState: string) => Partial<ThemeState>;
742
-
743
- // @public (undocumented)
744
- interface ThemeStyles {
745
- // (undocumented)
746
- attrs: Record<string, string>;
747
- // (undocumented)
748
- css: string;
749
- // (undocumented)
750
- id: ThemeIdsWithOverrides;
751
- }
752
-
753
- // @public (undocumented)
754
- interface Token<TValue, Group extends Groups> {
755
- // (undocumented)
756
- attributes: {
757
- group: Group;
758
- description?: string;
759
- state?: TokenState;
760
- replacement?: ExperimentalReplacement | Replacement;
761
- };
762
- // (undocumented)
763
- value: TValue;
764
- }
765
-
766
- // @public
767
- export function token<T extends keyof Tokens>(path: T, fallback?: string): CSSTokenMap[T];
768
-
769
- // @public (undocumented)
770
- type Tokens = typeof tokens;
771
-
772
- // @public
773
- const tokens: {
774
- readonly 'color.text': "--ds-text";
775
- readonly 'color.text.accent.lime': "--ds-text-accent-lime";
776
- readonly 'color.text.accent.lime.bolder': "--ds-text-accent-lime-bolder";
777
- readonly 'color.text.accent.red': "--ds-text-accent-red";
778
- readonly 'color.text.accent.red.bolder': "--ds-text-accent-red-bolder";
779
- readonly 'color.text.accent.orange': "--ds-text-accent-orange";
780
- readonly 'color.text.accent.orange.bolder': "--ds-text-accent-orange-bolder";
781
- readonly 'color.text.accent.yellow': "--ds-text-accent-yellow";
782
- readonly 'color.text.accent.yellow.bolder': "--ds-text-accent-yellow-bolder";
783
- readonly 'color.text.accent.green': "--ds-text-accent-green";
784
- readonly 'color.text.accent.green.bolder': "--ds-text-accent-green-bolder";
785
- readonly 'color.text.accent.teal': "--ds-text-accent-teal";
786
- readonly 'color.text.accent.teal.bolder': "--ds-text-accent-teal-bolder";
787
- readonly 'color.text.accent.blue': "--ds-text-accent-blue";
788
- readonly 'color.text.accent.blue.bolder': "--ds-text-accent-blue-bolder";
789
- readonly 'color.text.accent.purple': "--ds-text-accent-purple";
790
- readonly 'color.text.accent.purple.bolder': "--ds-text-accent-purple-bolder";
791
- readonly 'color.text.accent.magenta': "--ds-text-accent-magenta";
792
- readonly 'color.text.accent.magenta.bolder': "--ds-text-accent-magenta-bolder";
793
- readonly 'color.text.accent.gray': "--ds-text-accent-gray";
794
- readonly 'color.text.accent.gray.bolder': "--ds-text-accent-gray-bolder";
795
- readonly 'color.text.disabled': "--ds-text-disabled";
796
- readonly 'color.text.inverse': "--ds-text-inverse";
797
- readonly 'color.text.selected': "--ds-text-selected";
798
- readonly 'color.text.brand': "--ds-text-brand";
799
- readonly 'color.text.danger': "--ds-text-danger";
800
- readonly 'color.text.warning': "--ds-text-warning";
801
- readonly 'color.text.warning.inverse': "--ds-text-warning-inverse";
802
- readonly 'color.text.success': "--ds-text-success";
803
- readonly 'color.text.discovery': "--ds-text-discovery";
804
- readonly 'color.text.information': "--ds-text-information";
805
- readonly 'color.text.subtlest': "--ds-text-subtlest";
806
- readonly 'color.text.subtle': "--ds-text-subtle";
807
- readonly 'color.link': "--ds-link";
808
- readonly 'color.link.pressed': "--ds-link-pressed";
809
- readonly 'color.icon': "--ds-icon";
810
- readonly 'color.icon.accent.lime': "--ds-icon-accent-lime";
811
- readonly 'color.icon.accent.red': "--ds-icon-accent-red";
812
- readonly 'color.icon.accent.orange': "--ds-icon-accent-orange";
813
- readonly 'color.icon.accent.yellow': "--ds-icon-accent-yellow";
814
- readonly 'color.icon.accent.green': "--ds-icon-accent-green";
815
- readonly 'color.icon.accent.teal': "--ds-icon-accent-teal";
816
- readonly 'color.icon.accent.blue': "--ds-icon-accent-blue";
817
- readonly 'color.icon.accent.purple': "--ds-icon-accent-purple";
818
- readonly 'color.icon.accent.magenta': "--ds-icon-accent-magenta";
819
- readonly 'color.icon.accent.gray': "--ds-icon-accent-gray";
820
- readonly 'color.icon.disabled': "--ds-icon-disabled";
821
- readonly 'color.icon.inverse': "--ds-icon-inverse";
822
- readonly 'color.icon.selected': "--ds-icon-selected";
823
- readonly 'color.icon.brand': "--ds-icon-brand";
824
- readonly 'color.icon.danger': "--ds-icon-danger";
825
- readonly 'color.icon.warning': "--ds-icon-warning";
826
- readonly 'color.icon.warning.inverse': "--ds-icon-warning-inverse";
827
- readonly 'color.icon.success': "--ds-icon-success";
828
- readonly 'color.icon.discovery': "--ds-icon-discovery";
829
- readonly 'color.icon.information': "--ds-icon-information";
830
- readonly 'color.icon.subtle': "--ds-icon-subtle";
831
- readonly 'color.border': "--ds-border";
832
- readonly 'color.border.accent.lime': "--ds-border-accent-lime";
833
- readonly 'color.border.accent.red': "--ds-border-accent-red";
834
- readonly 'color.border.accent.orange': "--ds-border-accent-orange";
835
- readonly 'color.border.accent.yellow': "--ds-border-accent-yellow";
836
- readonly 'color.border.accent.green': "--ds-border-accent-green";
837
- readonly 'color.border.accent.teal': "--ds-border-accent-teal";
838
- readonly 'color.border.accent.blue': "--ds-border-accent-blue";
839
- readonly 'color.border.accent.purple': "--ds-border-accent-purple";
840
- readonly 'color.border.accent.magenta': "--ds-border-accent-magenta";
841
- readonly 'color.border.accent.gray': "--ds-border-accent-gray";
842
- readonly 'color.border.disabled': "--ds-border-disabled";
843
- readonly 'color.border.focused': "--ds-border-focused";
844
- readonly 'color.border.input': "--ds-border-input";
845
- readonly 'color.border.inverse': "--ds-border-inverse";
846
- readonly 'color.border.selected': "--ds-border-selected";
847
- readonly 'color.border.brand': "--ds-border-brand";
848
- readonly 'color.border.danger': "--ds-border-danger";
849
- readonly 'color.border.warning': "--ds-border-warning";
850
- readonly 'color.border.success': "--ds-border-success";
851
- readonly 'color.border.discovery': "--ds-border-discovery";
852
- readonly 'color.border.information': "--ds-border-information";
853
- readonly 'color.border.bold': "--ds-border-bold";
854
- readonly 'color.background.accent.lime.subtlest': "--ds-background-accent-lime-subtlest";
855
- readonly 'color.background.accent.lime.subtler': "--ds-background-accent-lime-subtler";
856
- readonly 'color.background.accent.lime.subtle': "--ds-background-accent-lime-subtle";
857
- readonly 'color.background.accent.lime.bolder': "--ds-background-accent-lime-bolder";
858
- readonly 'color.background.accent.red.subtlest': "--ds-background-accent-red-subtlest";
859
- readonly 'color.background.accent.red.subtler': "--ds-background-accent-red-subtler";
860
- readonly 'color.background.accent.red.subtle': "--ds-background-accent-red-subtle";
861
- readonly 'color.background.accent.red.bolder': "--ds-background-accent-red-bolder";
862
- readonly 'color.background.accent.orange.subtlest': "--ds-background-accent-orange-subtlest";
863
- readonly 'color.background.accent.orange.subtler': "--ds-background-accent-orange-subtler";
864
- readonly 'color.background.accent.orange.subtle': "--ds-background-accent-orange-subtle";
865
- readonly 'color.background.accent.orange.bolder': "--ds-background-accent-orange-bolder";
866
- readonly 'color.background.accent.yellow.subtlest': "--ds-background-accent-yellow-subtlest";
867
- readonly 'color.background.accent.yellow.subtler': "--ds-background-accent-yellow-subtler";
868
- readonly 'color.background.accent.yellow.subtle': "--ds-background-accent-yellow-subtle";
869
- readonly 'color.background.accent.yellow.bolder': "--ds-background-accent-yellow-bolder";
870
- readonly 'color.background.accent.green.subtlest': "--ds-background-accent-green-subtlest";
871
- readonly 'color.background.accent.green.subtler': "--ds-background-accent-green-subtler";
872
- readonly 'color.background.accent.green.subtle': "--ds-background-accent-green-subtle";
873
- readonly 'color.background.accent.green.bolder': "--ds-background-accent-green-bolder";
874
- readonly 'color.background.accent.teal.subtlest': "--ds-background-accent-teal-subtlest";
875
- readonly 'color.background.accent.teal.subtler': "--ds-background-accent-teal-subtler";
876
- readonly 'color.background.accent.teal.subtle': "--ds-background-accent-teal-subtle";
877
- readonly 'color.background.accent.teal.bolder': "--ds-background-accent-teal-bolder";
878
- readonly 'color.background.accent.blue.subtlest': "--ds-background-accent-blue-subtlest";
879
- readonly 'color.background.accent.blue.subtler': "--ds-background-accent-blue-subtler";
880
- readonly 'color.background.accent.blue.subtle': "--ds-background-accent-blue-subtle";
881
- readonly 'color.background.accent.blue.bolder': "--ds-background-accent-blue-bolder";
882
- readonly 'color.background.accent.purple.subtlest': "--ds-background-accent-purple-subtlest";
883
- readonly 'color.background.accent.purple.subtler': "--ds-background-accent-purple-subtler";
884
- readonly 'color.background.accent.purple.subtle': "--ds-background-accent-purple-subtle";
885
- readonly 'color.background.accent.purple.bolder': "--ds-background-accent-purple-bolder";
886
- readonly 'color.background.accent.magenta.subtlest': "--ds-background-accent-magenta-subtlest";
887
- readonly 'color.background.accent.magenta.subtler': "--ds-background-accent-magenta-subtler";
888
- readonly 'color.background.accent.magenta.subtle': "--ds-background-accent-magenta-subtle";
889
- readonly 'color.background.accent.magenta.bolder': "--ds-background-accent-magenta-bolder";
890
- readonly 'color.background.accent.gray.subtlest': "--ds-background-accent-gray-subtlest";
891
- readonly 'color.background.accent.gray.subtler': "--ds-background-accent-gray-subtler";
892
- readonly 'color.background.accent.gray.subtle': "--ds-background-accent-gray-subtle";
893
- readonly 'color.background.accent.gray.bolder': "--ds-background-accent-gray-bolder";
894
- readonly 'color.background.disabled': "--ds-background-disabled";
895
- readonly 'color.background.input': "--ds-background-input";
896
- readonly 'color.background.input.hovered': "--ds-background-input-hovered";
897
- readonly 'color.background.input.pressed': "--ds-background-input-pressed";
898
- readonly 'color.background.inverse.subtle': "--ds-background-inverse-subtle";
899
- readonly 'color.background.inverse.subtle.hovered': "--ds-background-inverse-subtle-hovered";
900
- readonly 'color.background.inverse.subtle.pressed': "--ds-background-inverse-subtle-pressed";
901
- readonly 'color.background.neutral': "--ds-background-neutral";
902
- readonly 'color.background.neutral.hovered': "--ds-background-neutral-hovered";
903
- readonly 'color.background.neutral.pressed': "--ds-background-neutral-pressed";
904
- readonly 'color.background.neutral.subtle': "--ds-background-neutral-subtle";
905
- readonly 'color.background.neutral.subtle.hovered': "--ds-background-neutral-subtle-hovered";
906
- readonly 'color.background.neutral.subtle.pressed': "--ds-background-neutral-subtle-pressed";
907
- readonly 'color.background.neutral.bold': "--ds-background-neutral-bold";
908
- readonly 'color.background.neutral.bold.hovered': "--ds-background-neutral-bold-hovered";
909
- readonly 'color.background.neutral.bold.pressed': "--ds-background-neutral-bold-pressed";
910
- readonly 'color.background.selected': "--ds-background-selected";
911
- readonly 'color.background.selected.hovered': "--ds-background-selected-hovered";
912
- readonly 'color.background.selected.pressed': "--ds-background-selected-pressed";
913
- readonly 'color.background.selected.bold': "--ds-background-selected-bold";
914
- readonly 'color.background.selected.bold.hovered': "--ds-background-selected-bold-hovered";
915
- readonly 'color.background.selected.bold.pressed': "--ds-background-selected-bold-pressed";
916
- readonly 'color.background.brand.bold': "--ds-background-brand-bold";
917
- readonly 'color.background.brand.bold.hovered': "--ds-background-brand-bold-hovered";
918
- readonly 'color.background.brand.bold.pressed': "--ds-background-brand-bold-pressed";
919
- readonly 'color.background.danger': "--ds-background-danger";
920
- readonly 'color.background.danger.hovered': "--ds-background-danger-hovered";
921
- readonly 'color.background.danger.pressed': "--ds-background-danger-pressed";
922
- readonly 'color.background.danger.bold': "--ds-background-danger-bold";
923
- readonly 'color.background.danger.bold.hovered': "--ds-background-danger-bold-hovered";
924
- readonly 'color.background.danger.bold.pressed': "--ds-background-danger-bold-pressed";
925
- readonly 'color.background.warning': "--ds-background-warning";
926
- readonly 'color.background.warning.hovered': "--ds-background-warning-hovered";
927
- readonly 'color.background.warning.pressed': "--ds-background-warning-pressed";
928
- readonly 'color.background.warning.bold': "--ds-background-warning-bold";
929
- readonly 'color.background.warning.bold.hovered': "--ds-background-warning-bold-hovered";
930
- readonly 'color.background.warning.bold.pressed': "--ds-background-warning-bold-pressed";
931
- readonly 'color.background.success': "--ds-background-success";
932
- readonly 'color.background.success.hovered': "--ds-background-success-hovered";
933
- readonly 'color.background.success.pressed': "--ds-background-success-pressed";
934
- readonly 'color.background.success.bold': "--ds-background-success-bold";
935
- readonly 'color.background.success.bold.hovered': "--ds-background-success-bold-hovered";
936
- readonly 'color.background.success.bold.pressed': "--ds-background-success-bold-pressed";
937
- readonly 'color.background.discovery': "--ds-background-discovery";
938
- readonly 'color.background.discovery.hovered': "--ds-background-discovery-hovered";
939
- readonly 'color.background.discovery.pressed': "--ds-background-discovery-pressed";
940
- readonly 'color.background.discovery.bold': "--ds-background-discovery-bold";
941
- readonly 'color.background.discovery.bold.hovered': "--ds-background-discovery-bold-hovered";
942
- readonly 'color.background.discovery.bold.pressed': "--ds-background-discovery-bold-pressed";
943
- readonly 'color.background.information': "--ds-background-information";
944
- readonly 'color.background.information.hovered': "--ds-background-information-hovered";
945
- readonly 'color.background.information.pressed': "--ds-background-information-pressed";
946
- readonly 'color.background.information.bold': "--ds-background-information-bold";
947
- readonly 'color.background.information.bold.hovered': "--ds-background-information-bold-hovered";
948
- readonly 'color.background.information.bold.pressed': "--ds-background-information-bold-pressed";
949
- readonly 'color.blanket': "--ds-blanket";
950
- readonly 'color.blanket.selected': "--ds-blanket-selected";
951
- readonly 'color.blanket.danger': "--ds-blanket-danger";
952
- readonly 'color.interaction.hovered': "--ds-interaction-hovered";
953
- readonly 'color.interaction.pressed': "--ds-interaction-pressed";
954
- readonly 'color.skeleton': "--ds-skeleton";
955
- readonly 'color.skeleton.subtle': "--ds-skeleton-subtle";
956
- readonly 'color.chart.categorical.1': "--ds-chart-categorical-1";
957
- readonly 'color.chart.categorical.1.hovered': "--ds-chart-categorical-1-hovered";
958
- readonly 'color.chart.categorical.2': "--ds-chart-categorical-2";
959
- readonly 'color.chart.categorical.2.hovered': "--ds-chart-categorical-2-hovered";
960
- readonly 'color.chart.categorical.3': "--ds-chart-categorical-3";
961
- readonly 'color.chart.categorical.3.hovered': "--ds-chart-categorical-3-hovered";
962
- readonly 'color.chart.categorical.4': "--ds-chart-categorical-4";
963
- readonly 'color.chart.categorical.4.hovered': "--ds-chart-categorical-4-hovered";
964
- readonly 'color.chart.categorical.5': "--ds-chart-categorical-5";
965
- readonly 'color.chart.categorical.5.hovered': "--ds-chart-categorical-5-hovered";
966
- readonly 'color.chart.categorical.6': "--ds-chart-categorical-6";
967
- readonly 'color.chart.categorical.6.hovered': "--ds-chart-categorical-6-hovered";
968
- readonly 'color.chart.categorical.7': "--ds-chart-categorical-7";
969
- readonly 'color.chart.categorical.7.hovered': "--ds-chart-categorical-7-hovered";
970
- readonly 'color.chart.categorical.8': "--ds-chart-categorical-8";
971
- readonly 'color.chart.categorical.8.hovered': "--ds-chart-categorical-8-hovered";
972
- readonly 'color.chart.lime.bold': "--ds-chart-lime-bold";
973
- readonly 'color.chart.lime.bold.hovered': "--ds-chart-lime-bold-hovered";
974
- readonly 'color.chart.lime.bolder': "--ds-chart-lime-bolder";
975
- readonly 'color.chart.lime.bolder.hovered': "--ds-chart-lime-bolder-hovered";
976
- readonly 'color.chart.lime.boldest': "--ds-chart-lime-boldest";
977
- readonly 'color.chart.lime.boldest.hovered': "--ds-chart-lime-boldest-hovered";
978
- readonly 'color.chart.neutral': "--ds-chart-neutral";
979
- readonly 'color.chart.neutral.hovered': "--ds-chart-neutral-hovered";
980
- readonly 'color.chart.red.bold': "--ds-chart-red-bold";
981
- readonly 'color.chart.red.bold.hovered': "--ds-chart-red-bold-hovered";
982
- readonly 'color.chart.red.bolder': "--ds-chart-red-bolder";
983
- readonly 'color.chart.red.bolder.hovered': "--ds-chart-red-bolder-hovered";
984
- readonly 'color.chart.red.boldest': "--ds-chart-red-boldest";
985
- readonly 'color.chart.red.boldest.hovered': "--ds-chart-red-boldest-hovered";
986
- readonly 'color.chart.orange.bold': "--ds-chart-orange-bold";
987
- readonly 'color.chart.orange.bold.hovered': "--ds-chart-orange-bold-hovered";
988
- readonly 'color.chart.orange.bolder': "--ds-chart-orange-bolder";
989
- readonly 'color.chart.orange.bolder.hovered': "--ds-chart-orange-bolder-hovered";
990
- readonly 'color.chart.orange.boldest': "--ds-chart-orange-boldest";
991
- readonly 'color.chart.orange.boldest.hovered': "--ds-chart-orange-boldest-hovered";
992
- readonly 'color.chart.yellow.bold': "--ds-chart-yellow-bold";
993
- readonly 'color.chart.yellow.bold.hovered': "--ds-chart-yellow-bold-hovered";
994
- readonly 'color.chart.yellow.bolder': "--ds-chart-yellow-bolder";
995
- readonly 'color.chart.yellow.bolder.hovered': "--ds-chart-yellow-bolder-hovered";
996
- readonly 'color.chart.yellow.boldest': "--ds-chart-yellow-boldest";
997
- readonly 'color.chart.yellow.boldest.hovered': "--ds-chart-yellow-boldest-hovered";
998
- readonly 'color.chart.green.bold': "--ds-chart-green-bold";
999
- readonly 'color.chart.green.bold.hovered': "--ds-chart-green-bold-hovered";
1000
- readonly 'color.chart.green.bolder': "--ds-chart-green-bolder";
1001
- readonly 'color.chart.green.bolder.hovered': "--ds-chart-green-bolder-hovered";
1002
- readonly 'color.chart.green.boldest': "--ds-chart-green-boldest";
1003
- readonly 'color.chart.green.boldest.hovered': "--ds-chart-green-boldest-hovered";
1004
- readonly 'color.chart.teal.bold': "--ds-chart-teal-bold";
1005
- readonly 'color.chart.teal.bold.hovered': "--ds-chart-teal-bold-hovered";
1006
- readonly 'color.chart.teal.bolder': "--ds-chart-teal-bolder";
1007
- readonly 'color.chart.teal.bolder.hovered': "--ds-chart-teal-bolder-hovered";
1008
- readonly 'color.chart.teal.boldest': "--ds-chart-teal-boldest";
1009
- readonly 'color.chart.teal.boldest.hovered': "--ds-chart-teal-boldest-hovered";
1010
- readonly 'color.chart.blue.bold': "--ds-chart-blue-bold";
1011
- readonly 'color.chart.blue.bold.hovered': "--ds-chart-blue-bold-hovered";
1012
- readonly 'color.chart.blue.bolder': "--ds-chart-blue-bolder";
1013
- readonly 'color.chart.blue.bolder.hovered': "--ds-chart-blue-bolder-hovered";
1014
- readonly 'color.chart.blue.boldest': "--ds-chart-blue-boldest";
1015
- readonly 'color.chart.blue.boldest.hovered': "--ds-chart-blue-boldest-hovered";
1016
- readonly 'color.chart.purple.bold': "--ds-chart-purple-bold";
1017
- readonly 'color.chart.purple.bold.hovered': "--ds-chart-purple-bold-hovered";
1018
- readonly 'color.chart.purple.bolder': "--ds-chart-purple-bolder";
1019
- readonly 'color.chart.purple.bolder.hovered': "--ds-chart-purple-bolder-hovered";
1020
- readonly 'color.chart.purple.boldest': "--ds-chart-purple-boldest";
1021
- readonly 'color.chart.purple.boldest.hovered': "--ds-chart-purple-boldest-hovered";
1022
- readonly 'color.chart.magenta.bold': "--ds-chart-magenta-bold";
1023
- readonly 'color.chart.magenta.bold.hovered': "--ds-chart-magenta-bold-hovered";
1024
- readonly 'color.chart.magenta.bolder': "--ds-chart-magenta-bolder";
1025
- readonly 'color.chart.magenta.bolder.hovered': "--ds-chart-magenta-bolder-hovered";
1026
- readonly 'color.chart.magenta.boldest': "--ds-chart-magenta-boldest";
1027
- readonly 'color.chart.magenta.boldest.hovered': "--ds-chart-magenta-boldest-hovered";
1028
- readonly 'color.chart.gray.bold': "--ds-chart-gray-bold";
1029
- readonly 'color.chart.gray.bold.hovered': "--ds-chart-gray-bold-hovered";
1030
- readonly 'color.chart.gray.bolder': "--ds-chart-gray-bolder";
1031
- readonly 'color.chart.gray.bolder.hovered': "--ds-chart-gray-bolder-hovered";
1032
- readonly 'color.chart.gray.boldest': "--ds-chart-gray-boldest";
1033
- readonly 'color.chart.gray.boldest.hovered': "--ds-chart-gray-boldest-hovered";
1034
- readonly 'color.chart.brand': "--ds-chart-brand";
1035
- readonly 'color.chart.brand.hovered': "--ds-chart-brand-hovered";
1036
- readonly 'color.chart.danger': "--ds-chart-danger";
1037
- readonly 'color.chart.danger.hovered': "--ds-chart-danger-hovered";
1038
- readonly 'color.chart.danger.bold': "--ds-chart-danger-bold";
1039
- readonly 'color.chart.danger.bold.hovered': "--ds-chart-danger-bold-hovered";
1040
- readonly 'color.chart.warning': "--ds-chart-warning";
1041
- readonly 'color.chart.warning.hovered': "--ds-chart-warning-hovered";
1042
- readonly 'color.chart.warning.bold': "--ds-chart-warning-bold";
1043
- readonly 'color.chart.warning.bold.hovered': "--ds-chart-warning-bold-hovered";
1044
- readonly 'color.chart.success': "--ds-chart-success";
1045
- readonly 'color.chart.success.hovered': "--ds-chart-success-hovered";
1046
- readonly 'color.chart.success.bold': "--ds-chart-success-bold";
1047
- readonly 'color.chart.success.bold.hovered': "--ds-chart-success-bold-hovered";
1048
- readonly 'color.chart.discovery': "--ds-chart-discovery";
1049
- readonly 'color.chart.discovery.hovered': "--ds-chart-discovery-hovered";
1050
- readonly 'color.chart.discovery.bold': "--ds-chart-discovery-bold";
1051
- readonly 'color.chart.discovery.bold.hovered': "--ds-chart-discovery-bold-hovered";
1052
- readonly 'color.chart.information': "--ds-chart-information";
1053
- readonly 'color.chart.information.hovered': "--ds-chart-information-hovered";
1054
- readonly 'color.chart.information.bold': "--ds-chart-information-bold";
1055
- readonly 'color.chart.information.bold.hovered': "--ds-chart-information-bold-hovered";
1056
- readonly 'elevation.surface': "--ds-surface";
1057
- readonly 'elevation.surface.hovered': "--ds-surface-hovered";
1058
- readonly 'elevation.surface.pressed': "--ds-surface-pressed";
1059
- readonly 'elevation.surface.overlay': "--ds-surface-overlay";
1060
- readonly 'elevation.surface.overlay.hovered': "--ds-surface-overlay-hovered";
1061
- readonly 'elevation.surface.overlay.pressed': "--ds-surface-overlay-pressed";
1062
- readonly 'elevation.surface.raised': "--ds-surface-raised";
1063
- readonly 'elevation.surface.raised.hovered': "--ds-surface-raised-hovered";
1064
- readonly 'elevation.surface.raised.pressed': "--ds-surface-raised-pressed";
1065
- readonly 'elevation.surface.sunken': "--ds-surface-sunken";
1066
- readonly 'elevation.shadow.overflow': "--ds-shadow-overflow";
1067
- readonly 'elevation.shadow.overflow.perimeter': "--ds-shadow-overflow-perimeter";
1068
- readonly 'elevation.shadow.overflow.spread': "--ds-shadow-overflow-spread";
1069
- readonly 'elevation.shadow.overlay': "--ds-shadow-overlay";
1070
- readonly 'elevation.shadow.raised': "--ds-shadow-raised";
1071
- readonly 'opacity.disabled': "--ds-opacity-disabled";
1072
- readonly 'opacity.loading': "--ds-opacity-loading";
1073
- readonly 'utility.UNSAFE.transparent': "--ds-UNSAFE-transparent";
1074
- readonly 'border.radius.050': "--ds-border-radius-050";
1075
- readonly 'border.radius': "--ds-border-radius";
1076
- readonly 'border.radius.100': "--ds-border-radius-100";
1077
- readonly 'border.radius.200': "--ds-border-radius-200";
1078
- readonly 'border.radius.300': "--ds-border-radius-300";
1079
- readonly 'border.radius.400': "--ds-border-radius-400";
1080
- readonly 'border.radius.circle': "--ds-border-radius-circle";
1081
- readonly 'border.width': "--ds-border-width";
1082
- readonly 'border.width.0': "--ds-border-width-0";
1083
- readonly 'border.width.indicator': "--ds-border-width-indicator";
1084
- readonly 'border.width.outline': "--ds-border-width-outline";
1085
- readonly 'space.0': "--ds-space-0";
1086
- readonly 'space.025': "--ds-space-025";
1087
- readonly 'space.050': "--ds-space-050";
1088
- readonly 'space.075': "--ds-space-075";
1089
- readonly 'space.100': "--ds-space-100";
1090
- readonly 'space.150': "--ds-space-150";
1091
- readonly 'space.200': "--ds-space-200";
1092
- readonly 'space.250': "--ds-space-250";
1093
- readonly 'space.300': "--ds-space-300";
1094
- readonly 'space.400': "--ds-space-400";
1095
- readonly 'space.500': "--ds-space-500";
1096
- readonly 'space.600': "--ds-space-600";
1097
- readonly 'space.800': "--ds-space-800";
1098
- readonly 'space.1000': "--ds-space-1000";
1099
- readonly 'font.family.monospace': "--ds-font-family-monospace";
1100
- readonly 'font.family.sans': "--ds-font-family-sans";
1101
- readonly 'font.size.050': "--ds-font-size-050";
1102
- readonly 'font.size.075': "--ds-font-size-075";
1103
- readonly 'font.size.100': "--ds-font-size-100";
1104
- readonly 'font.size.200': "--ds-font-size-200";
1105
- readonly 'font.size.300': "--ds-font-size-300";
1106
- readonly 'font.size.400': "--ds-font-size-400";
1107
- readonly 'font.size.500': "--ds-font-size-500";
1108
- readonly 'font.size.600': "--ds-font-size-600";
1109
- readonly 'font.weight.bold': "--ds-font-weight-bold";
1110
- readonly 'font.weight.medium': "--ds-font-weight-medium";
1111
- readonly 'font.weight.regular': "--ds-font-weight-regular";
1112
- readonly 'font.weight.semibold': "--ds-font-weight-semibold";
1113
- readonly 'font.lineHeight.100': "--ds-font-lineHeight-100";
1114
- readonly 'font.lineHeight.200': "--ds-font-lineHeight-200";
1115
- readonly 'font.lineHeight.300': "--ds-font-lineHeight-300";
1116
- readonly 'font.lineHeight.400': "--ds-font-lineHeight-400";
1117
- readonly 'font.lineHeight.500': "--ds-font-lineHeight-500";
1118
- readonly 'font.lineHeight.600': "--ds-font-lineHeight-600";
1119
- };
1120
-
1121
- // @public (undocumented)
1122
- type Tokens_2 = typeof tokens;
1123
-
1124
- // @public (undocumented)
1125
- type TokenState = ActiveTokenState | DeletedTokenState | DeprecatedTokenState | ExperimentalTokenState;
1126
-
1127
- // @public
1128
- export const useThemeObserver: () => Partial<ActiveThemeState>;
1129
-
1130
- // (No @packageDocumentation comment for this package)
1131
-
1132
- ```