@atlaskit/primitives 14.15.3 → 14.15.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/compiled/components/anchor.js +1 -1
  3. package/dist/cjs/compiled/components/pressable.js +1 -1
  4. package/dist/cjs/components/anchor.js +1 -1
  5. package/dist/cjs/components/pressable.js +1 -1
  6. package/dist/cjs/xcss/style-maps.partial.js +2 -2
  7. package/dist/es2019/compiled/components/anchor.js +1 -1
  8. package/dist/es2019/compiled/components/pressable.js +1 -1
  9. package/dist/es2019/components/anchor.js +1 -1
  10. package/dist/es2019/components/pressable.js +1 -1
  11. package/dist/es2019/xcss/style-maps.partial.js +2 -2
  12. package/dist/esm/compiled/components/anchor.js +1 -1
  13. package/dist/esm/compiled/components/pressable.js +1 -1
  14. package/dist/esm/components/anchor.js +1 -1
  15. package/dist/esm/components/pressable.js +1 -1
  16. package/dist/esm/xcss/style-maps.partial.js +2 -2
  17. package/dist/types/responsive/constants.d.ts +24 -24
  18. package/dist/types/xcss/style-maps.partial.d.ts +2 -2
  19. package/dist/types/xcss/xcss.d.ts +91 -1751
  20. package/dist/types-ts4.5/responsive/constants.d.ts +24 -24
  21. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +2 -2
  22. package/dist/types-ts4.5/xcss/xcss.d.ts +91 -1751
  23. package/package.json +4 -4
package/dist/types/xcss/xcss.d.ts CHANGED
@@ -2,1758 +2,98 @@ import type { CSSPropertiesWithMultiValues, SerializedStyles } from '@emotion/se
2
2
  import type * as CSS from 'csstype';
