@atlaskit/primitives 7.0.0 → 7.0.2

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 (76) hide show
  1. package/.eslintrc.js +1 -1
  2. package/CHANGELOG.md +19 -1
  3. package/LICENSE.md +6 -8
  4. package/constellation/anchor/code.mdx +3 -3
  5. package/constellation/anchor/examples.mdx +33 -39
  6. package/constellation/anchor/usage.mdx +60 -30
  7. package/constellation/bleed/code.mdx +3 -3
  8. package/constellation/bleed/examples.mdx +17 -13
  9. package/constellation/box/code.mdx +3 -3
  10. package/constellation/box/examples.mdx +25 -19
  11. package/constellation/box/usage.mdx +15 -5
  12. package/constellation/flex/code.mdx +3 -3
  13. package/constellation/flex/examples.mdx +12 -11
  14. package/constellation/grid/code.mdx +3 -3
  15. package/constellation/grid/examples.mdx +15 -10
  16. package/constellation/inline/code.mdx +3 -3
  17. package/constellation/inline/examples.mdx +32 -38
  18. package/constellation/inline/usage.mdx +15 -6
  19. package/constellation/overview/index.mdx +29 -27
  20. package/constellation/pressable/code.mdx +5 -4
  21. package/constellation/pressable/examples.mdx +41 -55
  22. package/constellation/pressable/usage.mdx +59 -36
  23. package/constellation/responsive/01-show/code.mdx +3 -3
  24. package/constellation/responsive/01-show/examples.mdx +9 -13
  25. package/constellation/responsive/02-hide/code.mdx +3 -3
  26. package/constellation/responsive/02-hide/examples.mdx +9 -13
  27. package/constellation/responsive/03-breakpoints/examples.mdx +3 -3
  28. package/constellation/responsive/examples.mdx +10 -10
  29. package/constellation/responsive/usage.mdx +23 -15
  30. package/constellation/stack/code.mdx +3 -3
  31. package/constellation/stack/examples.mdx +26 -20
  32. package/constellation/stack/usage.mdx +13 -5
  33. package/constellation/text/code.mdx +3 -3
  34. package/constellation/text/examples.mdx +29 -15
  35. package/constellation/text/usage.mdx +6 -3
  36. package/constellation/xcss/examples.mdx +7 -5
  37. package/constellation/xcss/migration.mdx +32 -25
  38. package/constellation/xcss/usage.mdx +72 -60
  39. package/dist/cjs/components/anchor.js +4 -4
  40. package/dist/cjs/components/pressable.js +1 -1
  41. package/dist/cjs/xcss/style-maps.partial.js +13 -13
  42. package/dist/es2019/components/anchor.js +4 -4
  43. package/dist/es2019/components/pressable.js +1 -1
  44. package/dist/es2019/xcss/style-maps.partial.js +13 -13
  45. package/dist/esm/components/anchor.js +4 -4
  46. package/dist/esm/components/pressable.js +1 -1
  47. package/dist/esm/xcss/style-maps.partial.js +13 -13
  48. package/dist/types/components/anchor.d.ts +4 -4
  49. package/dist/types/responsive/index.d.ts +2 -2
  50. package/dist/types/xcss/style-maps.partial.d.ts +13 -13
  51. package/dist/types-ts4.5/components/anchor.d.ts +4 -4
  52. package/dist/types-ts4.5/responsive/index.d.ts +2 -2
  53. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +13 -13
  54. package/extract-react-types/anchor-props.tsx +108 -116
  55. package/extract-react-types/bleed-props.tsx +17 -22
  56. package/extract-react-types/box-props.tsx +67 -70
  57. package/extract-react-types/flex-props.tsx +61 -61
  58. package/extract-react-types/grid-props.tsx +92 -92
  59. package/extract-react-types/hide-props.tsx +35 -35
  60. package/extract-react-types/inline-props.tsx +68 -68
  61. package/extract-react-types/pressable-props.tsx +101 -107
  62. package/extract-react-types/show-props.tsx +35 -35
  63. package/extract-react-types/stack-props.tsx +55 -55
  64. package/package.json +2 -2
  65. package/report.api.md +940 -965
  66. package/scripts/border-codegen-template.tsx +40 -47
  67. package/scripts/codegen-file-templates/dimensions.tsx +8 -8
  68. package/scripts/codegen-file-templates/layer.tsx +9 -9
  69. package/scripts/codegen-styles.tsx +97 -103
  70. package/scripts/color-codegen-template.tsx +61 -73
  71. package/scripts/elevation-codegen-template.tsx +50 -62
  72. package/scripts/inverse-color-map-template.tsx +26 -31
  73. package/scripts/misc-codegen-template.tsx +4 -9
  74. package/scripts/spacing-codegen-template.tsx +25 -31
  75. package/scripts/typography-codegen-template.tsx +59 -65
  76. package/scripts/utils.tsx +36 -43
package/report.api.md CHANGED
@@ -2,7 +2,8 @@
2
2
 
3
3
  ## API Report File for "@atlaskit/primitives"
4
4
 
