@react-spectrum/dialog 3.8.12 → 3.8.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,519 +0,0 @@
1
- .h_OVWW_i18nFontFamily {
2
- font-synthesis: weight;
3
- font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
- }
5
-
6
- .h_OVWW_i18nFontFamily:lang(ar) {
7
- font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
- }
9
-
10
- .h_OVWW_i18nFontFamily:lang(he) {
11
- font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
- }
13
-
14
- .h_OVWW_i18nFontFamily:lang(zh) {
15
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
- }
17
-
18
- .h_OVWW_i18nFontFamily:lang(zh-Hans) {
19
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
- }
21
-
22
- .h_OVWW_i18nFontFamily:lang(zh-Hant) {
23
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
- }
25
-
26
- .h_OVWW_i18nFontFamily:lang(zh-SG), .h_OVWW_i18nFontFamily:lang(zh-CN) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- .h_OVWW_i18nFontFamily:lang(ko) {
31
- font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
- }
33
-
34
- .h_OVWW_i18nFontFamily:lang(ja) {
35
- font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
36
- }
37
-
38
- .h_OVWW_spectrum-FocusRing-ring {
39
- --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
- --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
- --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
- --spectrum-focus-ring-border-size: 0px;
43
- --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
- }
45
-
46
- .h_OVWW_spectrum-FocusRing-ring:after {
47
- border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
- content: "";
49
- margin: calc(-1 * var(--spectrum-focus-ring-border-size));
50
- pointer-events: none;
51
- transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
52
- display: block;
53
- position: absolute;
54
- inset: 0;
55
- }
56
-
57
- .h_OVWW_spectrum-FocusRing.h_OVWW_focus-ring:after {
58
- margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
- box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
- }
61
-
62
- .h_OVWW_spectrum-FocusRing--quiet:after {
63
- border-radius: 0;
64
- }
65
-
66
- .h_OVWW_spectrum-FocusRing--quiet.h_OVWW_focus-ring:after {
67
- margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
- box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
- }
70
-
71
- @media (forced-colors: active) {
72
- .h_OVWW_spectrum-FocusRing, .h_OVWW_spectrum-FocusRing-ring, .h_OVWW_spectrum-FocusRing--quiet {
73
- --spectrum-high-contrast-focus-ring-color: Highlight;
74
- }
75
-
76
- :is(.h_OVWW_spectrum-FocusRing, .h_OVWW_spectrum-FocusRing-ring, .h_OVWW_spectrum-FocusRing--quiet):after {
77
- forced-color-adjust: none;
78
- }
79
- }
80
-
81
- .h_OVWW_spectrum-overlay {
82
- visibility: hidden;
83
- opacity: 0;
84
- transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out, opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
85
- pointer-events: none;
86
- }
87
-
88
- .h_OVWW_spectrum-overlay--open {
89
- visibility: visible;
90
- opacity: .9999;
91
- pointer-events: auto;
92
- transition-delay: 0s;
93
- }
94
-
95
- .h_OVWW_spectrum-overlay--bottom--open {
96
- transform: translateY(var(--spectrum-overlay-positive-transform-distance));
97
- }
98
-
99
- .h_OVWW_spectrum-overlay--top--open {
100
- transform: translateY(var(--spectrum-overlay-negative-transform-distance));
101
- }
102
-
103
- .h_OVWW_spectrum-overlay--right--open {
104
- transform: translateX(var(--spectrum-overlay-positive-transform-distance));
105
- }
106
-
107
- .h_OVWW_spectrum-overlay--left--open {
108
- transform: translateX(var(--spectrum-overlay-negative-transform-distance));
109
- }
110
-
111
- .h_OVWW_spectrum-Dialog {
112
- box-sizing: border-box;
113
- min-width: var(--spectrum-dialog-min-width, var(--spectrum-global-dimension-static-size-3600));
114
- max-height: inherit;
115
- --spectrum-dialog-padding-x: var(--spectrum-dialog-padding);
116
- --spectrum-dialog-padding-y: var(--spectrum-dialog-padding);
117
- --spectrum-dialog-border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
118
- border-radius: var(--spectrum-dialog-border-radius, var(--spectrum-global-dimension-size-50));
119
- outline: none;
120
- width: fit-content;
121
- max-width: 100%;
122
- display: flex;
123
- overflow: hidden;
124
- }
125
-
126
- .h_OVWW_spectrum-Dialog--small {
127
- width: 400px;
128
- }
129
-
130
- .h_OVWW_spectrum-Dialog--medium {
131
- width: 480px;
132
- }
133
-
134
- .h_OVWW_spectrum-Dialog--large {
135
- width: 640px;
136
- }
137
-
138
- .h_OVWW_spectrum-Dialog-hero {
139
- height: var(--spectrum-global-dimension-size-1600);
140
- border-top-left-radius: var(--spectrum-dialog-border-radius, var(--spectrum-global-dimension-size-50));
141
- border-top-right-radius: var(--spectrum-dialog-border-radius, var(--spectrum-global-dimension-size-50));
142
- background-position: center;
143
- background-size: cover;
144
- grid-area: h_OVWW_hero;
145
- overflow: hidden;
146
- }
147
-
148
- .h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-grid {
149
- grid-template-columns: var(--spectrum-dialog-padding-x) auto 1fr auto minmax(0, auto) var(--spectrum-dialog-padding-x);
150
- grid-template-rows: auto var(--spectrum-dialog-padding-y) auto auto 1fr auto var(--spectrum-dialog-padding-y);
151
- grid-template-areas: "h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero"
152
- ". . . . . ."
153
- ". h_OVWW_heading h_OVWW_header h_OVWW_header h_OVWW_typeIcon ."
154
- ". h_OVWW_divider h_OVWW_divider h_OVWW_divider h_OVWW_divider ."
155
- ". h_OVWW_content h_OVWW_content h_OVWW_content h_OVWW_content ."
156
- ". h_OVWW_footer h_OVWW_footer h_OVWW_buttonGroup h_OVWW_buttonGroup ."
157
- ". . . . . .";
158
- width: 100%;
159
- display: grid;
160
- }
161
-
162
- .h_OVWW_spectrum-Dialog-heading {
163
- font-size: var(--spectrum-dialog-title-text-size);
164
- font-weight: var(--spectrum-dialog-title-text-font-weight, var(--spectrum-global-font-weight-bold));
165
- line-height: var(--spectrum-dialog-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
166
- outline: none;
167
- grid-area: h_OVWW_heading;
168
- margin: 0;
169
- padding-inline-end: var(--spectrum-global-dimension-size-200);
170
- }
171
-
172
- .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader {
173
- grid-area: h_OVWW_heading-start / h_OVWW_heading-start / h_OVWW_header-end / h_OVWW_header-end;
174
- padding-inline-end: 0;
175
- }
176
-
177
- .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader.h_OVWW_spectrum-Dialog-heading--noTypeIcon {
178
- grid-area: h_OVWW_heading-start / h_OVWW_heading-start / h_OVWW_typeIcon-end / h_OVWW_typeIcon-end;
179
- padding-inline-end: 0;
180
- }
181
-
182
- .h_OVWW_spectrum-Dialog-header {
183
- box-sizing: border-box;
184
- outline: none;
185
- grid-area: h_OVWW_header;
186
- justify-content: flex-end;
187
- align-items: center;
188
- min-width: fit-content;
189
- display: flex;
190
- }
191
-
192
- .h_OVWW_spectrum-Dialog-header.h_OVWW_spectrum-Dialog-header--noTypeIcon {
193
- grid-area: h_OVWW_header-start / h_OVWW_header-start / h_OVWW_typeIcon-end / h_OVWW_typeIcon-end;
194
- padding-inline-end: 0;
195
- }
196
-
197
- .h_OVWW_spectrum-Dialog-typeIcon {
198
- grid-area: h_OVWW_typeIcon;
199
- }
200
-
201
- .h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-divider {
202
- margin-top: var(--spectrum-dialog-rule-margin-top, var(--spectrum-global-dimension-static-size-150));
203
- margin-bottom: var(--spectrum-dialog-rule-margin-bottom, var(--spectrum-global-dimension-static-size-200));
204
- grid-area: h_OVWW_divider;
205
- width: 100%;
206
- }
207
-
208
- .h_OVWW_spectrum-Dialog--noDivider .h_OVWW_spectrum-Dialog-divider {
209
- display: none;
210
- }
211
-
212
- .h_OVWW_spectrum-Dialog-content {
213
- box-sizing: border-box;
214
- -webkit-overflow-scrolling: touch;
215
- font-size: var(--spectrum-dialog-content-text-size);
216
- font-weight: var(--spectrum-dialog-content-text-font-weight, var(--spectrum-global-font-weight-regular));
217
- line-height: var(--spectrum-dialog-content-text-line-height, var(--spectrum-alias-body-text-line-height));
218
- padding: calc(var(--spectrum-global-dimension-size-25) * 2);
219
- margin: calc(var(--spectrum-global-dimension-size-25) * -2);
220
- min-height: var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400));
221
- outline: none;
222
- grid-area: h_OVWW_content;
223
- overflow-y: auto;
224
- }
225
-
226
- .h_OVWW_spectrum-Dialog-footer {
227
- outline: none;
228
- flex-wrap: wrap;
229
- grid-area: h_OVWW_footer;
230
- padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
231
- display: flex;
232
- }
233
-
234
- .h_OVWW_spectrum-Dialog-footer > *, .h_OVWW_spectrum-Dialog-footer > .h_OVWW_spectrum-Button + .h_OVWW_spectrum-Button {
235
- margin-bottom: 0;
236
- }
237
-
238
- .h_OVWW_spectrum-Dialog-buttonGroup {
239
- grid-area: h_OVWW_buttonGroup;
240
- justify-content: flex-end;
241
- max-width: 100%;
242
- padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
243
- padding-inline-start: var(--spectrum-global-dimension-size-200);
244
- display: flex;
245
- }
246
-
247
- .h_OVWW_spectrum-Dialog-buttonGroup.h_OVWW_spectrum-Dialog-buttonGroup--noFooter {
248
- grid-area: h_OVWW_footer-start / h_OVWW_footer-start / h_OVWW_buttonGroup-end / h_OVWW_buttonGroup-end;
249
- }
250
-
251
- .h_OVWW_spectrum-Dialog.h_OVWW_spectrum-Dialog--dismissable .h_OVWW_spectrum-Dialog-grid {
252
- grid-template-columns: var(--spectrum-dialog-padding-x) auto 1fr auto minmax(0, auto) minmax(0, var(--spectrum-global-dimension-size-400)) var(--spectrum-dialog-padding-x);
253
- grid-template-rows: auto var(--spectrum-dialog-padding-y) auto auto 1fr auto var(--spectrum-dialog-padding-y);
254
- grid-template-areas: "h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero"
255
- ". . . . . h_OVWW_closeButton h_OVWW_closeButton"
256
- ". h_OVWW_heading h_OVWW_header h_OVWW_header h_OVWW_typeIcon h_OVWW_closeButton h_OVWW_closeButton"
257
- ". h_OVWW_divider h_OVWW_divider h_OVWW_divider h_OVWW_divider h_OVWW_divider ."
258
- ". h_OVWW_content h_OVWW_content h_OVWW_content h_OVWW_content h_OVWW_content ."
259
- ". h_OVWW_footer h_OVWW_footer h_OVWW_buttonGroup h_OVWW_buttonGroup h_OVWW_buttonGroup ."
260
- ". . . . . . .";
261
- }
262
-
263
- .h_OVWW_spectrum-Dialog.h_OVWW_spectrum-Dialog--dismissable .h_OVWW_spectrum-Dialog-grid .h_OVWW_spectrum-Dialog-buttonGroup {
264
- display: none;
265
- }
266
-
267
- .h_OVWW_spectrum-Dialog.h_OVWW_spectrum-Dialog--dismissable .h_OVWW_spectrum-Dialog-grid .h_OVWW_spectrum-Dialog-footer {
268
- grid-area: h_OVWW_footer / h_OVWW_footer / h_OVWW_buttonGroup / h_OVWW_buttonGroup;
269
- }
270
-
271
- .h_OVWW_spectrum-Dialog.h_OVWW_spectrum-Dialog--dismissable .h_OVWW_spectrum-Dialog-closeButton {
272
- grid-area: h_OVWW_closeButton;
273
- place-self: flex-start end;
274
- margin-block-start: calc(26px - var(--spectrum-global-dimension-size-175));
275
- margin-inline-end: calc(26px - var(--spectrum-global-dimension-size-175));
276
- }
277
-
278
- .h_OVWW_spectrum-Dialog--error {
279
- width: 480px;
280
- }
281
-
282
- .h_OVWW_spectrum-Dialog--fullscreen {
283
- width: 100%;
284
- height: 100%;
285
- }
286
-
287
- .h_OVWW_spectrum-Dialog--fullscreenTakeover {
288
- border-style: none;
289
- border-radius: 0;
290
- width: 100%;
291
- height: 100%;
292
- }
293
-
294
- .h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover {
295
- max-width: none;
296
- max-height: none;
297
- }
298
-
299
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover).h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-grid {
300
- grid-template-columns: var(--spectrum-dialog-padding-x) 1fr auto auto var(--spectrum-dialog-padding-x);
301
- grid-template-rows: var(--spectrum-dialog-padding-y) auto auto 1fr var(--spectrum-dialog-padding-y);
302
- grid-template-areas: ". . . . ."
303
- ". h_OVWW_heading h_OVWW_header h_OVWW_buttonGroup ."
304
- ". h_OVWW_divider h_OVWW_divider h_OVWW_divider ."
305
- ". h_OVWW_content h_OVWW_content h_OVWW_content ."
306
- ". . . . .";
307
- display: grid;
308
- }
309
-
310
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading {
311
- font-size: 28px;
312
- }
313
-
314
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader.h_OVWW_spectrum-Dialog-heading--noTypeIcon {
315
- grid-area: h_OVWW_heading-start / h_OVWW_heading-start / h_OVWW_header-end / h_OVWW_header-end;
316
- padding-inline-end: 0;
317
- }
318
-
319
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-header.h_OVWW_spectrum-Dialog-header--noTypeIcon {
320
- grid-area: h_OVWW_header;
321
- padding-inline-end: 0;
322
- }
323
-
324
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-content {
325
- max-height: none;
326
- }
327
-
328
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-footer, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-buttonGroup {
329
- padding-block-start: 0;
330
- }
331
-
332
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-footer, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-typeIcon, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-closeButton {
333
- display: none;
334
- }
335
-
336
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-buttonGroup {
337
- grid-area: h_OVWW_buttonGroup;
338
- }
339
-
340
- @media screen and (width <= 700px) {
341
- .h_OVWW_spectrum-Dialog {
342
- --spectrum-dialog-padding: var(--spectrum-global-dimension-static-size-300, 24px);
343
- }
344
-
345
- .h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-grid {
346
- grid-template-columns: var(--spectrum-dialog-padding-x) auto 1fr auto minmax(0, auto) var(--spectrum-dialog-padding-x);
347
- grid-template-rows: auto var(--spectrum-dialog-padding-y) auto auto auto 1fr auto var(--spectrum-dialog-padding-y);
348
- grid-template-areas: "h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero"
349
- ". . . . . ."
350
- ". h_OVWW_heading h_OVWW_heading h_OVWW_heading h_OVWW_typeIcon ."
351
- ". h_OVWW_header h_OVWW_header h_OVWW_header h_OVWW_header ."
352
- ". h_OVWW_divider h_OVWW_divider h_OVWW_divider h_OVWW_divider ."
353
- ". h_OVWW_content h_OVWW_content h_OVWW_content h_OVWW_content ."
354
- ". h_OVWW_footer h_OVWW_footer h_OVWW_buttonGroup h_OVWW_buttonGroup ."
355
- ". . . . . .";
356
- }
357
-
358
- .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader {
359
- grid-area: h_OVWW_heading;
360
- }
361
-
362
- .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noTypeIcon.h_OVWW_spectrum-Dialog-heading--noTypeIcon {
363
- grid-area: h_OVWW_heading-start / h_OVWW_heading-start / h_OVWW_typeIcon-end / h_OVWW_typeIcon-end;
364
- }
365
-
366
- .h_OVWW_spectrum-Dialog-header.h_OVWW_spectrum-Dialog-header--noTypeIcon {
367
- grid-area: h_OVWW_header;
368
- }
369
-
370
- .h_OVWW_spectrum-Dialog.h_OVWW_spectrum-Dialog--dismissable .h_OVWW_spectrum-Dialog-grid {
371
- grid-template-columns: var(--spectrum-dialog-padding-x) auto 1fr auto minmax(0, auto) minmax(0, var(--spectrum-global-dimension-size-400)) var(--spectrum-dialog-padding-x);
372
- grid-template-rows: auto var(--spectrum-dialog-padding-y) auto auto auto 1fr auto var(--spectrum-dialog-padding-y);
373
- grid-template-areas: "h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero"
374
- ". . . . . h_OVWW_closeButton h_OVWW_closeButton"
375
- ". h_OVWW_heading h_OVWW_heading h_OVWW_heading h_OVWW_typeIcon h_OVWW_closeButton h_OVWW_closeButton"
376
- ". h_OVWW_header h_OVWW_header h_OVWW_header h_OVWW_header h_OVWW_header ."
377
- ". h_OVWW_divider h_OVWW_divider h_OVWW_divider h_OVWW_divider h_OVWW_divider ."
378
- ". h_OVWW_content h_OVWW_content h_OVWW_content h_OVWW_content h_OVWW_content ."
379
- ". h_OVWW_footer h_OVWW_footer h_OVWW_buttonGroup h_OVWW_buttonGroup h_OVWW_buttonGroup ."
380
- ". . . . . . .";
381
- }
382
-
383
- .h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-header {
384
- justify-content: flex-start;
385
- }
386
-
387
- .h_OVWW_spectrum-Dialog-footer {
388
- min-width: fit-content;
389
- }
390
-
391
- .h_OVWW_spectrum-Dialog-buttonGroup {
392
- min-width: 0;
393
- }
394
-
395
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover).h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-grid {
396
- grid-template-columns: var(--spectrum-dialog-padding-x) 1fr var(--spectrum-dialog-padding-x);
397
- grid-template-rows: var(--spectrum-dialog-padding-y) auto auto auto 1fr auto var(--spectrum-dialog-padding-y);
398
- grid-template-areas: ". . ."
399
- ". h_OVWW_heading ."
400
- ". h_OVWW_header ."
401
- ". h_OVWW_divider ."
402
- ". h_OVWW_content ."
403
- ". h_OVWW_buttonGroup ."
404
- ". . .";
405
- display: grid;
406
- }
407
-
408
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noTypeIcon, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader.h_OVWW_spectrum-Dialog-heading--noTypeIcon {
409
- grid-area: h_OVWW_heading;
410
- }
411
-
412
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-header.h_OVWW_spectrum-Dialog-header--noTypeIcon {
413
- grid-area: h_OVWW_header;
414
- }
415
-
416
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-buttonGroup {
417
- padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
418
- }
419
-
420
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading {
421
- font-size: var(--spectrum-dialog-title-text-size);
422
- }
423
- }
424
-
425
- @media screen and (height <= 400px) {
426
- .h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-grid {
427
- border-top-left-radius: var(--spectrum-dialog-border-radius, var(--spectrum-global-dimension-size-50));
428
- border-top-right-radius: var(--spectrum-dialog-border-radius, var(--spectrum-global-dimension-size-50));
429
- grid-template-columns: var(--spectrum-dialog-padding-x) auto 1fr auto minmax(0, auto) var(--spectrum-dialog-padding-x);
430
- grid-template-rows: auto var(--spectrum-dialog-padding-y) auto auto auto 1fr auto auto var(--spectrum-dialog-padding-y);
431
- grid-template-areas: "h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero h_OVWW_hero"
432
- ". . . . . ."
433
- ". h_OVWW_heading h_OVWW_heading h_OVWW_heading h_OVWW_typeIcon ."
434
- ". h_OVWW_header h_OVWW_header h_OVWW_header h_OVWW_header ."
435
- ". h_OVWW_divider h_OVWW_divider h_OVWW_divider h_OVWW_divider ."
436
- ". h_OVWW_content h_OVWW_content h_OVWW_content h_OVWW_content ."
437
- ". h_OVWW_footer h_OVWW_footer h_OVWW_footer h_OVWW_footer ."
438
- ". h_OVWW_buttonGroup h_OVWW_buttonGroup h_OVWW_buttonGroup h_OVWW_buttonGroup ."
439
- ". . . . . .";
440
- overflow-y: auto;
441
- }
442
-
443
- .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader {
444
- grid-area: h_OVWW_heading;
445
- padding-inline-end: 0;
446
- }
447
-
448
- .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noTypeIcon.h_OVWW_spectrum-Dialog-heading--noTypeIcon {
449
- grid-area: h_OVWW_heading-start / h_OVWW_heading-start / h_OVWW_typeIcon-end / h_OVWW_typeIcon-end;
450
- padding-inline-end: 0;
451
- }
452
-
453
- .h_OVWW_spectrum-Dialog-header.h_OVWW_spectrum-Dialog-header--noTypeIcon {
454
- grid-area: h_OVWW_header;
455
- padding-inline-end: 0;
456
- }
457
-
458
- .h_OVWW_spectrum-Dialog-content {
459
- height: min-content;
460
- display: inline-table;
461
- overflow-y: visible;
462
- }
463
-
464
- .h_OVWW_spectrum-Dialog-footer + .h_OVWW_spectrum-Dialog-buttonGroup {
465
- padding-block-start: calc(var(--spectrum-global-dimension-size-25) * 2);
466
- }
467
- }
468
-
469
- @media screen and (height <= 400px) and (width <= 700px) {
470
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover).h_OVWW_spectrum-Dialog .h_OVWW_spectrum-Dialog-grid {
471
- grid-template-columns: var(--spectrum-dialog-padding-x) 1fr var(--spectrum-dialog-padding-x);
472
- grid-template-rows: var(--spectrum-dialog-padding-y) auto auto auto 1fr auto var(--spectrum-dialog-padding-y);
473
- grid-template-areas: ". . ."
474
- ". h_OVWW_heading ."
475
- ". h_OVWW_header ."
476
- ". h_OVWW_divider ."
477
- ". h_OVWW_content ."
478
- ". h_OVWW_buttonGroup ."
479
- ". . .";
480
- display: grid;
481
- }
482
-
483
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noTypeIcon, :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading.h_OVWW_spectrum-Dialog-heading--noHeader.h_OVWW_spectrum-Dialog-heading--noTypeIcon {
484
- grid-area: h_OVWW_heading;
485
- }
486
-
487
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-header.h_OVWW_spectrum-Dialog-header--noTypeIcon {
488
- grid-area: h_OVWW_header;
489
- }
490
-
491
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-buttonGroup {
492
- padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
493
- }
494
-
495
- :is(.h_OVWW_spectrum-Dialog--fullscreen, .h_OVWW_spectrum-Dialog--fullscreenTakeover) .h_OVWW_spectrum-Dialog-heading {
496
- font-size: var(--spectrum-dialog-title-text-size);
497
- }
498
- }
499
-
500
- .h_OVWW_spectrum-Dialog-heading {
501
- color: var(--spectrum-dialog-title-text-color, var(--spectrum-global-color-gray-900));
502
- }
503
-
504
- .h_OVWW_spectrum-Dialog-content {
505
- color: var(--spectrum-dialog-content-text-color, var(--spectrum-global-color-gray-800));
506
- }
507
-
508
- .h_OVWW_spectrum-Dialog-typeIcon {
509
- color: var(--spectrum-dialog-icon-color, var(--spectrum-global-color-gray-900));
510
- }
511
-
512
- .h_OVWW_spectrum-Dialog--error .h_OVWW_spectrum-Dialog-typeIcon {
513
- color: var(--spectrum-dialog-error-icon-color, var(--spectrum-semantic-negative-color-icon));
514
- }
515
-
516
- .h_OVWW_spectrum-Dialog--warning .h_OVWW_spectrum-Dialog-typeIcon {
517
- color: var(--spectrum-semantic-notice-color-icon, var(--spectrum-global-color-orange-600));
518
- }
519
- /*# sourceMappingURL=vars.6a3d7df3.css.map */