3
3
  import type { StrictXCSSProp, XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
4
4
  import type { MediaQuery } from '../responsive/types';
5
- import { type TokenisedProps } from './style-maps.partial';
5
+ import { allSpaceMap, backgroundColorMap, borderColorMap, borderRadiusMap, borderWidthMap, dimensionMap, fontFamilyMap, fontMap, fontWeightMap, layerMap, opacityMap, positiveSpaceMap, shadowMap, textColorMap, type TokenisedProps } from './style-maps.partial';
6
6
  export declare const tokensMap: {
7
- readonly backgroundColor: {
8
- 'color.background.accent.lime.subtlest': "var(--ds-background-accent-lime-subtlest)";
9
- 'color.background.accent.lime.subtlest.hovered': "var(--ds-background-accent-lime-subtlest-hovered)";
10
- 'color.background.accent.lime.subtlest.pressed': "var(--ds-background-accent-lime-subtlest-pressed)";
11
- 'color.background.accent.lime.subtler': "var(--ds-background-accent-lime-subtler)";
12
- 'color.background.accent.lime.subtler.hovered': "var(--ds-background-accent-lime-subtler-hovered)";
13
- 'color.background.accent.lime.subtler.pressed': "var(--ds-background-accent-lime-subtler-pressed)";
14
- 'color.background.accent.lime.subtle': "var(--ds-background-accent-lime-subtle)";
15
- 'color.background.accent.lime.subtle.hovered': "var(--ds-background-accent-lime-subtle-hovered)";
16
- 'color.background.accent.lime.subtle.pressed': "var(--ds-background-accent-lime-subtle-pressed)";
17
- 'color.background.accent.lime.bolder': "var(--ds-background-accent-lime-bolder)";
18
- 'color.background.accent.lime.bolder.hovered': "var(--ds-background-accent-lime-bolder-hovered)";
19
- 'color.background.accent.lime.bolder.pressed': "var(--ds-background-accent-lime-bolder-pressed)";
20
- 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest)";
21
- 'color.background.accent.red.subtlest.hovered': "var(--ds-background-accent-red-subtlest-hovered)";
22
- 'color.background.accent.red.subtlest.pressed': "var(--ds-background-accent-red-subtlest-pressed)";
23
- 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler)";
24
- 'color.background.accent.red.subtler.hovered': "var(--ds-background-accent-red-subtler-hovered)";
25
- 'color.background.accent.red.subtler.pressed': "var(--ds-background-accent-red-subtler-pressed)";
26
- 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle)";
27
- 'color.background.accent.red.subtle.hovered': "var(--ds-background-accent-red-subtle-hovered)";
28
- 'color.background.accent.red.subtle.pressed': "var(--ds-background-accent-red-subtle-pressed)";
29
- 'color.background.accent.red.bolder': "var(--ds-background-accent-red-bolder)";
30
- 'color.background.accent.red.bolder.hovered': "var(--ds-background-accent-red-bolder-hovered)";
31
- 'color.background.accent.red.bolder.pressed': "var(--ds-background-accent-red-bolder-pressed)";
32
- 'color.background.accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest)";
33
- 'color.background.accent.orange.subtlest.hovered': "var(--ds-background-accent-orange-subtlest-hovered)";
34
- 'color.background.accent.orange.subtlest.pressed': "var(--ds-background-accent-orange-subtlest-pressed)";
35
- 'color.background.accent.orange.subtler': "var(--ds-background-accent-orange-subtler)";
36
- 'color.background.accent.orange.subtler.hovered': "var(--ds-background-accent-orange-subtler-hovered)";
37
- 'color.background.accent.orange.subtler.pressed': "var(--ds-background-accent-orange-subtler-pressed)";
38
- 'color.background.accent.orange.subtle': "var(--ds-background-accent-orange-subtle)";
39
- 'color.background.accent.orange.subtle.hovered': "var(--ds-background-accent-orange-subtle-hovered)";
40
- 'color.background.accent.orange.subtle.pressed': "var(--ds-background-accent-orange-subtle-pressed)";
41
- 'color.background.accent.orange.bolder': "var(--ds-background-accent-orange-bolder)";
42
- 'color.background.accent.orange.bolder.hovered': "var(--ds-background-accent-orange-bolder-hovered)";
43
- 'color.background.accent.orange.bolder.pressed': "var(--ds-background-accent-orange-bolder-pressed)";
44
- 'color.background.accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest)";
45
- 'color.background.accent.yellow.subtlest.hovered': "var(--ds-background-accent-yellow-subtlest-hovered)";
46
- 'color.background.accent.yellow.subtlest.pressed': "var(--ds-background-accent-yellow-subtlest-pressed)";
47
- 'color.background.accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler)";
48
- 'color.background.accent.yellow.subtler.hovered': "var(--ds-background-accent-yellow-subtler-hovered)";
49
- 'color.background.accent.yellow.subtler.pressed': "var(--ds-background-accent-yellow-subtler-pressed)";
50
- 'color.background.accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle)";
51
- 'color.background.accent.yellow.subtle.hovered': "var(--ds-background-accent-yellow-subtle-hovered)";
52
- 'color.background.accent.yellow.subtle.pressed': "var(--ds-background-accent-yellow-subtle-pressed)";
53
- 'color.background.accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder)";
54
- 'color.background.accent.yellow.bolder.hovered': "var(--ds-background-accent-yellow-bolder-hovered)";
55
- 'color.background.accent.yellow.bolder.pressed': "var(--ds-background-accent-yellow-bolder-pressed)";
56
- 'color.background.accent.green.subtlest': "var(--ds-background-accent-green-subtlest)";
57
- 'color.background.accent.green.subtlest.hovered': "var(--ds-background-accent-green-subtlest-hovered)";
58
- 'color.background.accent.green.subtlest.pressed': "var(--ds-background-accent-green-subtlest-pressed)";
59
- 'color.background.accent.green.subtler': "var(--ds-background-accent-green-subtler)";
60
- 'color.background.accent.green.subtler.hovered': "var(--ds-background-accent-green-subtler-hovered)";
61
- 'color.background.accent.green.subtler.pressed': "var(--ds-background-accent-green-subtler-pressed)";
62
- 'color.background.accent.green.subtle': "var(--ds-background-accent-green-subtle)";
63
- 'color.background.accent.green.subtle.hovered': "var(--ds-background-accent-green-subtle-hovered)";
64
- 'color.background.accent.green.subtle.pressed': "var(--ds-background-accent-green-subtle-pressed)";
65
- 'color.background.accent.green.bolder': "var(--ds-background-accent-green-bolder)";
66
- 'color.background.accent.green.bolder.hovered': "var(--ds-background-accent-green-bolder-hovered)";
67
- 'color.background.accent.green.bolder.pressed': "var(--ds-background-accent-green-bolder-pressed)";
68
- 'color.background.accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest)";
69
- 'color.background.accent.teal.subtlest.hovered': "var(--ds-background-accent-teal-subtlest-hovered)";
70
- 'color.background.accent.teal.subtlest.pressed': "var(--ds-background-accent-teal-subtlest-pressed)";
71
- 'color.background.accent.teal.subtler': "var(--ds-background-accent-teal-subtler)";
72
- 'color.background.accent.teal.subtler.hovered': "var(--ds-background-accent-teal-subtler-hovered)";
73
- 'color.background.accent.teal.subtler.pressed': "var(--ds-background-accent-teal-subtler-pressed)";
74
- 'color.background.accent.teal.subtle': "var(--ds-background-accent-teal-subtle)";
75
- 'color.background.accent.teal.subtle.hovered': "var(--ds-background-accent-teal-subtle-hovered)";
76
- 'color.background.accent.teal.subtle.pressed': "var(--ds-background-accent-teal-subtle-pressed)";
77
- 'color.background.accent.teal.bolder': "var(--ds-background-accent-teal-bolder)";
78
- 'color.background.accent.teal.bolder.hovered': "var(--ds-background-accent-teal-bolder-hovered)";
79
- 'color.background.accent.teal.bolder.pressed': "var(--ds-background-accent-teal-bolder-pressed)";
80
- 'color.background.accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest)";
81
- 'color.background.accent.blue.subtlest.hovered': "var(--ds-background-accent-blue-subtlest-hovered)";
82
- 'color.background.accent.blue.subtlest.pressed': "var(--ds-background-accent-blue-subtlest-pressed)";
83
- 'color.background.accent.blue.subtler': "var(--ds-background-accent-blue-subtler)";
84
- 'color.background.accent.blue.subtler.hovered': "var(--ds-background-accent-blue-subtler-hovered)";
85
- 'color.background.accent.blue.subtler.pressed': "var(--ds-background-accent-blue-subtler-pressed)";
86
- 'color.background.accent.blue.subtle': "var(--ds-background-accent-blue-subtle)";
87
- 'color.background.accent.blue.subtle.hovered': "var(--ds-background-accent-blue-subtle-hovered)";
88
- 'color.background.accent.blue.subtle.pressed': "var(--ds-background-accent-blue-subtle-pressed)";
89
- 'color.background.accent.blue.bolder': "var(--ds-background-accent-blue-bolder)";
90
- 'color.background.accent.blue.bolder.hovered': "var(--ds-background-accent-blue-bolder-hovered)";
91
- 'color.background.accent.blue.bolder.pressed': "var(--ds-background-accent-blue-bolder-pressed)";
92
- 'color.background.accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest)";
93
- 'color.background.accent.purple.subtlest.hovered': "var(--ds-background-accent-purple-subtlest-hovered)";
94
- 'color.background.accent.purple.subtlest.pressed': "var(--ds-background-accent-purple-subtlest-pressed)";
95
- 'color.background.accent.purple.subtler': "var(--ds-background-accent-purple-subtler)";
96
- 'color.background.accent.purple.subtler.hovered': "var(--ds-background-accent-purple-subtler-hovered)";
97
- 'color.background.accent.purple.subtler.pressed': "var(--ds-background-accent-purple-subtler-pressed)";
98
- 'color.background.accent.purple.subtle': "var(--ds-background-accent-purple-subtle)";
99
- 'color.background.accent.purple.subtle.hovered': "var(--ds-background-accent-purple-subtle-hovered)";
100
- 'color.background.accent.purple.subtle.pressed': "var(--ds-background-accent-purple-subtle-pressed)";
101
- 'color.background.accent.purple.bolder': "var(--ds-background-accent-purple-bolder)";
102
- 'color.background.accent.purple.bolder.hovered': "var(--ds-background-accent-purple-bolder-hovered)";
103
- 'color.background.accent.purple.bolder.pressed': "var(--ds-background-accent-purple-bolder-pressed)";
104
- 'color.background.accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest)";
105
- 'color.background.accent.magenta.subtlest.hovered': "var(--ds-background-accent-magenta-subtlest-hovered)";
106
- 'color.background.accent.magenta.subtlest.pressed': "var(--ds-background-accent-magenta-subtlest-pressed)";
107
- 'color.background.accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler)";
108
- 'color.background.accent.magenta.subtler.hovered': "var(--ds-background-accent-magenta-subtler-hovered)";
109
- 'color.background.accent.magenta.subtler.pressed': "var(--ds-background-accent-magenta-subtler-pressed)";
110
- 'color.background.accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle)";
111
- 'color.background.accent.magenta.subtle.hovered': "var(--ds-background-accent-magenta-subtle-hovered)";
112
- 'color.background.accent.magenta.subtle.pressed': "var(--ds-background-accent-magenta-subtle-pressed)";
113
- 'color.background.accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder)";
114
- 'color.background.accent.magenta.bolder.hovered': "var(--ds-background-accent-magenta-bolder-hovered)";
115
- 'color.background.accent.magenta.bolder.pressed': "var(--ds-background-accent-magenta-bolder-pressed)";
116
- 'color.background.accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest)";
117
- 'color.background.accent.gray.subtlest.hovered': "var(--ds-background-accent-gray-subtlest-hovered)";
118
- 'color.background.accent.gray.subtlest.pressed': "var(--ds-background-accent-gray-subtlest-pressed)";
119
- 'color.background.accent.gray.subtler': "var(--ds-background-accent-gray-subtler)";
120
- 'color.background.accent.gray.subtler.hovered': "var(--ds-background-accent-gray-subtler-hovered)";
121
- 'color.background.accent.gray.subtler.pressed': "var(--ds-background-accent-gray-subtler-pressed)";
122
- 'color.background.accent.gray.subtle': "var(--ds-background-accent-gray-subtle)";
123
- 'color.background.accent.gray.subtle.hovered': "var(--ds-background-accent-gray-subtle-hovered)";
124
- 'color.background.accent.gray.subtle.pressed': "var(--ds-background-accent-gray-subtle-pressed)";
125
- 'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder)";
126
- 'color.background.accent.gray.bolder.hovered': "var(--ds-background-accent-gray-bolder-hovered)";
127
- 'color.background.accent.gray.bolder.pressed': "var(--ds-background-accent-gray-bolder-pressed)";
128
- 'color.background.disabled': "var(--ds-background-disabled)";
129
- 'color.background.input': "var(--ds-background-input)";
130
- 'color.background.input.hovered': "var(--ds-background-input-hovered)";
131
- 'color.background.input.pressed': "var(--ds-background-input-pressed)";
132
- 'color.background.inverse.subtle': "var(--ds-background-inverse-subtle)";
133
- 'color.background.inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered)";
134
- 'color.background.inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed)";
135
- 'color.background.neutral': "var(--ds-background-neutral)";
136
- 'color.background.neutral.hovered': "var(--ds-background-neutral-hovered)";
137
- 'color.background.neutral.pressed': "var(--ds-background-neutral-pressed)";
138
- 'color.background.neutral.subtle': "var(--ds-background-neutral-subtle)";
139
- 'color.background.neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered)";
140
- 'color.background.neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed)";
141
- 'color.background.neutral.bold': "var(--ds-background-neutral-bold)";
142
- 'color.background.neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered)";
143
- 'color.background.neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed)";
144
- 'color.background.selected': "var(--ds-background-selected)";
145
- 'color.background.selected.hovered': "var(--ds-background-selected-hovered)";
146
- 'color.background.selected.pressed': "var(--ds-background-selected-pressed)";
147
- 'color.background.selected.bold': "var(--ds-background-selected-bold)";
148
- 'color.background.selected.bold.hovered': "var(--ds-background-selected-bold-hovered)";
149
- 'color.background.selected.bold.pressed': "var(--ds-background-selected-bold-pressed)";
150
- 'color.background.brand.subtlest': "var(--ds-background-brand-subtlest)";
151
- 'color.background.brand.subtlest.hovered': "var(--ds-background-brand-subtlest-hovered)";
152
- 'color.background.brand.subtlest.pressed': "var(--ds-background-brand-subtlest-pressed)";
153
- 'color.background.brand.bold': "var(--ds-background-brand-bold)";
154
- 'color.background.brand.bold.hovered': "var(--ds-background-brand-bold-hovered)";
155
- 'color.background.brand.bold.pressed': "var(--ds-background-brand-bold-pressed)";
156
- 'color.background.brand.boldest': "var(--ds-background-brand-boldest)";
157
- 'color.background.brand.boldest.hovered': "var(--ds-background-brand-boldest-hovered)";
158
- 'color.background.brand.boldest.pressed': "var(--ds-background-brand-boldest-pressed)";
159
- 'color.background.danger': "var(--ds-background-danger)";
160
- 'color.background.danger.hovered': "var(--ds-background-danger-hovered)";
161
- 'color.background.danger.pressed': "var(--ds-background-danger-pressed)";
162
- 'color.background.danger.bold': "var(--ds-background-danger-bold)";
163
- 'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered)";
164
- 'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed)";
165
- 'color.background.warning': "var(--ds-background-warning)";
166
- 'color.background.warning.hovered': "var(--ds-background-warning-hovered)";
167
- 'color.background.warning.pressed': "var(--ds-background-warning-pressed)";
168
- 'color.background.warning.bold': "var(--ds-background-warning-bold)";
169
- 'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered)";
170
- 'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed)";
171
- 'color.background.success': "var(--ds-background-success)";
172
- 'color.background.success.hovered': "var(--ds-background-success-hovered)";
173
- 'color.background.success.pressed': "var(--ds-background-success-pressed)";
174
- 'color.background.success.bold': "var(--ds-background-success-bold)";
175
- 'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered)";
176
- 'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed)";
177
- 'color.background.discovery': "var(--ds-background-discovery)";
178
- 'color.background.discovery.hovered': "var(--ds-background-discovery-hovered)";
179
- 'color.background.discovery.pressed': "var(--ds-background-discovery-pressed)";
180
- 'color.background.discovery.bold': "var(--ds-background-discovery-bold)";
181
- 'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered)";
182
- 'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed)";
183
- 'color.background.information': "var(--ds-background-information)";
184
- 'color.background.information.hovered': "var(--ds-background-information-hovered)";
185
- 'color.background.information.pressed': "var(--ds-background-information-pressed)";
186
- 'color.background.information.bold': "var(--ds-background-information-bold)";
187
- 'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered)";
188
- 'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed)";
189
- 'color.blanket': "var(--ds-blanket)";
190
- 'color.blanket.selected': "var(--ds-blanket-selected)";
191
- 'color.blanket.danger': "var(--ds-blanket-danger)";
192
- 'color.skeleton': "var(--ds-skeleton)";
193
- 'color.skeleton.subtle': "var(--ds-skeleton-subtle)";
194
- 'elevation.surface': "var(--ds-surface)";
195
- 'elevation.surface.hovered': "var(--ds-surface-hovered)";
196
- 'elevation.surface.pressed': "var(--ds-surface-pressed)";
197
- 'elevation.surface.overlay': "var(--ds-surface-overlay)";
198
- 'elevation.surface.overlay.hovered': "var(--ds-surface-overlay-hovered)";
199
- 'elevation.surface.overlay.pressed': "var(--ds-surface-overlay-pressed)";
200
- 'elevation.surface.raised': "var(--ds-surface-raised)";
201
- 'elevation.surface.raised.hovered': "var(--ds-surface-raised-hovered)";
202
- 'elevation.surface.raised.pressed': "var(--ds-surface-raised-pressed)";
203
- 'elevation.surface.sunken': "var(--ds-surface-sunken)";
204
- 'utility.elevation.surface.current': "var(--ds-elevation-surface-current)";
205
- };
206
- readonly blockSize: {
207
- readonly '100%': "100%";
208
- readonly 'size.100': "1rem";
209
- readonly 'size.200': "1.5rem";
210
- readonly 'size.300': "2rem";
211
- readonly 'size.400': "2.5rem";
212
- readonly 'size.500': "3rem";
213
- readonly 'size.600': "6rem";
214
- readonly 'size.1000': "12rem";
215
- };
216
- readonly borderBlockColor: {
217
- 'color.border': "var(--ds-border)";
218
- 'color.border.accent.lime': "var(--ds-border-accent-lime)";
219
- 'color.border.accent.red': "var(--ds-border-accent-red)";
220
- 'color.border.accent.orange': "var(--ds-border-accent-orange)";
221
- 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
222
- 'color.border.accent.green': "var(--ds-border-accent-green)";
223
- 'color.border.accent.teal': "var(--ds-border-accent-teal)";
224
- 'color.border.accent.blue': "var(--ds-border-accent-blue)";
225
- 'color.border.accent.purple': "var(--ds-border-accent-purple)";
226
- 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
227
- 'color.border.accent.gray': "var(--ds-border-accent-gray)";
228
- 'color.border.disabled': "var(--ds-border-disabled)";
229
- 'color.border.focused': "var(--ds-border-focused)";
230
- 'color.border.input': "var(--ds-border-input)";
231
- 'color.border.inverse': "var(--ds-border-inverse)";
232
- 'color.border.selected': "var(--ds-border-selected)";
233
- 'color.border.brand': "var(--ds-border-brand)";
234
- 'color.border.danger': "var(--ds-border-danger)";
235
- 'color.border.warning': "var(--ds-border-warning)";
236
- 'color.border.success': "var(--ds-border-success)";
237
- 'color.border.discovery': "var(--ds-border-discovery)";
238
- 'color.border.information': "var(--ds-border-information)";
239
- 'color.border.bold': "var(--ds-border-bold)";
240
- };
241
- readonly borderBlockEndColor: {
242
- 'color.border': "var(--ds-border)";
243
- 'color.border.accent.lime': "var(--ds-border-accent-lime)";
244
- 'color.border.accent.red': "var(--ds-border-accent-red)";
245
- 'color.border.accent.orange': "var(--ds-border-accent-orange)";
246
- 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
247
- 'color.border.accent.green': "var(--ds-border-accent-green)";
248
- 'color.border.accent.teal': "var(--ds-border-accent-teal)";
249
- 'color.border.accent.blue': "var(--ds-border-accent-blue)";
250
- 'color.border.accent.purple': "var(--ds-border-accent-purple)";
251
- 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
252
- 'color.border.accent.gray': "var(--ds-border-accent-gray)";
253
- 'color.border.disabled': "var(--ds-border-disabled)";
254
- 'color.border.focused': "var(--ds-border-focused)";
255
- 'color.border.input': "var(--ds-border-input)";
256
- 'color.border.inverse': "var(--ds-border-inverse)";
257
- 'color.border.selected': "var(--ds-border-selected)";
258
- 'color.border.brand': "var(--ds-border-brand)";
259
- 'color.border.danger': "var(--ds-border-danger)";
260
- 'color.border.warning': "var(--ds-border-warning)";
261
- 'color.border.success': "var(--ds-border-success)";
262
- 'color.border.discovery': "var(--ds-border-discovery)";
263
- 'color.border.information': "var(--ds-border-information)";
264
- 'color.border.bold': "var(--ds-border-bold)";
265
- };
266
- readonly borderBlockEndWidth: {
267
- 'border.width': "var(--ds-border-width)";
268
- 'border.width.0': "var(--ds-border-width-0)";
269
- 'border.width.indicator': "var(--ds-border-width-indicator)";
270
- 'border.width.outline': "var(--ds-border-width-outline)";
271
- 'border.width.selected': "var(--ds-border-width-selected)";
272
- 'border.width.focused': "var(--ds-border-width-focused)";
273
- };
274
- readonly borderBlockStartColor: {
275
- 'color.border': "var(--ds-border)";
276
- 'color.border.accent.lime': "var(--ds-border-accent-lime)";
277
- 'color.border.accent.red': "var(--ds-border-accent-red)";
278
- 'color.border.accent.orange': "var(--ds-border-accent-orange)";
279
- 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
280
- 'color.border.accent.green': "var(--ds-border-accent-green)";
281
- 'color.border.accent.teal': "var(--ds-border-accent-teal)";
282
- 'color.border.accent.blue': "var(--ds-border-accent-blue)";
283
- 'color.border.accent.purple': "var(--ds-border-accent-purple)";
284
- 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
285
- 'color.border.accent.gray': "var(--ds-border-accent-gray)";
286
- 'color.border.disabled': "var(--ds-border-disabled)";
287
- 'color.border.focused': "var(--ds-border-focused)";
288
- 'color.border.input': "var(--ds-border-input)";
289
- 'color.border.inverse': "var(--ds-border-inverse)";
290
- 'color.border.selected': "var(--ds-border-selected)";
291
- 'color.border.brand': "var(--ds-border-brand)";
292
- 'color.border.danger': "var(--ds-border-danger)";
293
- 'color.border.warning': "var(--ds-border-warning)";
294
- 'color.border.success': "var(--ds-border-success)";
295
- 'color.border.discovery': "var(--ds-border-discovery)";
296
- 'color.border.information': "var(--ds-border-information)";
297
- 'color.border.bold': "var(--ds-border-bold)";
298
- };
299
- readonly borderBlockStartWidth: {
300
- 'border.width': "var(--ds-border-width)";
301
- 'border.width.0': "var(--ds-border-width-0)";
302
- 'border.width.indicator': "var(--ds-border-width-indicator)";
303
- 'border.width.outline': "var(--ds-border-width-outline)";
304
- 'border.width.selected': "var(--ds-border-width-selected)";
305
- 'border.width.focused': "var(--ds-border-width-focused)";
306
- };
307
- readonly borderBlockWidth: {
308
- 'border.width': "var(--ds-border-width)";
309
- 'border.width.0': "var(--ds-border-width-0)";
310
- 'border.width.indicator': "var(--ds-border-width-indicator)";
311
- 'border.width.outline': "var(--ds-border-width-outline)";
312
- 'border.width.selected': "var(--ds-border-width-selected)";
313
- 'border.width.focused': "var(--ds-border-width-focused)";
314
- };
315
- readonly borderBottomColor: {
316
- 'color.border': "var(--ds-border)";
317
- 'color.border.accent.lime': "var(--ds-border-accent-lime)";
318
- 'color.border.accent.red': "var(--ds-border-accent-red)";
319
- 'color.border.accent.orange': "var(--ds-border-accent-orange)";
320
- 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
321
- 'color.border.accent.green': "var(--ds-border-accent-green)";
322
- 'color.border.accent.teal': "var(--ds-border-accent-teal)";
323
- 'color.border.accent.blue': "var(--ds-border-accent-blue)";
324
- 'color.border.accent.purple': "var(--ds-border-accent-purple)";
325
- 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
326
- 'color.border.accent.gray': "var(--ds-border-accent-gray)";
327
- 'color.border.disabled': "var(--ds-border-disabled)";
328
- 'color.border.focused': "var(--ds-border-focused)";
329
- 'color.border.input': "var(--ds-border-input)";
330
- 'color.border.inverse': "var(--ds-border-inverse)";
331
- 'color.border.selected': "var(--ds-border-selected)";
332
- 'color.border.brand': "var(--ds-border-brand)";
333
- 'color.border.danger': "var(--ds-border-danger)";
334
- 'color.border.warning': "var(--ds-border-warning)";
335
- 'color.border.success': "var(--ds-border-success)";
336
- 'color.border.discovery': "var(--ds-border-discovery)";
337
- 'color.border.information': "var(--ds-border-information)";
338
- 'color.border.bold': "var(--ds-border-bold)";
339
- };
340
- readonly borderBottomLeftRadius: {
341
- 'radius.xsmall': "var(--ds-radius-xsmall)";
342
- 'radius.small': "var(--ds-radius-small)";
343
- 'radius.medium': "var(--ds-radius-medium)";
344
- 'radius.large': "var(--ds-radius-large)";
345
- 'radius.xlarge': "var(--ds-radius-xlarge)";
346
- 'radius.full': "var(--ds-radius-full)";
347
- 'radius.tile': "var(--ds-radius-tile)";
348
- 'border.radius': "var(--ds-border-radius)";
349
- 'border.radius.050': "var(--ds-border-radius-050)";
350
- 'border.radius.100': "var(--ds-border-radius-100)";
351
- 'border.radius.200': "var(--ds-border-radius-200)";
352
- 'border.radius.300': "var(--ds-border-radius-300)";
353
- 'border.radius.400': "var(--ds-border-radius-400)";
354
- 'border.radius.circle': "var(--ds-border-radius-circle)";
355
- };
356
- readonly borderBottomRightRadius: {
357
- 'radius.xsmall': "var(--ds-radius-xsmall)";
358
- 'radius.small': "var(--ds-radius-small)";
359
- 'radius.medium': "var(--ds-radius-medium)";
360
- 'radius.large': "var(--ds-radius-large)";
361
- 'radius.xlarge': "var(--ds-radius-xlarge)";
362
- 'radius.full': "var(--ds-radius-full)";
363
- 'radius.tile': "var(--ds-radius-tile)";
364
- 'border.radius': "var(--ds-border-radius)";
365
- 'border.radius.050': "var(--ds-border-radius-050)";
366
- 'border.radius.100': "var(--ds-border-radius-100)";
367
- 'border.radius.200': "var(--ds-border-radius-200)";
368
- 'border.radius.300': "var(--ds-border-radius-300)";
369
- 'border.radius.400': "var(--ds-border-radius-400)";
370
- 'border.radius.circle': "var(--ds-border-radius-circle)";
371
- };
372
- readonly borderBottomWidth: {
373
- 'border.width': "var(--ds-border-width)";
374
- 'border.width.0': "var(--ds-border-width-0)";
375
- 'border.width.indicator': "var(--ds-border-width-indicator)";
376
- 'border.width.outline': "var(--ds-border-width-outline)";
377
- 'border.width.selected': "var(--ds-border-width-selected)";
378
- 'border.width.focused': "var(--ds-border-width-focused)";
379
- };
380
- readonly borderColor: {
381
- 'color.border': "var(--ds-border)";
382
- 'color.border.accent.lime': "var(--ds-border-accent-lime)";
383
- 'color.border.accent.red': "var(--ds-border-accent-red)";
384
- 'color.border.accent.orange': "var(--ds-border-accent-orange)";
385
- 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
386
- 'color.border.accent.green': "var(--ds-border-accent-green)";
387
- 'color.border.accent.teal': "var(--ds-border-accent-teal)";
388
- 'color.border.accent.blue': "var(--ds-border-accent-blue)";
389
- 'color.border.accent.purple': "var(--ds-border-accent-purple)";
390
- 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
391
- 'color.border.accent.gray': "var(--ds-border-accent-gray)";
392
- 'color.border.disabled': "var(--ds-border-disabled)";
393
- 'color.border.focused': "var(--ds-border-focused)";
394
- 'color.border.input': "var(--ds-border-input)";
395
- 'color.border.inverse': "var(--ds-border-inverse)";
396
- 'color.border.selected': "var(--ds-border-selected)";
397
- 'color.border.brand': "var(--ds-border-brand)";
398
- 'color.border.danger': "var(--ds-border-danger)";
399
- 'color.border.warning': "var(--ds-border-warning)";
400
- 'color.border.success': "var(--ds-border-success)";
401
- 'color.border.discovery': "var(--ds-border-discovery)";
402
- 'color.border.information': "var(--ds-border-information)";
403
- 'color.border.bold': "var(--ds-border-bold)";
404
- };
405
- readonly borderEndEndRadius: {
406
- 'radius.xsmall': "var(--ds-radius-xsmall)";
407
- 'radius.small': "var(--ds-radius-small)";
408
- 'radius.medium': "var(--ds-radius-medium)";
409
- 'radius.large': "var(--ds-radius-large)";
410
- 'radius.xlarge': "var(--ds-radius-xlarge)";
411
- 'radius.full': "var(--ds-radius-full)";
412
- 'radius.tile': "var(--ds-radius-tile)";
413
- 'border.radius': "var(--ds-border-radius)";
414
- 'border.radius.050': "var(--ds-border-radius-050)";
415
- 'border.radius.100': "var(--ds-border-radius-100)";
416
- 'border.radius.200': "var(--ds-border-radius-200)";
417
- 'border.radius.300': "var(--ds-border-radius-300)";
418
- 'border.radius.400': "var(--ds-border-radius-400)";
419
- 'border.radius.circle': "var(--ds-border-radius-circle)";
420
- };
421
- readonly borderEndStartRadius: {
422
- 'radius.xsmall': "var(--ds-radius-xsmall)";
423
- 'radius.small': "var(--ds-radius-small)";
424
- 'radius.medium': "var(--ds-radius-medium)";
425
- 'radius.large': "var(--ds-radius-large)";
426
- 'radius.xlarge': "var(--ds-radius-xlarge)";
427
- 'radius.full': "var(--ds-radius-full)";
428
- 'radius.tile': "var(--ds-radius-tile)";
429
- 'border.radius': "var(--ds-border-radius)";
430
- 'border.radius.050': "var(--ds-border-radius-050)";
431
- 'border.radius.100': "var(--ds-border-radius-100)";
432
- 'border.radius.200': "var(--ds-border-radius-200)";
433
- 'border.radius.300': "var(--ds-border-radius-300)";
434
- 'border.radius.400': "var(--ds-border-radius-400)";
435
- 'border.radius.circle': "var(--ds-border-radius-circle)";
436
- };
437
- readonly borderInlineColor: {
438
- 'color.border': "var(--ds-border)";
439
- 'color.border.accent.lime': "var(--ds-border-accent-lime)";
440
- 'color.border.accent.red': "var(--ds-border-accent-red)";
441
- 'color.border.accent.orange': "var(--ds-border-accent-orange)";
442
- 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
443
- 'color.border.accent.green': "var(--ds-border-accent-green)";
444
- 'color.border.accent.teal': "var(--ds-border-accent-teal)";
445
- 'color.border.accent.blue': "var(--ds-border-accent-blue)";
446
- 'color.border.accent.purple': "var(--ds-border-accent-purple)";
447
- 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
448
- 'color.border.accent.gray': "var(--ds-border-accent-gray)";
449
- 'color.border.disabled': "var(--ds-border-disabled)";
450
- 'color.border.focused': "var(--ds-border-focused)";
451
- 'color.border.input': "var(--ds-border-input)";
452
- 'color.border.inverse': "var(--ds-border-inverse)";
453
- 'color.border.selected': "var(--ds-border-selected)";
454
- 'color.border.brand': "var(--ds-border-brand)";
455
- 'color.border.danger': "var(--ds-border-danger)";
456
- 'color.border.warning': "var(--ds-border-warning)";
457
- 'color.border.success': "var(--ds-border-success)";
458
- 'color.border.discovery': "var(--ds-border-discovery)";
459
- 'color.border.information': "var(--ds-border-information)";
460
- 'color.border.bold': "var(--ds-border-bold)";
461
- };
462
- readonly borderInlineEndColor: {
463
- 'color.border': "var(--ds-border)";
464
- 'color.border.accent.lime': "var(--ds-border-accent-lime)";
465
- 'color.border.accent.red': "var(--ds-border-accent-red)";
466
- 'color.border.accent.orange': "var(--ds-border-accent-orange)";
467
- 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
468
- 'color.border.accent.green': "var(--ds-border-accent-green)";
469
- 'color.border.accent.teal': "var(--ds-border-accent-teal)";
470
- 'color.border.accent.blue': "var(--ds-border-accent-blue)";
471
- 'color.border.accent.purple': "var(--ds-border-accent-purple)";
472
- 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
473
- 'color.border.accent.gray': "var(--ds-border-accent-gray)";
474
- 'color.border.disabled': "var(--ds-border-disabled)";
475
- 'color.border.focused': "var(--ds-border-focused)";
476
- 'color.border.input': "var(--ds-border-input)";
477
- 'color.border.inverse': "var(--ds-border-inverse)";
478
- 'color.border.selected': "var(--ds-border-selected)";
479
- 'color.border.brand': "var(--ds-border-brand)";
480
- 'color.border.danger': "var(--ds-border-danger)";
481
- 'color.border.warning': "var(--ds-border-warning)";
482
- 'color.border.success': "var(--ds-border-success)";
483
- 'color.border.discovery': "var(--ds-border-discovery)";
484
- 'color.border.information': "var(--ds-border-information)";
485
- 'color.border.bold': "var(--ds-border-bold)";
486
- };
487
- readonly borderInlineEndWidth: {
488
- 'border.width': "var(--ds-border-width)";
489
- 'border.width.0': "var(--ds-border-width-0)";
490
- 'border.width.indicator': "var(--ds-border-width-indicator)";
491
- 'border.width.outline': "var(--ds-border-width-outline)";
492
- 'border.width.selected': "var(--ds-border-width-selected)";
493
- 'border.width.focused': "var(--ds-border-width-focused)";
494
- };
495
- readonly borderInlineStartColor: {
496
- 'color.border': "var(--ds-border)";
497
- 'color.border.accent.lime': "var(--ds-border-accent-lime)";
498
- 'color.border.accent.red': "var(--ds-border-accent-red)";
499
- 'color.border.accent.orange': "var(--ds-border-accent-orange)";
500
- 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
501
- 'color.border.accent.green': "var(--ds-border-accent-green)";
502
- 'color.border.accent.teal': "var(--ds-border-accent-teal)";
503
- 'color.border.accent.blue': "var(--ds-border-accent-blue)";
504
- 'color.border.accent.purple': "var(--ds-border-accent-purple)";
505
- 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
506
- 'color.border.accent.gray': "var(--ds-border-accent-gray)";
507
- 'color.border.disabled': "var(--ds-border-disabled)";
508
- 'color.border.focused': "var(--ds-border-focused)";
509
- 'color.border.input': "var(--ds-border-input)";
510
- 'color.border.inverse': "var(--ds-border-inverse)";
511
- 'color.border.selected': "var(--ds-border-selected)";
512
- 'color.border.brand': "var(--ds-border-brand)";
513
- 'color.border.danger': "var(--ds-border-danger)";
514
- 'color.border.warning': "var(--ds-border-warning)";
515
- 'color.border.success': "var(--ds-border-success)";
516
- 'color.border.discovery': "var(--ds-border-discovery)";
517
- 'color.border.information': "var(--ds-border-information)";
518
- 'color.border.bold': "var(--ds-border-bold)";
519
- };
520
- readonly borderInlineStartWidth: {
521
- 'border.width': "var(--ds-border-width)";
522
- 'border.width.0': "var(--ds-border-width-0)";
523
- 'border.width.indicator': "var(--ds-border-width-indicator)";
524
- 'border.width.outline': "var(--ds-border-width-outline)";
525
- 'border.width.selected': "var(--ds-border-width-selected)";
526
- 'border.width.focused': "var(--ds-border-width-focused)";
527
- };
528
- readonly borderInlineWidth: {
529
- 'border.width': "var(--ds-border-width)";
530
- 'border.width.0': "var(--ds-border-width-0)";
531
- 'border.width.indicator': "var(--ds-border-width-indicator)";
532
- 'border.width.outline': "var(--ds-border-width-outline)";
533
- 'border.width.selected': "var(--ds-border-width-selected)";
534
- 'border.width.focused': "var(--ds-border-width-focused)";
535
- };
536
- readonly borderLeftColor: {
537
- 'color.border': "var(--ds-border)";
538
- 'color.border.accent.lime': "var(--ds-border-accent-lime)";
539
- 'color.border.accent.red': "var(--ds-border-accent-red)";
540
- 'color.border.accent.orange': "var(--ds-border-accent-orange)";
541
- 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
542
- 'color.border.accent.green': "var(--ds-border-accent-green)";
543
- 'color.border.accent.teal': "var(--ds-border-accent-teal)";
544
- 'color.border.accent.blue': "var(--ds-border-accent-blue)";
545
- 'color.border.accent.purple': "var(--ds-border-accent-purple)";
546
- 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
547
- 'color.border.accent.gray': "var(--ds-border-accent-gray)";
548
- 'color.border.disabled': "var(--ds-border-disabled)";
549
- 'color.border.focused': "var(--ds-border-focused)";
550
- 'color.border.input': "var(--ds-border-input)";
551
- 'color.border.inverse': "var(--ds-border-inverse)";
552
- 'color.border.selected': "var(--ds-border-selected)";
553
- 'color.border.brand': "var(--ds-border-brand)";
554
- 'color.border.danger': "var(--ds-border-danger)";
555
- 'color.border.warning': "var(--ds-border-warning)";
556
- 'color.border.success': "var(--ds-border-success)";
557
- 'color.border.discovery': "var(--ds-border-discovery)";
558
- 'color.border.information': "var(--ds-border-information)";
559
- 'color.border.bold': "var(--ds-border-bold)";
560
- };
561
- readonly borderLeftWidth: {
562
- 'border.width': "var(--ds-border-width)";
563
- 'border.width.0': "var(--ds-border-width-0)";
564
- 'border.width.indicator': "var(--ds-border-width-indicator)";
565
- 'border.width.outline': "var(--ds-border-width-outline)";
566
- 'border.width.selected': "var(--ds-border-width-selected)";
567
- 'border.width.focused': "var(--ds-border-width-focused)";
568
- };
569
- readonly borderRadius: {
570
- 'radius.xsmall': "var(--ds-radius-xsmall)";
571
- 'radius.small': "var(--ds-radius-small)";
572
- 'radius.medium': "var(--ds-radius-medium)";
573
- 'radius.large': "var(--ds-radius-large)";
574
- 'radius.xlarge': "var(--ds-radius-xlarge)";
575
- 'radius.full': "var(--ds-radius-full)";
576
- 'radius.tile': "var(--ds-radius-tile)";
577
- 'border.radius': "var(--ds-border-radius)";
578
- 'border.radius.050': "var(--ds-border-radius-050)";
579
- 'border.radius.100': "var(--ds-border-radius-100)";
580
- 'border.radius.200': "var(--ds-border-radius-200)";
581
- 'border.radius.300': "var(--ds-border-radius-300)";
582
- 'border.radius.400': "var(--ds-border-radius-400)";
583
- 'border.radius.circle': "var(--ds-border-radius-circle)";
584
- };
585
- readonly borderRightColor: {
586
- 'color.border': "var(--ds-border)";
587
- 'color.border.accent.lime': "var(--ds-border-accent-lime)";
588
- 'color.border.accent.red': "var(--ds-border-accent-red)";
589
- 'color.border.accent.orange': "var(--ds-border-accent-orange)";
590
- 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
591
- 'color.border.accent.green': "var(--ds-border-accent-green)";
592
- 'color.border.accent.teal': "var(--ds-border-accent-teal)";
593
- 'color.border.accent.blue': "var(--ds-border-accent-blue)";
594
- 'color.border.accent.purple': "var(--ds-border-accent-purple)";
595
- 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
596
- 'color.border.accent.gray': "var(--ds-border-accent-gray)";
597
- 'color.border.disabled': "var(--ds-border-disabled)";
598
- 'color.border.focused': "var(--ds-border-focused)";
599
- 'color.border.input': "var(--ds-border-input)";
600
- 'color.border.inverse': "var(--ds-border-inverse)";
601
- 'color.border.selected': "var(--ds-border-selected)";
602
- 'color.border.brand': "var(--ds-border-brand)";
603
- 'color.border.danger': "var(--ds-border-danger)";
604
- 'color.border.warning': "var(--ds-border-warning)";
605
- 'color.border.success': "var(--ds-border-success)";
606
- 'color.border.discovery': "var(--ds-border-discovery)";
607
- 'color.border.information': "var(--ds-border-information)";
608
- 'color.border.bold': "var(--ds-border-bold)";
609
- };
610
- readonly borderRightWidth: {
611
- 'border.width': "var(--ds-border-width)";
612
- 'border.width.0': "var(--ds-border-width-0)";
613
- 'border.width.indicator': "var(--ds-border-width-indicator)";
614
- 'border.width.outline': "var(--ds-border-width-outline)";
615
- 'border.width.selected': "var(--ds-border-width-selected)";
616
- 'border.width.focused': "var(--ds-border-width-focused)";
617
- };
618
- readonly borderStartEndRadius: {
619
- 'radius.xsmall': "var(--ds-radius-xsmall)";
620
- 'radius.small': "var(--ds-radius-small)";
621
- 'radius.medium': "var(--ds-radius-medium)";
622
- 'radius.large': "var(--ds-radius-large)";
623
- 'radius.xlarge': "var(--ds-radius-xlarge)";
624
- 'radius.full': "var(--ds-radius-full)";
625
- 'radius.tile': "var(--ds-radius-tile)";
626
- 'border.radius': "var(--ds-border-radius)";
627
- 'border.radius.050': "var(--ds-border-radius-050)";
628
- 'border.radius.100': "var(--ds-border-radius-100)";
629
- 'border.radius.200': "var(--ds-border-radius-200)";
630
- 'border.radius.300': "var(--ds-border-radius-300)";
631
- 'border.radius.400': "var(--ds-border-radius-400)";
632
- 'border.radius.circle': "var(--ds-border-radius-circle)";
633
- };
634
- readonly borderStartStartRadius: {
635
- 'radius.xsmall': "var(--ds-radius-xsmall)";
636
- 'radius.small': "var(--ds-radius-small)";
637
- 'radius.medium': "var(--ds-radius-medium)";
638
- 'radius.large': "var(--ds-radius-large)";
639
- 'radius.xlarge': "var(--ds-radius-xlarge)";
640
- 'radius.full': "var(--ds-radius-full)";
641
- 'radius.tile': "var(--ds-radius-tile)";
642
- 'border.radius': "var(--ds-border-radius)";
643
- 'border.radius.050': "var(--ds-border-radius-050)";
644
- 'border.radius.100': "var(--ds-border-radius-100)";
645
- 'border.radius.200': "var(--ds-border-radius-200)";
646
- 'border.radius.300': "var(--ds-border-radius-300)";
647
- 'border.radius.400': "var(--ds-border-radius-400)";
648
- 'border.radius.circle': "var(--ds-border-radius-circle)";
649
- };
650
- readonly borderTopColor: {
651
- 'color.border': "var(--ds-border)";
652
- 'color.border.accent.lime': "var(--ds-border-accent-lime)";
653
- 'color.border.accent.red': "var(--ds-border-accent-red)";
654
- 'color.border.accent.orange': "var(--ds-border-accent-orange)";
655
- 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
656
- 'color.border.accent.green': "var(--ds-border-accent-green)";
657
- 'color.border.accent.teal': "var(--ds-border-accent-teal)";
658
- 'color.border.accent.blue': "var(--ds-border-accent-blue)";
659
- 'color.border.accent.purple': "var(--ds-border-accent-purple)";
660
- 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
661
- 'color.border.accent.gray': "var(--ds-border-accent-gray)";
662
- 'color.border.disabled': "var(--ds-border-disabled)";
663
- 'color.border.focused': "var(--ds-border-focused)";
664
- 'color.border.input': "var(--ds-border-input)";
665
- 'color.border.inverse': "var(--ds-border-inverse)";
666
- 'color.border.selected': "var(--ds-border-selected)";
667
- 'color.border.brand': "var(--ds-border-brand)";
668
- 'color.border.danger': "var(--ds-border-danger)";
669
- 'color.border.warning': "var(--ds-border-warning)";
670
- 'color.border.success': "var(--ds-border-success)";
671
- 'color.border.discovery': "var(--ds-border-discovery)";
672
- 'color.border.information': "var(--ds-border-information)";
673
- 'color.border.bold': "var(--ds-border-bold)";
674
- };
675
- readonly borderTopLeftRadius: {
676
- 'radius.xsmall': "var(--ds-radius-xsmall)";
677
- 'radius.small': "var(--ds-radius-small)";
678
- 'radius.medium': "var(--ds-radius-medium)";
679
- 'radius.large': "var(--ds-radius-large)";
680
- 'radius.xlarge': "var(--ds-radius-xlarge)";
681
- 'radius.full': "var(--ds-radius-full)";
682
- 'radius.tile': "var(--ds-radius-tile)";
683
- 'border.radius': "var(--ds-border-radius)";
684
- 'border.radius.050': "var(--ds-border-radius-050)";
685
- 'border.radius.100': "var(--ds-border-radius-100)";
686
- 'border.radius.200': "var(--ds-border-radius-200)";
687
- 'border.radius.300': "var(--ds-border-radius-300)";
688
- 'border.radius.400': "var(--ds-border-radius-400)";
689
- 'border.radius.circle': "var(--ds-border-radius-circle)";
690
- };
691
- readonly borderTopRightRadius: {
692
- 'radius.xsmall': "var(--ds-radius-xsmall)";
693
- 'radius.small': "var(--ds-radius-small)";
694
- 'radius.medium': "var(--ds-radius-medium)";
695
- 'radius.large': "var(--ds-radius-large)";
696
- 'radius.xlarge': "var(--ds-radius-xlarge)";
697
- 'radius.full': "var(--ds-radius-full)";
698
- 'radius.tile': "var(--ds-radius-tile)";
699
- 'border.radius': "var(--ds-border-radius)";
700
- 'border.radius.050': "var(--ds-border-radius-050)";
701
- 'border.radius.100': "var(--ds-border-radius-100)";
702
- 'border.radius.200': "var(--ds-border-radius-200)";
703
- 'border.radius.300': "var(--ds-border-radius-300)";
704
- 'border.radius.400': "var(--ds-border-radius-400)";
705
- 'border.radius.circle': "var(--ds-border-radius-circle)";
706
- };
707
- readonly borderTopWidth: {
708
- 'border.width': "var(--ds-border-width)";
709
- 'border.width.0': "var(--ds-border-width-0)";
710
- 'border.width.indicator': "var(--ds-border-width-indicator)";
711
- 'border.width.outline': "var(--ds-border-width-outline)";
712
- 'border.width.selected': "var(--ds-border-width-selected)";
713
- 'border.width.focused': "var(--ds-border-width-focused)";
714
- };
715
- readonly borderWidth: {
716
- 'border.width': "var(--ds-border-width)";
717
- 'border.width.0': "var(--ds-border-width-0)";
718
- 'border.width.indicator': "var(--ds-border-width-indicator)";
719
- 'border.width.outline': "var(--ds-border-width-outline)";
720
- 'border.width.selected': "var(--ds-border-width-selected)";
721
- 'border.width.focused': "var(--ds-border-width-focused)";
722
- };
723
- readonly bottom: {
724
- 'space.0': "var(--ds-space-0)";
725
- 'space.025': "var(--ds-space-025)";
726
- 'space.050': "var(--ds-space-050)";
727
- 'space.075': "var(--ds-space-075)";
728
- 'space.100': "var(--ds-space-100)";
729
- 'space.150': "var(--ds-space-150)";
730
- 'space.200': "var(--ds-space-200)";
731
- 'space.250': "var(--ds-space-250)";
732
- 'space.300': "var(--ds-space-300)";
733
- 'space.400': "var(--ds-space-400)";
734
- 'space.500': "var(--ds-space-500)";
735
- 'space.600': "var(--ds-space-600)";
736
- 'space.800': "var(--ds-space-800)";
737
- 'space.1000': "var(--ds-space-1000)";
738
- 'space.negative.025': "var(--ds-space-negative-025)";
739
- 'space.negative.050': "var(--ds-space-negative-050)";
740
- 'space.negative.075': "var(--ds-space-negative-075)";
741
- 'space.negative.100': "var(--ds-space-negative-100)";
742
- 'space.negative.150': "var(--ds-space-negative-150)";
743
- 'space.negative.200': "var(--ds-space-negative-200)";
744
- 'space.negative.250': "var(--ds-space-negative-250)";
745
- 'space.negative.300': "var(--ds-space-negative-300)";
746
- 'space.negative.400': "var(--ds-space-negative-400)";
747
- };
748
- readonly boxShadow: {
749
- 'elevation.shadow.overflow': "var(--ds-shadow-overflow)";
750
- 'elevation.shadow.overflow.perimeter': "var(--ds-shadow-overflow-perimeter)";
751
- 'elevation.shadow.overflow.spread': "var(--ds-shadow-overflow-spread)";
752
- 'elevation.shadow.overlay': "var(--ds-shadow-overlay)";
753
- 'elevation.shadow.raised': "var(--ds-shadow-raised)";
754
- };
755
- readonly color: {
756
- 'color.text': "var(--ds-text)";
757
- 'color.text.accent.lime': "var(--ds-text-accent-lime)";
758
- 'color.text.accent.lime.bolder': "var(--ds-text-accent-lime-bolder)";
759
- 'color.text.accent.red': "var(--ds-text-accent-red)";
760
- 'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder)";
761
- 'color.text.accent.orange': "var(--ds-text-accent-orange)";
762
- 'color.text.accent.orange.bolder': "var(--ds-text-accent-orange-bolder)";
763
- 'color.text.accent.yellow': "var(--ds-text-accent-yellow)";
764
- 'color.text.accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder)";
765
- 'color.text.accent.green': "var(--ds-text-accent-green)";
766
- 'color.text.accent.green.bolder': "var(--ds-text-accent-green-bolder)";
767
- 'color.text.accent.teal': "var(--ds-text-accent-teal)";
768
- 'color.text.accent.teal.bolder': "var(--ds-text-accent-teal-bolder)";
769
- 'color.text.accent.blue': "var(--ds-text-accent-blue)";
770
- 'color.text.accent.blue.bolder': "var(--ds-text-accent-blue-bolder)";
771
- 'color.text.accent.purple': "var(--ds-text-accent-purple)";
772
- 'color.text.accent.purple.bolder': "var(--ds-text-accent-purple-bolder)";
773
- 'color.text.accent.magenta': "var(--ds-text-accent-magenta)";
774
- 'color.text.accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder)";
775
- 'color.text.accent.gray': "var(--ds-text-accent-gray)";
776
- 'color.text.accent.gray.bolder': "var(--ds-text-accent-gray-bolder)";
777
- 'color.text.disabled': "var(--ds-text-disabled)";
778
- 'color.text.inverse': "var(--ds-text-inverse)";
779
- 'color.text.selected': "var(--ds-text-selected)";
780
- 'color.text.brand': "var(--ds-text-brand)";
781
- 'color.text.danger': "var(--ds-text-danger)";
782
- 'color.text.warning': "var(--ds-text-warning)";
783
- 'color.text.warning.inverse': "var(--ds-text-warning-inverse)";
784
- 'color.text.success': "var(--ds-text-success)";
785
- 'color.text.discovery': "var(--ds-text-discovery)";
786
- 'color.text.information': "var(--ds-text-information)";
787
- 'color.text.subtlest': "var(--ds-text-subtlest)";
788
- 'color.text.subtle': "var(--ds-text-subtle)";
789
- 'color.link': "var(--ds-link)";
790
- 'color.link.pressed': "var(--ds-link-pressed)";
791
- 'color.link.visited': "var(--ds-link-visited)";
792
- 'color.link.visited.pressed': "var(--ds-link-visited-pressed)";
793
- };
794
- readonly columnGap: {
795
- 'space.0': "var(--ds-space-0)";
796
- 'space.025': "var(--ds-space-025)";
797
- 'space.050': "var(--ds-space-050)";
798
- 'space.075': "var(--ds-space-075)";
799
- 'space.100': "var(--ds-space-100)";
800
- 'space.150': "var(--ds-space-150)";
801
- 'space.200': "var(--ds-space-200)";
802
- 'space.250': "var(--ds-space-250)";
803
- 'space.300': "var(--ds-space-300)";
804
- 'space.400': "var(--ds-space-400)";
805
- 'space.500': "var(--ds-space-500)";
806
- 'space.600': "var(--ds-space-600)";
807
- 'space.800': "var(--ds-space-800)";
808
- 'space.1000': "var(--ds-space-1000)";
809
- };
810
- readonly font: {
811
- 'font.body': "var(--ds-font-body)";
812
- 'font.body.UNSAFE_small': "var(--ds-font-body-UNSAFE_small)";
813
- 'font.body.large': "var(--ds-font-body-large)";
814
- 'font.body.small': "var(--ds-font-body-small)";
815
- 'font.code': "var(--ds-font-code)";
816
- 'font.heading.large': "var(--ds-font-heading-large)";
817
- 'font.heading.medium': "var(--ds-font-heading-medium)";
818
- 'font.heading.small': "var(--ds-font-heading-small)";
819
- 'font.heading.xlarge': "var(--ds-font-heading-xlarge)";
820
- 'font.heading.xsmall': "var(--ds-font-heading-xsmall)";
821
- 'font.heading.xxlarge': "var(--ds-font-heading-xxlarge)";
822
- 'font.heading.xxsmall': "var(--ds-font-heading-xxsmall)";
823
- 'font.metric.large': "var(--ds-font-metric-large)";
824
- 'font.metric.medium': "var(--ds-font-metric-medium)";
825
- 'font.metric.small': "var(--ds-font-metric-small)";
826
- };
827
- readonly fontFamily: {
828
- 'font.family.body': "var(--ds-font-family-body)";
829
- 'font.family.brand.body': "var(--ds-font-family-brand-body)";
830
- 'font.family.brand.heading': "var(--ds-font-family-brand-heading)";
831
- 'font.family.code': "var(--ds-font-family-code)";
832
- 'font.family.heading': "var(--ds-font-family-heading)";
833
- };
834
- readonly fontWeight: {
835
- 'font.weight.bold': "var(--ds-font-weight-bold)";
836
- 'font.weight.medium': "var(--ds-font-weight-medium)";
837
- 'font.weight.regular': "var(--ds-font-weight-regular)";
838
- 'font.weight.semibold': "var(--ds-font-weight-semibold)";
839
- };
840
- readonly gap: {
841
- 'space.0': "var(--ds-space-0)";
842
- 'space.025': "var(--ds-space-025)";
843
- 'space.050': "var(--ds-space-050)";
844
- 'space.075': "var(--ds-space-075)";
845
- 'space.100': "var(--ds-space-100)";
846
- 'space.150': "var(--ds-space-150)";
847
- 'space.200': "var(--ds-space-200)";
848
- 'space.250': "var(--ds-space-250)";
849
- 'space.300': "var(--ds-space-300)";
850
- 'space.400': "var(--ds-space-400)";
851
- 'space.500': "var(--ds-space-500)";
852
- 'space.600': "var(--ds-space-600)";
853
- 'space.800': "var(--ds-space-800)";
854
- 'space.1000': "var(--ds-space-1000)";
855
- };
856
- readonly height: {
857
- readonly '100%': "100%";
858
- readonly 'size.100': "1rem";
859
- readonly 'size.200': "1.5rem";
860
- readonly 'size.300': "2rem";
861
- readonly 'size.400': "2.5rem";
862
- readonly 'size.500': "3rem";
863
- readonly 'size.600': "6rem";
864
- readonly 'size.1000': "12rem";
865
- };
866
- readonly inlineSize: {
867
- readonly '100%': "100%";
868
- readonly 'size.100': "1rem";
869
- readonly 'size.200': "1.5rem";
870
- readonly 'size.300': "2rem";
871
- readonly 'size.400': "2.5rem";
872
- readonly 'size.500': "3rem";
873
- readonly 'size.600': "6rem";
874
- readonly 'size.1000': "12rem";
875
- };
876
- readonly inset: {
877
- 'space.0': "var(--ds-space-0)";
878
- 'space.025': "var(--ds-space-025)";
879
- 'space.050': "var(--ds-space-050)";
880
- 'space.075': "var(--ds-space-075)";
881
- 'space.100': "var(--ds-space-100)";
882
- 'space.150': "var(--ds-space-150)";
883
- 'space.200': "var(--ds-space-200)";
884
- 'space.250': "var(--ds-space-250)";
885
- 'space.300': "var(--ds-space-300)";
886
- 'space.400': "var(--ds-space-400)";
887
- 'space.500': "var(--ds-space-500)";
888
- 'space.600': "var(--ds-space-600)";
889
- 'space.800': "var(--ds-space-800)";
890
- 'space.1000': "var(--ds-space-1000)";
891
- 'space.negative.025': "var(--ds-space-negative-025)";
892
- 'space.negative.050': "var(--ds-space-negative-050)";
893
- 'space.negative.075': "var(--ds-space-negative-075)";
894
- 'space.negative.100': "var(--ds-space-negative-100)";
895
- 'space.negative.150': "var(--ds-space-negative-150)";
896
- 'space.negative.200': "var(--ds-space-negative-200)";
897
- 'space.negative.250': "var(--ds-space-negative-250)";
898
- 'space.negative.300': "var(--ds-space-negative-300)";
899
- 'space.negative.400': "var(--ds-space-negative-400)";
900
- };
901
- readonly insetBlock: {
902
- 'space.0': "var(--ds-space-0)";
903
- 'space.025': "var(--ds-space-025)";
904
- 'space.050': "var(--ds-space-050)";
905
- 'space.075': "var(--ds-space-075)";
906
- 'space.100': "var(--ds-space-100)";
907
- 'space.150': "var(--ds-space-150)";
908
- 'space.200': "var(--ds-space-200)";
909
- 'space.250': "var(--ds-space-250)";
910
- 'space.300': "var(--ds-space-300)";
911
- 'space.400': "var(--ds-space-400)";
912
- 'space.500': "var(--ds-space-500)";
913
- 'space.600': "var(--ds-space-600)";
914
- 'space.800': "var(--ds-space-800)";
915
- 'space.1000': "var(--ds-space-1000)";
916
- 'space.negative.025': "var(--ds-space-negative-025)";
917
- 'space.negative.050': "var(--ds-space-negative-050)";
918
- 'space.negative.075': "var(--ds-space-negative-075)";
919
- 'space.negative.100': "var(--ds-space-negative-100)";
920
- 'space.negative.150': "var(--ds-space-negative-150)";
921
- 'space.negative.200': "var(--ds-space-negative-200)";
922
- 'space.negative.250': "var(--ds-space-negative-250)";
923
- 'space.negative.300': "var(--ds-space-negative-300)";
924
- 'space.negative.400': "var(--ds-space-negative-400)";
925
- };
926
- readonly insetBlockEnd: {
927
- 'space.0': "var(--ds-space-0)";
928
- 'space.025': "var(--ds-space-025)";
929
- 'space.050': "var(--ds-space-050)";
930
- 'space.075': "var(--ds-space-075)";
931
- 'space.100': "var(--ds-space-100)";
932
- 'space.150': "var(--ds-space-150)";
933
- 'space.200': "var(--ds-space-200)";
934
- 'space.250': "var(--ds-space-250)";
935
- 'space.300': "var(--ds-space-300)";
936
- 'space.400': "var(--ds-space-400)";
937
- 'space.500': "var(--ds-space-500)";
938
- 'space.600': "var(--ds-space-600)";
939
- 'space.800': "var(--ds-space-800)";
940
- 'space.1000': "var(--ds-space-1000)";
941
- 'space.negative.025': "var(--ds-space-negative-025)";
942
- 'space.negative.050': "var(--ds-space-negative-050)";
943
- 'space.negative.075': "var(--ds-space-negative-075)";
944
- 'space.negative.100': "var(--ds-space-negative-100)";
945
- 'space.negative.150': "var(--ds-space-negative-150)";
946
- 'space.negative.200': "var(--ds-space-negative-200)";
947
- 'space.negative.250': "var(--ds-space-negative-250)";
948
- 'space.negative.300': "var(--ds-space-negative-300)";
949
- 'space.negative.400': "var(--ds-space-negative-400)";
950
- };
951
- readonly insetBlockStart: {
952
- 'space.0': "var(--ds-space-0)";
953
- 'space.025': "var(--ds-space-025)";
954
- 'space.050': "var(--ds-space-050)";
955
- 'space.075': "var(--ds-space-075)";
956
- 'space.100': "var(--ds-space-100)";
957
- 'space.150': "var(--ds-space-150)";
958
- 'space.200': "var(--ds-space-200)";
959
- 'space.250': "var(--ds-space-250)";
960
- 'space.300': "var(--ds-space-300)";
961
- 'space.400': "var(--ds-space-400)";
962
- 'space.500': "var(--ds-space-500)";
963
- 'space.600': "var(--ds-space-600)";
964
- 'space.800': "var(--ds-space-800)";
965
- 'space.1000': "var(--ds-space-1000)";
966
- 'space.negative.025': "var(--ds-space-negative-025)";
967
- 'space.negative.050': "var(--ds-space-negative-050)";
968
- 'space.negative.075': "var(--ds-space-negative-075)";
969
- 'space.negative.100': "var(--ds-space-negative-100)";
970
- 'space.negative.150': "var(--ds-space-negative-150)";
971
- 'space.negative.200': "var(--ds-space-negative-200)";
972
- 'space.negative.250': "var(--ds-space-negative-250)";
973
- 'space.negative.300': "var(--ds-space-negative-300)";
974
- 'space.negative.400': "var(--ds-space-negative-400)";
975
- };
976
- readonly insetInline: {
977
- 'space.0': "var(--ds-space-0)";
978
- 'space.025': "var(--ds-space-025)";
979
- 'space.050': "var(--ds-space-050)";
980
- 'space.075': "var(--ds-space-075)";
981
- 'space.100': "var(--ds-space-100)";
982
- 'space.150': "var(--ds-space-150)";
983
- 'space.200': "var(--ds-space-200)";
984
- 'space.250': "var(--ds-space-250)";
985
- 'space.300': "var(--ds-space-300)";
986
- 'space.400': "var(--ds-space-400)";
987
- 'space.500': "var(--ds-space-500)";
988
- 'space.600': "var(--ds-space-600)";
989
- 'space.800': "var(--ds-space-800)";
990
- 'space.1000': "var(--ds-space-1000)";
991
- 'space.negative.025': "var(--ds-space-negative-025)";
992
- 'space.negative.050': "var(--ds-space-negative-050)";
993
- 'space.negative.075': "var(--ds-space-negative-075)";
994
- 'space.negative.100': "var(--ds-space-negative-100)";
995
- 'space.negative.150': "var(--ds-space-negative-150)";
996
- 'space.negative.200': "var(--ds-space-negative-200)";
997
- 'space.negative.250': "var(--ds-space-negative-250)";
998
- 'space.negative.300': "var(--ds-space-negative-300)";
999
- 'space.negative.400': "var(--ds-space-negative-400)";
1000
- };
1001
- readonly insetInlineEnd: {
1002
- 'space.0': "var(--ds-space-0)";
1003
- 'space.025': "var(--ds-space-025)";
1004
- 'space.050': "var(--ds-space-050)";
1005
- 'space.075': "var(--ds-space-075)";
1006
- 'space.100': "var(--ds-space-100)";
1007
- 'space.150': "var(--ds-space-150)";
1008
- 'space.200': "var(--ds-space-200)";
1009
- 'space.250': "var(--ds-space-250)";
1010
- 'space.300': "var(--ds-space-300)";
1011
- 'space.400': "var(--ds-space-400)";
1012
- 'space.500': "var(--ds-space-500)";
1013
- 'space.600': "var(--ds-space-600)";
1014
- 'space.800': "var(--ds-space-800)";
1015
- 'space.1000': "var(--ds-space-1000)";
1016
- 'space.negative.025': "var(--ds-space-negative-025)";
1017
- 'space.negative.050': "var(--ds-space-negative-050)";
1018
- 'space.negative.075': "var(--ds-space-negative-075)";
1019
- 'space.negative.100': "var(--ds-space-negative-100)";
1020
- 'space.negative.150': "var(--ds-space-negative-150)";
1021
- 'space.negative.200': "var(--ds-space-negative-200)";
1022
- 'space.negative.250': "var(--ds-space-negative-250)";
1023
- 'space.negative.300': "var(--ds-space-negative-300)";
1024
- 'space.negative.400': "var(--ds-space-negative-400)";
1025
- };
1026
- readonly insetInlineStart: {
1027
- 'space.0': "var(--ds-space-0)";
1028
- 'space.025': "var(--ds-space-025)";
1029
- 'space.050': "var(--ds-space-050)";
1030
- 'space.075': "var(--ds-space-075)";
1031
- 'space.100': "var(--ds-space-100)";
1032
- 'space.150': "var(--ds-space-150)";
1033
- 'space.200': "var(--ds-space-200)";
1034
- 'space.250': "var(--ds-space-250)";
1035
- 'space.300': "var(--ds-space-300)";
1036
- 'space.400': "var(--ds-space-400)";
1037
- 'space.500': "var(--ds-space-500)";
1038
- 'space.600': "var(--ds-space-600)";
1039
- 'space.800': "var(--ds-space-800)";
1040
- 'space.1000': "var(--ds-space-1000)";
1041
- 'space.negative.025': "var(--ds-space-negative-025)";
1042
- 'space.negative.050': "var(--ds-space-negative-050)";
1043
- 'space.negative.075': "var(--ds-space-negative-075)";
1044
- 'space.negative.100': "var(--ds-space-negative-100)";
1045
- 'space.negative.150': "var(--ds-space-negative-150)";
1046
- 'space.negative.200': "var(--ds-space-negative-200)";
1047
- 'space.negative.250': "var(--ds-space-negative-250)";
1048
- 'space.negative.300': "var(--ds-space-negative-300)";
1049
- 'space.negative.400': "var(--ds-space-negative-400)";
1050
- };
1051
- readonly left: {
1052
- 'space.0': "var(--ds-space-0)";
1053
- 'space.025': "var(--ds-space-025)";
1054
- 'space.050': "var(--ds-space-050)";
1055
- 'space.075': "var(--ds-space-075)";
1056
- 'space.100': "var(--ds-space-100)";
1057
- 'space.150': "var(--ds-space-150)";
1058
- 'space.200': "var(--ds-space-200)";
1059
- 'space.250': "var(--ds-space-250)";
1060
- 'space.300': "var(--ds-space-300)";
1061
- 'space.400': "var(--ds-space-400)";
1062
- 'space.500': "var(--ds-space-500)";
1063
- 'space.600': "var(--ds-space-600)";
1064
- 'space.800': "var(--ds-space-800)";
1065
- 'space.1000': "var(--ds-space-1000)";
1066
- 'space.negative.025': "var(--ds-space-negative-025)";
1067
- 'space.negative.050': "var(--ds-space-negative-050)";
1068
- 'space.negative.075': "var(--ds-space-negative-075)";
1069
- 'space.negative.100': "var(--ds-space-negative-100)";
1070
- 'space.negative.150': "var(--ds-space-negative-150)";
1071
- 'space.negative.200': "var(--ds-space-negative-200)";
1072
- 'space.negative.250': "var(--ds-space-negative-250)";
1073
- 'space.negative.300': "var(--ds-space-negative-300)";
1074
- 'space.negative.400': "var(--ds-space-negative-400)";
1075
- };
1076
- readonly margin: {
1077
- 'space.0': "var(--ds-space-0)";
1078
- 'space.025': "var(--ds-space-025)";
1079
- 'space.050': "var(--ds-space-050)";
1080
- 'space.075': "var(--ds-space-075)";
1081
- 'space.100': "var(--ds-space-100)";
1082
- 'space.150': "var(--ds-space-150)";
1083
- 'space.200': "var(--ds-space-200)";
1084
- 'space.250': "var(--ds-space-250)";
1085
- 'space.300': "var(--ds-space-300)";
1086
- 'space.400': "var(--ds-space-400)";
1087
- 'space.500': "var(--ds-space-500)";
1088
- 'space.600': "var(--ds-space-600)";
1089
- 'space.800': "var(--ds-space-800)";
1090
- 'space.1000': "var(--ds-space-1000)";
1091
- 'space.negative.025': "var(--ds-space-negative-025)";
1092
- 'space.negative.050': "var(--ds-space-negative-050)";
1093
- 'space.negative.075': "var(--ds-space-negative-075)";
1094
- 'space.negative.100': "var(--ds-space-negative-100)";
1095
- 'space.negative.150': "var(--ds-space-negative-150)";
1096
- 'space.negative.200': "var(--ds-space-negative-200)";
1097
- 'space.negative.250': "var(--ds-space-negative-250)";
1098
- 'space.negative.300': "var(--ds-space-negative-300)";
1099
- 'space.negative.400': "var(--ds-space-negative-400)";
1100
- };
1101
- readonly marginBlock: {
1102
- 'space.0': "var(--ds-space-0)";
1103
- 'space.025': "var(--ds-space-025)";
1104
- 'space.050': "var(--ds-space-050)";
1105
- 'space.075': "var(--ds-space-075)";
1106
- 'space.100': "var(--ds-space-100)";
1107
- 'space.150': "var(--ds-space-150)";
1108
- 'space.200': "var(--ds-space-200)";
1109
- 'space.250': "var(--ds-space-250)";
1110
- 'space.300': "var(--ds-space-300)";
1111
- 'space.400': "var(--ds-space-400)";
1112
- 'space.500': "var(--ds-space-500)";
1113
- 'space.600': "var(--ds-space-600)";
1114
- 'space.800': "var(--ds-space-800)";
1115
- 'space.1000': "var(--ds-space-1000)";
1116
- 'space.negative.025': "var(--ds-space-negative-025)";
1117
- 'space.negative.050': "var(--ds-space-negative-050)";
1118
- 'space.negative.075': "var(--ds-space-negative-075)";
1119
- 'space.negative.100': "var(--ds-space-negative-100)";
1120
- 'space.negative.150': "var(--ds-space-negative-150)";
1121
- 'space.negative.200': "var(--ds-space-negative-200)";
1122
- 'space.negative.250': "var(--ds-space-negative-250)";
1123
- 'space.negative.300': "var(--ds-space-negative-300)";
1124
- 'space.negative.400': "var(--ds-space-negative-400)";
1125
- };
1126
- readonly marginBlockEnd: {
1127
- 'space.0': "var(--ds-space-0)";
1128
- 'space.025': "var(--ds-space-025)";
1129
- 'space.050': "var(--ds-space-050)";
1130
- 'space.075': "var(--ds-space-075)";
1131
- 'space.100': "var(--ds-space-100)";
1132
- 'space.150': "var(--ds-space-150)";
1133
- 'space.200': "var(--ds-space-200)";
1134
- 'space.250': "var(--ds-space-250)";
1135
- 'space.300': "var(--ds-space-300)";
1136
- 'space.400': "var(--ds-space-400)";
1137
- 'space.500': "var(--ds-space-500)";
1138
- 'space.600': "var(--ds-space-600)";
1139
- 'space.800': "var(--ds-space-800)";
1140
- 'space.1000': "var(--ds-space-1000)";
1141
- 'space.negative.025': "var(--ds-space-negative-025)";
1142
- 'space.negative.050': "var(--ds-space-negative-050)";
1143
- 'space.negative.075': "var(--ds-space-negative-075)";
1144
- 'space.negative.100': "var(--ds-space-negative-100)";
1145
- 'space.negative.150': "var(--ds-space-negative-150)";
1146
- 'space.negative.200': "var(--ds-space-negative-200)";
1147
- 'space.negative.250': "var(--ds-space-negative-250)";
1148
- 'space.negative.300': "var(--ds-space-negative-300)";
1149
- 'space.negative.400': "var(--ds-space-negative-400)";
1150
- };
1151
- readonly marginBlockStart: {
1152
- 'space.0': "var(--ds-space-0)";
1153
- 'space.025': "var(--ds-space-025)";
1154
- 'space.050': "var(--ds-space-050)";
1155
- 'space.075': "var(--ds-space-075)";
1156
- 'space.100': "var(--ds-space-100)";
1157
- 'space.150': "var(--ds-space-150)";
1158
- 'space.200': "var(--ds-space-200)";
1159
- 'space.250': "var(--ds-space-250)";
1160
- 'space.300': "var(--ds-space-300)";
1161
- 'space.400': "var(--ds-space-400)";
1162
- 'space.500': "var(--ds-space-500)";
1163
- 'space.600': "var(--ds-space-600)";
1164
- 'space.800': "var(--ds-space-800)";
1165
- 'space.1000': "var(--ds-space-1000)";
1166
- 'space.negative.025': "var(--ds-space-negative-025)";
1167
- 'space.negative.050': "var(--ds-space-negative-050)";
1168
- 'space.negative.075': "var(--ds-space-negative-075)";
1169
- 'space.negative.100': "var(--ds-space-negative-100)";
1170
- 'space.negative.150': "var(--ds-space-negative-150)";
1171
- 'space.negative.200': "var(--ds-space-negative-200)";
1172
- 'space.negative.250': "var(--ds-space-negative-250)";
1173
- 'space.negative.300': "var(--ds-space-negative-300)";
1174
- 'space.negative.400': "var(--ds-space-negative-400)";
1175
- };
1176
- readonly marginBottom: {
1177
- 'space.0': "var(--ds-space-0)";
1178
- 'space.025': "var(--ds-space-025)";
1179
- 'space.050': "var(--ds-space-050)";
1180
- 'space.075': "var(--ds-space-075)";
1181
- 'space.100': "var(--ds-space-100)";
1182
- 'space.150': "var(--ds-space-150)";
1183
- 'space.200': "var(--ds-space-200)";
1184
- 'space.250': "var(--ds-space-250)";
1185
- 'space.300': "var(--ds-space-300)";
1186
- 'space.400': "var(--ds-space-400)";
1187
- 'space.500': "var(--ds-space-500)";
1188
- 'space.600': "var(--ds-space-600)";
1189
- 'space.800': "var(--ds-space-800)";
1190
- 'space.1000': "var(--ds-space-1000)";
1191
- 'space.negative.025': "var(--ds-space-negative-025)";
1192
- 'space.negative.050': "var(--ds-space-negative-050)";
1193
- 'space.negative.075': "var(--ds-space-negative-075)";
1194
- 'space.negative.100': "var(--ds-space-negative-100)";
1195
- 'space.negative.150': "var(--ds-space-negative-150)";
1196
- 'space.negative.200': "var(--ds-space-negative-200)";
1197
- 'space.negative.250': "var(--ds-space-negative-250)";
1198
- 'space.negative.300': "var(--ds-space-negative-300)";
1199
- 'space.negative.400': "var(--ds-space-negative-400)";
1200
- };
1201
- readonly marginInline: {
1202
- 'space.0': "var(--ds-space-0)";
1203
- 'space.025': "var(--ds-space-025)";
1204
- 'space.050': "var(--ds-space-050)";
1205
- 'space.075': "var(--ds-space-075)";
1206
- 'space.100': "var(--ds-space-100)";
1207
- 'space.150': "var(--ds-space-150)";
1208
- 'space.200': "var(--ds-space-200)";
1209
- 'space.250': "var(--ds-space-250)";
1210
- 'space.300': "var(--ds-space-300)";
1211
- 'space.400': "var(--ds-space-400)";
1212
- 'space.500': "var(--ds-space-500)";
1213
- 'space.600': "var(--ds-space-600)";
1214
- 'space.800': "var(--ds-space-800)";
1215
- 'space.1000': "var(--ds-space-1000)";
1216
- 'space.negative.025': "var(--ds-space-negative-025)";
1217
- 'space.negative.050': "var(--ds-space-negative-050)";
1218
- 'space.negative.075': "var(--ds-space-negative-075)";
1219
- 'space.negative.100': "var(--ds-space-negative-100)";
1220
- 'space.negative.150': "var(--ds-space-negative-150)";
1221
- 'space.negative.200': "var(--ds-space-negative-200)";
1222
- 'space.negative.250': "var(--ds-space-negative-250)";
1223
- 'space.negative.300': "var(--ds-space-negative-300)";
1224
- 'space.negative.400': "var(--ds-space-negative-400)";
1225
- };
1226
- readonly marginInlineEnd: {
1227
- 'space.0': "var(--ds-space-0)";
1228
- 'space.025': "var(--ds-space-025)";
1229
- 'space.050': "var(--ds-space-050)";
1230
- 'space.075': "var(--ds-space-075)";
1231
- 'space.100': "var(--ds-space-100)";
1232
- 'space.150': "var(--ds-space-150)";
1233
- 'space.200': "var(--ds-space-200)";
1234
- 'space.250': "var(--ds-space-250)";
1235
- 'space.300': "var(--ds-space-300)";
1236
- 'space.400': "var(--ds-space-400)";
1237
- 'space.500': "var(--ds-space-500)";
1238
- 'space.600': "var(--ds-space-600)";
1239
- 'space.800': "var(--ds-space-800)";
1240
- 'space.1000': "var(--ds-space-1000)";
1241
- 'space.negative.025': "var(--ds-space-negative-025)";
1242
- 'space.negative.050': "var(--ds-space-negative-050)";
1243
- 'space.negative.075': "var(--ds-space-negative-075)";
1244
- 'space.negative.100': "var(--ds-space-negative-100)";
1245
- 'space.negative.150': "var(--ds-space-negative-150)";
1246
- 'space.negative.200': "var(--ds-space-negative-200)";
1247
- 'space.negative.250': "var(--ds-space-negative-250)";
1248
- 'space.negative.300': "var(--ds-space-negative-300)";
1249
- 'space.negative.400': "var(--ds-space-negative-400)";
1250
- };
1251
- readonly marginInlineStart: {
1252
- 'space.0': "var(--ds-space-0)";
1253
- 'space.025': "var(--ds-space-025)";
1254
- 'space.050': "var(--ds-space-050)";
1255
- 'space.075': "var(--ds-space-075)";
1256
- 'space.100': "var(--ds-space-100)";
1257
- 'space.150': "var(--ds-space-150)";
1258
- 'space.200': "var(--ds-space-200)";
1259
- 'space.250': "var(--ds-space-250)";
1260
- 'space.300': "var(--ds-space-300)";
1261
- 'space.400': "var(--ds-space-400)";
1262
- 'space.500': "var(--ds-space-500)";
1263
- 'space.600': "var(--ds-space-600)";
1264
- 'space.800': "var(--ds-space-800)";
1265
- 'space.1000': "var(--ds-space-1000)";
1266
- 'space.negative.025': "var(--ds-space-negative-025)";
1267
- 'space.negative.050': "var(--ds-space-negative-050)";
1268
- 'space.negative.075': "var(--ds-space-negative-075)";
1269
- 'space.negative.100': "var(--ds-space-negative-100)";
1270
- 'space.negative.150': "var(--ds-space-negative-150)";
1271
- 'space.negative.200': "var(--ds-space-negative-200)";
1272
- 'space.negative.250': "var(--ds-space-negative-250)";
1273
- 'space.negative.300': "var(--ds-space-negative-300)";
1274
- 'space.negative.400': "var(--ds-space-negative-400)";
1275
- };
1276
- readonly marginLeft: {
1277
- 'space.0': "var(--ds-space-0)";
1278
- 'space.025': "var(--ds-space-025)";
1279
- 'space.050': "var(--ds-space-050)";
1280
- 'space.075': "var(--ds-space-075)";
1281
- 'space.100': "var(--ds-space-100)";
1282
- 'space.150': "var(--ds-space-150)";
1283
- 'space.200': "var(--ds-space-200)";
1284
- 'space.250': "var(--ds-space-250)";
1285
- 'space.300': "var(--ds-space-300)";
1286
- 'space.400': "var(--ds-space-400)";
1287
- 'space.500': "var(--ds-space-500)";
1288
- 'space.600': "var(--ds-space-600)";
1289
- 'space.800': "var(--ds-space-800)";
1290
- 'space.1000': "var(--ds-space-1000)";
1291
- 'space.negative.025': "var(--ds-space-negative-025)";
1292
- 'space.negative.050': "var(--ds-space-negative-050)";
1293
- 'space.negative.075': "var(--ds-space-negative-075)";
1294
- 'space.negative.100': "var(--ds-space-negative-100)";
1295
- 'space.negative.150': "var(--ds-space-negative-150)";
1296
- 'space.negative.200': "var(--ds-space-negative-200)";
1297
- 'space.negative.250': "var(--ds-space-negative-250)";
1298
- 'space.negative.300': "var(--ds-space-negative-300)";
1299
- 'space.negative.400': "var(--ds-space-negative-400)";
1300
- };
1301
- readonly marginRight: {
1302
- 'space.0': "var(--ds-space-0)";
1303
- 'space.025': "var(--ds-space-025)";
1304
- 'space.050': "var(--ds-space-050)";
1305
- 'space.075': "var(--ds-space-075)";
1306
- 'space.100': "var(--ds-space-100)";
1307
- 'space.150': "var(--ds-space-150)";
1308
- 'space.200': "var(--ds-space-200)";
1309
- 'space.250': "var(--ds-space-250)";
1310
- 'space.300': "var(--ds-space-300)";
1311
- 'space.400': "var(--ds-space-400)";
1312
- 'space.500': "var(--ds-space-500)";
1313
- 'space.600': "var(--ds-space-600)";
1314
- 'space.800': "var(--ds-space-800)";
1315
- 'space.1000': "var(--ds-space-1000)";
1316
- 'space.negative.025': "var(--ds-space-negative-025)";
1317
- 'space.negative.050': "var(--ds-space-negative-050)";
1318
- 'space.negative.075': "var(--ds-space-negative-075)";
1319
- 'space.negative.100': "var(--ds-space-negative-100)";
1320
- 'space.negative.150': "var(--ds-space-negative-150)";
1321
- 'space.negative.200': "var(--ds-space-negative-200)";
1322
- 'space.negative.250': "var(--ds-space-negative-250)";
1323
- 'space.negative.300': "var(--ds-space-negative-300)";
1324
- 'space.negative.400': "var(--ds-space-negative-400)";
1325
- };
1326
- readonly marginTop: {
1327
- 'space.0': "var(--ds-space-0)";
1328
- 'space.025': "var(--ds-space-025)";
1329
- 'space.050': "var(--ds-space-050)";
1330
- 'space.075': "var(--ds-space-075)";
1331
- 'space.100': "var(--ds-space-100)";
1332
- 'space.150': "var(--ds-space-150)";
1333
- 'space.200': "var(--ds-space-200)";
1334
- 'space.250': "var(--ds-space-250)";
1335
- 'space.300': "var(--ds-space-300)";
1336
- 'space.400': "var(--ds-space-400)";
1337
- 'space.500': "var(--ds-space-500)";
1338
- 'space.600': "var(--ds-space-600)";
1339
- 'space.800': "var(--ds-space-800)";
1340
- 'space.1000': "var(--ds-space-1000)";
1341
- 'space.negative.025': "var(--ds-space-negative-025)";
1342
- 'space.negative.050': "var(--ds-space-negative-050)";
1343
- 'space.negative.075': "var(--ds-space-negative-075)";
1344
- 'space.negative.100': "var(--ds-space-negative-100)";
1345
- 'space.negative.150': "var(--ds-space-negative-150)";
1346
- 'space.negative.200': "var(--ds-space-negative-200)";
1347
- 'space.negative.250': "var(--ds-space-negative-250)";
1348
- 'space.negative.300': "var(--ds-space-negative-300)";
1349
- 'space.negative.400': "var(--ds-space-negative-400)";
1350
- };
1351
- readonly maxBlockSize: {
1352
- readonly '100%': "100%";
1353
- readonly 'size.100': "1rem";
1354
- readonly 'size.200': "1.5rem";
1355
- readonly 'size.300': "2rem";
1356
- readonly 'size.400': "2.5rem";
1357
- readonly 'size.500': "3rem";
1358
- readonly 'size.600': "6rem";
1359
- readonly 'size.1000': "12rem";
1360
- };
1361
- readonly maxHeight: {
1362
- readonly '100%': "100%";
1363
- readonly 'size.100': "1rem";
1364
- readonly 'size.200': "1.5rem";
1365
- readonly 'size.300': "2rem";
1366
- readonly 'size.400': "2.5rem";
1367
- readonly 'size.500': "3rem";
1368
- readonly 'size.600': "6rem";
1369
- readonly 'size.1000': "12rem";
1370
- };
1371
- readonly maxInlineSize: {
1372
- readonly '100%': "100%";
1373
- readonly 'size.100': "1rem";
1374
- readonly 'size.200': "1.5rem";
1375
- readonly 'size.300': "2rem";
1376
- readonly 'size.400': "2.5rem";
1377
- readonly 'size.500': "3rem";
1378
- readonly 'size.600': "6rem";
1379
- readonly 'size.1000': "12rem";
1380
- };
1381
- readonly maxWidth: {
1382
- readonly '100%': "100%";
1383
- readonly 'size.100': "1rem";
1384
- readonly 'size.200': "1.5rem";
1385
- readonly 'size.300': "2rem";
1386
- readonly 'size.400': "2.5rem";
1387
- readonly 'size.500': "3rem";
1388
- readonly 'size.600': "6rem";
1389
- readonly 'size.1000': "12rem";
1390
- };
1391
- readonly minBlockSize: {
1392
- readonly '100%': "100%";
1393
- readonly 'size.100': "1rem";
1394
- readonly 'size.200': "1.5rem";
1395
- readonly 'size.300': "2rem";
1396
- readonly 'size.400': "2.5rem";
1397
- readonly 'size.500': "3rem";
1398
- readonly 'size.600': "6rem";
1399
- readonly 'size.1000': "12rem";
1400
- };
1401
- readonly minHeight: {
1402
- readonly '100%': "100%";
1403
- readonly 'size.100': "1rem";
1404
- readonly 'size.200': "1.5rem";
1405
- readonly 'size.300': "2rem";
1406
- readonly 'size.400': "2.5rem";
1407
- readonly 'size.500': "3rem";
1408
- readonly 'size.600': "6rem";
1409
- readonly 'size.1000': "12rem";
1410
- };
1411
- readonly minInlineSize: {
1412
- readonly '100%': "100%";
1413
- readonly 'size.100': "1rem";
1414
- readonly 'size.200': "1.5rem";
1415
- readonly 'size.300': "2rem";
1416
- readonly 'size.400': "2.5rem";
1417
- readonly 'size.500': "3rem";
1418
- readonly 'size.600': "6rem";
1419
- readonly 'size.1000': "12rem";
1420
- };
1421
- readonly minWidth: {
1422
- readonly '100%': "100%";
1423
- readonly 'size.100': "1rem";
1424
- readonly 'size.200': "1.5rem";
1425
- readonly 'size.300': "2rem";
1426
- readonly 'size.400': "2.5rem";
1427
- readonly 'size.500': "3rem";
1428
- readonly 'size.600': "6rem";
1429
- readonly 'size.1000': "12rem";
1430
- };
1431
- readonly opacity: {
1432
- 'opacity.disabled': "var(--ds-opacity-disabled)";
1433
- 'opacity.loading': "var(--ds-opacity-loading)";
1434
- };
1435
- readonly outlineColor: {
1436
- 'color.border': "var(--ds-border)";
1437
- 'color.border.accent.lime': "var(--ds-border-accent-lime)";
1438
- 'color.border.accent.red': "var(--ds-border-accent-red)";
1439
- 'color.border.accent.orange': "var(--ds-border-accent-orange)";
1440
- 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
1441
- 'color.border.accent.green': "var(--ds-border-accent-green)";
1442
- 'color.border.accent.teal': "var(--ds-border-accent-teal)";
1443
- 'color.border.accent.blue': "var(--ds-border-accent-blue)";
1444
- 'color.border.accent.purple': "var(--ds-border-accent-purple)";
1445
- 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
1446
- 'color.border.accent.gray': "var(--ds-border-accent-gray)";
1447
- 'color.border.disabled': "var(--ds-border-disabled)";
1448
- 'color.border.focused': "var(--ds-border-focused)";
1449
- 'color.border.input': "var(--ds-border-input)";
1450
- 'color.border.inverse': "var(--ds-border-inverse)";
1451
- 'color.border.selected': "var(--ds-border-selected)";
1452
- 'color.border.brand': "var(--ds-border-brand)";
1453
- 'color.border.danger': "var(--ds-border-danger)";
1454
- 'color.border.warning': "var(--ds-border-warning)";
1455
- 'color.border.success': "var(--ds-border-success)";
1456
- 'color.border.discovery': "var(--ds-border-discovery)";
1457
- 'color.border.information': "var(--ds-border-information)";
1458
- 'color.border.bold': "var(--ds-border-bold)";
1459
- };
1460
- readonly outlineOffset: {
1461
- 'space.0': "var(--ds-space-0)";
1462
- 'space.025': "var(--ds-space-025)";
1463
- 'space.050': "var(--ds-space-050)";
1464
- 'space.075': "var(--ds-space-075)";
1465
- 'space.100': "var(--ds-space-100)";
1466
- 'space.150': "var(--ds-space-150)";
1467
- 'space.200': "var(--ds-space-200)";
1468
- 'space.250': "var(--ds-space-250)";
1469
- 'space.300': "var(--ds-space-300)";
1470
- 'space.400': "var(--ds-space-400)";
1471
- 'space.500': "var(--ds-space-500)";
1472
- 'space.600': "var(--ds-space-600)";
1473
- 'space.800': "var(--ds-space-800)";
1474
- 'space.1000': "var(--ds-space-1000)";
1475
- 'space.negative.025': "var(--ds-space-negative-025)";
1476
- 'space.negative.050': "var(--ds-space-negative-050)";
1477
- 'space.negative.075': "var(--ds-space-negative-075)";
1478
- 'space.negative.100': "var(--ds-space-negative-100)";
1479
- 'space.negative.150': "var(--ds-space-negative-150)";
1480
- 'space.negative.200': "var(--ds-space-negative-200)";
1481
- 'space.negative.250': "var(--ds-space-negative-250)";
1482
- 'space.negative.300': "var(--ds-space-negative-300)";
1483
- 'space.negative.400': "var(--ds-space-negative-400)";
1484
- };
1485
- readonly outlineWidth: {
1486
- 'border.width': "var(--ds-border-width)";
1487
- 'border.width.0': "var(--ds-border-width-0)";
1488
- 'border.width.indicator': "var(--ds-border-width-indicator)";
1489
- 'border.width.outline': "var(--ds-border-width-outline)";
1490
- 'border.width.selected': "var(--ds-border-width-selected)";
1491
- 'border.width.focused': "var(--ds-border-width-focused)";
1492
- };
1493
- readonly padding: {
1494
- 'space.0': "var(--ds-space-0)";
1495
- 'space.025': "var(--ds-space-025)";
1496
- 'space.050': "var(--ds-space-050)";
1497
- 'space.075': "var(--ds-space-075)";
1498
- 'space.100': "var(--ds-space-100)";
1499
- 'space.150': "var(--ds-space-150)";
1500
- 'space.200': "var(--ds-space-200)";
1501
- 'space.250': "var(--ds-space-250)";
1502
- 'space.300': "var(--ds-space-300)";
1503
- 'space.400': "var(--ds-space-400)";
1504
- 'space.500': "var(--ds-space-500)";
1505
- 'space.600': "var(--ds-space-600)";
1506
- 'space.800': "var(--ds-space-800)";
1507
- 'space.1000': "var(--ds-space-1000)";
1508
- };
1509
- readonly paddingBlock: {
1510
- 'space.0': "var(--ds-space-0)";
1511
- 'space.025': "var(--ds-space-025)";
1512
- 'space.050': "var(--ds-space-050)";
1513
- 'space.075': "var(--ds-space-075)";
1514
- 'space.100': "var(--ds-space-100)";
1515
- 'space.150': "var(--ds-space-150)";
1516
- 'space.200': "var(--ds-space-200)";
1517
- 'space.250': "var(--ds-space-250)";
1518
- 'space.300': "var(--ds-space-300)";
1519
- 'space.400': "var(--ds-space-400)";
1520
- 'space.500': "var(--ds-space-500)";
1521
- 'space.600': "var(--ds-space-600)";
1522
- 'space.800': "var(--ds-space-800)";
1523
- 'space.1000': "var(--ds-space-1000)";
1524
- };
1525
- readonly paddingBlockEnd: {
1526
- 'space.0': "var(--ds-space-0)";
1527
- 'space.025': "var(--ds-space-025)";
1528
- 'space.050': "var(--ds-space-050)";
1529
- 'space.075': "var(--ds-space-075)";
1530
- 'space.100': "var(--ds-space-100)";
1531
- 'space.150': "var(--ds-space-150)";
1532
- 'space.200': "var(--ds-space-200)";
1533
- 'space.250': "var(--ds-space-250)";
1534
- 'space.300': "var(--ds-space-300)";
1535
- 'space.400': "var(--ds-space-400)";
1536
- 'space.500': "var(--ds-space-500)";
1537
- 'space.600': "var(--ds-space-600)";
1538
- 'space.800': "var(--ds-space-800)";
1539
- 'space.1000': "var(--ds-space-1000)";
1540
- };
1541
- readonly paddingBlockStart: {
1542
- 'space.0': "var(--ds-space-0)";
1543
- 'space.025': "var(--ds-space-025)";
1544
- 'space.050': "var(--ds-space-050)";
1545
- 'space.075': "var(--ds-space-075)";
1546
- 'space.100': "var(--ds-space-100)";
1547
- 'space.150': "var(--ds-space-150)";
1548
- 'space.200': "var(--ds-space-200)";
1549
- 'space.250': "var(--ds-space-250)";
1550
- 'space.300': "var(--ds-space-300)";
1551
- 'space.400': "var(--ds-space-400)";
1552
- 'space.500': "var(--ds-space-500)";
1553
- 'space.600': "var(--ds-space-600)";
1554
- 'space.800': "var(--ds-space-800)";
1555
- 'space.1000': "var(--ds-space-1000)";
1556
- };
1557
- readonly paddingBottom: {
1558
- 'space.0': "var(--ds-space-0)";
1559
- 'space.025': "var(--ds-space-025)";
1560
- 'space.050': "var(--ds-space-050)";
1561
- 'space.075': "var(--ds-space-075)";
1562
- 'space.100': "var(--ds-space-100)";
1563
- 'space.150': "var(--ds-space-150)";
1564
- 'space.200': "var(--ds-space-200)";
1565
- 'space.250': "var(--ds-space-250)";
1566
- 'space.300': "var(--ds-space-300)";
1567
- 'space.400': "var(--ds-space-400)";
1568
- 'space.500': "var(--ds-space-500)";
1569
- 'space.600': "var(--ds-space-600)";
1570
- 'space.800': "var(--ds-space-800)";
1571
- 'space.1000': "var(--ds-space-1000)";
1572
- };
1573
- readonly paddingInline: {
1574
- 'space.0': "var(--ds-space-0)";
1575
- 'space.025': "var(--ds-space-025)";
1576
- 'space.050': "var(--ds-space-050)";
1577
- 'space.075': "var(--ds-space-075)";
1578
- 'space.100': "var(--ds-space-100)";
1579
- 'space.150': "var(--ds-space-150)";
1580
- 'space.200': "var(--ds-space-200)";
1581
- 'space.250': "var(--ds-space-250)";
1582
- 'space.300': "var(--ds-space-300)";
1583
- 'space.400': "var(--ds-space-400)";
1584
- 'space.500': "var(--ds-space-500)";
1585
- 'space.600': "var(--ds-space-600)";
1586
- 'space.800': "var(--ds-space-800)";
1587
- 'space.1000': "var(--ds-space-1000)";
1588
- };
1589
- readonly paddingInlineEnd: {
1590
- 'space.0': "var(--ds-space-0)";
1591
- 'space.025': "var(--ds-space-025)";
1592
- 'space.050': "var(--ds-space-050)";
1593
- 'space.075': "var(--ds-space-075)";
1594
- 'space.100': "var(--ds-space-100)";
1595
- 'space.150': "var(--ds-space-150)";
1596
- 'space.200': "var(--ds-space-200)";
1597
- 'space.250': "var(--ds-space-250)";
1598
- 'space.300': "var(--ds-space-300)";
1599
- 'space.400': "var(--ds-space-400)";
1600
- 'space.500': "var(--ds-space-500)";
1601
- 'space.600': "var(--ds-space-600)";
1602
- 'space.800': "var(--ds-space-800)";
1603
- 'space.1000': "var(--ds-space-1000)";
1604
- };
1605
- readonly paddingInlineStart: {
1606
- 'space.0': "var(--ds-space-0)";
1607
- 'space.025': "var(--ds-space-025)";
1608
- 'space.050': "var(--ds-space-050)";
1609
- 'space.075': "var(--ds-space-075)";
1610
- 'space.100': "var(--ds-space-100)";
1611
- 'space.150': "var(--ds-space-150)";
1612
- 'space.200': "var(--ds-space-200)";
1613
- 'space.250': "var(--ds-space-250)";
1614
- 'space.300': "var(--ds-space-300)";
1615
- 'space.400': "var(--ds-space-400)";
1616
- 'space.500': "var(--ds-space-500)";
1617
- 'space.600': "var(--ds-space-600)";
1618
- 'space.800': "var(--ds-space-800)";
1619
- 'space.1000': "var(--ds-space-1000)";
1620
- };
1621
- readonly paddingLeft: {
1622
- 'space.0': "var(--ds-space-0)";
1623
- 'space.025': "var(--ds-space-025)";
1624
- 'space.050': "var(--ds-space-050)";
1625
- 'space.075': "var(--ds-space-075)";
1626
- 'space.100': "var(--ds-space-100)";
1627
- 'space.150': "var(--ds-space-150)";
1628
- 'space.200': "var(--ds-space-200)";
1629
- 'space.250': "var(--ds-space-250)";
1630
- 'space.300': "var(--ds-space-300)";
1631
- 'space.400': "var(--ds-space-400)";
1632
- 'space.500': "var(--ds-space-500)";
1633
- 'space.600': "var(--ds-space-600)";
1634
- 'space.800': "var(--ds-space-800)";
1635
- 'space.1000': "var(--ds-space-1000)";
1636
- };
1637
- readonly paddingRight: {
1638
- 'space.0': "var(--ds-space-0)";
1639
- 'space.025': "var(--ds-space-025)";
1640
- 'space.050': "var(--ds-space-050)";
1641
- 'space.075': "var(--ds-space-075)";
1642
- 'space.100': "var(--ds-space-100)";
1643
- 'space.150': "var(--ds-space-150)";
1644
- 'space.200': "var(--ds-space-200)";
1645
- 'space.250': "var(--ds-space-250)";
1646
- 'space.300': "var(--ds-space-300)";
1647
- 'space.400': "var(--ds-space-400)";
1648
- 'space.500': "var(--ds-space-500)";
1649
- 'space.600': "var(--ds-space-600)";
1650
- 'space.800': "var(--ds-space-800)";
1651
- 'space.1000': "var(--ds-space-1000)";
1652
- };
1653
- readonly paddingTop: {
1654
- 'space.0': "var(--ds-space-0)";
1655
- 'space.025': "var(--ds-space-025)";
1656
- 'space.050': "var(--ds-space-050)";
1657
- 'space.075': "var(--ds-space-075)";
1658
- 'space.100': "var(--ds-space-100)";
1659
- 'space.150': "var(--ds-space-150)";
1660
- 'space.200': "var(--ds-space-200)";
1661
- 'space.250': "var(--ds-space-250)";
1662
- 'space.300': "var(--ds-space-300)";
1663
- 'space.400': "var(--ds-space-400)";
1664
- 'space.500': "var(--ds-space-500)";
1665
- 'space.600': "var(--ds-space-600)";
1666
- 'space.800': "var(--ds-space-800)";
1667
- 'space.1000': "var(--ds-space-1000)";
1668
- };
1669
- readonly right: {
1670
- 'space.0': "var(--ds-space-0)";
1671
- 'space.025': "var(--ds-space-025)";
1672
- 'space.050': "var(--ds-space-050)";
1673
- 'space.075': "var(--ds-space-075)";
1674
- 'space.100': "var(--ds-space-100)";
1675
- 'space.150': "var(--ds-space-150)";
1676
- 'space.200': "var(--ds-space-200)";
1677
- 'space.250': "var(--ds-space-250)";
1678
- 'space.300': "var(--ds-space-300)";
1679
- 'space.400': "var(--ds-space-400)";
1680
- 'space.500': "var(--ds-space-500)";
1681
- 'space.600': "var(--ds-space-600)";
1682
- 'space.800': "var(--ds-space-800)";
1683
- 'space.1000': "var(--ds-space-1000)";
1684
- 'space.negative.025': "var(--ds-space-negative-025)";
1685
- 'space.negative.050': "var(--ds-space-negative-050)";
1686
- 'space.negative.075': "var(--ds-space-negative-075)";
1687
- 'space.negative.100': "var(--ds-space-negative-100)";
1688
- 'space.negative.150': "var(--ds-space-negative-150)";
1689
- 'space.negative.200': "var(--ds-space-negative-200)";
1690
- 'space.negative.250': "var(--ds-space-negative-250)";
1691
- 'space.negative.300': "var(--ds-space-negative-300)";
1692
- 'space.negative.400': "var(--ds-space-negative-400)";
1693
- };
1694
- readonly rowGap: {
1695
- 'space.0': "var(--ds-space-0)";
1696
- 'space.025': "var(--ds-space-025)";
1697
- 'space.050': "var(--ds-space-050)";
1698
- 'space.075': "var(--ds-space-075)";
1699
- 'space.100': "var(--ds-space-100)";
1700
- 'space.150': "var(--ds-space-150)";
1701
- 'space.200': "var(--ds-space-200)";
1702
- 'space.250': "var(--ds-space-250)";
1703
- 'space.300': "var(--ds-space-300)";
1704
- 'space.400': "var(--ds-space-400)";
1705
- 'space.500': "var(--ds-space-500)";
1706
- 'space.600': "var(--ds-space-600)";
1707
- 'space.800': "var(--ds-space-800)";
1708
- 'space.1000': "var(--ds-space-1000)";
1709
- };
1710
- readonly top: {
1711
- 'space.0': "var(--ds-space-0)";
1712
- 'space.025': "var(--ds-space-025)";
1713
- 'space.050': "var(--ds-space-050)";
1714
- 'space.075': "var(--ds-space-075)";
1715
- 'space.100': "var(--ds-space-100)";
1716
- 'space.150': "var(--ds-space-150)";
1717
- 'space.200': "var(--ds-space-200)";
1718
- 'space.250': "var(--ds-space-250)";
1719
- 'space.300': "var(--ds-space-300)";
1720
- 'space.400': "var(--ds-space-400)";
1721
- 'space.500': "var(--ds-space-500)";
1722
- 'space.600': "var(--ds-space-600)";
1723
- 'space.800': "var(--ds-space-800)";
1724
- 'space.1000': "var(--ds-space-1000)";
1725
- 'space.negative.025': "var(--ds-space-negative-025)";
1726
- 'space.negative.050': "var(--ds-space-negative-050)";
1727
- 'space.negative.075': "var(--ds-space-negative-075)";
1728
- 'space.negative.100': "var(--ds-space-negative-100)";
1729
- 'space.negative.150': "var(--ds-space-negative-150)";
1730
- 'space.negative.200': "var(--ds-space-negative-200)";
1731
- 'space.negative.250': "var(--ds-space-negative-250)";
1732
- 'space.negative.300': "var(--ds-space-negative-300)";
1733
- 'space.negative.400': "var(--ds-space-negative-400)";
1734
- };
1735
- readonly width: {
1736
- readonly '100%': "100%";
1737
- readonly 'size.100': "1rem";
1738
- readonly 'size.200': "1.5rem";
1739
- readonly 'size.300': "2rem";
1740
- readonly 'size.400': "2.5rem";
1741
- readonly 'size.500': "3rem";
1742
- readonly 'size.600': "6rem";
1743
- readonly 'size.1000': "12rem";
1744
- };
1745
- readonly zIndex: {
1746
- readonly '1': 1;
1747
- readonly card: 100;
1748
- readonly navigation: 200;
1749
- readonly dialog: 300;
1750
- readonly layer: 400;
1751
- readonly blanket: 500;
1752
- readonly modal: 510;
1753
- readonly flag: 600;
1754
- readonly spotlight: 700;
1755
- readonly tooltip: 800;
1756
- };
7
+ readonly backgroundColor: typeof backgroundColorMap;
8
+ readonly blockSize: typeof dimensionMap;
9
+ readonly borderBlockColor: typeof borderColorMap;
10
+ readonly borderBlockEndColor: typeof borderColorMap;
11
+ readonly borderBlockEndWidth: typeof borderWidthMap;
12
+ readonly borderBlockStartColor: typeof borderColorMap;
13
+ readonly borderBlockStartWidth: typeof borderWidthMap;
14
+ readonly borderBlockWidth: typeof borderWidthMap;
15
+ readonly borderBottomColor: typeof borderColorMap;
16
+ readonly borderBottomLeftRadius: typeof borderRadiusMap;
17
+ readonly borderBottomRightRadius: typeof borderRadiusMap;
18
+ readonly borderBottomWidth: typeof borderWidthMap;
19
+ readonly borderColor: typeof borderColorMap;
20
+ readonly borderEndEndRadius: typeof borderRadiusMap;
21
+ readonly borderEndStartRadius: typeof borderRadiusMap;
22
+ readonly borderInlineColor: typeof borderColorMap;
23
+ readonly borderInlineEndColor: typeof borderColorMap;
24
+ readonly borderInlineEndWidth: typeof borderWidthMap;
25
+ readonly borderInlineStartColor: typeof borderColorMap;
26
+ readonly borderInlineStartWidth: typeof borderWidthMap;
27
+ readonly borderInlineWidth: typeof borderWidthMap;
28
+ readonly borderLeftColor: typeof borderColorMap;
29
+ readonly borderLeftWidth: typeof borderWidthMap;
30
+ readonly borderRadius: typeof borderRadiusMap;
31
+ readonly borderRightColor: typeof borderColorMap;
32
+ readonly borderRightWidth: typeof borderWidthMap;
33
+ readonly borderStartEndRadius: typeof borderRadiusMap;
34
+ readonly borderStartStartRadius: typeof borderRadiusMap;
35
+ readonly borderTopColor: typeof borderColorMap;
36
+ readonly borderTopLeftRadius: typeof borderRadiusMap;
37
+ readonly borderTopRightRadius: typeof borderRadiusMap;
38
+ readonly borderTopWidth: typeof borderWidthMap;
39
+ readonly borderWidth: typeof borderWidthMap;
40
+ readonly bottom: typeof allSpaceMap;
41
+ readonly boxShadow: typeof shadowMap;
42
+ readonly color: typeof textColorMap;
43
+ readonly columnGap: typeof positiveSpaceMap;
44
+ readonly font: typeof fontMap;
45
+ readonly fontFamily: typeof fontFamilyMap;
46
+ readonly fontWeight: typeof fontWeightMap;
47
+ readonly gap: typeof positiveSpaceMap;
48
+ readonly height: typeof dimensionMap;
49
+ readonly inlineSize: typeof dimensionMap;
50
+ readonly inset: typeof allSpaceMap;
51
+ readonly insetBlock: typeof allSpaceMap;
52
+ readonly insetBlockEnd: typeof allSpaceMap;
53
+ readonly insetBlockStart: typeof allSpaceMap;
54
+ readonly insetInline: typeof allSpaceMap;
55
+ readonly insetInlineEnd: typeof allSpaceMap;
56
+ readonly insetInlineStart: typeof allSpaceMap;
57
+ readonly left: typeof allSpaceMap;
58
+ readonly margin: typeof allSpaceMap;
59
+ readonly marginBlock: typeof allSpaceMap;
60
+ readonly marginBlockEnd: typeof allSpaceMap;
61
+ readonly marginBlockStart: typeof allSpaceMap;
62
+ readonly marginBottom: typeof allSpaceMap;
63
+ readonly marginInline: typeof allSpaceMap;
64
+ readonly marginInlineEnd: typeof allSpaceMap;
65
+ readonly marginInlineStart: typeof allSpaceMap;
66
+ readonly marginLeft: typeof allSpaceMap;
67
+ readonly marginRight: typeof allSpaceMap;
68
+ readonly marginTop: typeof allSpaceMap;
69
+ readonly maxBlockSize: typeof dimensionMap;
70
+ readonly maxHeight: typeof dimensionMap;
71
+ readonly maxInlineSize: typeof dimensionMap;
72
+ readonly maxWidth: typeof dimensionMap;
73
+ readonly minBlockSize: typeof dimensionMap;
74
+ readonly minHeight: typeof dimensionMap;
75
+ readonly minInlineSize: typeof dimensionMap;
76
+ readonly minWidth: typeof dimensionMap;
77
+ readonly opacity: typeof opacityMap;
78
+ readonly outlineColor: typeof borderColorMap;
79
+ readonly outlineOffset: typeof allSpaceMap;
80
+ readonly outlineWidth: typeof borderWidthMap;
81
+ readonly padding: typeof positiveSpaceMap;
82
+ readonly paddingBlock: typeof positiveSpaceMap;
83
+ readonly paddingBlockEnd: typeof positiveSpaceMap;
84
+ readonly paddingBlockStart: typeof positiveSpaceMap;
85
+ readonly paddingBottom: typeof positiveSpaceMap;
86
+ readonly paddingInline: typeof positiveSpaceMap;
87
+ readonly paddingInlineEnd: typeof positiveSpaceMap;
88
+ readonly paddingInlineStart: typeof positiveSpaceMap;
89
+ readonly paddingLeft: typeof positiveSpaceMap;
90
+ readonly paddingRight: typeof positiveSpaceMap;
91
+ readonly paddingTop: typeof positiveSpaceMap;
92
+ readonly right: typeof allSpaceMap;
93
+ readonly rowGap: typeof positiveSpaceMap;
94
+ readonly top: typeof allSpaceMap;
95
+ readonly width: typeof dimensionMap;
96
+ readonly zIndex: typeof layerMap;
1757
97
  };
1758
98
  declare const uniqueSymbol: unique symbol;
1759
99
  /**