5
- > Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
5
+ > Do not edit this file. This report is auto-generated using
6
+ > [API Extractor](https://api-extractor.com/).
6
7
  > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
7
8
 
8
9
  ### Table of contents
@@ -39,13 +40,13 @@ type AlignContent = keyof typeof alignContentMap;
39
40
 
40
41
  // @public (undocumented)
41
42
  const alignContentMap: {
42
- readonly start: SerializedStyles_2;
43
- readonly center: SerializedStyles_2;
44
- readonly end: SerializedStyles_2;
45
- readonly 'space-between': SerializedStyles_2;
46
- readonly 'space-around': SerializedStyles_2;
47
- readonly 'space-evenly': SerializedStyles_2;
48
- readonly stretch: SerializedStyles_2;
43
+ readonly start: SerializedStyles_2;
44
+ readonly center: SerializedStyles_2;
45
+ readonly end: SerializedStyles_2;
46
+ readonly 'space-between': SerializedStyles_2;
47
+ readonly 'space-around': SerializedStyles_2;
48
+ readonly 'space-evenly': SerializedStyles_2;
49
+ readonly stretch: SerializedStyles_2;
49
50
  };
50
51
 
51
52
  // @public (undocumented)
@@ -59,28 +60,28 @@ type AlignItems_2 = keyof typeof alignItemsMap_2;
59
60
 
60
61
  // @public (undocumented)
61
62
  const alignItemsMap: {
62
- readonly start: SerializedStyles_2;
63
- readonly center: SerializedStyles_2;
64
- readonly baseline: SerializedStyles_2;
65
- readonly end: SerializedStyles_2;
66
- readonly stretch: SerializedStyles_2;
63
+ readonly start: SerializedStyles_2;
64
+ readonly center: SerializedStyles_2;
65
+ readonly baseline: SerializedStyles_2;
66
+ readonly end: SerializedStyles_2;
67
+ readonly stretch: SerializedStyles_2;
67
68
  };
68
69
 
69
70
  // @public (undocumented)
70
71
  const alignItemsMap_2: {
71
- readonly start: SerializedStyles_2;
72
- readonly center: SerializedStyles_2;
73
- readonly baseline: SerializedStyles_2;
74
- readonly end: SerializedStyles_2;
72
+ readonly start: SerializedStyles_2;
73
+ readonly center: SerializedStyles_2;
74
+ readonly baseline: SerializedStyles_2;
75
+ readonly end: SerializedStyles_2;
75
76
  };
76
77
 
77
78
  // @public (undocumented)
78
79
  type AllMedia =
79
- | '@media (prefers-color-scheme: dark)'
80
- | '@media (prefers-color-scheme: light)'
81
- | '@media (prefers-reduced-motion: reduce)'
82
- | '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)'
83
- | MediaQuery;
80
+ | '@media (prefers-color-scheme: dark)'
81
+ | '@media (prefers-color-scheme: light)'
82
+ | '@media (prefers-reduced-motion: reduce)'
83
+ | '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)'
84
+ | MediaQuery;
84
85
 
85
86
  // @public (undocumented)
86
87
  type AllowedElements = Exclude<keyof JSX.IntrinsicElements, SVGElements>;
@@ -105,243 +106,236 @@ export type BackgroundColor = keyof typeof backgroundColorMap;
105
106
 
106
107
  // @public (undocumented)
107
108
  const backgroundColorMap: {
108
- readonly 'color.background.accent.lime.subtlest': 'var(--ds-background-accent-lime-subtlest)';
109
- readonly 'color.background.accent.lime.subtlest.hovered': 'var(--ds-background-accent-lime-subtlest-hovered)';
110
- readonly 'color.background.accent.lime.subtlest.pressed': 'var(--ds-background-accent-lime-subtlest-pressed)';
111
- readonly 'color.background.accent.lime.subtler': 'var(--ds-background-accent-lime-subtler)';
112
- readonly 'color.background.accent.lime.subtler.hovered': 'var(--ds-background-accent-lime-subtler-hovered)';
113
- readonly 'color.background.accent.lime.subtler.pressed': 'var(--ds-background-accent-lime-subtler-pressed)';
114
- readonly 'color.background.accent.lime.subtle': 'var(--ds-background-accent-lime-subtle)';
115
- readonly 'color.background.accent.lime.subtle.hovered': 'var(--ds-background-accent-lime-subtle-hovered)';
116
- readonly 'color.background.accent.lime.subtle.pressed': 'var(--ds-background-accent-lime-subtle-pressed)';
117
- readonly 'color.background.accent.lime.bolder': 'var(--ds-background-accent-lime-bolder)';
118
- readonly 'color.background.accent.lime.bolder.hovered': 'var(--ds-background-accent-lime-bolder-hovered)';
119
- readonly 'color.background.accent.lime.bolder.pressed': 'var(--ds-background-accent-lime-bolder-pressed)';
120
- readonly 'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
121
- readonly 'color.background.accent.red.subtlest.hovered': 'var(--ds-background-accent-red-subtlest-hovered)';
122
- readonly 'color.background.accent.red.subtlest.pressed': 'var(--ds-background-accent-red-subtlest-pressed)';
123
- readonly 'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
124
- readonly 'color.background.accent.red.subtler.hovered': 'var(--ds-background-accent-red-subtler-hovered)';
125
- readonly 'color.background.accent.red.subtler.pressed': 'var(--ds-background-accent-red-subtler-pressed)';
126
- readonly 'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
127
- readonly 'color.background.accent.red.subtle.hovered': 'var(--ds-background-accent-red-subtle-hovered)';
128
- readonly 'color.background.accent.red.subtle.pressed': 'var(--ds-background-accent-red-subtle-pressed)';
129
- readonly 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
130
- readonly 'color.background.accent.red.bolder.hovered': 'var(--ds-background-accent-red-bolder-hovered)';
131
- readonly 'color.background.accent.red.bolder.pressed': 'var(--ds-background-accent-red-bolder-pressed)';
132
- readonly 'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
133
- readonly 'color.background.accent.orange.subtlest.hovered': 'var(--ds-background-accent-orange-subtlest-hovered)';
134
- readonly 'color.background.accent.orange.subtlest.pressed': 'var(--ds-background-accent-orange-subtlest-pressed)';
135
- readonly 'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
136
- readonly 'color.background.accent.orange.subtler.hovered': 'var(--ds-background-accent-orange-subtler-hovered)';
137
- readonly 'color.background.accent.orange.subtler.pressed': 'var(--ds-background-accent-orange-subtler-pressed)';
138
- readonly 'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
139
- readonly 'color.background.accent.orange.subtle.hovered': 'var(--ds-background-accent-orange-subtle-hovered)';
140
- readonly 'color.background.accent.orange.subtle.pressed': 'var(--ds-background-accent-orange-subtle-pressed)';
141
- readonly 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
142
- readonly 'color.background.accent.orange.bolder.hovered': 'var(--ds-background-accent-orange-bolder-hovered)';
143
- readonly 'color.background.accent.orange.bolder.pressed': 'var(--ds-background-accent-orange-bolder-pressed)';
144
- readonly 'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
145
- readonly 'color.background.accent.yellow.subtlest.hovered': 'var(--ds-background-accent-yellow-subtlest-hovered)';
146
- readonly 'color.background.accent.yellow.subtlest.pressed': 'var(--ds-background-accent-yellow-subtlest-pressed)';
147
- readonly 'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
148
- readonly 'color.background.accent.yellow.subtler.hovered': 'var(--ds-background-accent-yellow-subtler-hovered)';
149
- readonly 'color.background.accent.yellow.subtler.pressed': 'var(--ds-background-accent-yellow-subtler-pressed)';
150
- readonly 'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
151
- readonly 'color.background.accent.yellow.subtle.hovered': 'var(--ds-background-accent-yellow-subtle-hovered)';
152
- readonly 'color.background.accent.yellow.subtle.pressed': 'var(--ds-background-accent-yellow-subtle-pressed)';
153
- readonly 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
154
- readonly 'color.background.accent.yellow.bolder.hovered': 'var(--ds-background-accent-yellow-bolder-hovered)';
155
- readonly 'color.background.accent.yellow.bolder.pressed': 'var(--ds-background-accent-yellow-bolder-pressed)';
156
- readonly 'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
157
- readonly 'color.background.accent.green.subtlest.hovered': 'var(--ds-background-accent-green-subtlest-hovered)';
158
- readonly 'color.background.accent.green.subtlest.pressed': 'var(--ds-background-accent-green-subtlest-pressed)';
159
- readonly 'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
160
- readonly 'color.background.accent.green.subtler.hovered': 'var(--ds-background-accent-green-subtler-hovered)';
161
- readonly 'color.background.accent.green.subtler.pressed': 'var(--ds-background-accent-green-subtler-pressed)';
162
- readonly 'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
163
- readonly 'color.background.accent.green.subtle.hovered': 'var(--ds-background-accent-green-subtle-hovered)';
164
- readonly 'color.background.accent.green.subtle.pressed': 'var(--ds-background-accent-green-subtle-pressed)';
165
- readonly 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
166
- readonly 'color.background.accent.green.bolder.hovered': 'var(--ds-background-accent-green-bolder-hovered)';
167
- readonly 'color.background.accent.green.bolder.pressed': 'var(--ds-background-accent-green-bolder-pressed)';
168
- readonly 'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
169
- readonly 'color.background.accent.teal.subtlest.hovered': 'var(--ds-background-accent-teal-subtlest-hovered)';
170
- readonly 'color.background.accent.teal.subtlest.pressed': 'var(--ds-background-accent-teal-subtlest-pressed)';
171
- readonly 'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
172
- readonly 'color.background.accent.teal.subtler.hovered': 'var(--ds-background-accent-teal-subtler-hovered)';
173
- readonly 'color.background.accent.teal.subtler.pressed': 'var(--ds-background-accent-teal-subtler-pressed)';
174
- readonly 'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
175
- readonly 'color.background.accent.teal.subtle.hovered': 'var(--ds-background-accent-teal-subtle-hovered)';
176
- readonly 'color.background.accent.teal.subtle.pressed': 'var(--ds-background-accent-teal-subtle-pressed)';
177
- readonly 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
178
- readonly 'color.background.accent.teal.bolder.hovered': 'var(--ds-background-accent-teal-bolder-hovered)';
179
- readonly 'color.background.accent.teal.bolder.pressed': 'var(--ds-background-accent-teal-bolder-pressed)';
180
- readonly 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
181
- readonly 'color.background.accent.blue.subtlest.hovered': 'var(--ds-background-accent-blue-subtlest-hovered)';
182
- readonly 'color.background.accent.blue.subtlest.pressed': 'var(--ds-background-accent-blue-subtlest-pressed)';
183
- readonly 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
184
- readonly 'color.background.accent.blue.subtler.hovered': 'var(--ds-background-accent-blue-subtler-hovered)';
185
- readonly 'color.background.accent.blue.subtler.pressed': 'var(--ds-background-accent-blue-subtler-pressed)';
186
- readonly 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
187
- readonly 'color.background.accent.blue.subtle.hovered': 'var(--ds-background-accent-blue-subtle-hovered)';
188
- readonly 'color.background.accent.blue.subtle.pressed': 'var(--ds-background-accent-blue-subtle-pressed)';
189
- readonly 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
190
- readonly 'color.background.accent.blue.bolder.hovered': 'var(--ds-background-accent-blue-bolder-hovered)';
191
- readonly 'color.background.accent.blue.bolder.pressed': 'var(--ds-background-accent-blue-bolder-pressed)';
192
- readonly 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
193
- readonly 'color.background.accent.purple.subtlest.hovered': 'var(--ds-background-accent-purple-subtlest-hovered)';
194
- readonly 'color.background.accent.purple.subtlest.pressed': 'var(--ds-background-accent-purple-subtlest-pressed)';
195
- readonly 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
196
- readonly 'color.background.accent.purple.subtler.hovered': 'var(--ds-background-accent-purple-subtler-hovered)';
197
- readonly 'color.background.accent.purple.subtler.pressed': 'var(--ds-background-accent-purple-subtler-pressed)';
198
- readonly 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
199
- readonly 'color.background.accent.purple.subtle.hovered': 'var(--ds-background-accent-purple-subtle-hovered)';
200
- readonly 'color.background.accent.purple.subtle.pressed': 'var(--ds-background-accent-purple-subtle-pressed)';
201
- readonly 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
202
- readonly 'color.background.accent.purple.bolder.hovered': 'var(--ds-background-accent-purple-bolder-hovered)';
203
- readonly 'color.background.accent.purple.bolder.pressed': 'var(--ds-background-accent-purple-bolder-pressed)';
204
- readonly 'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
205
- readonly 'color.background.accent.magenta.subtlest.hovered': 'var(--ds-background-accent-magenta-subtlest-hovered)';
206
- readonly 'color.background.accent.magenta.subtlest.pressed': 'var(--ds-background-accent-magenta-subtlest-pressed)';
207
- readonly 'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
208
- readonly 'color.background.accent.magenta.subtler.hovered': 'var(--ds-background-accent-magenta-subtler-hovered)';
209
- readonly 'color.background.accent.magenta.subtler.pressed': 'var(--ds-background-accent-magenta-subtler-pressed)';
210
- readonly 'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
211
- readonly 'color.background.accent.magenta.subtle.hovered': 'var(--ds-background-accent-magenta-subtle-hovered)';
212
- readonly 'color.background.accent.magenta.subtle.pressed': 'var(--ds-background-accent-magenta-subtle-pressed)';
213
- readonly 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
214
- readonly 'color.background.accent.magenta.bolder.hovered': 'var(--ds-background-accent-magenta-bolder-hovered)';
215
- readonly 'color.background.accent.magenta.bolder.pressed': 'var(--ds-background-accent-magenta-bolder-pressed)';
216
- readonly 'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)';
217
- readonly 'color.background.accent.gray.subtlest.hovered': 'var(--ds-background-accent-gray-subtlest-hovered)';
218
- readonly 'color.background.accent.gray.subtlest.pressed': 'var(--ds-background-accent-gray-subtlest-pressed)';
219
- readonly 'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)';
220
- readonly 'color.background.accent.gray.subtler.hovered': 'var(--ds-background-accent-gray-subtler-hovered)';
221
- readonly 'color.background.accent.gray.subtler.pressed': 'var(--ds-background-accent-gray-subtler-pressed)';
222
- readonly 'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)';
223
- readonly 'color.background.accent.gray.subtle.hovered': 'var(--ds-background-accent-gray-subtle-hovered)';
224
- readonly 'color.background.accent.gray.subtle.pressed': 'var(--ds-background-accent-gray-subtle-pressed)';
225
- readonly 'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)';
226
- readonly 'color.background.accent.gray.bolder.hovered': 'var(--ds-background-accent-gray-bolder-hovered)';
227
- readonly 'color.background.accent.gray.bolder.pressed': 'var(--ds-background-accent-gray-bolder-pressed)';
228
- readonly 'color.background.disabled': 'var(--ds-background-disabled)';
229
- readonly 'color.background.input': 'var(--ds-background-input)';
230
- readonly 'color.background.input.hovered': 'var(--ds-background-input-hovered)';
231
- readonly 'color.background.input.pressed': 'var(--ds-background-input-pressed)';
232
- readonly 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
233
- readonly 'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
234
- readonly 'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
235
- readonly 'color.background.neutral': 'var(--ds-background-neutral)';
236
- readonly 'color.background.neutral.hovered': 'var(--ds-background-neutral-hovered)';
237
- readonly 'color.background.neutral.pressed': 'var(--ds-background-neutral-pressed)';
238
- readonly 'color.background.neutral.subtle': 'var(--ds-background-neutral-subtle)';
239
- readonly 'color.background.neutral.subtle.hovered': 'var(--ds-background-neutral-subtle-hovered)';
240
- readonly 'color.background.neutral.subtle.pressed': 'var(--ds-background-neutral-subtle-pressed)';
241
- readonly 'color.background.neutral.bold': 'var(--ds-background-neutral-bold)';
242
- readonly 'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)';
243
- readonly 'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)';
244
- readonly 'color.background.selected': 'var(--ds-background-selected)';
245
- readonly 'color.background.selected.hovered': 'var(--ds-background-selected-hovered)';
246
- readonly 'color.background.selected.pressed': 'var(--ds-background-selected-pressed)';
247
- readonly 'color.background.selected.bold': 'var(--ds-background-selected-bold)';
248
- readonly 'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)';
249
- readonly 'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)';
250
- readonly 'color.background.brand.subtlest': 'var(--ds-background-brand-subtlest)';
251
- readonly 'color.background.brand.subtlest.hovered': 'var(--ds-background-brand-subtlest-hovered)';
252
- readonly 'color.background.brand.subtlest.pressed': 'var(--ds-background-brand-subtlest-pressed)';
253
- readonly 'color.background.brand.bold': 'var(--ds-background-brand-bold)';
254
- readonly 'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
255
- readonly 'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
256
- readonly 'color.background.brand.boldest': 'var(--ds-background-brand-boldest)';
257
- readonly 'color.background.brand.boldest.hovered': 'var(--ds-background-brand-boldest-hovered)';
258
- readonly 'color.background.brand.boldest.pressed': 'var(--ds-background-brand-boldest-pressed)';
259
- readonly 'color.background.danger': 'var(--ds-background-danger)';
260
- readonly 'color.background.danger.hovered': 'var(--ds-background-danger-hovered)';
261
- readonly 'color.background.danger.pressed': 'var(--ds-background-danger-pressed)';
262
- readonly 'color.background.danger.bold': 'var(--ds-background-danger-bold)';
263
- readonly 'color.background.danger.bold.hovered': 'var(--ds-background-danger-bold-hovered)';
264
- readonly 'color.background.danger.bold.pressed': 'var(--ds-background-danger-bold-pressed)';
265
- readonly 'color.background.warning': 'var(--ds-background-warning)';
266
- readonly 'color.background.warning.hovered': 'var(--ds-background-warning-hovered)';
267
- readonly 'color.background.warning.pressed': 'var(--ds-background-warning-pressed)';
268
- readonly 'color.background.warning.bold': 'var(--ds-background-warning-bold)';
269
- readonly 'color.background.warning.bold.hovered': 'var(--ds-background-warning-bold-hovered)';
270
- readonly 'color.background.warning.bold.pressed': 'var(--ds-background-warning-bold-pressed)';
271
- readonly 'color.background.success': 'var(--ds-background-success)';
272
- readonly 'color.background.success.hovered': 'var(--ds-background-success-hovered)';
273
- readonly 'color.background.success.pressed': 'var(--ds-background-success-pressed)';
274
- readonly 'color.background.success.bold': 'var(--ds-background-success-bold)';
275
- readonly 'color.background.success.bold.hovered': 'var(--ds-background-success-bold-hovered)';
276
- readonly 'color.background.success.bold.pressed': 'var(--ds-background-success-bold-pressed)';
277
- readonly 'color.background.discovery': 'var(--ds-background-discovery)';
278
- readonly 'color.background.discovery.hovered': 'var(--ds-background-discovery-hovered)';
279
- readonly 'color.background.discovery.pressed': 'var(--ds-background-discovery-pressed)';
280
- readonly 'color.background.discovery.bold': 'var(--ds-background-discovery-bold)';
281
- readonly 'color.background.discovery.bold.hovered': 'var(--ds-background-discovery-bold-hovered)';
282
- readonly 'color.background.discovery.bold.pressed': 'var(--ds-background-discovery-bold-pressed)';
283
- readonly 'color.background.information': 'var(--ds-background-information)';
284
- readonly 'color.background.information.hovered': 'var(--ds-background-information-hovered)';
285
- readonly 'color.background.information.pressed': 'var(--ds-background-information-pressed)';
286
- readonly 'color.background.information.bold': 'var(--ds-background-information-bold)';
287
- readonly 'color.background.information.bold.hovered': 'var(--ds-background-information-bold-hovered)';
288
- readonly 'color.background.information.bold.pressed': 'var(--ds-background-information-bold-pressed)';
289
- readonly 'color.blanket': 'var(--ds-blanket)';
290
- readonly 'color.blanket.selected': 'var(--ds-blanket-selected)';
291
- readonly 'color.blanket.danger': 'var(--ds-blanket-danger)';
292
- readonly 'elevation.surface': 'var(--ds-surface)';
293
- readonly 'elevation.surface.hovered': 'var(--ds-surface-hovered)';
294
- readonly 'elevation.surface.pressed': 'var(--ds-surface-pressed)';
295
- readonly 'elevation.surface.overlay': 'var(--ds-surface-overlay)';
296
- readonly 'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)';
297
- readonly 'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)';
298
- readonly 'elevation.surface.raised': 'var(--ds-surface-raised)';
299
- readonly 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
300
- readonly 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
301
- readonly 'elevation.surface.sunken': 'var(--ds-surface-sunken)';
302
- readonly 'utility.elevation.surface.current': 'var(--ds-elevation-surface-current)';
109
+ readonly 'color.background.accent.lime.subtlest': 'var(--ds-background-accent-lime-subtlest)';
110
+ readonly 'color.background.accent.lime.subtlest.hovered': 'var(--ds-background-accent-lime-subtlest-hovered)';
111
+ readonly 'color.background.accent.lime.subtlest.pressed': 'var(--ds-background-accent-lime-subtlest-pressed)';
112
+ readonly 'color.background.accent.lime.subtler': 'var(--ds-background-accent-lime-subtler)';
113
+ readonly 'color.background.accent.lime.subtler.hovered': 'var(--ds-background-accent-lime-subtler-hovered)';
114
+ readonly 'color.background.accent.lime.subtler.pressed': 'var(--ds-background-accent-lime-subtler-pressed)';
115
+ readonly 'color.background.accent.lime.subtle': 'var(--ds-background-accent-lime-subtle)';
116
+ readonly 'color.background.accent.lime.subtle.hovered': 'var(--ds-background-accent-lime-subtle-hovered)';
117
+ readonly 'color.background.accent.lime.subtle.pressed': 'var(--ds-background-accent-lime-subtle-pressed)';
118
+ readonly 'color.background.accent.lime.bolder': 'var(--ds-background-accent-lime-bolder)';
119
+ readonly 'color.background.accent.lime.bolder.hovered': 'var(--ds-background-accent-lime-bolder-hovered)';
120
+ readonly 'color.background.accent.lime.bolder.pressed': 'var(--ds-background-accent-lime-bolder-pressed)';
121
+ readonly 'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
122
+ readonly 'color.background.accent.red.subtlest.hovered': 'var(--ds-background-accent-red-subtlest-hovered)';
123
+ readonly 'color.background.accent.red.subtlest.pressed': 'var(--ds-background-accent-red-subtlest-pressed)';
124
+ readonly 'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
125
+ readonly 'color.background.accent.red.subtler.hovered': 'var(--ds-background-accent-red-subtler-hovered)';
126
+ readonly 'color.background.accent.red.subtler.pressed': 'var(--ds-background-accent-red-subtler-pressed)';
127
+ readonly 'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
128
+ readonly 'color.background.accent.red.subtle.hovered': 'var(--ds-background-accent-red-subtle-hovered)';
129
+ readonly 'color.background.accent.red.subtle.pressed': 'var(--ds-background-accent-red-subtle-pressed)';
130
+ readonly 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
131
+ readonly 'color.background.accent.red.bolder.hovered': 'var(--ds-background-accent-red-bolder-hovered)';
132
+ readonly 'color.background.accent.red.bolder.pressed': 'var(--ds-background-accent-red-bolder-pressed)';
133
+ readonly 'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
134
+ readonly 'color.background.accent.orange.subtlest.hovered': 'var(--ds-background-accent-orange-subtlest-hovered)';
135
+ readonly 'color.background.accent.orange.subtlest.pressed': 'var(--ds-background-accent-orange-subtlest-pressed)';
136
+ readonly 'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
137
+ readonly 'color.background.accent.orange.subtler.hovered': 'var(--ds-background-accent-orange-subtler-hovered)';
138
+ readonly 'color.background.accent.orange.subtler.pressed': 'var(--ds-background-accent-orange-subtler-pressed)';
139
+ readonly 'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
140
+ readonly 'color.background.accent.orange.subtle.hovered': 'var(--ds-background-accent-orange-subtle-hovered)';
141
+ readonly 'color.background.accent.orange.subtle.pressed': 'var(--ds-background-accent-orange-subtle-pressed)';
142
+ readonly 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
143
+ readonly 'color.background.accent.orange.bolder.hovered': 'var(--ds-background-accent-orange-bolder-hovered)';
144
+ readonly 'color.background.accent.orange.bolder.pressed': 'var(--ds-background-accent-orange-bolder-pressed)';
145
+ readonly 'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
146
+ readonly 'color.background.accent.yellow.subtlest.hovered': 'var(--ds-background-accent-yellow-subtlest-hovered)';
147
+ readonly 'color.background.accent.yellow.subtlest.pressed': 'var(--ds-background-accent-yellow-subtlest-pressed)';
148
+ readonly 'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
149
+ readonly 'color.background.accent.yellow.subtler.hovered': 'var(--ds-background-accent-yellow-subtler-hovered)';
150
+ readonly 'color.background.accent.yellow.subtler.pressed': 'var(--ds-background-accent-yellow-subtler-pressed)';
151
+ readonly 'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
152
+ readonly 'color.background.accent.yellow.subtle.hovered': 'var(--ds-background-accent-yellow-subtle-hovered)';
153
+ readonly 'color.background.accent.yellow.subtle.pressed': 'var(--ds-background-accent-yellow-subtle-pressed)';
154
+ readonly 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
155
+ readonly 'color.background.accent.yellow.bolder.hovered': 'var(--ds-background-accent-yellow-bolder-hovered)';
156
+ readonly 'color.background.accent.yellow.bolder.pressed': 'var(--ds-background-accent-yellow-bolder-pressed)';
157
+ readonly 'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
158
+ readonly 'color.background.accent.green.subtlest.hovered': 'var(--ds-background-accent-green-subtlest-hovered)';
159
+ readonly 'color.background.accent.green.subtlest.pressed': 'var(--ds-background-accent-green-subtlest-pressed)';
160
+ readonly 'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
161
+ readonly 'color.background.accent.green.subtler.hovered': 'var(--ds-background-accent-green-subtler-hovered)';
162
+ readonly 'color.background.accent.green.subtler.pressed': 'var(--ds-background-accent-green-subtler-pressed)';
163
+ readonly 'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
164
+ readonly 'color.background.accent.green.subtle.hovered': 'var(--ds-background-accent-green-subtle-hovered)';
165
+ readonly 'color.background.accent.green.subtle.pressed': 'var(--ds-background-accent-green-subtle-pressed)';
166
+ readonly 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
167
+ readonly 'color.background.accent.green.bolder.hovered': 'var(--ds-background-accent-green-bolder-hovered)';
168
+ readonly 'color.background.accent.green.bolder.pressed': 'var(--ds-background-accent-green-bolder-pressed)';
169
+ readonly 'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
170
+ readonly 'color.background.accent.teal.subtlest.hovered': 'var(--ds-background-accent-teal-subtlest-hovered)';
171
+ readonly 'color.background.accent.teal.subtlest.pressed': 'var(--ds-background-accent-teal-subtlest-pressed)';
172
+ readonly 'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
173
+ readonly 'color.background.accent.teal.subtler.hovered': 'var(--ds-background-accent-teal-subtler-hovered)';
174
+ readonly 'color.background.accent.teal.subtler.pressed': 'var(--ds-background-accent-teal-subtler-pressed)';
175
+ readonly 'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
176
+ readonly 'color.background.accent.teal.subtle.hovered': 'var(--ds-background-accent-teal-subtle-hovered)';
177
+ readonly 'color.background.accent.teal.subtle.pressed': 'var(--ds-background-accent-teal-subtle-pressed)';
178
+ readonly 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
179
+ readonly 'color.background.accent.teal.bolder.hovered': 'var(--ds-background-accent-teal-bolder-hovered)';
180
+ readonly 'color.background.accent.teal.bolder.pressed': 'var(--ds-background-accent-teal-bolder-pressed)';
181
+ readonly 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
182
+ readonly 'color.background.accent.blue.subtlest.hovered': 'var(--ds-background-accent-blue-subtlest-hovered)';
183
+ readonly 'color.background.accent.blue.subtlest.pressed': 'var(--ds-background-accent-blue-subtlest-pressed)';
184
+ readonly 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
185
+ readonly 'color.background.accent.blue.subtler.hovered': 'var(--ds-background-accent-blue-subtler-hovered)';
186
+ readonly 'color.background.accent.blue.subtler.pressed': 'var(--ds-background-accent-blue-subtler-pressed)';
187
+ readonly 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
188
+ readonly 'color.background.accent.blue.subtle.hovered': 'var(--ds-background-accent-blue-subtle-hovered)';
189
+ readonly 'color.background.accent.blue.subtle.pressed': 'var(--ds-background-accent-blue-subtle-pressed)';
190
+ readonly 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
191
+ readonly 'color.background.accent.blue.bolder.hovered': 'var(--ds-background-accent-blue-bolder-hovered)';
192
+ readonly 'color.background.accent.blue.bolder.pressed': 'var(--ds-background-accent-blue-bolder-pressed)';
193
+ readonly 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
194
+ readonly 'color.background.accent.purple.subtlest.hovered': 'var(--ds-background-accent-purple-subtlest-hovered)';
195
+ readonly 'color.background.accent.purple.subtlest.pressed': 'var(--ds-background-accent-purple-subtlest-pressed)';
196
+ readonly 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
197
+ readonly 'color.background.accent.purple.subtler.hovered': 'var(--ds-background-accent-purple-subtler-hovered)';
198
+ readonly 'color.background.accent.purple.subtler.pressed': 'var(--ds-background-accent-purple-subtler-pressed)';
199
+ readonly 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
200
+ readonly 'color.background.accent.purple.subtle.hovered': 'var(--ds-background-accent-purple-subtle-hovered)';
201
+ readonly 'color.background.accent.purple.subtle.pressed': 'var(--ds-background-accent-purple-subtle-pressed)';
202
+ readonly 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
203
+ readonly 'color.background.accent.purple.bolder.hovered': 'var(--ds-background-accent-purple-bolder-hovered)';
204
+ readonly 'color.background.accent.purple.bolder.pressed': 'var(--ds-background-accent-purple-bolder-pressed)';
205
+ readonly 'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
206
+ readonly 'color.background.accent.magenta.subtlest.hovered': 'var(--ds-background-accent-magenta-subtlest-hovered)';
207
+ readonly 'color.background.accent.magenta.subtlest.pressed': 'var(--ds-background-accent-magenta-subtlest-pressed)';
208
+ readonly 'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
209
+ readonly 'color.background.accent.magenta.subtler.hovered': 'var(--ds-background-accent-magenta-subtler-hovered)';
210
+ readonly 'color.background.accent.magenta.subtler.pressed': 'var(--ds-background-accent-magenta-subtler-pressed)';
211
+ readonly 'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
212
+ readonly 'color.background.accent.magenta.subtle.hovered': 'var(--ds-background-accent-magenta-subtle-hovered)';
213
+ readonly 'color.background.accent.magenta.subtle.pressed': 'var(--ds-background-accent-magenta-subtle-pressed)';
214
+ readonly 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
215
+ readonly 'color.background.accent.magenta.bolder.hovered': 'var(--ds-background-accent-magenta-bolder-hovered)';
216
+ readonly 'color.background.accent.magenta.bolder.pressed': 'var(--ds-background-accent-magenta-bolder-pressed)';
217
+ readonly 'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)';
218
+ readonly 'color.background.accent.gray.subtlest.hovered': 'var(--ds-background-accent-gray-subtlest-hovered)';
219
+ readonly 'color.background.accent.gray.subtlest.pressed': 'var(--ds-background-accent-gray-subtlest-pressed)';
220
+ readonly 'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)';
221
+ readonly 'color.background.accent.gray.subtler.hovered': 'var(--ds-background-accent-gray-subtler-hovered)';
222
+ readonly 'color.background.accent.gray.subtler.pressed': 'var(--ds-background-accent-gray-subtler-pressed)';
223
+ readonly 'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)';
224
+ readonly 'color.background.accent.gray.subtle.hovered': 'var(--ds-background-accent-gray-subtle-hovered)';
225
+ readonly 'color.background.accent.gray.subtle.pressed': 'var(--ds-background-accent-gray-subtle-pressed)';
226
+ readonly 'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)';
227
+ readonly 'color.background.accent.gray.bolder.hovered': 'var(--ds-background-accent-gray-bolder-hovered)';
228
+ readonly 'color.background.accent.gray.bolder.pressed': 'var(--ds-background-accent-gray-bolder-pressed)';
229
+ readonly 'color.background.disabled': 'var(--ds-background-disabled)';
230
+ readonly 'color.background.input': 'var(--ds-background-input)';
231
+ readonly 'color.background.input.hovered': 'var(--ds-background-input-hovered)';
232
+ readonly 'color.background.input.pressed': 'var(--ds-background-input-pressed)';
233
+ readonly 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
234
+ readonly 'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
235
+ readonly 'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
236
+ readonly 'color.background.neutral': 'var(--ds-background-neutral)';
237
+ readonly 'color.background.neutral.hovered': 'var(--ds-background-neutral-hovered)';
238
+ readonly 'color.background.neutral.pressed': 'var(--ds-background-neutral-pressed)';
239
+ readonly 'color.background.neutral.subtle': 'var(--ds-background-neutral-subtle)';
240
+ readonly 'color.background.neutral.subtle.hovered': 'var(--ds-background-neutral-subtle-hovered)';
241
+ readonly 'color.background.neutral.subtle.pressed': 'var(--ds-background-neutral-subtle-pressed)';
242
+ readonly 'color.background.neutral.bold': 'var(--ds-background-neutral-bold)';
243
+ readonly 'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)';
244
+ readonly 'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)';
245
+ readonly 'color.background.selected': 'var(--ds-background-selected)';
246
+ readonly 'color.background.selected.hovered': 'var(--ds-background-selected-hovered)';
247
+ readonly 'color.background.selected.pressed': 'var(--ds-background-selected-pressed)';
248
+ readonly 'color.background.selected.bold': 'var(--ds-background-selected-bold)';
249
+ readonly 'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)';
250
+ readonly 'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)';
251
+ readonly 'color.background.brand.subtlest': 'var(--ds-background-brand-subtlest)';
252
+ readonly 'color.background.brand.subtlest.hovered': 'var(--ds-background-brand-subtlest-hovered)';
253
+ readonly 'color.background.brand.subtlest.pressed': 'var(--ds-background-brand-subtlest-pressed)';
254
+ readonly 'color.background.brand.bold': 'var(--ds-background-brand-bold)';
255
+ readonly 'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
256
+ readonly 'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
257
+ readonly 'color.background.brand.boldest': 'var(--ds-background-brand-boldest)';
258
+ readonly 'color.background.brand.boldest.hovered': 'var(--ds-background-brand-boldest-hovered)';
259
+ readonly 'color.background.brand.boldest.pressed': 'var(--ds-background-brand-boldest-pressed)';
260
+ readonly 'color.background.danger': 'var(--ds-background-danger)';
261
+ readonly 'color.background.danger.hovered': 'var(--ds-background-danger-hovered)';
262
+ readonly 'color.background.danger.pressed': 'var(--ds-background-danger-pressed)';
263
+ readonly 'color.background.danger.bold': 'var(--ds-background-danger-bold)';
264
+ readonly 'color.background.danger.bold.hovered': 'var(--ds-background-danger-bold-hovered)';
265
+ readonly 'color.background.danger.bold.pressed': 'var(--ds-background-danger-bold-pressed)';
266
+ readonly 'color.background.warning': 'var(--ds-background-warning)';
267
+ readonly 'color.background.warning.hovered': 'var(--ds-background-warning-hovered)';
268
+ readonly 'color.background.warning.pressed': 'var(--ds-background-warning-pressed)';
269
+ readonly 'color.background.warning.bold': 'var(--ds-background-warning-bold)';
270
+ readonly 'color.background.warning.bold.hovered': 'var(--ds-background-warning-bold-hovered)';
271
+ readonly 'color.background.warning.bold.pressed': 'var(--ds-background-warning-bold-pressed)';
272
+ readonly 'color.background.success': 'var(--ds-background-success)';
273
+ readonly 'color.background.success.hovered': 'var(--ds-background-success-hovered)';
274
+ readonly 'color.background.success.pressed': 'var(--ds-background-success-pressed)';
275
+ readonly 'color.background.success.bold': 'var(--ds-background-success-bold)';
276
+ readonly 'color.background.success.bold.hovered': 'var(--ds-background-success-bold-hovered)';
277
+ readonly 'color.background.success.bold.pressed': 'var(--ds-background-success-bold-pressed)';
278
+ readonly 'color.background.discovery': 'var(--ds-background-discovery)';
279
+ readonly 'color.background.discovery.hovered': 'var(--ds-background-discovery-hovered)';
280
+ readonly 'color.background.discovery.pressed': 'var(--ds-background-discovery-pressed)';
281
+ readonly 'color.background.discovery.bold': 'var(--ds-background-discovery-bold)';
282
+ readonly 'color.background.discovery.bold.hovered': 'var(--ds-background-discovery-bold-hovered)';
283
+ readonly 'color.background.discovery.bold.pressed': 'var(--ds-background-discovery-bold-pressed)';
284
+ readonly 'color.background.information': 'var(--ds-background-information)';
285
+ readonly 'color.background.information.hovered': 'var(--ds-background-information-hovered)';
286
+ readonly 'color.background.information.pressed': 'var(--ds-background-information-pressed)';
287
+ readonly 'color.background.information.bold': 'var(--ds-background-information-bold)';
288
+ readonly 'color.background.information.bold.hovered': 'var(--ds-background-information-bold-hovered)';
289
+ readonly 'color.background.information.bold.pressed': 'var(--ds-background-information-bold-pressed)';
290
+ readonly 'color.blanket': 'var(--ds-blanket)';
291
+ readonly 'color.blanket.selected': 'var(--ds-blanket-selected)';
292
+ readonly 'color.blanket.danger': 'var(--ds-blanket-danger)';
293
+ readonly 'elevation.surface': 'var(--ds-surface)';
294
+ readonly 'elevation.surface.hovered': 'var(--ds-surface-hovered)';
295
+ readonly 'elevation.surface.pressed': 'var(--ds-surface-pressed)';
296
+ readonly 'elevation.surface.overlay': 'var(--ds-surface-overlay)';
297
+ readonly 'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)';
298
+ readonly 'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)';
299
+ readonly 'elevation.surface.raised': 'var(--ds-surface-raised)';
300
+ readonly 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
301
+ readonly 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
302
+ readonly 'elevation.surface.sunken': 'var(--ds-surface-sunken)';
303
+ readonly 'utility.elevation.surface.current': 'var(--ds-elevation-surface-current)';
303
304
  };
304
305
 
305
306
  // @public (undocumented)
306
307
  type BaseBoxProps<T extends CustomElementType> = {
307
- as?: T;
308
- children?: ReactNode;
309
- backgroundColor?: BackgroundColor;
310
- padding?: Space;
311
- paddingBlock?: Space;
312
- paddingBlockStart?: Space;
313
- paddingBlockEnd?: Space;
314
- paddingInline?: Space;
315
- paddingInlineStart?: Space;
316
- paddingInlineEnd?: Space;
317
- ref?: ComponentPropsWithRef<T>['ref'];
308
+ as?: T;
309
+ children?: ReactNode;
310
+ backgroundColor?: BackgroundColor;
311
+ padding?: Space;
312
+ paddingBlock?: Space;
313
+ paddingBlockStart?: Space;
314
+ paddingBlockEnd?: Space;
315
+ paddingInline?: Space;
316
+ paddingInlineStart?: Space;
317
+ paddingInlineEnd?: Space;
318
+ ref?: ComponentPropsWithRef<T>['ref'];
318
319
  };
319
320
 
320
321
  // @public (undocumented)
321
322
  type BasePrimitiveProps = {
322
- testId?: string;
323
- xcss?: Array<XCSS | false | undefined> | XCSS;
324
- role?: string;
323
+ testId?: string;
324
+ xcss?: Array<XCSS | false | undefined> | XCSS;
325
+ role?: string;
325
326
  };
326
327
 
327
328
  // @public
328
329
  export const Bleed: MemoExoticComponent<
329
- ({
330
- children,
331
- testId,
332
- inline,
333
- block,
334
- all,
335
- xcss,
336
- }: BleedProps) => jsx.JSX.Element
330
+ ({ children, testId, inline, block, all, xcss }: BleedProps) => jsx.JSX.Element
337
331
  >;
338
332
 
339
333
  // @public (undocumented)
340
334
  export type BleedProps = {
341
- children: ReactNode;
342
- all?: Space_2;
343
- inline?: Space_2;
344
- block?: Space_2;
335
+ children: ReactNode;
336
+ all?: Space_2;
337
+ inline?: Space_2;
338
+ block?: Space_2;
345
339
  } & BasePrimitiveProps;
346
340
 
347
341
  // @public (undocumented)
@@ -349,9 +343,9 @@ type BodyText = keyof typeof bodyTextMap;
349
343
 
350
344
  // @public (undocumented)
351
345
  const bodyTextMap: {
352
- body: 'var(--ds-font-body)';
353
- 'body.large': 'var(--ds-font-body-large)';
354
- 'body.small': 'var(--ds-font-body-small)';
346
+ body: 'var(--ds-font-body)';
347
+ 'body.large': 'var(--ds-font-body-large)';
348
+ 'body.small': 'var(--ds-font-body-small)';
355
349
  };
356
350
 
357
351
  // @public (undocumented)
@@ -359,29 +353,29 @@ export type BorderColor = keyof typeof borderColorMap;
359
353
 
360
354
  // @public
361
355
  const borderColorMap: {
362
- readonly 'color.border': 'var(--ds-border)';
363
- readonly 'color.border.accent.lime': 'var(--ds-border-accent-lime)';
364
- readonly 'color.border.accent.red': 'var(--ds-border-accent-red)';
365
- readonly 'color.border.accent.orange': 'var(--ds-border-accent-orange)';
366
- readonly 'color.border.accent.yellow': 'var(--ds-border-accent-yellow)';
367
- readonly 'color.border.accent.green': 'var(--ds-border-accent-green)';
368
- readonly 'color.border.accent.teal': 'var(--ds-border-accent-teal)';
369
- readonly 'color.border.accent.blue': 'var(--ds-border-accent-blue)';
370
- readonly 'color.border.accent.purple': 'var(--ds-border-accent-purple)';
371
- readonly 'color.border.accent.magenta': 'var(--ds-border-accent-magenta)';
372
- readonly 'color.border.accent.gray': 'var(--ds-border-accent-gray)';
373
- readonly 'color.border.disabled': 'var(--ds-border-disabled)';
374
- readonly 'color.border.focused': 'var(--ds-border-focused)';
375
- readonly 'color.border.input': 'var(--ds-border-input)';
376
- readonly 'color.border.inverse': 'var(--ds-border-inverse)';
377
- readonly 'color.border.selected': 'var(--ds-border-selected)';
378
- readonly 'color.border.brand': 'var(--ds-border-brand)';
379
- readonly 'color.border.danger': 'var(--ds-border-danger)';
380
- readonly 'color.border.warning': 'var(--ds-border-warning)';
381
- readonly 'color.border.success': 'var(--ds-border-success)';
382
- readonly 'color.border.discovery': 'var(--ds-border-discovery)';
383
- readonly 'color.border.information': 'var(--ds-border-information)';
384
- readonly 'color.border.bold': 'var(--ds-border-bold)';
356
+ readonly 'color.border': 'var(--ds-border)';
357
+ readonly 'color.border.accent.lime': 'var(--ds-border-accent-lime)';
358
+ readonly 'color.border.accent.red': 'var(--ds-border-accent-red)';
359
+ readonly 'color.border.accent.orange': 'var(--ds-border-accent-orange)';
360
+ readonly 'color.border.accent.yellow': 'var(--ds-border-accent-yellow)';
361
+ readonly 'color.border.accent.green': 'var(--ds-border-accent-green)';
362
+ readonly 'color.border.accent.teal': 'var(--ds-border-accent-teal)';
363
+ readonly 'color.border.accent.blue': 'var(--ds-border-accent-blue)';
364
+ readonly 'color.border.accent.purple': 'var(--ds-border-accent-purple)';
365
+ readonly 'color.border.accent.magenta': 'var(--ds-border-accent-magenta)';
366
+ readonly 'color.border.accent.gray': 'var(--ds-border-accent-gray)';
367
+ readonly 'color.border.disabled': 'var(--ds-border-disabled)';
368
+ readonly 'color.border.focused': 'var(--ds-border-focused)';
369
+ readonly 'color.border.input': 'var(--ds-border-input)';
370
+ readonly 'color.border.inverse': 'var(--ds-border-inverse)';
371
+ readonly 'color.border.selected': 'var(--ds-border-selected)';
372
+ readonly 'color.border.brand': 'var(--ds-border-brand)';
373
+ readonly 'color.border.danger': 'var(--ds-border-danger)';
374
+ readonly 'color.border.warning': 'var(--ds-border-warning)';
375
+ readonly 'color.border.success': 'var(--ds-border-success)';
376
+ readonly 'color.border.discovery': 'var(--ds-border-discovery)';
377
+ readonly 'color.border.information': 'var(--ds-border-information)';
378
+ readonly 'color.border.bold': 'var(--ds-border-bold)';
385
379
  };
386
380
 
387
381
  // @public (undocumented)
@@ -389,13 +383,13 @@ export type BorderRadius = keyof typeof borderRadiusMap;
389
383
 
390
384
  // @public (undocumented)
391
385
  const borderRadiusMap: {
392
- readonly 'border.radius.050': 'var(--ds-border-radius-050)';
393
- readonly 'border.radius': 'var(--ds-border-radius)';
394
- readonly 'border.radius.100': 'var(--ds-border-radius-100)';
395
- readonly 'border.radius.200': 'var(--ds-border-radius-200)';
396
- readonly 'border.radius.300': 'var(--ds-border-radius-300)';
397
- readonly 'border.radius.400': 'var(--ds-border-radius-400)';
398
- readonly 'border.radius.circle': 'var(--ds-border-radius-circle)';
386
+ readonly 'border.radius.050': 'var(--ds-border-radius-050)';
387
+ readonly 'border.radius': 'var(--ds-border-radius)';
388
+ readonly 'border.radius.100': 'var(--ds-border-radius-100)';
389
+ readonly 'border.radius.200': 'var(--ds-border-radius-200)';
390
+ readonly 'border.radius.300': 'var(--ds-border-radius-300)';
391
+ readonly 'border.radius.400': 'var(--ds-border-radius-400)';
392
+ readonly 'border.radius.circle': 'var(--ds-border-radius-circle)';
399
393
  };
400
394
 
401
395
  // @public (undocumented)
@@ -403,53 +397,51 @@ export type BorderWidth = keyof typeof borderWidthMap;
403
397
 
404
398
  // @public
405
399
  const borderWidthMap: {
406
- readonly 'border.width': 'var(--ds-border-width)';
407
- readonly 'border.width.0': 'var(--ds-border-width-0)';
408
- readonly 'border.width.indicator': 'var(--ds-border-width-indicator)';
409
- readonly 'border.width.outline': 'var(--ds-border-width-outline)';
400
+ readonly 'border.width': 'var(--ds-border-width)';
401
+ readonly 'border.width.0': 'var(--ds-border-width-0)';
402
+ readonly 'border.width.indicator': 'var(--ds-border-width-indicator)';
403
+ readonly 'border.width.outline': 'var(--ds-border-width-outline)';
410
404
  };
411
405
 
412
406
  // @public
413
407
  export const Box: BoxComponent;
414
408
 
415
409
  // @public (undocumented)
416
- type BoxComponent = <T extends CustomElementType>(
417
- props: BoxProps<T>,
418
- ) => ReactElement | null;
410
+ type BoxComponent = <T extends CustomElementType>(props: BoxProps<T>) => ReactElement | null;
419
411
 
420
412
  // @public (undocumented)
421
413
  export type BoxProps<T extends CustomElementType> = Omit<
422
- ComponentPropsWithoutRef<T>,
423
- 'as' | 'className'
414
+ ComponentPropsWithoutRef<T>,
415
+ 'as' | 'className'
424
416
  > &
425
- BasePrimitiveProps &
426
- StyleProp &
427
- BaseBoxProps<T>;
417
+ BasePrimitiveProps &
418
+ StyleProp &
419
+ BaseBoxProps<T>;
428
420
 
429
421
  // @public
430
422
  export type Breakpoint = 'lg' | 'md' | 'sm' | 'xl' | 'xs' | 'xxs';
431
423
 
432
424
  // @public (undocumented)
433
425
  type CSSAtRules = {
434
- [AtRule in AtRulesWithoutMedia as `${AtRule}${string}`]?: Omit<
435
- SafeCSSObject,
436
- AtRulesWithoutMedia
437
- >;
426
+ [AtRule in AtRulesWithoutMedia as `${AtRule}${string}`]?: Omit<
427
+ SafeCSSObject,
428
+ AtRulesWithoutMedia
429
+ >;
438
430
  };
439
431
 
440
432
  // @public (undocumented)
441
433
  type CSSMediaQueries = {
442
- [MQ in AllMedia]?: Omit<SafeCSSObject, AllMedia>;
434
+ [MQ in AllMedia]?: Omit<SafeCSSObject, AllMedia>;
443
435
  };
444
436
 
445
437
  // @public (undocumented)
446
438
  type CSSPseudos = {
447
- [Pseudo in CSS_2.Pseudos]?: Omit<SafeCSSObject, AllMedia | CSS_2.Pseudos>;
439
+ [Pseudo in CSS_2.Pseudos]?: Omit<SafeCSSObject, AllMedia | CSS_2.Pseudos>;
448
440
  };
449
441
 
450
442
  // @public (undocumented)
451
443
  type CustomElementType<P = any> = {
452
- [K in AllowedElements]: P extends JSX.IntrinsicElements[K] ? K : never;
444
+ [K in AllowedElements]: P extends JSX.IntrinsicElements[K] ? K : never;
453
445
  }[AllowedElements];
454
446
 
455
447
  // @public (undocumented)
@@ -457,14 +449,14 @@ export type Dimension = keyof typeof dimensionMap;
457
449
 
458
450
  // @public
459
451
  const dimensionMap: {
460
- readonly '100%': '100%';
461
- readonly 'size.100': '1rem';
462
- readonly 'size.200': '1.5rem';
463
- readonly 'size.300': '2rem';
464
- readonly 'size.400': '2.5rem';
465
- readonly 'size.500': '3rem';
466
- readonly 'size.600': '6rem';
467
- readonly 'size.1000': '12rem';
452
+ readonly '100%': '100%';
453
+ readonly 'size.100': '1rem';
454
+ readonly 'size.200': '1.5rem';
455
+ readonly 'size.300': '2rem';
456
+ readonly 'size.400': '2.5rem';
457
+ readonly 'size.500': '3rem';
458
+ readonly 'size.600': '6rem';
459
+ readonly 'size.1000': '12rem';
468
460
  };
469
461
 
470
462
  // @public (undocumented)
@@ -472,254 +464,242 @@ type Direction = keyof typeof flexDirectionMap;
472
464
 
473
465
  // @public
474
466
  export const Flex: MemoExoticComponent<
475
- ForwardRefExoticComponent<
476
- Pick<
477
- {
478
- as?: 'div' | 'li' | 'ol' | 'span' | 'ul' | undefined;
479
- justifyContent?:
480
- | 'center'
481
- | 'end'
482
- | 'space-around'
483
- | 'space-between'
484
- | 'space-evenly'
485
- | 'start'
486
- | 'stretch'
487
- | undefined;
488
- alignItems?:
489
- | 'baseline'
490
- | 'center'
491
- | 'end'
492
- | 'start'
493
- | 'stretch'
494
- | undefined;
495
- columnGap?:
496
- | 'space.0'
497
- | 'space.025'
498
- | 'space.050'
499
- | 'space.075'
500
- | 'space.100'
501
- | 'space.1000'
502
- | 'space.150'
503
- | 'space.200'
504
- | 'space.250'
505
- | 'space.300'
506
- | 'space.400'
507
- | 'space.500'
508
- | 'space.600'
509
- | 'space.800'
510
- | undefined;
511
- gap?:
512
- | 'space.0'
513
- | 'space.025'
514
- | 'space.050'
515
- | 'space.075'
516
- | 'space.100'
517
- | 'space.1000'
518
- | 'space.150'
519
- | 'space.200'
520
- | 'space.250'
521
- | 'space.300'
522
- | 'space.400'
523
- | 'space.500'
524
- | 'space.600'
525
- | 'space.800'
526
- | undefined;
527
- rowGap?:
528
- | 'space.0'
529
- | 'space.025'
530
- | 'space.050'
531
- | 'space.075'
532
- | 'space.100'
533
- | 'space.1000'
534
- | 'space.150'
535
- | 'space.200'
536
- | 'space.250'
537
- | 'space.300'
538
- | 'space.400'
539
- | 'space.500'
540
- | 'space.600'
541
- | 'space.800'
542
- | undefined;
543
- direction?: 'column' | 'row' | undefined;
544
- wrap?: 'nowrap' | 'wrap' | undefined;
545
- children: ReactNode;
546
- ref?: any;
547
- } & BasePrimitiveProps,
548
- | 'alignItems'
549
- | 'as'
550
- | 'children'
551
- | 'columnGap'
552
- | 'direction'
553
- | 'gap'
554
- | 'justifyContent'
555
- | 'rowGap'
556
- | 'wrap'
557
- | keyof BasePrimitiveProps
558
- > &
559
- RefAttributes<any>
560
- >
467
+ ForwardRefExoticComponent<
468
+ Pick<
469
+ {
470
+ as?: 'div' | 'li' | 'ol' | 'span' | 'ul' | undefined;
471
+ justifyContent?:
472
+ | 'center'
473
+ | 'end'
474
+ | 'space-around'
475
+ | 'space-between'
476
+ | 'space-evenly'
477
+ | 'start'
478
+ | 'stretch'
479
+ | undefined;
480
+ alignItems?: 'baseline' | 'center' | 'end' | 'start' | 'stretch' | undefined;
481
+ columnGap?:
482
+ | 'space.0'
483
+ | 'space.025'
484
+ | 'space.050'
485
+ | 'space.075'
486
+ | 'space.100'
487
+ | 'space.1000'
488
+ | 'space.150'
489
+ | 'space.200'
490
+ | 'space.250'
491
+ | 'space.300'
492
+ | 'space.400'
493
+ | 'space.500'
494
+ | 'space.600'
495
+ | 'space.800'
496
+ | undefined;
497
+ gap?:
498
+ | 'space.0'
499
+ | 'space.025'
500
+ | 'space.050'
501
+ | 'space.075'
502
+ | 'space.100'
503
+ | 'space.1000'
504
+ | 'space.150'
505
+ | 'space.200'
506
+ | 'space.250'
507
+ | 'space.300'
508
+ | 'space.400'
509
+ | 'space.500'
510
+ | 'space.600'
511
+ | 'space.800'
512
+ | undefined;
513
+ rowGap?:
514
+ | 'space.0'
515
+ | 'space.025'
516
+ | 'space.050'
517
+ | 'space.075'
518
+ | 'space.100'
519
+ | 'space.1000'
520
+ | 'space.150'
521
+ | 'space.200'
522
+ | 'space.250'
523
+ | 'space.300'
524
+ | 'space.400'
525
+ | 'space.500'
526
+ | 'space.600'
527
+ | 'space.800'
528
+ | undefined;
529
+ direction?: 'column' | 'row' | undefined;
530
+ wrap?: 'nowrap' | 'wrap' | undefined;
531
+ children: ReactNode;
532
+ ref?: any;
533
+ } & BasePrimitiveProps,
534
+ | 'alignItems'
535
+ | 'as'
536
+ | 'children'
537
+ | 'columnGap'
538
+ | 'direction'
539
+ | 'gap'
540
+ | 'justifyContent'
541
+ | 'rowGap'
542
+ | 'wrap'
543
+ | keyof BasePrimitiveProps
544
+ > &
545
+ RefAttributes<any>
546
+ >
561
547
  >;
562
548
 
563
549
  // @public (undocumented)
564
550
  const flexDirectionMap: {
565
- readonly column: SerializedStyles_2;
566
- readonly row: SerializedStyles_2;
551
+ readonly column: SerializedStyles_2;
552
+ readonly row: SerializedStyles_2;
567
553
  };
568
554
 
569
555
  // @public (undocumented)
570
556
  export type FlexProps<T extends ElementType = 'div'> = {
571
- as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
572
- justifyContent?: JustifyContent;
573
- alignItems?: AlignItems;
574
- columnGap?: Space;
575
- gap?: Space;
576
- rowGap?: Space;
577
- direction?: Direction;
578
- wrap?: Wrap;
579
- children: ReactNode;
580
- ref?: React.ComponentPropsWithRef<T>['ref'];
557
+ as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
558
+ justifyContent?: JustifyContent;
559
+ alignItems?: AlignItems;
560
+ columnGap?: Space;
561
+ gap?: Space;
562
+ rowGap?: Space;
563
+ direction?: Direction;
564
+ wrap?: Wrap;
565
+ children: ReactNode;
566
+ ref?: React.ComponentPropsWithRef<T>['ref'];
581
567
  } & BasePrimitiveProps;
582
568
 
583
569
  // @public (undocumented)
584
570
  const flexWrapMap: {
585
- readonly wrap: SerializedStyles_2;
586
- readonly nowrap: SerializedStyles_2;
571
+ readonly wrap: SerializedStyles_2;
572
+ readonly nowrap: SerializedStyles_2;
587
573
  };
588
574
 
589
575
  // @public
590
576
  export const Grid: MemoExoticComponent<
591
- ForwardRefExoticComponent<
592
- Pick<
593
- {
594
- as?: 'div' | 'ol' | 'span' | 'ul' | undefined;
595
- justifyContent?:
596
- | 'center'
597
- | 'end'
598
- | 'space-around'
599
- | 'space-between'
600
- | 'space-evenly'
601
- | 'start'
602
- | 'stretch'
603
- | undefined;
604
- justifyItems?: 'center' | 'end' | 'start' | 'stretch' | undefined;
605
- alignItems?: 'baseline' | 'center' | 'end' | 'start' | undefined;
606
- alignContent?:
607
- | 'center'
608
- | 'end'
609
- | 'space-around'
610
- | 'space-between'
611
- | 'space-evenly'
612
- | 'start'
613
- | 'stretch'
614
- | undefined;
615
- columnGap?:
616
- | 'space.0'
617
- | 'space.025'
618
- | 'space.050'
619
- | 'space.075'
620
- | 'space.100'
621
- | 'space.1000'
622
- | 'space.150'
623
- | 'space.200'
624
- | 'space.250'
625
- | 'space.300'
626
- | 'space.400'
627
- | 'space.500'
628
- | 'space.600'
629
- | 'space.800'
630
- | undefined;
631
- gap?:
632
- | 'space.0'
633
- | 'space.025'
634
- | 'space.050'
635
- | 'space.075'
636
- | 'space.100'
637
- | 'space.1000'
638
- | 'space.150'
639
- | 'space.200'
640
- | 'space.250'
641
- | 'space.300'
642
- | 'space.400'
643
- | 'space.500'
644
- | 'space.600'
645
- | 'space.800'
646
- | undefined;
647
- rowGap?:
648
- | 'space.0'
649
- | 'space.025'
650
- | 'space.050'
651
- | 'space.075'
652
- | 'space.100'
653
- | 'space.1000'
654
- | 'space.150'
655
- | 'space.200'
656
- | 'space.250'
657
- | 'space.300'
658
- | 'space.400'
659
- | 'space.500'
660
- | 'space.600'
661
- | 'space.800'
662
- | undefined;
663
- autoFlow?:
664
- | 'column dense'
665
- | 'column'
666
- | 'dense'
667
- | 'row dense'
668
- | 'row'
669
- | undefined;
670
- templateRows?: string | undefined;
671
- templateColumns?: string | undefined;
672
- templateAreas?: string[] | undefined;
673
- children: ReactNode;
674
- id?: string | undefined;
675
- ref?: any;
676
- } & BasePrimitiveProps,
677
- | 'alignContent'
678
- | 'alignItems'
679
- | 'as'
680
- | 'autoFlow'
681
- | 'children'
682
- | 'columnGap'
683
- | 'gap'
684
- | 'id'
685
- | 'justifyContent'
686
- | 'justifyItems'
687
- | 'rowGap'
688
- | 'templateAreas'
689
- | 'templateColumns'
690
- | 'templateRows'
691
- | keyof BasePrimitiveProps
692
- > &
693
- RefAttributes<any>
694
- >
577
+ ForwardRefExoticComponent<
578
+ Pick<
579
+ {
580
+ as?: 'div' | 'ol' | 'span' | 'ul' | undefined;
581
+ justifyContent?:
582
+ | 'center'
583
+ | 'end'
584
+ | 'space-around'
585
+ | 'space-between'
586
+ | 'space-evenly'
587
+ | 'start'
588
+ | 'stretch'
589
+ | undefined;
590
+ justifyItems?: 'center' | 'end' | 'start' | 'stretch' | undefined;
591
+ alignItems?: 'baseline' | 'center' | 'end' | 'start' | undefined;
592
+ alignContent?:
593
+ | 'center'
594
+ | 'end'
595
+ | 'space-around'
596
+ | 'space-between'
597
+ | 'space-evenly'
598
+ | 'start'
599
+ | 'stretch'
600
+ | undefined;
601
+ columnGap?:
602
+ | 'space.0'
603
+ | 'space.025'
604
+ | 'space.050'
605
+ | 'space.075'
606
+ | 'space.100'
607
+ | 'space.1000'
608
+ | 'space.150'
609
+ | 'space.200'
610
+ | 'space.250'
611
+ | 'space.300'
612
+ | 'space.400'
613
+ | 'space.500'
614
+ | 'space.600'
615
+ | 'space.800'
616
+ | undefined;
617
+ gap?:
618
+ | 'space.0'
619
+ | 'space.025'
620
+ | 'space.050'
621
+ | 'space.075'
622
+ | 'space.100'
623
+ | 'space.1000'
624
+ | 'space.150'
625
+ | 'space.200'
626
+ | 'space.250'
627
+ | 'space.300'
628
+ | 'space.400'
629
+ | 'space.500'
630
+ | 'space.600'
631
+ | 'space.800'
632
+ | undefined;
633
+ rowGap?:
634
+ | 'space.0'
635
+ | 'space.025'
636
+ | 'space.050'
637
+ | 'space.075'
638
+ | 'space.100'
639
+ | 'space.1000'
640
+ | 'space.150'
641
+ | 'space.200'
642
+ | 'space.250'
643
+ | 'space.300'
644
+ | 'space.400'
645
+ | 'space.500'
646
+ | 'space.600'
647
+ | 'space.800'
648
+ | undefined;
649
+ autoFlow?: 'column dense' | 'column' | 'dense' | 'row dense' | 'row' | undefined;
650
+ templateRows?: string | undefined;
651
+ templateColumns?: string | undefined;
652
+ templateAreas?: string[] | undefined;
653
+ children: ReactNode;
654
+ id?: string | undefined;
655
+ ref?: any;
656
+ } & BasePrimitiveProps,
657
+ | 'alignContent'
658
+ | 'alignItems'
659
+ | 'as'
660
+ | 'autoFlow'
661
+ | 'children'
662
+ | 'columnGap'
663
+ | 'gap'
664
+ | 'id'
665
+ | 'justifyContent'
666
+ | 'justifyItems'
667
+ | 'rowGap'
668
+ | 'templateAreas'
669
+ | 'templateColumns'
670
+ | 'templateRows'
671
+ | keyof BasePrimitiveProps
672
+ > &
673
+ RefAttributes<any>
674
+ >
695
675
  >;
696
676
 
697
677
  // @public (undocumented)
698
678
  const gridAutoFlowMap: {
699
- readonly row: SerializedStyles_2;
700
- readonly column: SerializedStyles_2;
701
- readonly dense: SerializedStyles_2;
702
- readonly 'row dense': SerializedStyles_2;
703
- readonly 'column dense': SerializedStyles_2;
679
+ readonly row: SerializedStyles_2;
680
+ readonly column: SerializedStyles_2;
681
+ readonly dense: SerializedStyles_2;
682
+ readonly 'row dense': SerializedStyles_2;
683
+ readonly 'column dense': SerializedStyles_2;
704
684
  };
705
685
 
706
686
  // @public (undocumented)
707
687
  export type GridProps<T extends ElementType = 'div'> = {
708
- as?: 'div' | 'ol' | 'span' | 'ul';
709
- justifyContent?: JustifyContent_2;
710
- justifyItems?: JustifyItems;
711
- alignItems?: AlignItems_2;
712
- alignContent?: AlignContent;
713
- columnGap?: Space;
714
- gap?: Space;
715
- rowGap?: Space;
716
- autoFlow?: AutoFlow;
717
- templateRows?: string;
718
- templateColumns?: string;
719
- templateAreas?: string[];
720
- children: ReactNode;
721
- id?: string;
722
- ref?: React.ComponentPropsWithRef<T>['ref'];
688
+ as?: 'div' | 'ol' | 'span' | 'ul';
689
+ justifyContent?: JustifyContent_2;
690
+ justifyItems?: JustifyItems;
691
+ alignItems?: AlignItems_2;
692
+ alignContent?: AlignContent;
693
+ columnGap?: Space;
694
+ gap?: Space;
695
+ rowGap?: Space;
696
+ autoFlow?: AutoFlow;
697
+ templateRows?: string;
698
+ templateColumns?: string;
699
+ templateAreas?: string[];
700
+ children: ReactNode;
701
+ id?: string;
702
+ ref?: React.ComponentPropsWithRef<T>['ref'];
723
703
  } & BasePrimitiveProps;
724
704
 
725
705
  // @public (undocumented)
@@ -727,80 +707,80 @@ type Grow = 'fill' | 'hug';
727
707
 
728
708
  // @public
729
709
  export const Inline: MemoExoticComponent<
730
- ForwardRefExoticComponent<
731
- Pick<
732
- {
733
- as?: 'div' | 'li' | 'ol' | 'span' | 'ul' | undefined;
734
- alignBlock?: AlignBlock | undefined;
735
- alignInline?: AlignInline | undefined;
736
- shouldWrap?: boolean | undefined;
737
- spread?: 'space-between' | undefined;
738
- grow?: Grow | undefined;
739
- space?:
740
- | 'space.0'
741
- | 'space.025'
742
- | 'space.050'
743
- | 'space.075'
744
- | 'space.100'
745
- | 'space.1000'
746
- | 'space.150'
747
- | 'space.200'
748
- | 'space.250'
749
- | 'space.300'
750
- | 'space.400'
751
- | 'space.500'
752
- | 'space.600'
753
- | 'space.800'
754
- | undefined;
755
- rowSpace?:
756
- | 'space.0'
757
- | 'space.025'
758
- | 'space.050'
759
- | 'space.075'
760
- | 'space.100'
761
- | 'space.1000'
762
- | 'space.150'
763
- | 'space.200'
764
- | 'space.250'
765
- | 'space.300'
766
- | 'space.400'
767
- | 'space.500'
768
- | 'space.600'
769
- | 'space.800'
770
- | undefined;
771
- separator?: string | undefined;
772
- children: ReactNode;
773
- ref?: any;
774
- } & BasePrimitiveProps,
775
- | 'alignBlock'
776
- | 'alignInline'
777
- | 'as'
778
- | 'children'
779
- | 'grow'
780
- | 'rowSpace'
781
- | 'separator'
782
- | 'shouldWrap'
783
- | 'space'
784
- | 'spread'
785
- | keyof BasePrimitiveProps
786
- > &
787
- RefAttributes<any>
788
- >
710
+ ForwardRefExoticComponent<
711
+ Pick<
712
+ {
713
+ as?: 'div' | 'li' | 'ol' | 'span' | 'ul' | undefined;
714
+ alignBlock?: AlignBlock | undefined;
715
+ alignInline?: AlignInline | undefined;
716
+ shouldWrap?: boolean | undefined;
717
+ spread?: 'space-between' | undefined;
718
+ grow?: Grow | undefined;
719
+ space?:
720
+ | 'space.0'
721
+ | 'space.025'
722
+ | 'space.050'
723
+ | 'space.075'
724
+ | 'space.100'
725
+ | 'space.1000'
726
+ | 'space.150'
727
+ | 'space.200'
728
+ | 'space.250'
729
+ | 'space.300'
730
+ | 'space.400'
731
+ | 'space.500'
732
+ | 'space.600'
733
+ | 'space.800'
734
+ | undefined;
735
+ rowSpace?:
736
+ | 'space.0'
737
+ | 'space.025'
738
+ | 'space.050'
739
+ | 'space.075'
740
+ | 'space.100'
741
+ | 'space.1000'
742
+ | 'space.150'
743
+ | 'space.200'
744
+ | 'space.250'
745
+ | 'space.300'
746
+ | 'space.400'
747
+ | 'space.500'
748
+ | 'space.600'
749
+ | 'space.800'
750
+ | undefined;
751
+ separator?: string | undefined;
752
+ children: ReactNode;
753
+ ref?: any;
754
+ } & BasePrimitiveProps,
755
+ | 'alignBlock'
756
+ | 'alignInline'
757
+ | 'as'
758
+ | 'children'
759
+ | 'grow'
760
+ | 'rowSpace'
761
+ | 'separator'
762
+ | 'shouldWrap'
763
+ | 'space'
764
+ | 'spread'
765
+ | keyof BasePrimitiveProps
766
+ > &
767
+ RefAttributes<any>
768
+ >
789
769
  >;
790
770
 
791
771
  // @public (undocumented)
792
772
  export type InlineProps<T extends ElementType = 'div'> = {
793
- as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
794
- alignBlock?: AlignBlock;
795
- alignInline?: AlignInline;
796
- shouldWrap?: boolean;
797
- spread?: Spread;
798
- grow?: Grow;
799
- space?: Space;
800
- rowSpace?: Space;
801
- separator?: string;
802
- children: ReactNode;
803
- ref?: React.ComponentPropsWithRef<T>['ref'];
773
+ as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
774
+ alignBlock?: AlignBlock;
775
+ alignInline?: AlignInline;
776
+ shouldWrap?: boolean;
777
+ spread?: Spread;
778
+ grow?: Grow;
779
+ space?: Space;
780
+ rowSpace?: Space;
781
+ separator?: string;
782
+ children: ReactNode;
783
+ ref?: React.ComponentPropsWithRef<T>['ref'];
804
784
  } & BasePrimitiveProps;
805
785
 
806
786
  // @public (undocumented)
@@ -811,24 +791,24 @@ type JustifyContent_2 = keyof typeof justifyContentMap_2;
811
791
 
812
792
  // @public (undocumented)
813
793
  const justifyContentMap: {
814
- readonly start: SerializedStyles_2;
815
- readonly center: SerializedStyles_2;
816
- readonly end: SerializedStyles_2;
817
- readonly 'space-between': SerializedStyles_2;
818
- readonly 'space-around': SerializedStyles_2;
819
- readonly 'space-evenly': SerializedStyles_2;
820
- readonly stretch: SerializedStyles_2;
794
+ readonly start: SerializedStyles_2;
795
+ readonly center: SerializedStyles_2;
796
+ readonly end: SerializedStyles_2;
797
+ readonly 'space-between': SerializedStyles_2;
798
+ readonly 'space-around': SerializedStyles_2;
799
+ readonly 'space-evenly': SerializedStyles_2;
800
+ readonly stretch: SerializedStyles_2;
821
801
  };
822
802
 
823
803
  // @public (undocumented)
824
804
  const justifyContentMap_2: {
825
- readonly start: SerializedStyles_2;
826
- readonly center: SerializedStyles_2;
827
- readonly end: SerializedStyles_2;
828
- readonly 'space-between': SerializedStyles_2;
829
- readonly 'space-around': SerializedStyles_2;
830
- readonly 'space-evenly': SerializedStyles_2;
831
- readonly stretch: SerializedStyles_2;
805
+ readonly start: SerializedStyles_2;
806
+ readonly center: SerializedStyles_2;
807
+ readonly end: SerializedStyles_2;
808
+ readonly 'space-between': SerializedStyles_2;
809
+ readonly 'space-around': SerializedStyles_2;
810
+ readonly 'space-evenly': SerializedStyles_2;
811
+ readonly stretch: SerializedStyles_2;
832
812
  };
833
813
 
834
814
  // @public (undocumented)
@@ -836,10 +816,10 @@ type JustifyItems = keyof typeof justifyItemsMap;
836
816
 
837
817
  // @public (undocumented)
838
818
  const justifyItemsMap: {
839
- readonly start: SerializedStyles_2;
840
- readonly center: SerializedStyles_2;
841
- readonly end: SerializedStyles_2;
842
- readonly stretch: SerializedStyles_2;
819
+ readonly start: SerializedStyles_2;
820
+ readonly center: SerializedStyles_2;
821
+ readonly end: SerializedStyles_2;
822
+ readonly stretch: SerializedStyles_2;
843
823
  };
844
824
 
845
825
  // @public (undocumented)
@@ -847,15 +827,15 @@ export type Layer = keyof typeof layerMap;
847
827
 
848
828
  // @public
849
829
  const layerMap: {
850
- readonly card: 100;
851
- readonly navigation: 200;
852
- readonly dialog: 300;
853
- readonly layer: 400;
854
- readonly blanket: 500;
855
- readonly modal: 510;
856
- readonly flag: 600;
857
- readonly spotlight: 700;
858
- readonly tooltip: 800;
830
+ readonly card: 100;
831
+ readonly navigation: 200;
832
+ readonly dialog: 300;
833
+ readonly layer: 400;
834
+ readonly blanket: 500;
835
+ readonly modal: 510;
836
+ readonly flag: 600;
837
+ readonly spotlight: 700;
838
+ readonly tooltip: 800;
859
839
  };
860
840
 
861
841
  // @public (undocumented)
@@ -872,15 +852,15 @@ type NegativeSpace = keyof typeof negativeSpaceMap;
872
852
 
873
853
  // @public (undocumented)
874
854
  const negativeSpaceMap: {
875
- 'space.negative.025': 'var(--ds-space-negative-025)';
876
- 'space.negative.050': 'var(--ds-space-negative-050)';
877
- 'space.negative.075': 'var(--ds-space-negative-075)';
878
- 'space.negative.100': 'var(--ds-space-negative-100)';
879
- 'space.negative.150': 'var(--ds-space-negative-150)';
880
- 'space.negative.200': 'var(--ds-space-negative-200)';
881
- 'space.negative.250': 'var(--ds-space-negative-250)';
882
- 'space.negative.300': 'var(--ds-space-negative-300)';
883
- 'space.negative.400': 'var(--ds-space-negative-400)';
855
+ 'space.negative.025': 'var(--ds-space-negative-025)';
856
+ 'space.negative.050': 'var(--ds-space-negative-050)';
857
+ 'space.negative.075': 'var(--ds-space-negative-075)';
858
+ 'space.negative.100': 'var(--ds-space-negative-100)';
859
+ 'space.negative.150': 'var(--ds-space-negative-150)';
860
+ 'space.negative.200': 'var(--ds-space-negative-200)';
861
+ 'space.negative.250': 'var(--ds-space-negative-250)';
862
+ 'space.negative.300': 'var(--ds-space-negative-300)';
863
+ 'space.negative.400': 'var(--ds-space-negative-400)';
884
864
  };
885
865
 
886
866
  // @public (undocumented)
@@ -888,16 +868,16 @@ type Opacity = keyof typeof opacityMap;
888
868
 
889
869
  // @public
890
870
  const opacityMap: {
891
- readonly 'opacity.disabled': 'var(--ds-opacity-disabled)';
892
- readonly 'opacity.loading': 'var(--ds-opacity-loading)';
871
+ readonly 'opacity.disabled': 'var(--ds-opacity-disabled)';
872
+ readonly 'opacity.loading': 'var(--ds-opacity-loading)';
893
873
  };
894
874
 
895
875
  // @public (undocumented)
896
876
  type SafeCSSObject = CSSPseudos &
897
- CSSAtRules &
898
- TokenisedProps &
899
- CSSMediaQueries &
900
- Omit<CSSPropertiesWithMultiValues, keyof TokenisedProps>;
877
+ CSSAtRules &
878
+ TokenisedProps &
879
+ CSSMediaQueries &
880
+ Omit<CSSPropertiesWithMultiValues, keyof TokenisedProps>;
901
881
 
902
882
  // @public
903
883
  type SafeMedia = Pick<typeof UNSAFE_media, 'above'>;
@@ -907,40 +887,35 @@ export type Shadow = keyof typeof shadowMap;
907
887
 
908
888
  // @public (undocumented)
909
889
  const shadowMap: {
910
- readonly 'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
911
- readonly 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
912
- readonly 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
913
- readonly 'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
914
- readonly 'elevation.shadow.raised': 'var(--ds-shadow-raised)';
890
+ readonly 'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
891
+ readonly 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
892
+ readonly 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
893
+ readonly 'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
894
+ readonly 'elevation.shadow.raised': 'var(--ds-shadow-raised)';
915
895
  };
916
896
 
917
897
  // @public (undocumented)
918
898
  export type Space = keyof typeof spaceMap;
919
899
 
920
900
  // @public (undocumented)
921
- type Space_2 =
922
- | 'space.025'
923
- | 'space.050'
924
- | 'space.100'
925
- | 'space.150'
926
- | 'space.200';
901
+ type Space_2 = 'space.025' | 'space.050' | 'space.100' | 'space.150' | 'space.200';
927
902
 
928
903
  // @public
929
904
  const spaceMap: {
930
- 'space.0': 'var(--ds-space-0)';
931
- 'space.025': 'var(--ds-space-025)';
932
- 'space.050': 'var(--ds-space-050)';
933
- 'space.075': 'var(--ds-space-075)';
934
- 'space.100': 'var(--ds-space-100)';
935
- 'space.150': 'var(--ds-space-150)';
936
- 'space.200': 'var(--ds-space-200)';
937
- 'space.250': 'var(--ds-space-250)';
938
- 'space.300': 'var(--ds-space-300)';
939
- 'space.400': 'var(--ds-space-400)';
940
- 'space.500': 'var(--ds-space-500)';
941
- 'space.600': 'var(--ds-space-600)';
942
- 'space.800': 'var(--ds-space-800)';
943
- 'space.1000': 'var(--ds-space-1000)';
905
+ 'space.0': 'var(--ds-space-0)';
906
+ 'space.025': 'var(--ds-space-025)';
907
+ 'space.050': 'var(--ds-space-050)';
908
+ 'space.075': 'var(--ds-space-075)';
909
+ 'space.100': 'var(--ds-space-100)';
910
+ 'space.150': 'var(--ds-space-150)';
911
+ 'space.200': 'var(--ds-space-200)';
912
+ 'space.250': 'var(--ds-space-250)';
913
+ 'space.300': 'var(--ds-space-300)';
914
+ 'space.400': 'var(--ds-space-400)';
915
+ 'space.500': 'var(--ds-space-500)';
916
+ 'space.600': 'var(--ds-space-600)';
917
+ 'space.800': 'var(--ds-space-800)';
918
+ 'space.1000': 'var(--ds-space-1000)';
944
919
  };
945
920
 
946
921
  // @public (undocumented)
@@ -948,123 +923,123 @@ type Spread = 'space-between';
948
923
 
949
924
  // @public
950
925
  export const Stack: MemoExoticComponent<
951
- ForwardRefExoticComponent<
952
- Pick<
953
- {
954
- as?: 'div' | 'ol' | 'span' | 'ul' | undefined;
955
- alignBlock?: 'center' | 'end' | 'start' | 'stretch' | undefined;
956
- alignInline?: AlignInline | undefined;
957
- spread?: 'space-between' | undefined;
958
- grow?: Grow | undefined;
959
- space?:
960
- | 'space.0'
961
- | 'space.025'
962
- | 'space.050'
963
- | 'space.075'
964
- | 'space.100'
965
- | 'space.1000'
966
- | 'space.150'
967
- | 'space.200'
968
- | 'space.250'
969
- | 'space.300'
970
- | 'space.400'
971
- | 'space.500'
972
- | 'space.600'
973
- | 'space.800'
974
- | undefined;
975
- children: ReactNode;
976
- ref?: any;
977
- } & BasePrimitiveProps,
978
- | 'alignBlock'
979
- | 'alignInline'
980
- | 'as'
981
- | 'children'
982
- | 'grow'
983
- | 'space'
984
- | 'spread'
985
- | keyof BasePrimitiveProps
986
- > &
987
- RefAttributes<any>
988
- >
926
+ ForwardRefExoticComponent<
927
+ Pick<
928
+ {
929
+ as?: 'div' | 'ol' | 'span' | 'ul' | undefined;
930
+ alignBlock?: 'center' | 'end' | 'start' | 'stretch' | undefined;
931
+ alignInline?: AlignInline | undefined;
932
+ spread?: 'space-between' | undefined;
933
+ grow?: Grow | undefined;
934
+ space?:
935
+ | 'space.0'
936
+ | 'space.025'
937
+ | 'space.050'
938
+ | 'space.075'
939
+ | 'space.100'
940
+ | 'space.1000'
941
+ | 'space.150'
942
+ | 'space.200'
943
+ | 'space.250'
944
+ | 'space.300'
945
+ | 'space.400'
946
+ | 'space.500'
947
+ | 'space.600'
948
+ | 'space.800'
949
+ | undefined;
950
+ children: ReactNode;
951
+ ref?: any;
952
+ } & BasePrimitiveProps,
953
+ | 'alignBlock'
954
+ | 'alignInline'
955
+ | 'as'
956
+ | 'children'
957
+ | 'grow'
958
+ | 'space'
959
+ | 'spread'
960
+ | keyof BasePrimitiveProps
961
+ > &
962
+ RefAttributes<any>
963
+ >
989
964
  >;
990
965
 
991
966
  // @public (undocumented)
992
967
  export type StackProps<T extends ElementType = 'div'> = {
993
- as?: 'div' | 'ol' | 'span' | 'ul';
994
- alignBlock?: Exclude<AlignBlock, 'baseline'>;
995
- alignInline?: AlignInline;
996
- spread?: Spread;
997
- grow?: Grow;
998
- space?: Space;
999
- children: ReactNode;
1000
- ref?: React.ComponentPropsWithRef<T>['ref'];
968
+ as?: 'div' | 'ol' | 'span' | 'ul';
969
+ alignBlock?: Exclude<AlignBlock, 'baseline'>;
970
+ alignInline?: AlignInline;
971
+ spread?: Spread;
972
+ grow?: Grow;
973
+ space?: Space;
974
+ children: ReactNode;
975
+ ref?: React.ComponentPropsWithRef<T>['ref'];
1001
976
  } & BasePrimitiveProps;
1002
977
 
1003
978
  // @public (undocumented)
1004
979
  type StyleProp = {
1005
- style?: CSSProperties;
980
+ style?: CSSProperties;
1006
981
  };
1007
982
 
1008
983
  // @public (undocumented)
1009
984
  type SVGElements =
1010
- | 'animate'
1011
- | 'animateMotion'
1012
- | 'animateTransform'
1013
- | 'circle'
1014
- | 'clipPath'
1015
- | 'defs'
1016
- | 'desc'
1017
- | 'ellipse'
1018
- | 'feBlend'
1019
- | 'feColorMatrix'
1020
- | 'feComponentTransfer'
1021
- | 'feComposite'
1022
- | 'feConvolveMatrix'
1023
- | 'feDiffuseLighting'
1024
- | 'feDisplacementMap'
1025
- | 'feDistantLight'
1026
- | 'feDropShadow'
1027
- | 'feFlood'
1028
- | 'feFuncA'
1029
- | 'feFuncB'
1030
- | 'feFuncG'
1031
- | 'feFuncR'
1032
- | 'feGaussianBlur'
1033
- | 'feImage'
1034
- | 'feMerge'
1035
- | 'feMergeNode'
1036
- | 'feMorphology'
1037
- | 'feOffset'
1038
- | 'fePointLight'
1039
- | 'feSpecularLighting'
1040
- | 'feSpotLight'
1041
- | 'feTile'
1042
- | 'feTurbulence'
1043
- | 'filter'
1044
- | 'foreignObject'
1045
- | 'g'
1046
- | 'image'
1047
- | 'line'
1048
- | 'linearGradient'
1049
- | 'marker'
1050
- | 'mask'
1051
- | 'metadata'
1052
- | 'mpath'
1053
- | 'path'
1054
- | 'pattern'
1055
- | 'polygon'
1056
- | 'polyline'
1057
- | 'radialGradient'
1058
- | 'rect'
1059
- | 'stop'
1060
- | 'svg'
1061
- | 'switch'
1062
- | 'symbol'
1063
- | 'text'
1064
- | 'textPath'
1065
- | 'tspan'
1066
- | 'use'
1067
- | 'view';
985
+ | 'animate'
986
+ | 'animateMotion'
987
+ | 'animateTransform'
988
+ | 'circle'
989
+ | 'clipPath'
990
+ | 'defs'
991
+ | 'desc'
992
+ | 'ellipse'
993
+ | 'feBlend'
994
+ | 'feColorMatrix'
995
+ | 'feComponentTransfer'
996
+ | 'feComposite'
997
+ | 'feConvolveMatrix'
998
+ | 'feDiffuseLighting'
999
+ | 'feDisplacementMap'
1000
+ | 'feDistantLight'
1001
+ | 'feDropShadow'
1002
+ | 'feFlood'
1003
+ | 'feFuncA'
1004
+ | 'feFuncB'
1005
+ | 'feFuncG'
1006
+ | 'feFuncR'
1007
+ | 'feGaussianBlur'
1008
+ | 'feImage'
1009
+ | 'feMerge'
1010
+ | 'feMergeNode'
1011
+ | 'feMorphology'
1012
+ | 'feOffset'
1013
+ | 'fePointLight'
1014
+ | 'feSpecularLighting'
1015
+ | 'feSpotLight'
1016
+ | 'feTile'
1017
+ | 'feTurbulence'
1018
+ | 'filter'
1019
+ | 'foreignObject'
1020
+ | 'g'
1021
+ | 'image'
1022
+ | 'line'
1023
+ | 'linearGradient'
1024
+ | 'marker'
1025
+ | 'mask'
1026
+ | 'metadata'
1027
+ | 'mpath'
1028
+ | 'path'
1029
+ | 'pattern'
1030
+ | 'polygon'
1031
+ | 'polyline'
1032
+ | 'radialGradient'
1033
+ | 'rect'
1034
+ | 'stop'
1035
+ | 'svg'
1036
+ | 'switch'
1037
+ | 'symbol'
1038
+ | 'text'
1039
+ | 'textPath'
1040
+ | 'tspan'
1041
+ | 'use'
1042
+ | 'view';
1068
1043
 
1069
1044
  // @internal
1070
1045
  const Text_2: FC<TextProps>;
@@ -1075,9 +1050,9 @@ type TextAlign = keyof typeof textAlignMap;
1075
1050
 
1076
1051
  // @public (undocumented)
1077
1052
  const textAlignMap: {
1078
- center: SerializedStyles_2;
1079
- end: SerializedStyles_2;
1080
- start: SerializedStyles_2;
1053
+ center: SerializedStyles_2;
1054
+ end: SerializedStyles_2;
1055
+ start: SerializedStyles_2;
1081
1056
  };
1082
1057
 
1083
1058
  // @public (undocumented)
@@ -1085,144 +1060,144 @@ export type TextColor = keyof typeof textColorMap;
1085
1060
 
1086
1061
  // @public (undocumented)
1087
1062
  const textColorMap: {
1088
- readonly 'color.text': 'var(--ds-text)';
1089
- readonly 'color.text.accent.lime': 'var(--ds-text-accent-lime)';
1090
- readonly 'color.text.accent.lime.bolder': 'var(--ds-text-accent-lime-bolder)';
1091
- readonly 'color.text.accent.red': 'var(--ds-text-accent-red)';
1092
- readonly 'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
1093
- readonly 'color.text.accent.orange': 'var(--ds-text-accent-orange)';
1094
- readonly 'color.text.accent.orange.bolder': 'var(--ds-text-accent-orange-bolder)';
1095
- readonly 'color.text.accent.yellow': 'var(--ds-text-accent-yellow)';
1096
- readonly 'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)';
1097
- readonly 'color.text.accent.green': 'var(--ds-text-accent-green)';
1098
- readonly 'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)';
1099
- readonly 'color.text.accent.teal': 'var(--ds-text-accent-teal)';
1100
- readonly 'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)';
1101
- readonly 'color.text.accent.blue': 'var(--ds-text-accent-blue)';
1102
- readonly 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
1103
- readonly 'color.text.accent.purple': 'var(--ds-text-accent-purple)';
1104
- readonly 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
1105
- readonly 'color.text.accent.magenta': 'var(--ds-text-accent-magenta)';
1106
- readonly 'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)';
1107
- readonly 'color.text.accent.gray': 'var(--ds-text-accent-gray)';
1108
- readonly 'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)';
1109
- readonly 'color.text.disabled': 'var(--ds-text-disabled)';
1110
- readonly 'color.text.inverse': 'var(--ds-text-inverse)';
1111
- readonly 'color.text.selected': 'var(--ds-text-selected)';
1112
- readonly 'color.text.brand': 'var(--ds-text-brand)';
1113
- readonly 'color.text.danger': 'var(--ds-text-danger)';
1114
- readonly 'color.text.warning': 'var(--ds-text-warning)';
1115
- readonly 'color.text.warning.inverse': 'var(--ds-text-warning-inverse)';
1116
- readonly 'color.text.success': 'var(--ds-text-success)';
1117
- readonly 'color.text.discovery': 'var(--ds-text-discovery)';
1118
- readonly 'color.text.information': 'var(--ds-text-information)';
1119
- readonly 'color.text.subtlest': 'var(--ds-text-subtlest)';
1120
- readonly 'color.text.subtle': 'var(--ds-text-subtle)';
1121
- readonly 'color.link': 'var(--ds-link)';
1122
- readonly 'color.link.pressed': 'var(--ds-link-pressed)';
1123
- readonly 'color.link.visited': 'var(--ds-link-visited)';
1063
+ readonly 'color.text': 'var(--ds-text)';
1064
+ readonly 'color.text.accent.lime': 'var(--ds-text-accent-lime)';
1065
+ readonly 'color.text.accent.lime.bolder': 'var(--ds-text-accent-lime-bolder)';
1066
+ readonly 'color.text.accent.red': 'var(--ds-text-accent-red)';
1067
+ readonly 'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
1068
+ readonly 'color.text.accent.orange': 'var(--ds-text-accent-orange)';
1069
+ readonly 'color.text.accent.orange.bolder': 'var(--ds-text-accent-orange-bolder)';
1070
+ readonly 'color.text.accent.yellow': 'var(--ds-text-accent-yellow)';
1071
+ readonly 'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)';
1072
+ readonly 'color.text.accent.green': 'var(--ds-text-accent-green)';
1073
+ readonly 'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)';
1074
+ readonly 'color.text.accent.teal': 'var(--ds-text-accent-teal)';
1075
+ readonly 'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)';
1076
+ readonly 'color.text.accent.blue': 'var(--ds-text-accent-blue)';
1077
+ readonly 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
1078
+ readonly 'color.text.accent.purple': 'var(--ds-text-accent-purple)';
1079
+ readonly 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
1080
+ readonly 'color.text.accent.magenta': 'var(--ds-text-accent-magenta)';
1081
+ readonly 'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)';
1082
+ readonly 'color.text.accent.gray': 'var(--ds-text-accent-gray)';
1083
+ readonly 'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)';
1084
+ readonly 'color.text.disabled': 'var(--ds-text-disabled)';
1085
+ readonly 'color.text.inverse': 'var(--ds-text-inverse)';
1086
+ readonly 'color.text.selected': 'var(--ds-text-selected)';
1087
+ readonly 'color.text.brand': 'var(--ds-text-brand)';
1088
+ readonly 'color.text.danger': 'var(--ds-text-danger)';
1089
+ readonly 'color.text.warning': 'var(--ds-text-warning)';
1090
+ readonly 'color.text.warning.inverse': 'var(--ds-text-warning-inverse)';
1091
+ readonly 'color.text.success': 'var(--ds-text-success)';
1092
+ readonly 'color.text.discovery': 'var(--ds-text-discovery)';
1093
+ readonly 'color.text.information': 'var(--ds-text-information)';
1094
+ readonly 'color.text.subtlest': 'var(--ds-text-subtlest)';
1095
+ readonly 'color.text.subtle': 'var(--ds-text-subtle)';
1096
+ readonly 'color.link': 'var(--ds-link)';
1097
+ readonly 'color.link.pressed': 'var(--ds-link-pressed)';
1098
+ readonly 'color.link.visited': 'var(--ds-link-visited)';
1124
1099
  };
1125
1100
 
1126
1101
  // @public (undocumented)
1127
1102
  export interface TextProps extends BasePrimitiveProps {
1128
- as?: AsElement;
1129
- children: ReactNode;
1130
- color?: TextColor;
1131
- id?: string;
1132
- shouldTruncate?: boolean;
1133
- textAlign?: TextAlign;
1134
- variant?: Variant;
1103
+ as?: AsElement;
1104
+ children: ReactNode;
1105
+ color?: TextColor;
1106
+ id?: string;
1107
+ shouldTruncate?: boolean;
1108
+ textAlign?: TextAlign;
1109
+ variant?: Variant;
1135
1110
  }
1136
1111
 
1137
1112
  // @public (undocumented)
1138
1113
  type TokenisedProps = {
1139
- backgroundColor?: BackgroundColor;
1140
- blockSize?: AutoComplete<Dimension>;
1141
- borderBlockColor?: AutoComplete<BorderColor>;
1142
- borderBlockEndColor?: AutoComplete<BorderColor>;
1143
- borderBlockEndWidth?: AutoComplete<BorderWidth>;
1144
- borderBlockStartColor?: AutoComplete<BorderColor>;
1145
- borderBlockStartWidth?: AutoComplete<BorderWidth>;
1146
- borderBlockWidth?: AutoComplete<BorderWidth>;
1147
- borderBottomColor?: AutoComplete<BorderColor>;
1148
- borderBottomLeftRadius?: AutoComplete<BorderRadius>;
1149
- borderBottomRightRadius?: AutoComplete<BorderRadius>;
1150
- borderBottomWidth?: AutoComplete<BorderWidth>;
1151
- borderColor?: BorderColor;
1152
- borderEndEndRadius?: AutoComplete<BorderRadius>;
1153
- borderEndStartRadius?: AutoComplete<BorderRadius>;
1154
- borderInlineColor?: AutoComplete<BorderColor>;
1155
- borderInlineEndColor?: AutoComplete<BorderColor>;
1156
- borderInlineEndWidth?: AutoComplete<BorderWidth>;
1157
- borderInlineStartColor?: AutoComplete<BorderColor>;
1158
- borderInlineStartWidth?: AutoComplete<BorderWidth>;
1159
- borderInlineWidth?: AutoComplete<BorderWidth>;
1160
- borderLeftColor?: AutoComplete<BorderColor>;
1161
- borderLeftWidth?: AutoComplete<BorderWidth>;
1162
- borderRadius?: BorderRadius;
1163
- borderRightColor?: AutoComplete<BorderColor>;
1164
- borderRightWidth?: AutoComplete<BorderWidth>;
1165
- borderStartEndRadius?: AutoComplete<BorderRadius>;
1166
- borderStartStartRadius?: AutoComplete<BorderRadius>;
1167
- borderTopColor?: AutoComplete<BorderColor>;
1168
- borderTopLeftRadius?: AutoComplete<BorderRadius>;
1169
- borderTopRightRadius?: AutoComplete<BorderRadius>;
1170
- borderTopWidth?: AutoComplete<BorderWidth>;
1171
- borderWidth?: BorderWidth;
1172
- bottom?: AutoComplete<Space>;
1173
- boxShadow?: Shadow;
1174
- color?: TextColor;
1175
- columnGap?: Space;
1176
- gap?: Space;
1177
- height?: AutoComplete<Dimension>;
1178
- inlineSize?: AutoComplete<Dimension>;
1179
- inset?: Space;
1180
- insetBlock?: Space;
1181
- insetBlockEnd?: Space;
1182
- insetBlockStart?: Space;
1183
- insetInline?: Space;
1184
- insetInlineEnd?: Space;
1185
- insetInlineStart?: Space;
1186
- left?: AutoComplete<Space>;
1187
- margin?: AutoComplete<MarginSpace>;
1188
- marginBlock?: AutoComplete<MarginSpace>;
1189
- marginBlockEnd?: AutoComplete<MarginSpace>;
1190
- marginBlockStart?: AutoComplete<MarginSpace>;
1191
- marginBottom?: AutoComplete<MarginSpace>;
1192
- marginInline?: AutoComplete<MarginSpace>;
1193
- marginInlineEnd?: AutoComplete<MarginSpace>;
1194
- marginInlineStart?: AutoComplete<MarginSpace>;
1195
- marginLeft?: AutoComplete<MarginSpace>;
1196
- marginRight?: AutoComplete<MarginSpace>;
1197
- marginTop?: AutoComplete<MarginSpace>;
1198
- maxBlockSize?: AutoComplete<Dimension>;
1199
- maxHeight?: AutoComplete<Dimension>;
1200
- maxInlineSize?: AutoComplete<Dimension>;
1201
- maxWidth?: AutoComplete<Dimension>;
1202
- minBlockSize?: AutoComplete<Dimension>;
1203
- minHeight?: AutoComplete<Dimension>;
1204
- minInlineSize?: AutoComplete<Dimension>;
1205
- minWidth?: AutoComplete<Dimension>;
1206
- opacity?: AutoComplete<Opacity> | number;
1207
- outlineColor?: BorderColor;
1208
- outlineOffset?: Space;
1209
- outlineWidth?: BorderWidth;
1210
- padding?: Space;
1211
- paddingBlock?: Space;
1212
- paddingBlockEnd?: Space;
1213
- paddingBlockStart?: Space;
1214
- paddingBottom?: AutoComplete<Space>;
1215
- paddingInline?: Space;
1216
- paddingInlineEnd?: Space;
1217
- paddingInlineStart?: Space;
1218
- paddingLeft?: AutoComplete<Space>;
1219
- paddingRight?: AutoComplete<Space>;
1220
- paddingTop?: AutoComplete<Space>;
1221
- right?: AutoComplete<Space>;
1222
- rowGap?: Space;
1223
- top?: AutoComplete<Space>;
1224
- width?: AutoComplete<Dimension>;
1225
- zIndex?: Layer;
1114
+ backgroundColor?: BackgroundColor;
1115
+ blockSize?: AutoComplete<Dimension>;
1116
+ borderBlockColor?: AutoComplete<BorderColor>;
1117
+ borderBlockEndColor?: AutoComplete<BorderColor>;
1118
+ borderBlockEndWidth?: AutoComplete<BorderWidth>;
1119
+ borderBlockStartColor?: AutoComplete<BorderColor>;
1120
+ borderBlockStartWidth?: AutoComplete<BorderWidth>;
1121
+ borderBlockWidth?: AutoComplete<BorderWidth>;
1122
+ borderBottomColor?: AutoComplete<BorderColor>;
1123
+ borderBottomLeftRadius?: AutoComplete<BorderRadius>;
1124
+ borderBottomRightRadius?: AutoComplete<BorderRadius>;
1125
+ borderBottomWidth?: AutoComplete<BorderWidth>;
1126
+ borderColor?: BorderColor;
1127
+ borderEndEndRadius?: AutoComplete<BorderRadius>;
1128
+ borderEndStartRadius?: AutoComplete<BorderRadius>;
1129
+ borderInlineColor?: AutoComplete<BorderColor>;
1130
+ borderInlineEndColor?: AutoComplete<BorderColor>;
1131
+ borderInlineEndWidth?: AutoComplete<BorderWidth>;
1132
+ borderInlineStartColor?: AutoComplete<BorderColor>;
1133
+ borderInlineStartWidth?: AutoComplete<BorderWidth>;
1134
+ borderInlineWidth?: AutoComplete<BorderWidth>;
1135
+ borderLeftColor?: AutoComplete<BorderColor>;
1136
+ borderLeftWidth?: AutoComplete<BorderWidth>;
1137
+ borderRadius?: BorderRadius;
1138
+ borderRightColor?: AutoComplete<BorderColor>;
1139
+ borderRightWidth?: AutoComplete<BorderWidth>;
1140
+ borderStartEndRadius?: AutoComplete<BorderRadius>;
1141
+ borderStartStartRadius?: AutoComplete<BorderRadius>;
1142
+ borderTopColor?: AutoComplete<BorderColor>;
1143
+ borderTopLeftRadius?: AutoComplete<BorderRadius>;
1144
+ borderTopRightRadius?: AutoComplete<BorderRadius>;
1145
+ borderTopWidth?: AutoComplete<BorderWidth>;
1146
+ borderWidth?: BorderWidth;
1147
+ bottom?: AutoComplete<Space>;
1148
+ boxShadow?: Shadow;
1149
+ color?: TextColor;
1150
+ columnGap?: Space;
1151
+ gap?: Space;
1152
+ height?: AutoComplete<Dimension>;
1153
+ inlineSize?: AutoComplete<Dimension>;
1154
+ inset?: Space;
1155
+ insetBlock?: Space;
1156
+ insetBlockEnd?: Space;
1157
+ insetBlockStart?: Space;
1158
+ insetInline?: Space;
1159
+ insetInlineEnd?: Space;
1160
+ insetInlineStart?: Space;
1161
+ left?: AutoComplete<Space>;
1162
+ margin?: AutoComplete<MarginSpace>;
1163
+ marginBlock?: AutoComplete<MarginSpace>;
1164
+ marginBlockEnd?: AutoComplete<MarginSpace>;
1165
+ marginBlockStart?: AutoComplete<MarginSpace>;
1166
+ marginBottom?: AutoComplete<MarginSpace>;
1167
+ marginInline?: AutoComplete<MarginSpace>;
1168
+ marginInlineEnd?: AutoComplete<MarginSpace>;
1169
+ marginInlineStart?: AutoComplete<MarginSpace>;
1170
+ marginLeft?: AutoComplete<MarginSpace>;
1171
+ marginRight?: AutoComplete<MarginSpace>;
1172
+ marginTop?: AutoComplete<MarginSpace>;
1173
+ maxBlockSize?: AutoComplete<Dimension>;
1174
+ maxHeight?: AutoComplete<Dimension>;
1175
+ maxInlineSize?: AutoComplete<Dimension>;
1176
+ maxWidth?: AutoComplete<Dimension>;
1177
+ minBlockSize?: AutoComplete<Dimension>;
1178
+ minHeight?: AutoComplete<Dimension>;
1179
+ minInlineSize?: AutoComplete<Dimension>;
1180
+ minWidth?: AutoComplete<Dimension>;
1181
+ opacity?: AutoComplete<Opacity> | number;
1182
+ outlineColor?: BorderColor;
1183
+ outlineOffset?: Space;
1184
+ outlineWidth?: BorderWidth;
1185
+ padding?: Space;
1186
+ paddingBlock?: Space;
1187
+ paddingBlockEnd?: Space;
1188
+ paddingBlockStart?: Space;
1189
+ paddingBottom?: AutoComplete<Space>;
1190
+ paddingInline?: Space;
1191
+ paddingInlineEnd?: Space;
1192
+ paddingInlineStart?: Space;
1193
+ paddingLeft?: AutoComplete<Space>;
1194
+ paddingRight?: AutoComplete<Space>;
1195
+ paddingTop?: AutoComplete<Space>;
1196
+ right?: AutoComplete<Space>;
1197
+ rowGap?: Space;
1198
+ top?: AutoComplete<Space>;
1199
+ width?: AutoComplete<Dimension>;
1200
+ zIndex?: Layer;
1226
1201
  };
1227
1202
 
1228
1203
  // @public (undocumented)
@@ -1230,8 +1205,8 @@ type UiText = keyof typeof uiTextMap;
1230
1205
 
1231
1206
  // @public (undocumented)
1232
1207
  const uiTextMap: {
1233
- ui: 'var(--ds-font-ui)';
1234
- 'ui.small': 'var(--ds-font-ui-small)';
1208
+ ui: 'var(--ds-font-ui)';
1209
+ 'ui.small': 'var(--ds-font-ui-small)';
1235
1210
  };
1236
1211
 
1237
1212
  // @public (undocumented)
@@ -1239,69 +1214,69 @@ const uniqueSymbol: unique symbol;
1239
1214
 
1240
1215
  // @public
1241
1216
  export const UNSAFE_BREAKPOINTS_CONFIG: {
1242
- readonly xxs: {
1243
- readonly gridItemGutter: 'var(--ds-space-200)';
1244
- readonly gridMargin: 'var(--ds-space-200)';
1245
- readonly min: '0rem';
1246
- readonly max: '29.99rem';
1247
- };
1248
- readonly xs: {
1249
- readonly gridItemGutter: 'var(--ds-space-200)';
1250
- readonly gridMargin: 'var(--ds-space-200)';
1251
- readonly min: '30rem';
1252
- readonly max: '47.99rem';
1253
- };
1254
- readonly sm: {
1255
- readonly gridItemGutter: 'var(--ds-space-200)';
1256
- readonly gridMargin: 'var(--ds-space-300)';
1257
- readonly min: '48rem';
1258
- readonly max: '63.99rem';
1259
- };
1260
- readonly md: {
1261
- readonly gridItemGutter: 'var(--ds-space-300)';
1262
- readonly gridMargin: 'var(--ds-space-400)';
1263
- readonly min: '64rem';
1264
- readonly max: '89.99rem';
1265
- };
1266
- readonly lg: {
1267
- readonly gridItemGutter: 'var(--ds-space-400)';
1268
- readonly gridMargin: 'var(--ds-space-400)';
1269
- readonly min: '90rem';
1270
- readonly max: '109.99rem';
1271
- };
1272
- readonly xl: {
1273
- readonly gridItemGutter: 'var(--ds-space-400)';
1274
- readonly gridMargin: 'var(--ds-space-500)';
1275
- readonly min: '110rem';
1276
- readonly max: null;
1277
- };
1217
+ readonly xxs: {
1218
+ readonly gridItemGutter: 'var(--ds-space-200)';
1219
+ readonly gridMargin: 'var(--ds-space-200)';
1220
+ readonly min: '0rem';
1221
+ readonly max: '29.99rem';
1222
+ };
1223
+ readonly xs: {
1224
+ readonly gridItemGutter: 'var(--ds-space-200)';
1225
+ readonly gridMargin: 'var(--ds-space-200)';
1226
+ readonly min: '30rem';
1227
+ readonly max: '47.99rem';
1228
+ };
1229
+ readonly sm: {
1230
+ readonly gridItemGutter: 'var(--ds-space-200)';
1231
+ readonly gridMargin: 'var(--ds-space-300)';
1232
+ readonly min: '48rem';
1233
+ readonly max: '63.99rem';
1234
+ };
1235
+ readonly md: {
1236
+ readonly gridItemGutter: 'var(--ds-space-300)';
1237
+ readonly gridMargin: 'var(--ds-space-400)';
1238
+ readonly min: '64rem';
1239
+ readonly max: '89.99rem';
1240
+ };
1241
+ readonly lg: {
1242
+ readonly gridItemGutter: 'var(--ds-space-400)';
1243
+ readonly gridMargin: 'var(--ds-space-400)';
1244
+ readonly min: '90rem';
1245
+ readonly max: '109.99rem';
1246
+ };
1247
+ readonly xl: {
1248
+ readonly gridItemGutter: 'var(--ds-space-400)';
1249
+ readonly gridMargin: 'var(--ds-space-500)';
1250
+ readonly min: '110rem';
1251
+ readonly max: null;
1252
+ };
1278
1253
  };
1279
1254
 
1280
1255
  // @internal
1281
1256
  export const UNSAFE_media: {
1282
- above: {
1283
- readonly xxs: '@media all';
1284
- readonly xs: '@media (min-width: 30rem)';
1285
- readonly sm: '@media (min-width: 48rem)';
1286
- readonly md: '@media (min-width: 64rem)';
1287
- readonly lg: '@media (min-width: 90rem)';
1288
- readonly xl: '@media (min-width: 110rem)';
1289
- };
1290
- below: {
1291
- readonly xs: '@media not all and (min-width: 30rem)';
1292
- readonly sm: '@media not all and (min-width: 48rem)';
1293
- readonly md: '@media not all and (min-width: 64rem)';
1294
- readonly lg: '@media not all and (min-width: 90rem)';
1295
- readonly xl: '@media not all and (min-width: 110rem)';
1296
- };
1297
- only: {
1298
- readonly xxs: '@media (min-width: 0rem) and (max-width: 29.99rem)';
1299
- readonly xs: '@media (min-width: 30rem) and (max-width: 47.99rem)';
1300
- readonly sm: '@media (min-width: 48rem) and (max-width: 63.99rem)';
1301
- readonly md: '@media (min-width: 64rem) and (max-width: 89.99rem)';
1302
- readonly lg: '@media (min-width: 90rem) and (max-width: 109.99rem)';
1303
- readonly xl: '@media (min-width: 110rem)';
1304
- };
1257
+ above: {
1258
+ readonly xxs: '@media all';
1259
+ readonly xs: '@media (min-width: 30rem)';
1260
+ readonly sm: '@media (min-width: 48rem)';
1261
+ readonly md: '@media (min-width: 64rem)';
1262
+ readonly lg: '@media (min-width: 90rem)';
1263
+ readonly xl: '@media (min-width: 110rem)';
1264
+ };
1265
+ below: {
1266
+ readonly xs: '@media not all and (min-width: 30rem)';
1267
+ readonly sm: '@media not all and (min-width: 48rem)';
1268
+ readonly md: '@media not all and (min-width: 64rem)';
1269
+ readonly lg: '@media not all and (min-width: 90rem)';
1270
+ readonly xl: '@media not all and (min-width: 110rem)';
1271
+ };
1272
+ only: {
1273
+ readonly xxs: '@media (min-width: 0rem) and (max-width: 29.99rem)';
1274
+ readonly xs: '@media (min-width: 30rem) and (max-width: 47.99rem)';
1275
+ readonly sm: '@media (min-width: 48rem) and (max-width: 63.99rem)';
1276
+ readonly md: '@media (min-width: 64rem) and (max-width: 89.99rem)';
1277
+ readonly lg: '@media (min-width: 90rem) and (max-width: 109.99rem)';
1278
+ readonly xl: '@media (min-width: 110rem)';
1279
+ };
1305
1280
  };
1306
1281
 
1307
1282
  // @public (undocumented)
@@ -1315,7 +1290,7 @@ type XCSS = ReturnType<typeof xcss>;
1315
1290
 
1316
1291
  // @public
1317
1292
  export function xcss(style: SafeCSSObject): {
1318
- readonly [uniqueSymbol]: SerializedStyles;
1293
+ readonly [uniqueSymbol]: SerializedStyles;
1319
1294
  };
1320
1295
 
1321
1296
  // (No @packageDocumentation comment for this package)
@@ -1329,7 +1304,7 @@ export function xcss(style: SafeCSSObject): {
1329
1304
 
1330
1305
  ```json
1331
1306
  {
1332
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
1307
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
1333
1308
  }
1334
1309
  ```
1335
1310