@atlaskit/tokens 1.29.0 → 1.29.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,1322 +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
10
- interface ActiveThemeState extends ThemeState {
11
- // (undocumented)
12
- colorMode: DataColorModes;
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.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.green.bolder' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtlest' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.red.bolder' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.brand.subtlest' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.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.link.visited' | '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' | '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' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'utility.UNSAFE.textTransformUppercase' | 'utility.UNSAFE.transparent' | 'utility.elevation.surface.current';
17
-
18
- // @public (undocumented)
19
- type ActiveTokenState = 'active';
20
-
21
- // @public (undocumented)
22
- type CSSColor = HEX;
23
-
24
- // @public (undocumented)
25
- export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
26
-
27
- // @public (undocumented)
28
- type CSSTokenMap = {
29
- 'color.text': 'var(--ds-text)';
30
- 'color.text.accent.lime': 'var(--ds-text-accent-lime)';
31
- 'color.text.accent.lime.bolder': 'var(--ds-text-accent-lime-bolder)';
32
- 'color.text.accent.red': 'var(--ds-text-accent-red)';
33
- 'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
34
- 'color.text.accent.orange': 'var(--ds-text-accent-orange)';
35
- 'color.text.accent.orange.bolder': 'var(--ds-text-accent-orange-bolder)';
36
- 'color.text.accent.yellow': 'var(--ds-text-accent-yellow)';
37
- 'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)';
38
- 'color.text.accent.green': 'var(--ds-text-accent-green)';
39
- 'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)';
40
- 'color.text.accent.teal': 'var(--ds-text-accent-teal)';
41
- 'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)';
42
- 'color.text.accent.blue': 'var(--ds-text-accent-blue)';
43
- 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
44
- 'color.text.accent.purple': 'var(--ds-text-accent-purple)';
45
- 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
46
- 'color.text.accent.magenta': 'var(--ds-text-accent-magenta)';
47
- 'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)';
48
- 'color.text.accent.gray': 'var(--ds-text-accent-gray)';
49
- 'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)';
50
- 'color.text.disabled': 'var(--ds-text-disabled)';
51
- 'color.text.inverse': 'var(--ds-text-inverse)';
52
- 'color.text.selected': 'var(--ds-text-selected)';
53
- 'color.text.brand': 'var(--ds-text-brand)';
54
- 'color.text.danger': 'var(--ds-text-danger)';
55
- 'color.text.warning': 'var(--ds-text-warning)';
56
- 'color.text.warning.inverse': 'var(--ds-text-warning-inverse)';
57
- 'color.text.success': 'var(--ds-text-success)';
58
- 'color.text.discovery': 'var(--ds-text-discovery)';
59
- 'color.text.information': 'var(--ds-text-information)';
60
- 'color.text.subtlest': 'var(--ds-text-subtlest)';
61
- 'color.text.subtle': 'var(--ds-text-subtle)';
62
- 'color.link': 'var(--ds-link)';
63
- 'color.link.pressed': 'var(--ds-link-pressed)';
64
- 'color.link.visited': 'var(--ds-link-visited)';
65
- 'color.icon': 'var(--ds-icon)';
66
- 'color.icon.accent.lime': 'var(--ds-icon-accent-lime)';
67
- 'color.icon.accent.red': 'var(--ds-icon-accent-red)';
68
- 'color.icon.accent.orange': 'var(--ds-icon-accent-orange)';
69
- 'color.icon.accent.yellow': 'var(--ds-icon-accent-yellow)';
70
- 'color.icon.accent.green': 'var(--ds-icon-accent-green)';
71
- 'color.icon.accent.teal': 'var(--ds-icon-accent-teal)';
72
- 'color.icon.accent.blue': 'var(--ds-icon-accent-blue)';
73
- 'color.icon.accent.purple': 'var(--ds-icon-accent-purple)';
74
- 'color.icon.accent.magenta': 'var(--ds-icon-accent-magenta)';
75
- 'color.icon.accent.gray': 'var(--ds-icon-accent-gray)';
76
- 'color.icon.disabled': 'var(--ds-icon-disabled)';
77
- 'color.icon.inverse': 'var(--ds-icon-inverse)';
78
- 'color.icon.selected': 'var(--ds-icon-selected)';
79
- 'color.icon.brand': 'var(--ds-icon-brand)';
80
- 'color.icon.danger': 'var(--ds-icon-danger)';
81
- 'color.icon.warning': 'var(--ds-icon-warning)';
82
- 'color.icon.warning.inverse': 'var(--ds-icon-warning-inverse)';
83
- 'color.icon.success': 'var(--ds-icon-success)';
84
- 'color.icon.discovery': 'var(--ds-icon-discovery)';
85
- 'color.icon.information': 'var(--ds-icon-information)';
86
- 'color.icon.subtle': 'var(--ds-icon-subtle)';
87
- 'color.border': 'var(--ds-border)';
88
- 'color.border.accent.lime': 'var(--ds-border-accent-lime)';
89
- 'color.border.accent.red': 'var(--ds-border-accent-red)';
90
- 'color.border.accent.orange': 'var(--ds-border-accent-orange)';
91
- 'color.border.accent.yellow': 'var(--ds-border-accent-yellow)';
92
- 'color.border.accent.green': 'var(--ds-border-accent-green)';
93
- 'color.border.accent.teal': 'var(--ds-border-accent-teal)';
94
- 'color.border.accent.blue': 'var(--ds-border-accent-blue)';
95
- 'color.border.accent.purple': 'var(--ds-border-accent-purple)';
96
- 'color.border.accent.magenta': 'var(--ds-border-accent-magenta)';
97
- 'color.border.accent.gray': 'var(--ds-border-accent-gray)';
98
- 'color.border.disabled': 'var(--ds-border-disabled)';
99
- 'color.border.focused': 'var(--ds-border-focused)';
100
- 'color.border.input': 'var(--ds-border-input)';
101
- 'color.border.inverse': 'var(--ds-border-inverse)';
102
- 'color.border.selected': 'var(--ds-border-selected)';
103
- 'color.border.brand': 'var(--ds-border-brand)';
104
- 'color.border.danger': 'var(--ds-border-danger)';
105
- 'color.border.warning': 'var(--ds-border-warning)';
106
- 'color.border.success': 'var(--ds-border-success)';
107
- 'color.border.discovery': 'var(--ds-border-discovery)';
108
- 'color.border.information': 'var(--ds-border-information)';
109
- 'color.border.bold': 'var(--ds-border-bold)';
110
- 'color.background.accent.lime.subtlest': 'var(--ds-background-accent-lime-subtlest)';
111
- 'color.background.accent.lime.subtlest.hovered': 'var(--ds-background-accent-lime-subtlest-hovered)';
112
- 'color.background.accent.lime.subtlest.pressed': 'var(--ds-background-accent-lime-subtlest-pressed)';
113
- 'color.background.accent.lime.subtler': 'var(--ds-background-accent-lime-subtler)';
114
- 'color.background.accent.lime.subtler.hovered': 'var(--ds-background-accent-lime-subtler-hovered)';
115
- 'color.background.accent.lime.subtler.pressed': 'var(--ds-background-accent-lime-subtler-pressed)';
116
- 'color.background.accent.lime.subtle': 'var(--ds-background-accent-lime-subtle)';
117
- 'color.background.accent.lime.subtle.hovered': 'var(--ds-background-accent-lime-subtle-hovered)';
118
- 'color.background.accent.lime.subtle.pressed': 'var(--ds-background-accent-lime-subtle-pressed)';
119
- 'color.background.accent.lime.bolder': 'var(--ds-background-accent-lime-bolder)';
120
- 'color.background.accent.lime.bolder.hovered': 'var(--ds-background-accent-lime-bolder-hovered)';
121
- 'color.background.accent.lime.bolder.pressed': 'var(--ds-background-accent-lime-bolder-pressed)';
122
- 'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
123
- 'color.background.accent.red.subtlest.hovered': 'var(--ds-background-accent-red-subtlest-hovered)';
124
- 'color.background.accent.red.subtlest.pressed': 'var(--ds-background-accent-red-subtlest-pressed)';
125
- 'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
126
- 'color.background.accent.red.subtler.hovered': 'var(--ds-background-accent-red-subtler-hovered)';
127
- 'color.background.accent.red.subtler.pressed': 'var(--ds-background-accent-red-subtler-pressed)';
128
- 'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
129
- 'color.background.accent.red.subtle.hovered': 'var(--ds-background-accent-red-subtle-hovered)';
130
- 'color.background.accent.red.subtle.pressed': 'var(--ds-background-accent-red-subtle-pressed)';
131
- 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
132
- 'color.background.accent.red.bolder.hovered': 'var(--ds-background-accent-red-bolder-hovered)';
133
- 'color.background.accent.red.bolder.pressed': 'var(--ds-background-accent-red-bolder-pressed)';
134
- 'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
135
- 'color.background.accent.orange.subtlest.hovered': 'var(--ds-background-accent-orange-subtlest-hovered)';
136
- 'color.background.accent.orange.subtlest.pressed': 'var(--ds-background-accent-orange-subtlest-pressed)';
137
- 'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
138
- 'color.background.accent.orange.subtler.hovered': 'var(--ds-background-accent-orange-subtler-hovered)';
139
- 'color.background.accent.orange.subtler.pressed': 'var(--ds-background-accent-orange-subtler-pressed)';
140
- 'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
141
- 'color.background.accent.orange.subtle.hovered': 'var(--ds-background-accent-orange-subtle-hovered)';
142
- 'color.background.accent.orange.subtle.pressed': 'var(--ds-background-accent-orange-subtle-pressed)';
143
- 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
144
- 'color.background.accent.orange.bolder.hovered': 'var(--ds-background-accent-orange-bolder-hovered)';
145
- 'color.background.accent.orange.bolder.pressed': 'var(--ds-background-accent-orange-bolder-pressed)';
146
- 'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
147
- 'color.background.accent.yellow.subtlest.hovered': 'var(--ds-background-accent-yellow-subtlest-hovered)';
148
- 'color.background.accent.yellow.subtlest.pressed': 'var(--ds-background-accent-yellow-subtlest-pressed)';
149
- 'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
150
- 'color.background.accent.yellow.subtler.hovered': 'var(--ds-background-accent-yellow-subtler-hovered)';
151
- 'color.background.accent.yellow.subtler.pressed': 'var(--ds-background-accent-yellow-subtler-pressed)';
152
- 'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
153
- 'color.background.accent.yellow.subtle.hovered': 'var(--ds-background-accent-yellow-subtle-hovered)';
154
- 'color.background.accent.yellow.subtle.pressed': 'var(--ds-background-accent-yellow-subtle-pressed)';
155
- 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
156
- 'color.background.accent.yellow.bolder.hovered': 'var(--ds-background-accent-yellow-bolder-hovered)';
157
- 'color.background.accent.yellow.bolder.pressed': 'var(--ds-background-accent-yellow-bolder-pressed)';
158
- 'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
159
- 'color.background.accent.green.subtlest.hovered': 'var(--ds-background-accent-green-subtlest-hovered)';
160
- 'color.background.accent.green.subtlest.pressed': 'var(--ds-background-accent-green-subtlest-pressed)';
161
- 'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
162
- 'color.background.accent.green.subtler.hovered': 'var(--ds-background-accent-green-subtler-hovered)';
163
- 'color.background.accent.green.subtler.pressed': 'var(--ds-background-accent-green-subtler-pressed)';
164
- 'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
165
- 'color.background.accent.green.subtle.hovered': 'var(--ds-background-accent-green-subtle-hovered)';
166
- 'color.background.accent.green.subtle.pressed': 'var(--ds-background-accent-green-subtle-pressed)';
167
- 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
168
- 'color.background.accent.green.bolder.hovered': 'var(--ds-background-accent-green-bolder-hovered)';
169
- 'color.background.accent.green.bolder.pressed': 'var(--ds-background-accent-green-bolder-pressed)';
170
- 'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
171
- 'color.background.accent.teal.subtlest.hovered': 'var(--ds-background-accent-teal-subtlest-hovered)';
172
- 'color.background.accent.teal.subtlest.pressed': 'var(--ds-background-accent-teal-subtlest-pressed)';
173
- 'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
174
- 'color.background.accent.teal.subtler.hovered': 'var(--ds-background-accent-teal-subtler-hovered)';
175
- 'color.background.accent.teal.subtler.pressed': 'var(--ds-background-accent-teal-subtler-pressed)';
176
- 'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
177
- 'color.background.accent.teal.subtle.hovered': 'var(--ds-background-accent-teal-subtle-hovered)';
178
- 'color.background.accent.teal.subtle.pressed': 'var(--ds-background-accent-teal-subtle-pressed)';
179
- 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
180
- 'color.background.accent.teal.bolder.hovered': 'var(--ds-background-accent-teal-bolder-hovered)';
181
- 'color.background.accent.teal.bolder.pressed': 'var(--ds-background-accent-teal-bolder-pressed)';
182
- 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
183
- 'color.background.accent.blue.subtlest.hovered': 'var(--ds-background-accent-blue-subtlest-hovered)';
184
- 'color.background.accent.blue.subtlest.pressed': 'var(--ds-background-accent-blue-subtlest-pressed)';
185
- 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
186
- 'color.background.accent.blue.subtler.hovered': 'var(--ds-background-accent-blue-subtler-hovered)';
187
- 'color.background.accent.blue.subtler.pressed': 'var(--ds-background-accent-blue-subtler-pressed)';
188
- 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
189
- 'color.background.accent.blue.subtle.hovered': 'var(--ds-background-accent-blue-subtle-hovered)';
190
- 'color.background.accent.blue.subtle.pressed': 'var(--ds-background-accent-blue-subtle-pressed)';
191
- 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
192
- 'color.background.accent.blue.bolder.hovered': 'var(--ds-background-accent-blue-bolder-hovered)';
193
- 'color.background.accent.blue.bolder.pressed': 'var(--ds-background-accent-blue-bolder-pressed)';
194
- 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
195
- 'color.background.accent.purple.subtlest.hovered': 'var(--ds-background-accent-purple-subtlest-hovered)';
196
- 'color.background.accent.purple.subtlest.pressed': 'var(--ds-background-accent-purple-subtlest-pressed)';
197
- 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
198
- 'color.background.accent.purple.subtler.hovered': 'var(--ds-background-accent-purple-subtler-hovered)';
199
- 'color.background.accent.purple.subtler.pressed': 'var(--ds-background-accent-purple-subtler-pressed)';
200
- 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
201
- 'color.background.accent.purple.subtle.hovered': 'var(--ds-background-accent-purple-subtle-hovered)';
202
- 'color.background.accent.purple.subtle.pressed': 'var(--ds-background-accent-purple-subtle-pressed)';
203
- 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
204
- 'color.background.accent.purple.bolder.hovered': 'var(--ds-background-accent-purple-bolder-hovered)';
205
- 'color.background.accent.purple.bolder.pressed': 'var(--ds-background-accent-purple-bolder-pressed)';
206
- 'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
207
- 'color.background.accent.magenta.subtlest.hovered': 'var(--ds-background-accent-magenta-subtlest-hovered)';
208
- 'color.background.accent.magenta.subtlest.pressed': 'var(--ds-background-accent-magenta-subtlest-pressed)';
209
- 'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
210
- 'color.background.accent.magenta.subtler.hovered': 'var(--ds-background-accent-magenta-subtler-hovered)';
211
- 'color.background.accent.magenta.subtler.pressed': 'var(--ds-background-accent-magenta-subtler-pressed)';
212
- 'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
213
- 'color.background.accent.magenta.subtle.hovered': 'var(--ds-background-accent-magenta-subtle-hovered)';
214
- 'color.background.accent.magenta.subtle.pressed': 'var(--ds-background-accent-magenta-subtle-pressed)';
215
- 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
216
- 'color.background.accent.magenta.bolder.hovered': 'var(--ds-background-accent-magenta-bolder-hovered)';
217
- 'color.background.accent.magenta.bolder.pressed': 'var(--ds-background-accent-magenta-bolder-pressed)';
218
- 'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)';
219
- 'color.background.accent.gray.subtlest.hovered': 'var(--ds-background-accent-gray-subtlest-hovered)';
220
- 'color.background.accent.gray.subtlest.pressed': 'var(--ds-background-accent-gray-subtlest-pressed)';
221
- 'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)';
222
- 'color.background.accent.gray.subtler.hovered': 'var(--ds-background-accent-gray-subtler-hovered)';
223
- 'color.background.accent.gray.subtler.pressed': 'var(--ds-background-accent-gray-subtler-pressed)';
224
- 'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)';
225
- 'color.background.accent.gray.subtle.hovered': 'var(--ds-background-accent-gray-subtle-hovered)';
226
- 'color.background.accent.gray.subtle.pressed': 'var(--ds-background-accent-gray-subtle-pressed)';
227
- 'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)';
228
- 'color.background.accent.gray.bolder.hovered': 'var(--ds-background-accent-gray-bolder-hovered)';
229
- 'color.background.accent.gray.bolder.pressed': 'var(--ds-background-accent-gray-bolder-pressed)';
230
- 'color.background.disabled': 'var(--ds-background-disabled)';
231
- 'color.background.input': 'var(--ds-background-input)';
232
- 'color.background.input.hovered': 'var(--ds-background-input-hovered)';
233
- 'color.background.input.pressed': 'var(--ds-background-input-pressed)';
234
- 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
235
- 'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
236
- 'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
237
- 'color.background.neutral': 'var(--ds-background-neutral)';
238
- 'color.background.neutral.hovered': 'var(--ds-background-neutral-hovered)';
239
- 'color.background.neutral.pressed': 'var(--ds-background-neutral-pressed)';
240
- 'color.background.neutral.subtle': 'var(--ds-background-neutral-subtle)';
241
- 'color.background.neutral.subtle.hovered': 'var(--ds-background-neutral-subtle-hovered)';
242
- 'color.background.neutral.subtle.pressed': 'var(--ds-background-neutral-subtle-pressed)';
243
- 'color.background.neutral.bold': 'var(--ds-background-neutral-bold)';
244
- 'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)';
245
- 'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)';
246
- 'color.background.selected': 'var(--ds-background-selected)';
247
- 'color.background.selected.hovered': 'var(--ds-background-selected-hovered)';
248
- 'color.background.selected.pressed': 'var(--ds-background-selected-pressed)';
249
- 'color.background.selected.bold': 'var(--ds-background-selected-bold)';
250
- 'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)';
251
- 'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)';
252
- 'color.background.brand.subtlest': 'var(--ds-background-brand-subtlest)';
253
- 'color.background.brand.subtlest.hovered': 'var(--ds-background-brand-subtlest-hovered)';
254
- 'color.background.brand.subtlest.pressed': 'var(--ds-background-brand-subtlest-pressed)';
255
- 'color.background.brand.bold': 'var(--ds-background-brand-bold)';
256
- 'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
257
- 'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
258
- 'color.background.brand.boldest': 'var(--ds-background-brand-boldest)';
259
- 'color.background.brand.boldest.hovered': 'var(--ds-background-brand-boldest-hovered)';
260
- 'color.background.brand.boldest.pressed': 'var(--ds-background-brand-boldest-pressed)';
261
- 'color.background.danger': 'var(--ds-background-danger)';
262
- 'color.background.danger.hovered': 'var(--ds-background-danger-hovered)';
263
- 'color.background.danger.pressed': 'var(--ds-background-danger-pressed)';
264
- 'color.background.danger.bold': 'var(--ds-background-danger-bold)';
265
- 'color.background.danger.bold.hovered': 'var(--ds-background-danger-bold-hovered)';
266
- 'color.background.danger.bold.pressed': 'var(--ds-background-danger-bold-pressed)';
267
- 'color.background.warning': 'var(--ds-background-warning)';
268
- 'color.background.warning.hovered': 'var(--ds-background-warning-hovered)';
269
- 'color.background.warning.pressed': 'var(--ds-background-warning-pressed)';
270
- 'color.background.warning.bold': 'var(--ds-background-warning-bold)';
271
- 'color.background.warning.bold.hovered': 'var(--ds-background-warning-bold-hovered)';
272
- 'color.background.warning.bold.pressed': 'var(--ds-background-warning-bold-pressed)';
273
- 'color.background.success': 'var(--ds-background-success)';
274
- 'color.background.success.hovered': 'var(--ds-background-success-hovered)';
275
- 'color.background.success.pressed': 'var(--ds-background-success-pressed)';
276
- 'color.background.success.bold': 'var(--ds-background-success-bold)';
277
- 'color.background.success.bold.hovered': 'var(--ds-background-success-bold-hovered)';
278
- 'color.background.success.bold.pressed': 'var(--ds-background-success-bold-pressed)';
279
- 'color.background.discovery': 'var(--ds-background-discovery)';
280
- 'color.background.discovery.hovered': 'var(--ds-background-discovery-hovered)';
281
- 'color.background.discovery.pressed': 'var(--ds-background-discovery-pressed)';
282
- 'color.background.discovery.bold': 'var(--ds-background-discovery-bold)';
283
- 'color.background.discovery.bold.hovered': 'var(--ds-background-discovery-bold-hovered)';
284
- 'color.background.discovery.bold.pressed': 'var(--ds-background-discovery-bold-pressed)';
285
- 'color.background.information': 'var(--ds-background-information)';
286
- 'color.background.information.hovered': 'var(--ds-background-information-hovered)';
287
- 'color.background.information.pressed': 'var(--ds-background-information-pressed)';
288
- 'color.background.information.bold': 'var(--ds-background-information-bold)';
289
- 'color.background.information.bold.hovered': 'var(--ds-background-information-bold-hovered)';
290
- 'color.background.information.bold.pressed': 'var(--ds-background-information-bold-pressed)';
291
- 'color.blanket': 'var(--ds-blanket)';
292
- 'color.blanket.selected': 'var(--ds-blanket-selected)';
293
- 'color.blanket.danger': 'var(--ds-blanket-danger)';
294
- 'color.interaction.hovered': 'var(--ds-interaction-hovered)';
295
- 'color.interaction.pressed': 'var(--ds-interaction-pressed)';
296
- 'color.skeleton': 'var(--ds-skeleton)';
297
- 'color.skeleton.subtle': 'var(--ds-skeleton-subtle)';
298
- 'color.chart.categorical.1': 'var(--ds-chart-categorical-1)';
299
- 'color.chart.categorical.1.hovered': 'var(--ds-chart-categorical-1-hovered)';
300
- 'color.chart.categorical.2': 'var(--ds-chart-categorical-2)';
301
- 'color.chart.categorical.2.hovered': 'var(--ds-chart-categorical-2-hovered)';
302
- 'color.chart.categorical.3': 'var(--ds-chart-categorical-3)';
303
- 'color.chart.categorical.3.hovered': 'var(--ds-chart-categorical-3-hovered)';
304
- 'color.chart.categorical.4': 'var(--ds-chart-categorical-4)';
305
- 'color.chart.categorical.4.hovered': 'var(--ds-chart-categorical-4-hovered)';
306
- 'color.chart.categorical.5': 'var(--ds-chart-categorical-5)';
307
- 'color.chart.categorical.5.hovered': 'var(--ds-chart-categorical-5-hovered)';
308
- 'color.chart.categorical.6': 'var(--ds-chart-categorical-6)';
309
- 'color.chart.categorical.6.hovered': 'var(--ds-chart-categorical-6-hovered)';
310
- 'color.chart.categorical.7': 'var(--ds-chart-categorical-7)';
311
- 'color.chart.categorical.7.hovered': 'var(--ds-chart-categorical-7-hovered)';
312
- 'color.chart.categorical.8': 'var(--ds-chart-categorical-8)';
313
- 'color.chart.categorical.8.hovered': 'var(--ds-chart-categorical-8-hovered)';
314
- 'color.chart.lime.bold': 'var(--ds-chart-lime-bold)';
315
- 'color.chart.lime.bold.hovered': 'var(--ds-chart-lime-bold-hovered)';
316
- 'color.chart.lime.bolder': 'var(--ds-chart-lime-bolder)';
317
- 'color.chart.lime.bolder.hovered': 'var(--ds-chart-lime-bolder-hovered)';
318
- 'color.chart.lime.boldest': 'var(--ds-chart-lime-boldest)';
319
- 'color.chart.lime.boldest.hovered': 'var(--ds-chart-lime-boldest-hovered)';
320
- 'color.chart.neutral': 'var(--ds-chart-neutral)';
321
- 'color.chart.neutral.hovered': 'var(--ds-chart-neutral-hovered)';
322
- 'color.chart.red.bold': 'var(--ds-chart-red-bold)';
323
- 'color.chart.red.bold.hovered': 'var(--ds-chart-red-bold-hovered)';
324
- 'color.chart.red.bolder': 'var(--ds-chart-red-bolder)';
325
- 'color.chart.red.bolder.hovered': 'var(--ds-chart-red-bolder-hovered)';
326
- 'color.chart.red.boldest': 'var(--ds-chart-red-boldest)';
327
- 'color.chart.red.boldest.hovered': 'var(--ds-chart-red-boldest-hovered)';
328
- 'color.chart.orange.bold': 'var(--ds-chart-orange-bold)';
329
- 'color.chart.orange.bold.hovered': 'var(--ds-chart-orange-bold-hovered)';
330
- 'color.chart.orange.bolder': 'var(--ds-chart-orange-bolder)';
331
- 'color.chart.orange.bolder.hovered': 'var(--ds-chart-orange-bolder-hovered)';
332
- 'color.chart.orange.boldest': 'var(--ds-chart-orange-boldest)';
333
- 'color.chart.orange.boldest.hovered': 'var(--ds-chart-orange-boldest-hovered)';
334
- 'color.chart.yellow.bold': 'var(--ds-chart-yellow-bold)';
335
- 'color.chart.yellow.bold.hovered': 'var(--ds-chart-yellow-bold-hovered)';
336
- 'color.chart.yellow.bolder': 'var(--ds-chart-yellow-bolder)';
337
- 'color.chart.yellow.bolder.hovered': 'var(--ds-chart-yellow-bolder-hovered)';
338
- 'color.chart.yellow.boldest': 'var(--ds-chart-yellow-boldest)';
339
- 'color.chart.yellow.boldest.hovered': 'var(--ds-chart-yellow-boldest-hovered)';
340
- 'color.chart.green.bold': 'var(--ds-chart-green-bold)';
341
- 'color.chart.green.bold.hovered': 'var(--ds-chart-green-bold-hovered)';
342
- 'color.chart.green.bolder': 'var(--ds-chart-green-bolder)';
343
- 'color.chart.green.bolder.hovered': 'var(--ds-chart-green-bolder-hovered)';
344
- 'color.chart.green.boldest': 'var(--ds-chart-green-boldest)';
345
- 'color.chart.green.boldest.hovered': 'var(--ds-chart-green-boldest-hovered)';
346
- 'color.chart.teal.bold': 'var(--ds-chart-teal-bold)';
347
- 'color.chart.teal.bold.hovered': 'var(--ds-chart-teal-bold-hovered)';
348
- 'color.chart.teal.bolder': 'var(--ds-chart-teal-bolder)';
349
- 'color.chart.teal.bolder.hovered': 'var(--ds-chart-teal-bolder-hovered)';
350
- 'color.chart.teal.boldest': 'var(--ds-chart-teal-boldest)';
351
- 'color.chart.teal.boldest.hovered': 'var(--ds-chart-teal-boldest-hovered)';
352
- 'color.chart.blue.bold': 'var(--ds-chart-blue-bold)';
353
- 'color.chart.blue.bold.hovered': 'var(--ds-chart-blue-bold-hovered)';
354
- 'color.chart.blue.bolder': 'var(--ds-chart-blue-bolder)';
355
- 'color.chart.blue.bolder.hovered': 'var(--ds-chart-blue-bolder-hovered)';
356
- 'color.chart.blue.boldest': 'var(--ds-chart-blue-boldest)';
357
- 'color.chart.blue.boldest.hovered': 'var(--ds-chart-blue-boldest-hovered)';
358
- 'color.chart.purple.bold': 'var(--ds-chart-purple-bold)';
359
- 'color.chart.purple.bold.hovered': 'var(--ds-chart-purple-bold-hovered)';
360
- 'color.chart.purple.bolder': 'var(--ds-chart-purple-bolder)';
361
- 'color.chart.purple.bolder.hovered': 'var(--ds-chart-purple-bolder-hovered)';
362
- 'color.chart.purple.boldest': 'var(--ds-chart-purple-boldest)';
363
- 'color.chart.purple.boldest.hovered': 'var(--ds-chart-purple-boldest-hovered)';
364
- 'color.chart.magenta.bold': 'var(--ds-chart-magenta-bold)';
365
- 'color.chart.magenta.bold.hovered': 'var(--ds-chart-magenta-bold-hovered)';
366
- 'color.chart.magenta.bolder': 'var(--ds-chart-magenta-bolder)';
367
- 'color.chart.magenta.bolder.hovered': 'var(--ds-chart-magenta-bolder-hovered)';
368
- 'color.chart.magenta.boldest': 'var(--ds-chart-magenta-boldest)';
369
- 'color.chart.magenta.boldest.hovered': 'var(--ds-chart-magenta-boldest-hovered)';
370
- 'color.chart.gray.bold': 'var(--ds-chart-gray-bold)';
371
- 'color.chart.gray.bold.hovered': 'var(--ds-chart-gray-bold-hovered)';
372
- 'color.chart.gray.bolder': 'var(--ds-chart-gray-bolder)';
373
- 'color.chart.gray.bolder.hovered': 'var(--ds-chart-gray-bolder-hovered)';
374
- 'color.chart.gray.boldest': 'var(--ds-chart-gray-boldest)';
375
- 'color.chart.gray.boldest.hovered': 'var(--ds-chart-gray-boldest-hovered)';
376
- 'color.chart.brand': 'var(--ds-chart-brand)';
377
- 'color.chart.brand.hovered': 'var(--ds-chart-brand-hovered)';
378
- 'color.chart.danger': 'var(--ds-chart-danger)';
379
- 'color.chart.danger.hovered': 'var(--ds-chart-danger-hovered)';
380
- 'color.chart.danger.bold': 'var(--ds-chart-danger-bold)';
381
- 'color.chart.danger.bold.hovered': 'var(--ds-chart-danger-bold-hovered)';
382
- 'color.chart.warning': 'var(--ds-chart-warning)';
383
- 'color.chart.warning.hovered': 'var(--ds-chart-warning-hovered)';
384
- 'color.chart.warning.bold': 'var(--ds-chart-warning-bold)';
385
- 'color.chart.warning.bold.hovered': 'var(--ds-chart-warning-bold-hovered)';
386
- 'color.chart.success': 'var(--ds-chart-success)';
387
- 'color.chart.success.hovered': 'var(--ds-chart-success-hovered)';
388
- 'color.chart.success.bold': 'var(--ds-chart-success-bold)';
389
- 'color.chart.success.bold.hovered': 'var(--ds-chart-success-bold-hovered)';
390
- 'color.chart.discovery': 'var(--ds-chart-discovery)';
391
- 'color.chart.discovery.hovered': 'var(--ds-chart-discovery-hovered)';
392
- 'color.chart.discovery.bold': 'var(--ds-chart-discovery-bold)';
393
- 'color.chart.discovery.bold.hovered': 'var(--ds-chart-discovery-bold-hovered)';
394
- 'color.chart.information': 'var(--ds-chart-information)';
395
- 'color.chart.information.hovered': 'var(--ds-chart-information-hovered)';
396
- 'color.chart.information.bold': 'var(--ds-chart-information-bold)';
397
- 'color.chart.information.bold.hovered': 'var(--ds-chart-information-bold-hovered)';
398
- 'elevation.surface': 'var(--ds-surface)';
399
- 'elevation.surface.hovered': 'var(--ds-surface-hovered)';
400
- 'elevation.surface.pressed': 'var(--ds-surface-pressed)';
401
- 'elevation.surface.overlay': 'var(--ds-surface-overlay)';
402
- 'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)';
403
- 'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)';
404
- 'elevation.surface.raised': 'var(--ds-surface-raised)';
405
- 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
406
- 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
407
- 'elevation.surface.sunken': 'var(--ds-surface-sunken)';
408
- 'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
409
- 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
410
- 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
411
- 'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
412
- 'elevation.shadow.raised': 'var(--ds-shadow-raised)';
413
- 'opacity.disabled': 'var(--ds-opacity-disabled)';
414
- 'opacity.loading': 'var(--ds-opacity-loading)';
415
- 'utility.UNSAFE.textTransformUppercase': 'var(--ds-UNSAFE-textTransformUppercase)';
416
- 'utility.UNSAFE.transparent': 'var(--ds-UNSAFE-transparent)';
417
- 'utility.elevation.surface.current': 'var(--ds-elevation-surface-current)';
418
- 'border.radius.050': 'var(--ds-border-radius-050)';
419
- 'border.radius': 'var(--ds-border-radius)';
420
- 'border.radius.100': 'var(--ds-border-radius-100)';
421
- 'border.radius.200': 'var(--ds-border-radius-200)';
422
- 'border.radius.300': 'var(--ds-border-radius-300)';
423
- 'border.radius.400': 'var(--ds-border-radius-400)';
424
- 'border.radius.circle': 'var(--ds-border-radius-circle)';
425
- 'border.width': 'var(--ds-border-width)';
426
- 'border.width.0': 'var(--ds-border-width-0)';
427
- 'border.width.indicator': 'var(--ds-border-width-indicator)';
428
- 'border.width.outline': 'var(--ds-border-width-outline)';
429
- 'space.0': 'var(--ds-space-0)';
430
- 'space.025': 'var(--ds-space-025)';
431
- 'space.050': 'var(--ds-space-050)';
432
- 'space.075': 'var(--ds-space-075)';
433
- 'space.100': 'var(--ds-space-100)';
434
- 'space.150': 'var(--ds-space-150)';
435
- 'space.200': 'var(--ds-space-200)';
436
- 'space.250': 'var(--ds-space-250)';
437
- 'space.300': 'var(--ds-space-300)';
438
- 'space.400': 'var(--ds-space-400)';
439
- 'space.500': 'var(--ds-space-500)';
440
- 'space.600': 'var(--ds-space-600)';
441
- 'space.800': 'var(--ds-space-800)';
442
- 'space.1000': 'var(--ds-space-1000)';
443
- 'space.negative.025': 'var(--ds-space-negative-025)';
444
- 'space.negative.050': 'var(--ds-space-negative-050)';
445
- 'space.negative.075': 'var(--ds-space-negative-075)';
446
- 'space.negative.100': 'var(--ds-space-negative-100)';
447
- 'space.negative.150': 'var(--ds-space-negative-150)';
448
- 'space.negative.200': 'var(--ds-space-negative-200)';
449
- 'space.negative.250': 'var(--ds-space-negative-250)';
450
- 'space.negative.300': 'var(--ds-space-negative-300)';
451
- 'space.negative.400': 'var(--ds-space-negative-400)';
452
- 'font.body': 'var(--ds-font-body)';
453
- 'font.body.large': 'var(--ds-font-body-large)';
454
- 'font.body.small': 'var(--ds-font-body-small)';
455
- 'font.code': 'var(--ds-font-code)';
456
- 'font.heading.large': 'var(--ds-font-heading-large)';
457
- 'font.heading.medium': 'var(--ds-font-heading-medium)';
458
- 'font.heading.small': 'var(--ds-font-heading-small)';
459
- 'font.heading.xlarge': 'var(--ds-font-heading-xlarge)';
460
- 'font.heading.xsmall': 'var(--ds-font-heading-xsmall)';
461
- 'font.heading.xxlarge': 'var(--ds-font-heading-xxlarge)';
462
- 'font.heading.xxsmall': 'var(--ds-font-heading-xxsmall)';
463
- 'font.letterSpacing.0': 'var(--ds-font-letterSpacing-0)';
464
- 'font.letterSpacing.100': 'var(--ds-font-letterSpacing-100)';
465
- 'font.letterSpacing.200': 'var(--ds-font-letterSpacing-200)';
466
- 'font.letterSpacing.300': 'var(--ds-font-letterSpacing-300)';
467
- 'font.letterSpacing.400': 'var(--ds-font-letterSpacing-400)';
468
- 'font.ui': 'var(--ds-font-ui)';
469
- 'font.ui.small': 'var(--ds-font-ui-small)';
470
- 'font.family.body': 'var(--ds-font-family-body)';
471
- 'font.family.code': 'var(--ds-font-family-code)';
472
- 'font.family.heading': 'var(--ds-font-family-heading)';
473
- 'font.family.monospace': 'var(--ds-font-family-monospace)';
474
- 'font.family.sans': 'var(--ds-font-family-sans)';
475
- 'font.family.brand': 'var(--ds-font-family-brand)';
476
- 'font.size.050': 'var(--ds-font-size-050)';
477
- 'font.size.075': 'var(--ds-font-size-075)';
478
- 'font.size.100': 'var(--ds-font-size-100)';
479
- 'font.size.200': 'var(--ds-font-size-200)';
480
- 'font.size.300': 'var(--ds-font-size-300)';
481
- 'font.size.400': 'var(--ds-font-size-400)';
482
- 'font.size.500': 'var(--ds-font-size-500)';
483
- 'font.size.600': 'var(--ds-font-size-600)';
484
- 'font.weight.bold': 'var(--ds-font-weight-bold)';
485
- 'font.weight.medium': 'var(--ds-font-weight-medium)';
486
- 'font.weight.regular': 'var(--ds-font-weight-regular)';
487
- 'font.weight.semibold': 'var(--ds-font-weight-semibold)';
488
- 'font.lineHeight.1': 'var(--ds-font-lineHeight-1)';
489
- 'font.lineHeight.100': 'var(--ds-font-lineHeight-100)';
490
- 'font.lineHeight.200': 'var(--ds-font-lineHeight-200)';
491
- 'font.lineHeight.300': 'var(--ds-font-lineHeight-300)';
492
- 'font.lineHeight.400': 'var(--ds-font-lineHeight-400)';
493
- 'font.lineHeight.500': 'var(--ds-font-lineHeight-500)';
494
- 'font.lineHeight.600': 'var(--ds-font-lineHeight-600)';
495
- };
496
-
497
- // @public (undocumented)
498
- export const CURRENT_SURFACE_CSS_VAR: "--ds-elevation-surface-current";
499
-
500
- // @public (undocumented)
501
- type DataColorModes = Exclude<ThemeColorModes, 'auto'>;
502
-
503
- // @public (undocumented)
504
- type DeletedTokenState = 'deleted';
505
-
506
- // @public (undocumented)
507
- type DeprecatedTokenState = 'deprecated';
508
-
509
- // @public (undocumented)
510
- type DeprecatedTypographyToken<BaseToken> = DesignToken<BaseToken, 'fontFamily' | 'fontSize' | 'fontWeight' | 'letterSpacing' | 'lineHeight'>;
511
-
512
- // @public
513
- interface DesignToken<TValue, Group extends Groups> extends Token<TValue, Group> {
514
- // (undocumented)
515
- attributes: {
516
- state: ActiveTokenState;
517
- group: Group;
518
- description: string;
519
- introduced: string;
520
- suggest?: string[];
521
- } | {
522
- state: DeletedTokenState;
523
- group: Group;
524
- description: string;
525
- introduced: string;
526
- deprecated: string;
527
- deleted: string;
528
- replacement?: Replacement;
529
- } | {
530
- state: DeprecatedTokenState;
531
- group: Group;
532
- description: string;
533
- introduced: string;
534
- deprecated: string;
535
- replacement?: Replacement;
536
- } | {
537
- state: ExperimentalTokenState;
538
- group: Group;
539
- description: string;
540
- introduced: string;
541
- replacement?: ExperimentalReplacement;
542
- suggest?: string[];
543
- };
544
- }
545
-
546
- // @public
547
- export const enableGlobalTheme: ({ colorMode, contrastMode, dark, light, shape, spacing, typography, UNSAFE_themeOptions, }?: Partial<ThemeState>, themeLoader?: ((id: ThemeIdsWithOverrides) => void) | undefined) => UnbindFn;
548
-
549
- // @public (undocumented)
550
- type ExperimentalReplacement = InternalTokenIds | InternalTokenIds[] | string;
551
-
552
- // @public (undocumented)
553
- type ExperimentalTokenState = 'experimental';
554
-
555
- // @public
556
- type ExtensionThemeId = ThemeIds;
557
-
558
- // @public (undocumented)
559
- type FlattenKeys<T, Prefix extends string = ''> = {
560
- [Key in keyof T]: T[Key] extends object ? T[Key] extends {
561
- value: any;
562
- } ? `${Prefix}${Key & string}` : `${Prefix}${Key & string}.${FlattenKeys<T[Key]>}` : `${Prefix}.${Key & string}`;
563
- }[keyof T];
564
-
565
- // @public (undocumented)
566
- interface FontFamilyTokenSchema<BaseToken> {
567
- // (undocumented)
568
- font: {
569
- family: {
570
- sans: DeprecatedTypographyToken<BaseToken>;
571
- monospace: DeprecatedTypographyToken<BaseToken>;
572
- body: DeprecatedTypographyToken<BaseToken>;
573
- heading: DeprecatedTypographyToken<BaseToken>;
574
- brand: DeprecatedTypographyToken<BaseToken>;
575
- code: DeprecatedTypographyToken<BaseToken>;
576
- };
577
- };
578
- }
579
-
580
- // @public (undocumented)
581
- export const getGlobalTheme: () => Partial<ActiveThemeState>;
582
-
583
- // @public
584
- export const getSSRAutoScript: (colorMode: ThemeState['colorMode'], contrastMode?: ThemeState['contrastMode']) => string | undefined;
585
-
586
- // @public
587
- export const getThemeHtmlAttrs: ({ colorMode, dark, light, contrastMode, shape, spacing, typography, UNSAFE_themeOptions, }?: Partial<ThemeState>) => Record<string, string>;
588
-
589
- // @public
590
- export const getThemeStyles: (preferences?: 'all' | Partial<ThemeState>) => Promise<ThemeStyles[]>;
591
-
592
- // @public
593
- export function getTokenValue<T extends keyof Tokens_2>(tokenId: T, fallback?: string): string;
594
-
595
- // @public (undocumented)
596
- export type Groups = 'fontFamily' | 'fontSize' | 'fontWeight' | 'letterSpacing' | 'lineHeight' | 'opacity' | 'paint' | 'palette' | 'raw' | 'shadow' | 'shape' | 'spacing' | 'typography';
597
-
598
- // @public (undocumented)
599
- type HEX = `#${string}`;
600
-
601
- // @public
602
- 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.[default]' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.blue.subtle.[default]' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.subtler.[default]' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtlest.[default]' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.gray.bolder.[default]' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.accent.gray.subtle.[default]' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.subtler.[default]' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtlest.[default]' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.green.bolder.[default]' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.green.subtle.[default]' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.subtler.[default]' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtlest.[default]' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.lime.bolder.[default]' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.lime.subtle.[default]' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.subtler.[default]' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtlest.[default]' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.magenta.bolder.[default]' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.magenta.subtle.[default]' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.subtler.[default]' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtlest.[default]' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.orange.bolder.[default]' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.orange.subtle.[default]' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.subtler.[default]' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtlest.[default]' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.purple.bolder.[default]' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.purple.subtle.[default]' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.subtler.[default]' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtlest.[default]' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.red.bolder.[default]' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.red.subtle.[default]' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.subtler.[default]' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtlest.[default]' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.teal.bolder.[default]' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.teal.subtle.[default]' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.subtler.[default]' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtlest.[default]' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.yellow.bolder.[default]' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.yellow.subtle.[default]' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.subtler.[default]' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtlest.[default]' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest.[default]' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.brand.subtlest.[default]' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.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.link.visited' | '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' | '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' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'utility.UNSAFE.textTransformUppercase' | 'utility.UNSAFE.transparent' | 'utility.elevation.surface.current';
603
-
604
- // @public (undocumented)
605
- export type OpacityToken = DesignToken<string, 'opacity'>;
606
-
607
- // @public (undocumented)
608
- export type PaintToken<BaseToken> = DesignToken<BaseToken, 'paint'>;
609
-
610
- // @public
611
- type Palettes = 'defaultPalette' | 'legacyPalette' | 'shapePalette' | 'spacingScale' | 'typographyPalette';
612
-
613
- // @public (undocumented)
614
- export type RawToken = DesignToken<string, 'raw'>;
615
-
616
- // @public (undocumented)
617
- type Replacement = InternalTokenIds | InternalTokenIds[];
618
-
619
- // @public (undocumented)
620
- type ResponsiveTypographyTokens = FlattenKeys<TypographyTokenSchema<any>>;
621
-
622
- // @public
623
- export const setGlobalTheme: ({ colorMode, contrastMode, dark, light, shape, spacing, typography, UNSAFE_themeOptions, }?: Partial<ThemeState>, themeLoader?: ((id: ThemeIdsWithOverrides) => Promise<void> | void) | undefined) => Promise<UnbindFn>;
624
-
625
- // @public (undocumented)
626
- export type ShadowToken<BaseToken> = DesignToken<Array<{
627
- color: BaseToken;
628
- opacity: number;
629
- offset: {
630
- x: number;
631
- y: number;
632
- };
633
- radius: number;
634
- spread?: number;
635
- inset?: boolean;
636
- }>, 'shadow'>;
637
-
638
- // @public (undocumented)
639
- export type ShapeToken<BaseToken> = DesignToken<BaseToken, 'shape'>;
640
-
641
- // @public (undocumented)
642
- export type SpacingToken<BaseToken> = DesignToken<BaseToken, 'spacing'>;
643
-
644
- // @public (undocumented)
645
- export type ThemeColorModes = (typeof themeColorModes)[number];
646
-
647
- // @public
648
- const themeColorModes: readonly ["light", "dark", "auto"];
649
-
650
- // @public
651
- interface ThemeConfig {
652
- // (undocumented)
653
- attributes: ({
654
- type: 'color';
655
- mode: DataColorModes;
656
- } | {
657
- type: Extract<ThemeKinds, 'shape' | 'spacing' | 'typography'>;
658
- }) & {
659
- extends?: ExtensionThemeId;
660
- };
661
- // (undocumented)
662
- displayName: string;
663
- extends?: ThemeIds;
664
- // (undocumented)
665
- id: ThemeIds | ThemeOverrideIds;
666
- increasesContrastFor?: ThemeIds;
667
- override?: ThemeIds;
668
- // (undocumented)
669
- palette: Palettes;
670
- }
671
-
672
- // @public (undocumented)
673
- export const themeConfig: Record<ThemeOverrides | Themes, ThemeConfig>;
674
-
675
- // @public (undocumented)
676
- type ThemeContrastModes = (typeof themeContrastModes)[number];
677
-
678
- // @public
679
- const themeContrastModes: readonly ["more", "no-preference", "auto"];
680
-
681
- // @public (undocumented)
682
- export type ThemeIds = (typeof themeIds)[number];
683
-
684
- // @public
685
- const themeIds: readonly ["light-increased-contrast", "light", "dark", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3"];
686
-
687
- // @public (undocumented)
688
- type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
689
-
690
- // @public (undocumented)
691
- const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "dark", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3", "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
713
- export interface ThemeOptionsSchema {
714
- // (undocumented)
715
- brandColor: CSSColor;
716
- }
717
-
718
- // @public (undocumented)
719
- type ThemeOverrideIds = (typeof themeOverrideIds)[number];
720
-
721
- // @public
722
- const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-border"];
723
-
724
- // @public
725
- type ThemeOverrides = 'atlassian-dark-new-input-border' | 'atlassian-light-new-input-border';
726
-
727
- // @public
728
- export type Themes = 'atlassian-dark' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-dark' | 'atlassian-legacy-light' | 'atlassian-light' | 'atlassian-light-increased-contrast' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-adg3' | 'atlassian-typography-minor3';
729
-
730
- // @public
731
- export interface ThemeState {
732
- // (undocumented)
733
- colorMode: ThemeColorModes;
734
- // (undocumented)
735
- contrastMode: ThemeContrastModes;
736
- // (undocumented)
737
- dark: Extract<ThemeIds, 'dark' | 'dark-increased-contrast' | 'legacy-dark' | 'legacy-light' | 'light' | 'light-increased-contrast'>;
738
- // (undocumented)
739
- light: Extract<ThemeIds, 'dark' | 'dark-increased-contrast' | 'legacy-dark' | 'legacy-light' | 'light' | 'light-increased-contrast'>;
740
- // (undocumented)
741
- shape?: Extract<ThemeIds, 'shape'>;
742
- // (undocumented)
743
- spacing: Extract<ThemeIds, 'spacing'>;
744
- // (undocumented)
745
- typography?: Extract<ThemeIds, 'typography' | 'typography-adg3' | 'typography-minor3'>;
746
- // (undocumented)
747
- UNSAFE_themeOptions?: ThemeOptionsSchema;
748
- }
749
-
750
- // @public
751
- export const themeStringToObject: (themeState: string) => Partial<ThemeState>;
752
-
753
- // @public (undocumented)
754
- interface ThemeStyles {
755
- // (undocumented)
756
- attrs: Record<string, string>;
757
- // (undocumented)
758
- css: string;
759
- // (undocumented)
760
- id: ThemeIdsWithOverrides;
761
- }
762
-
763
- // @public (undocumented)
764
- interface Token<TValue, Group extends Groups> {
765
- // (undocumented)
766
- attributes: {
767
- group: Group;
768
- description?: string;
769
- state?: TokenState;
770
- replacement?: ExperimentalReplacement | Replacement;
771
- };
772
- // (undocumented)
773
- value: TValue;
774
- }
775
-
776
- // @public
777
- export function token<T extends keyof Tokens>(path: T, fallback?: string): CSSTokenMap[T];
778
-
779
- // @public (undocumented)
780
- type Tokens = typeof tokens;
781
-
782
- // @public
783
- const tokens: {
784
- readonly 'color.text': "--ds-text";
785
- readonly 'color.text.accent.lime': "--ds-text-accent-lime";
786
- readonly 'color.text.accent.lime.bolder': "--ds-text-accent-lime-bolder";
787
- readonly 'color.text.accent.red': "--ds-text-accent-red";
788
- readonly 'color.text.accent.red.bolder': "--ds-text-accent-red-bolder";
789
- readonly 'color.text.accent.orange': "--ds-text-accent-orange";
790
- readonly 'color.text.accent.orange.bolder': "--ds-text-accent-orange-bolder";
791
- readonly 'color.text.accent.yellow': "--ds-text-accent-yellow";
792
- readonly 'color.text.accent.yellow.bolder': "--ds-text-accent-yellow-bolder";
793
- readonly 'color.text.accent.green': "--ds-text-accent-green";
794
- readonly 'color.text.accent.green.bolder': "--ds-text-accent-green-bolder";
795
- readonly 'color.text.accent.teal': "--ds-text-accent-teal";
796
- readonly 'color.text.accent.teal.bolder': "--ds-text-accent-teal-bolder";
797
- readonly 'color.text.accent.blue': "--ds-text-accent-blue";
798
- readonly 'color.text.accent.blue.bolder': "--ds-text-accent-blue-bolder";
799
- readonly 'color.text.accent.purple': "--ds-text-accent-purple";
800
- readonly 'color.text.accent.purple.bolder': "--ds-text-accent-purple-bolder";
801
- readonly 'color.text.accent.magenta': "--ds-text-accent-magenta";
802
- readonly 'color.text.accent.magenta.bolder': "--ds-text-accent-magenta-bolder";
803
- readonly 'color.text.accent.gray': "--ds-text-accent-gray";
804
- readonly 'color.text.accent.gray.bolder': "--ds-text-accent-gray-bolder";
805
- readonly 'color.text.disabled': "--ds-text-disabled";
806
- readonly 'color.text.inverse': "--ds-text-inverse";
807
- readonly 'color.text.selected': "--ds-text-selected";
808
- readonly 'color.text.brand': "--ds-text-brand";
809
- readonly 'color.text.danger': "--ds-text-danger";
810
- readonly 'color.text.warning': "--ds-text-warning";
811
- readonly 'color.text.warning.inverse': "--ds-text-warning-inverse";
812
- readonly 'color.text.success': "--ds-text-success";
813
- readonly 'color.text.discovery': "--ds-text-discovery";
814
- readonly 'color.text.information': "--ds-text-information";
815
- readonly 'color.text.subtlest': "--ds-text-subtlest";
816
- readonly 'color.text.subtle': "--ds-text-subtle";
817
- readonly 'color.link': "--ds-link";
818
- readonly 'color.link.pressed': "--ds-link-pressed";
819
- readonly 'color.link.visited': "--ds-link-visited";
820
- readonly 'color.icon': "--ds-icon";
821
- readonly 'color.icon.accent.lime': "--ds-icon-accent-lime";
822
- readonly 'color.icon.accent.red': "--ds-icon-accent-red";
823
- readonly 'color.icon.accent.orange': "--ds-icon-accent-orange";
824
- readonly 'color.icon.accent.yellow': "--ds-icon-accent-yellow";
825
- readonly 'color.icon.accent.green': "--ds-icon-accent-green";
826
- readonly 'color.icon.accent.teal': "--ds-icon-accent-teal";
827
- readonly 'color.icon.accent.blue': "--ds-icon-accent-blue";
828
- readonly 'color.icon.accent.purple': "--ds-icon-accent-purple";
829
- readonly 'color.icon.accent.magenta': "--ds-icon-accent-magenta";
830
- readonly 'color.icon.accent.gray': "--ds-icon-accent-gray";
831
- readonly 'color.icon.disabled': "--ds-icon-disabled";
832
- readonly 'color.icon.inverse': "--ds-icon-inverse";
833
- readonly 'color.icon.selected': "--ds-icon-selected";
834
- readonly 'color.icon.brand': "--ds-icon-brand";
835
- readonly 'color.icon.danger': "--ds-icon-danger";
836
- readonly 'color.icon.warning': "--ds-icon-warning";
837
- readonly 'color.icon.warning.inverse': "--ds-icon-warning-inverse";
838
- readonly 'color.icon.success': "--ds-icon-success";
839
- readonly 'color.icon.discovery': "--ds-icon-discovery";
840
- readonly 'color.icon.information': "--ds-icon-information";
841
- readonly 'color.icon.subtle': "--ds-icon-subtle";
842
- readonly 'color.border': "--ds-border";
843
- readonly 'color.border.accent.lime': "--ds-border-accent-lime";
844
- readonly 'color.border.accent.red': "--ds-border-accent-red";
845
- readonly 'color.border.accent.orange': "--ds-border-accent-orange";
846
- readonly 'color.border.accent.yellow': "--ds-border-accent-yellow";
847
- readonly 'color.border.accent.green': "--ds-border-accent-green";
848
- readonly 'color.border.accent.teal': "--ds-border-accent-teal";
849
- readonly 'color.border.accent.blue': "--ds-border-accent-blue";
850
- readonly 'color.border.accent.purple': "--ds-border-accent-purple";
851
- readonly 'color.border.accent.magenta': "--ds-border-accent-magenta";
852
- readonly 'color.border.accent.gray': "--ds-border-accent-gray";
853
- readonly 'color.border.disabled': "--ds-border-disabled";
854
- readonly 'color.border.focused': "--ds-border-focused";
855
- readonly 'color.border.input': "--ds-border-input";
856
- readonly 'color.border.inverse': "--ds-border-inverse";
857
- readonly 'color.border.selected': "--ds-border-selected";
858
- readonly 'color.border.brand': "--ds-border-brand";
859
- readonly 'color.border.danger': "--ds-border-danger";
860
- readonly 'color.border.warning': "--ds-border-warning";
861
- readonly 'color.border.success': "--ds-border-success";
862
- readonly 'color.border.discovery': "--ds-border-discovery";
863
- readonly 'color.border.information': "--ds-border-information";
864
- readonly 'color.border.bold': "--ds-border-bold";
865
- readonly 'color.background.accent.lime.subtlest': "--ds-background-accent-lime-subtlest";
866
- readonly 'color.background.accent.lime.subtlest.hovered': "--ds-background-accent-lime-subtlest-hovered";
867
- readonly 'color.background.accent.lime.subtlest.pressed': "--ds-background-accent-lime-subtlest-pressed";
868
- readonly 'color.background.accent.lime.subtler': "--ds-background-accent-lime-subtler";
869
- readonly 'color.background.accent.lime.subtler.hovered': "--ds-background-accent-lime-subtler-hovered";
870
- readonly 'color.background.accent.lime.subtler.pressed': "--ds-background-accent-lime-subtler-pressed";
871
- readonly 'color.background.accent.lime.subtle': "--ds-background-accent-lime-subtle";
872
- readonly 'color.background.accent.lime.subtle.hovered': "--ds-background-accent-lime-subtle-hovered";
873
- readonly 'color.background.accent.lime.subtle.pressed': "--ds-background-accent-lime-subtle-pressed";
874
- readonly 'color.background.accent.lime.bolder': "--ds-background-accent-lime-bolder";
875
- readonly 'color.background.accent.lime.bolder.hovered': "--ds-background-accent-lime-bolder-hovered";
876
- readonly 'color.background.accent.lime.bolder.pressed': "--ds-background-accent-lime-bolder-pressed";
877
- readonly 'color.background.accent.red.subtlest': "--ds-background-accent-red-subtlest";
878
- readonly 'color.background.accent.red.subtlest.hovered': "--ds-background-accent-red-subtlest-hovered";
879
- readonly 'color.background.accent.red.subtlest.pressed': "--ds-background-accent-red-subtlest-pressed";
880
- readonly 'color.background.accent.red.subtler': "--ds-background-accent-red-subtler";
881
- readonly 'color.background.accent.red.subtler.hovered': "--ds-background-accent-red-subtler-hovered";
882
- readonly 'color.background.accent.red.subtler.pressed': "--ds-background-accent-red-subtler-pressed";
883
- readonly 'color.background.accent.red.subtle': "--ds-background-accent-red-subtle";
884
- readonly 'color.background.accent.red.subtle.hovered': "--ds-background-accent-red-subtle-hovered";
885
- readonly 'color.background.accent.red.subtle.pressed': "--ds-background-accent-red-subtle-pressed";
886
- readonly 'color.background.accent.red.bolder': "--ds-background-accent-red-bolder";
887
- readonly 'color.background.accent.red.bolder.hovered': "--ds-background-accent-red-bolder-hovered";
888
- readonly 'color.background.accent.red.bolder.pressed': "--ds-background-accent-red-bolder-pressed";
889
- readonly 'color.background.accent.orange.subtlest': "--ds-background-accent-orange-subtlest";
890
- readonly 'color.background.accent.orange.subtlest.hovered': "--ds-background-accent-orange-subtlest-hovered";
891
- readonly 'color.background.accent.orange.subtlest.pressed': "--ds-background-accent-orange-subtlest-pressed";
892
- readonly 'color.background.accent.orange.subtler': "--ds-background-accent-orange-subtler";
893
- readonly 'color.background.accent.orange.subtler.hovered': "--ds-background-accent-orange-subtler-hovered";
894
- readonly 'color.background.accent.orange.subtler.pressed': "--ds-background-accent-orange-subtler-pressed";
895
- readonly 'color.background.accent.orange.subtle': "--ds-background-accent-orange-subtle";
896
- readonly 'color.background.accent.orange.subtle.hovered': "--ds-background-accent-orange-subtle-hovered";
897
- readonly 'color.background.accent.orange.subtle.pressed': "--ds-background-accent-orange-subtle-pressed";
898
- readonly 'color.background.accent.orange.bolder': "--ds-background-accent-orange-bolder";
899
- readonly 'color.background.accent.orange.bolder.hovered': "--ds-background-accent-orange-bolder-hovered";
900
- readonly 'color.background.accent.orange.bolder.pressed': "--ds-background-accent-orange-bolder-pressed";
901
- readonly 'color.background.accent.yellow.subtlest': "--ds-background-accent-yellow-subtlest";
902
- readonly 'color.background.accent.yellow.subtlest.hovered': "--ds-background-accent-yellow-subtlest-hovered";
903
- readonly 'color.background.accent.yellow.subtlest.pressed': "--ds-background-accent-yellow-subtlest-pressed";
904
- readonly 'color.background.accent.yellow.subtler': "--ds-background-accent-yellow-subtler";
905
- readonly 'color.background.accent.yellow.subtler.hovered': "--ds-background-accent-yellow-subtler-hovered";
906
- readonly 'color.background.accent.yellow.subtler.pressed': "--ds-background-accent-yellow-subtler-pressed";
907
- readonly 'color.background.accent.yellow.subtle': "--ds-background-accent-yellow-subtle";
908
- readonly 'color.background.accent.yellow.subtle.hovered': "--ds-background-accent-yellow-subtle-hovered";
909
- readonly 'color.background.accent.yellow.subtle.pressed': "--ds-background-accent-yellow-subtle-pressed";
910
- readonly 'color.background.accent.yellow.bolder': "--ds-background-accent-yellow-bolder";
911
- readonly 'color.background.accent.yellow.bolder.hovered': "--ds-background-accent-yellow-bolder-hovered";
912
- readonly 'color.background.accent.yellow.bolder.pressed': "--ds-background-accent-yellow-bolder-pressed";
913
- readonly 'color.background.accent.green.subtlest': "--ds-background-accent-green-subtlest";
914
- readonly 'color.background.accent.green.subtlest.hovered': "--ds-background-accent-green-subtlest-hovered";
915
- readonly 'color.background.accent.green.subtlest.pressed': "--ds-background-accent-green-subtlest-pressed";
916
- readonly 'color.background.accent.green.subtler': "--ds-background-accent-green-subtler";
917
- readonly 'color.background.accent.green.subtler.hovered': "--ds-background-accent-green-subtler-hovered";
918
- readonly 'color.background.accent.green.subtler.pressed': "--ds-background-accent-green-subtler-pressed";
919
- readonly 'color.background.accent.green.subtle': "--ds-background-accent-green-subtle";
920
- readonly 'color.background.accent.green.subtle.hovered': "--ds-background-accent-green-subtle-hovered";
921
- readonly 'color.background.accent.green.subtle.pressed': "--ds-background-accent-green-subtle-pressed";
922
- readonly 'color.background.accent.green.bolder': "--ds-background-accent-green-bolder";
923
- readonly 'color.background.accent.green.bolder.hovered': "--ds-background-accent-green-bolder-hovered";
924
- readonly 'color.background.accent.green.bolder.pressed': "--ds-background-accent-green-bolder-pressed";
925
- readonly 'color.background.accent.teal.subtlest': "--ds-background-accent-teal-subtlest";
926
- readonly 'color.background.accent.teal.subtlest.hovered': "--ds-background-accent-teal-subtlest-hovered";
927
- readonly 'color.background.accent.teal.subtlest.pressed': "--ds-background-accent-teal-subtlest-pressed";
928
- readonly 'color.background.accent.teal.subtler': "--ds-background-accent-teal-subtler";
929
- readonly 'color.background.accent.teal.subtler.hovered': "--ds-background-accent-teal-subtler-hovered";
930
- readonly 'color.background.accent.teal.subtler.pressed': "--ds-background-accent-teal-subtler-pressed";
931
- readonly 'color.background.accent.teal.subtle': "--ds-background-accent-teal-subtle";
932
- readonly 'color.background.accent.teal.subtle.hovered': "--ds-background-accent-teal-subtle-hovered";
933
- readonly 'color.background.accent.teal.subtle.pressed': "--ds-background-accent-teal-subtle-pressed";
934
- readonly 'color.background.accent.teal.bolder': "--ds-background-accent-teal-bolder";
935
- readonly 'color.background.accent.teal.bolder.hovered': "--ds-background-accent-teal-bolder-hovered";
936
- readonly 'color.background.accent.teal.bolder.pressed': "--ds-background-accent-teal-bolder-pressed";
937
- readonly 'color.background.accent.blue.subtlest': "--ds-background-accent-blue-subtlest";
938
- readonly 'color.background.accent.blue.subtlest.hovered': "--ds-background-accent-blue-subtlest-hovered";
939
- readonly 'color.background.accent.blue.subtlest.pressed': "--ds-background-accent-blue-subtlest-pressed";
940
- readonly 'color.background.accent.blue.subtler': "--ds-background-accent-blue-subtler";
941
- readonly 'color.background.accent.blue.subtler.hovered': "--ds-background-accent-blue-subtler-hovered";
942
- readonly 'color.background.accent.blue.subtler.pressed': "--ds-background-accent-blue-subtler-pressed";
943
- readonly 'color.background.accent.blue.subtle': "--ds-background-accent-blue-subtle";
944
- readonly 'color.background.accent.blue.subtle.hovered': "--ds-background-accent-blue-subtle-hovered";
945
- readonly 'color.background.accent.blue.subtle.pressed': "--ds-background-accent-blue-subtle-pressed";
946
- readonly 'color.background.accent.blue.bolder': "--ds-background-accent-blue-bolder";
947
- readonly 'color.background.accent.blue.bolder.hovered': "--ds-background-accent-blue-bolder-hovered";
948
- readonly 'color.background.accent.blue.bolder.pressed': "--ds-background-accent-blue-bolder-pressed";
949
- readonly 'color.background.accent.purple.subtlest': "--ds-background-accent-purple-subtlest";
950
- readonly 'color.background.accent.purple.subtlest.hovered': "--ds-background-accent-purple-subtlest-hovered";
951
- readonly 'color.background.accent.purple.subtlest.pressed': "--ds-background-accent-purple-subtlest-pressed";
952
- readonly 'color.background.accent.purple.subtler': "--ds-background-accent-purple-subtler";
953
- readonly 'color.background.accent.purple.subtler.hovered': "--ds-background-accent-purple-subtler-hovered";
954
- readonly 'color.background.accent.purple.subtler.pressed': "--ds-background-accent-purple-subtler-pressed";
955
- readonly 'color.background.accent.purple.subtle': "--ds-background-accent-purple-subtle";
956
- readonly 'color.background.accent.purple.subtle.hovered': "--ds-background-accent-purple-subtle-hovered";
957
- readonly 'color.background.accent.purple.subtle.pressed': "--ds-background-accent-purple-subtle-pressed";
958
- readonly 'color.background.accent.purple.bolder': "--ds-background-accent-purple-bolder";
959
- readonly 'color.background.accent.purple.bolder.hovered': "--ds-background-accent-purple-bolder-hovered";
960
- readonly 'color.background.accent.purple.bolder.pressed': "--ds-background-accent-purple-bolder-pressed";
961
- readonly 'color.background.accent.magenta.subtlest': "--ds-background-accent-magenta-subtlest";
962
- readonly 'color.background.accent.magenta.subtlest.hovered': "--ds-background-accent-magenta-subtlest-hovered";
963
- readonly 'color.background.accent.magenta.subtlest.pressed': "--ds-background-accent-magenta-subtlest-pressed";
964
- readonly 'color.background.accent.magenta.subtler': "--ds-background-accent-magenta-subtler";
965
- readonly 'color.background.accent.magenta.subtler.hovered': "--ds-background-accent-magenta-subtler-hovered";
966
- readonly 'color.background.accent.magenta.subtler.pressed': "--ds-background-accent-magenta-subtler-pressed";
967
- readonly 'color.background.accent.magenta.subtle': "--ds-background-accent-magenta-subtle";
968
- readonly 'color.background.accent.magenta.subtle.hovered': "--ds-background-accent-magenta-subtle-hovered";
969
- readonly 'color.background.accent.magenta.subtle.pressed': "--ds-background-accent-magenta-subtle-pressed";
970
- readonly 'color.background.accent.magenta.bolder': "--ds-background-accent-magenta-bolder";
971
- readonly 'color.background.accent.magenta.bolder.hovered': "--ds-background-accent-magenta-bolder-hovered";
972
- readonly 'color.background.accent.magenta.bolder.pressed': "--ds-background-accent-magenta-bolder-pressed";
973
- readonly 'color.background.accent.gray.subtlest': "--ds-background-accent-gray-subtlest";
974
- readonly 'color.background.accent.gray.subtlest.hovered': "--ds-background-accent-gray-subtlest-hovered";
975
- readonly 'color.background.accent.gray.subtlest.pressed': "--ds-background-accent-gray-subtlest-pressed";
976
- readonly 'color.background.accent.gray.subtler': "--ds-background-accent-gray-subtler";
977
- readonly 'color.background.accent.gray.subtler.hovered': "--ds-background-accent-gray-subtler-hovered";
978
- readonly 'color.background.accent.gray.subtler.pressed': "--ds-background-accent-gray-subtler-pressed";
979
- readonly 'color.background.accent.gray.subtle': "--ds-background-accent-gray-subtle";
980
- readonly 'color.background.accent.gray.subtle.hovered': "--ds-background-accent-gray-subtle-hovered";
981
- readonly 'color.background.accent.gray.subtle.pressed': "--ds-background-accent-gray-subtle-pressed";
982
- readonly 'color.background.accent.gray.bolder': "--ds-background-accent-gray-bolder";
983
- readonly 'color.background.accent.gray.bolder.hovered': "--ds-background-accent-gray-bolder-hovered";
984
- readonly 'color.background.accent.gray.bolder.pressed': "--ds-background-accent-gray-bolder-pressed";
985
- readonly 'color.background.disabled': "--ds-background-disabled";
986
- readonly 'color.background.input': "--ds-background-input";
987
- readonly 'color.background.input.hovered': "--ds-background-input-hovered";
988
- readonly 'color.background.input.pressed': "--ds-background-input-pressed";
989
- readonly 'color.background.inverse.subtle': "--ds-background-inverse-subtle";
990
- readonly 'color.background.inverse.subtle.hovered': "--ds-background-inverse-subtle-hovered";
991
- readonly 'color.background.inverse.subtle.pressed': "--ds-background-inverse-subtle-pressed";
992
- readonly 'color.background.neutral': "--ds-background-neutral";
993
- readonly 'color.background.neutral.hovered': "--ds-background-neutral-hovered";
994
- readonly 'color.background.neutral.pressed': "--ds-background-neutral-pressed";
995
- readonly 'color.background.neutral.subtle': "--ds-background-neutral-subtle";
996
- readonly 'color.background.neutral.subtle.hovered': "--ds-background-neutral-subtle-hovered";
997
- readonly 'color.background.neutral.subtle.pressed': "--ds-background-neutral-subtle-pressed";
998
- readonly 'color.background.neutral.bold': "--ds-background-neutral-bold";
999
- readonly 'color.background.neutral.bold.hovered': "--ds-background-neutral-bold-hovered";
1000
- readonly 'color.background.neutral.bold.pressed': "--ds-background-neutral-bold-pressed";
1001
- readonly 'color.background.selected': "--ds-background-selected";
1002
- readonly 'color.background.selected.hovered': "--ds-background-selected-hovered";
1003
- readonly 'color.background.selected.pressed': "--ds-background-selected-pressed";
1004
- readonly 'color.background.selected.bold': "--ds-background-selected-bold";
1005
- readonly 'color.background.selected.bold.hovered': "--ds-background-selected-bold-hovered";
1006
- readonly 'color.background.selected.bold.pressed': "--ds-background-selected-bold-pressed";
1007
- readonly 'color.background.brand.subtlest': "--ds-background-brand-subtlest";
1008
- readonly 'color.background.brand.subtlest.hovered': "--ds-background-brand-subtlest-hovered";
1009
- readonly 'color.background.brand.subtlest.pressed': "--ds-background-brand-subtlest-pressed";
1010
- readonly 'color.background.brand.bold': "--ds-background-brand-bold";
1011
- readonly 'color.background.brand.bold.hovered': "--ds-background-brand-bold-hovered";
1012
- readonly 'color.background.brand.bold.pressed': "--ds-background-brand-bold-pressed";
1013
- readonly 'color.background.brand.boldest': "--ds-background-brand-boldest";
1014
- readonly 'color.background.brand.boldest.hovered': "--ds-background-brand-boldest-hovered";
1015
- readonly 'color.background.brand.boldest.pressed': "--ds-background-brand-boldest-pressed";
1016
- readonly 'color.background.danger': "--ds-background-danger";
1017
- readonly 'color.background.danger.hovered': "--ds-background-danger-hovered";
1018
- readonly 'color.background.danger.pressed': "--ds-background-danger-pressed";
1019
- readonly 'color.background.danger.bold': "--ds-background-danger-bold";
1020
- readonly 'color.background.danger.bold.hovered': "--ds-background-danger-bold-hovered";
1021
- readonly 'color.background.danger.bold.pressed': "--ds-background-danger-bold-pressed";
1022
- readonly 'color.background.warning': "--ds-background-warning";
1023
- readonly 'color.background.warning.hovered': "--ds-background-warning-hovered";
1024
- readonly 'color.background.warning.pressed': "--ds-background-warning-pressed";
1025
- readonly 'color.background.warning.bold': "--ds-background-warning-bold";
1026
- readonly 'color.background.warning.bold.hovered': "--ds-background-warning-bold-hovered";
1027
- readonly 'color.background.warning.bold.pressed': "--ds-background-warning-bold-pressed";
1028
- readonly 'color.background.success': "--ds-background-success";
1029
- readonly 'color.background.success.hovered': "--ds-background-success-hovered";
1030
- readonly 'color.background.success.pressed': "--ds-background-success-pressed";
1031
- readonly 'color.background.success.bold': "--ds-background-success-bold";
1032
- readonly 'color.background.success.bold.hovered': "--ds-background-success-bold-hovered";
1033
- readonly 'color.background.success.bold.pressed': "--ds-background-success-bold-pressed";
1034
- readonly 'color.background.discovery': "--ds-background-discovery";
1035
- readonly 'color.background.discovery.hovered': "--ds-background-discovery-hovered";
1036
- readonly 'color.background.discovery.pressed': "--ds-background-discovery-pressed";
1037
- readonly 'color.background.discovery.bold': "--ds-background-discovery-bold";
1038
- readonly 'color.background.discovery.bold.hovered': "--ds-background-discovery-bold-hovered";
1039
- readonly 'color.background.discovery.bold.pressed': "--ds-background-discovery-bold-pressed";
1040
- readonly 'color.background.information': "--ds-background-information";
1041
- readonly 'color.background.information.hovered': "--ds-background-information-hovered";
1042
- readonly 'color.background.information.pressed': "--ds-background-information-pressed";
1043
- readonly 'color.background.information.bold': "--ds-background-information-bold";
1044
- readonly 'color.background.information.bold.hovered': "--ds-background-information-bold-hovered";
1045
- readonly 'color.background.information.bold.pressed': "--ds-background-information-bold-pressed";
1046
- readonly 'color.blanket': "--ds-blanket";
1047
- readonly 'color.blanket.selected': "--ds-blanket-selected";
1048
- readonly 'color.blanket.danger': "--ds-blanket-danger";
1049
- readonly 'color.interaction.hovered': "--ds-interaction-hovered";
1050
- readonly 'color.interaction.pressed': "--ds-interaction-pressed";
1051
- readonly 'color.skeleton': "--ds-skeleton";
1052
- readonly 'color.skeleton.subtle': "--ds-skeleton-subtle";
1053
- readonly 'color.chart.categorical.1': "--ds-chart-categorical-1";
1054
- readonly 'color.chart.categorical.1.hovered': "--ds-chart-categorical-1-hovered";
1055
- readonly 'color.chart.categorical.2': "--ds-chart-categorical-2";
1056
- readonly 'color.chart.categorical.2.hovered': "--ds-chart-categorical-2-hovered";
1057
- readonly 'color.chart.categorical.3': "--ds-chart-categorical-3";
1058
- readonly 'color.chart.categorical.3.hovered': "--ds-chart-categorical-3-hovered";
1059
- readonly 'color.chart.categorical.4': "--ds-chart-categorical-4";
1060
- readonly 'color.chart.categorical.4.hovered': "--ds-chart-categorical-4-hovered";
1061
- readonly 'color.chart.categorical.5': "--ds-chart-categorical-5";
1062
- readonly 'color.chart.categorical.5.hovered': "--ds-chart-categorical-5-hovered";
1063
- readonly 'color.chart.categorical.6': "--ds-chart-categorical-6";
1064
- readonly 'color.chart.categorical.6.hovered': "--ds-chart-categorical-6-hovered";
1065
- readonly 'color.chart.categorical.7': "--ds-chart-categorical-7";
1066
- readonly 'color.chart.categorical.7.hovered': "--ds-chart-categorical-7-hovered";
1067
- readonly 'color.chart.categorical.8': "--ds-chart-categorical-8";
1068
- readonly 'color.chart.categorical.8.hovered': "--ds-chart-categorical-8-hovered";
1069
- readonly 'color.chart.lime.bold': "--ds-chart-lime-bold";
1070
- readonly 'color.chart.lime.bold.hovered': "--ds-chart-lime-bold-hovered";
1071
- readonly 'color.chart.lime.bolder': "--ds-chart-lime-bolder";
1072
- readonly 'color.chart.lime.bolder.hovered': "--ds-chart-lime-bolder-hovered";
1073
- readonly 'color.chart.lime.boldest': "--ds-chart-lime-boldest";
1074
- readonly 'color.chart.lime.boldest.hovered': "--ds-chart-lime-boldest-hovered";
1075
- readonly 'color.chart.neutral': "--ds-chart-neutral";
1076
- readonly 'color.chart.neutral.hovered': "--ds-chart-neutral-hovered";
1077
- readonly 'color.chart.red.bold': "--ds-chart-red-bold";
1078
- readonly 'color.chart.red.bold.hovered': "--ds-chart-red-bold-hovered";
1079
- readonly 'color.chart.red.bolder': "--ds-chart-red-bolder";
1080
- readonly 'color.chart.red.bolder.hovered': "--ds-chart-red-bolder-hovered";
1081
- readonly 'color.chart.red.boldest': "--ds-chart-red-boldest";
1082
- readonly 'color.chart.red.boldest.hovered': "--ds-chart-red-boldest-hovered";
1083
- readonly 'color.chart.orange.bold': "--ds-chart-orange-bold";
1084
- readonly 'color.chart.orange.bold.hovered': "--ds-chart-orange-bold-hovered";
1085
- readonly 'color.chart.orange.bolder': "--ds-chart-orange-bolder";
1086
- readonly 'color.chart.orange.bolder.hovered': "--ds-chart-orange-bolder-hovered";
1087
- readonly 'color.chart.orange.boldest': "--ds-chart-orange-boldest";
1088
- readonly 'color.chart.orange.boldest.hovered': "--ds-chart-orange-boldest-hovered";
1089
- readonly 'color.chart.yellow.bold': "--ds-chart-yellow-bold";
1090
- readonly 'color.chart.yellow.bold.hovered': "--ds-chart-yellow-bold-hovered";
1091
- readonly 'color.chart.yellow.bolder': "--ds-chart-yellow-bolder";
1092
- readonly 'color.chart.yellow.bolder.hovered': "--ds-chart-yellow-bolder-hovered";
1093
- readonly 'color.chart.yellow.boldest': "--ds-chart-yellow-boldest";
1094
- readonly 'color.chart.yellow.boldest.hovered': "--ds-chart-yellow-boldest-hovered";
1095
- readonly 'color.chart.green.bold': "--ds-chart-green-bold";
1096
- readonly 'color.chart.green.bold.hovered': "--ds-chart-green-bold-hovered";
1097
- readonly 'color.chart.green.bolder': "--ds-chart-green-bolder";
1098
- readonly 'color.chart.green.bolder.hovered': "--ds-chart-green-bolder-hovered";
1099
- readonly 'color.chart.green.boldest': "--ds-chart-green-boldest";
1100
- readonly 'color.chart.green.boldest.hovered': "--ds-chart-green-boldest-hovered";
1101
- readonly 'color.chart.teal.bold': "--ds-chart-teal-bold";
1102
- readonly 'color.chart.teal.bold.hovered': "--ds-chart-teal-bold-hovered";
1103
- readonly 'color.chart.teal.bolder': "--ds-chart-teal-bolder";
1104
- readonly 'color.chart.teal.bolder.hovered': "--ds-chart-teal-bolder-hovered";
1105
- readonly 'color.chart.teal.boldest': "--ds-chart-teal-boldest";
1106
- readonly 'color.chart.teal.boldest.hovered': "--ds-chart-teal-boldest-hovered";
1107
- readonly 'color.chart.blue.bold': "--ds-chart-blue-bold";
1108
- readonly 'color.chart.blue.bold.hovered': "--ds-chart-blue-bold-hovered";
1109
- readonly 'color.chart.blue.bolder': "--ds-chart-blue-bolder";
1110
- readonly 'color.chart.blue.bolder.hovered': "--ds-chart-blue-bolder-hovered";
1111
- readonly 'color.chart.blue.boldest': "--ds-chart-blue-boldest";
1112
- readonly 'color.chart.blue.boldest.hovered': "--ds-chart-blue-boldest-hovered";
1113
- readonly 'color.chart.purple.bold': "--ds-chart-purple-bold";
1114
- readonly 'color.chart.purple.bold.hovered': "--ds-chart-purple-bold-hovered";
1115
- readonly 'color.chart.purple.bolder': "--ds-chart-purple-bolder";
1116
- readonly 'color.chart.purple.bolder.hovered': "--ds-chart-purple-bolder-hovered";
1117
- readonly 'color.chart.purple.boldest': "--ds-chart-purple-boldest";
1118
- readonly 'color.chart.purple.boldest.hovered': "--ds-chart-purple-boldest-hovered";
1119
- readonly 'color.chart.magenta.bold': "--ds-chart-magenta-bold";
1120
- readonly 'color.chart.magenta.bold.hovered': "--ds-chart-magenta-bold-hovered";
1121
- readonly 'color.chart.magenta.bolder': "--ds-chart-magenta-bolder";
1122
- readonly 'color.chart.magenta.bolder.hovered': "--ds-chart-magenta-bolder-hovered";
1123
- readonly 'color.chart.magenta.boldest': "--ds-chart-magenta-boldest";
1124
- readonly 'color.chart.magenta.boldest.hovered': "--ds-chart-magenta-boldest-hovered";
1125
- readonly 'color.chart.gray.bold': "--ds-chart-gray-bold";
1126
- readonly 'color.chart.gray.bold.hovered': "--ds-chart-gray-bold-hovered";
1127
- readonly 'color.chart.gray.bolder': "--ds-chart-gray-bolder";
1128
- readonly 'color.chart.gray.bolder.hovered': "--ds-chart-gray-bolder-hovered";
1129
- readonly 'color.chart.gray.boldest': "--ds-chart-gray-boldest";
1130
- readonly 'color.chart.gray.boldest.hovered': "--ds-chart-gray-boldest-hovered";
1131
- readonly 'color.chart.brand': "--ds-chart-brand";
1132
- readonly 'color.chart.brand.hovered': "--ds-chart-brand-hovered";
1133
- readonly 'color.chart.danger': "--ds-chart-danger";
1134
- readonly 'color.chart.danger.hovered': "--ds-chart-danger-hovered";
1135
- readonly 'color.chart.danger.bold': "--ds-chart-danger-bold";
1136
- readonly 'color.chart.danger.bold.hovered': "--ds-chart-danger-bold-hovered";
1137
- readonly 'color.chart.warning': "--ds-chart-warning";
1138
- readonly 'color.chart.warning.hovered': "--ds-chart-warning-hovered";
1139
- readonly 'color.chart.warning.bold': "--ds-chart-warning-bold";
1140
- readonly 'color.chart.warning.bold.hovered': "--ds-chart-warning-bold-hovered";
1141
- readonly 'color.chart.success': "--ds-chart-success";
1142
- readonly 'color.chart.success.hovered': "--ds-chart-success-hovered";
1143
- readonly 'color.chart.success.bold': "--ds-chart-success-bold";
1144
- readonly 'color.chart.success.bold.hovered': "--ds-chart-success-bold-hovered";
1145
- readonly 'color.chart.discovery': "--ds-chart-discovery";
1146
- readonly 'color.chart.discovery.hovered': "--ds-chart-discovery-hovered";
1147
- readonly 'color.chart.discovery.bold': "--ds-chart-discovery-bold";
1148
- readonly 'color.chart.discovery.bold.hovered': "--ds-chart-discovery-bold-hovered";
1149
- readonly 'color.chart.information': "--ds-chart-information";
1150
- readonly 'color.chart.information.hovered': "--ds-chart-information-hovered";
1151
- readonly 'color.chart.information.bold': "--ds-chart-information-bold";
1152
- readonly 'color.chart.information.bold.hovered': "--ds-chart-information-bold-hovered";
1153
- readonly 'elevation.surface': "--ds-surface";
1154
- readonly 'elevation.surface.hovered': "--ds-surface-hovered";
1155
- readonly 'elevation.surface.pressed': "--ds-surface-pressed";
1156
- readonly 'elevation.surface.overlay': "--ds-surface-overlay";
1157
- readonly 'elevation.surface.overlay.hovered': "--ds-surface-overlay-hovered";
1158
- readonly 'elevation.surface.overlay.pressed': "--ds-surface-overlay-pressed";
1159
- readonly 'elevation.surface.raised': "--ds-surface-raised";
1160
- readonly 'elevation.surface.raised.hovered': "--ds-surface-raised-hovered";
1161
- readonly 'elevation.surface.raised.pressed': "--ds-surface-raised-pressed";
1162
- readonly 'elevation.surface.sunken': "--ds-surface-sunken";
1163
- readonly 'elevation.shadow.overflow': "--ds-shadow-overflow";
1164
- readonly 'elevation.shadow.overflow.perimeter': "--ds-shadow-overflow-perimeter";
1165
- readonly 'elevation.shadow.overflow.spread': "--ds-shadow-overflow-spread";
1166
- readonly 'elevation.shadow.overlay': "--ds-shadow-overlay";
1167
- readonly 'elevation.shadow.raised': "--ds-shadow-raised";
1168
- readonly 'opacity.disabled': "--ds-opacity-disabled";
1169
- readonly 'opacity.loading': "--ds-opacity-loading";
1170
- readonly 'utility.UNSAFE.textTransformUppercase': "--ds-UNSAFE-textTransformUppercase";
1171
- readonly 'utility.UNSAFE.transparent': "--ds-UNSAFE-transparent";
1172
- readonly 'utility.elevation.surface.current': "--ds-elevation-surface-current";
1173
- readonly 'border.radius.050': "--ds-border-radius-050";
1174
- readonly 'border.radius': "--ds-border-radius";
1175
- readonly 'border.radius.100': "--ds-border-radius-100";
1176
- readonly 'border.radius.200': "--ds-border-radius-200";
1177
- readonly 'border.radius.300': "--ds-border-radius-300";
1178
- readonly 'border.radius.400': "--ds-border-radius-400";
1179
- readonly 'border.radius.circle': "--ds-border-radius-circle";
1180
- readonly 'border.width': "--ds-border-width";
1181
- readonly 'border.width.0': "--ds-border-width-0";
1182
- readonly 'border.width.indicator': "--ds-border-width-indicator";
1183
- readonly 'border.width.outline': "--ds-border-width-outline";
1184
- readonly 'space.0': "--ds-space-0";
1185
- readonly 'space.025': "--ds-space-025";
1186
- readonly 'space.050': "--ds-space-050";
1187
- readonly 'space.075': "--ds-space-075";
1188
- readonly 'space.100': "--ds-space-100";
1189
- readonly 'space.150': "--ds-space-150";
1190
- readonly 'space.200': "--ds-space-200";
1191
- readonly 'space.250': "--ds-space-250";
1192
- readonly 'space.300': "--ds-space-300";
1193
- readonly 'space.400': "--ds-space-400";
1194
- readonly 'space.500': "--ds-space-500";
1195
- readonly 'space.600': "--ds-space-600";
1196
- readonly 'space.800': "--ds-space-800";
1197
- readonly 'space.1000': "--ds-space-1000";
1198
- readonly 'space.negative.025': "--ds-space-negative-025";
1199
- readonly 'space.negative.050': "--ds-space-negative-050";
1200
- readonly 'space.negative.075': "--ds-space-negative-075";
1201
- readonly 'space.negative.100': "--ds-space-negative-100";
1202
- readonly 'space.negative.150': "--ds-space-negative-150";
1203
- readonly 'space.negative.200': "--ds-space-negative-200";
1204
- readonly 'space.negative.250': "--ds-space-negative-250";
1205
- readonly 'space.negative.300': "--ds-space-negative-300";
1206
- readonly 'space.negative.400': "--ds-space-negative-400";
1207
- readonly 'font.body': "--ds-font-body";
1208
- readonly 'font.body.large': "--ds-font-body-large";
1209
- readonly 'font.body.small': "--ds-font-body-small";
1210
- readonly 'font.code': "--ds-font-code";
1211
- readonly 'font.heading.large': "--ds-font-heading-large";
1212
- readonly 'font.heading.medium': "--ds-font-heading-medium";
1213
- readonly 'font.heading.small': "--ds-font-heading-small";
1214
- readonly 'font.heading.xlarge': "--ds-font-heading-xlarge";
1215
- readonly 'font.heading.xsmall': "--ds-font-heading-xsmall";
1216
- readonly 'font.heading.xxlarge': "--ds-font-heading-xxlarge";
1217
- readonly 'font.heading.xxsmall': "--ds-font-heading-xxsmall";
1218
- readonly 'font.letterSpacing.0': "--ds-font-letterSpacing-0";
1219
- readonly 'font.letterSpacing.100': "--ds-font-letterSpacing-100";
1220
- readonly 'font.letterSpacing.200': "--ds-font-letterSpacing-200";
1221
- readonly 'font.letterSpacing.300': "--ds-font-letterSpacing-300";
1222
- readonly 'font.letterSpacing.400': "--ds-font-letterSpacing-400";
1223
- readonly 'font.ui': "--ds-font-ui";
1224
- readonly 'font.ui.small': "--ds-font-ui-small";
1225
- readonly 'font.family.body': "--ds-font-family-body";
1226
- readonly 'font.family.code': "--ds-font-family-code";
1227
- readonly 'font.family.heading': "--ds-font-family-heading";
1228
- readonly 'font.family.monospace': "--ds-font-family-monospace";
1229
- readonly 'font.family.sans': "--ds-font-family-sans";
1230
- readonly 'font.family.brand': "--ds-font-family-brand";
1231
- readonly 'font.size.050': "--ds-font-size-050";
1232
- readonly 'font.size.075': "--ds-font-size-075";
1233
- readonly 'font.size.100': "--ds-font-size-100";
1234
- readonly 'font.size.200': "--ds-font-size-200";
1235
- readonly 'font.size.300': "--ds-font-size-300";
1236
- readonly 'font.size.400': "--ds-font-size-400";
1237
- readonly 'font.size.500': "--ds-font-size-500";
1238
- readonly 'font.size.600': "--ds-font-size-600";
1239
- readonly 'font.weight.bold': "--ds-font-weight-bold";
1240
- readonly 'font.weight.medium': "--ds-font-weight-medium";
1241
- readonly 'font.weight.regular': "--ds-font-weight-regular";
1242
- readonly 'font.weight.semibold': "--ds-font-weight-semibold";
1243
- readonly 'font.lineHeight.1': "--ds-font-lineHeight-1";
1244
- readonly 'font.lineHeight.100': "--ds-font-lineHeight-100";
1245
- readonly 'font.lineHeight.200': "--ds-font-lineHeight-200";
1246
- readonly 'font.lineHeight.300': "--ds-font-lineHeight-300";
1247
- readonly 'font.lineHeight.400': "--ds-font-lineHeight-400";
1248
- readonly 'font.lineHeight.500': "--ds-font-lineHeight-500";
1249
- readonly 'font.lineHeight.600': "--ds-font-lineHeight-600";
1250
- };
1251
-
1252
- // @public (undocumented)
1253
- type Tokens_2 = typeof tokens;
1254
-
1255
- // @public (undocumented)
1256
- type TokenState = ActiveTokenState | DeletedTokenState | DeprecatedTokenState | ExperimentalTokenState;
1257
-
1258
- // @public (undocumented)
1259
- interface TypographyDesignToken<TValue> extends DesignToken<TValue, 'typography'> {
1260
- // (undocumented)
1261
- attributes: DesignToken<TValue, 'typography'>['attributes'] & {
1262
- responsiveSmallerVariant?: ResponsiveTypographyTokens;
1263
- };
1264
- }
1265
-
1266
- // @public
1267
- export type TypographyToken<TPalette extends {
1268
- fontWeight: string;
1269
- fontSize: string;
1270
- lineHeight: string;
1271
- fontFamily: string;
1272
- letterSpacing: string;
1273
- responsiveToken?: string;
1274
- }> = TypographyDesignToken<{
1275
- fontStyle: 'normal';
1276
- fontWeight: TPalette['fontWeight'];
1277
- fontFamily: FlattenKeys<FontFamilyTokenSchema<any>>;
1278
- fontSize: TPalette['fontSize'];
1279
- lineHeight: TPalette['lineHeight'];
1280
- letterSpacing: TPalette['letterSpacing'];
1281
- }>;
1282
-
1283
- // @public
1284
- interface TypographyTokenSchema<TPalette extends {
1285
- fontWeight: string;
1286
- fontSize: string;
1287
- lineHeight: string;
1288
- fontFamily: string;
1289
- letterSpacing: string;
1290
- }> {
1291
- // (undocumented)
1292
- font: {
1293
- heading: {
1294
- xxlarge: TypographyToken<TPalette>;
1295
- xlarge: TypographyToken<TPalette>;
1296
- large: TypographyToken<TPalette>;
1297
- medium: TypographyToken<TPalette>;
1298
- small: TypographyToken<TPalette>;
1299
- xsmall: TypographyToken<TPalette>;
1300
- xxsmall: TypographyToken<TPalette>;
1301
- };
1302
- ui: {
1303
- '[default]': TypographyToken<TPalette>;
1304
- small: TypographyToken<TPalette>;
1305
- };
1306
- body: {
1307
- '[default]': TypographyToken<TPalette>;
1308
- small: TypographyToken<TPalette>;
1309
- large: TypographyToken<TPalette>;
1310
- };
1311
- code: {
1312
- '[default]': TypographyToken<TPalette>;
1313
- };
1314
- };
1315
- }
1316
-
1317
- // @public
1318
- export const useThemeObserver: () => Partial<ActiveThemeState>;
1319
-
1320
- // (No @packageDocumentation comment for this package)
1321
-
1322
- ```