@cloudscape-design/components 3.0.224 → 3.0.226
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.
- package/alert/interfaces.d.ts +1 -1
- package/alert/interfaces.js.map +1 -1
- package/app-layout/content-wrapper/index.d.ts.map +1 -1
- package/app-layout/content-wrapper/index.js +2 -1
- package/app-layout/content-wrapper/index.js.map +1 -1
- package/app-layout/content-wrapper/styles.css.js +3 -3
- package/app-layout/content-wrapper/styles.scoped.css +8 -8
- package/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +12 -13
- package/app-layout/index.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +61 -60
- package/app-layout/visual-refresh/styles.scoped.css +163 -148
- package/app-layout/visual-refresh/styles.selectors.js +61 -60
- package/code-editor/index.d.ts +3 -1
- package/code-editor/index.d.ts.map +1 -1
- package/code-editor/index.js +17 -12
- package/code-editor/index.js.map +1 -1
- package/code-editor/interfaces.d.ts +7 -1
- package/code-editor/interfaces.d.ts.map +1 -1
- package/code-editor/interfaces.js.map +1 -1
- package/code-editor/tab-button.d.ts.map +1 -1
- package/code-editor/tab-button.js +1 -1
- package/code-editor/tab-button.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
section.
|
|
93
|
+
section.awsui_appbar_hyvsj_17tiy_93:not(#\9) {
|
|
94
94
|
align-items: center;
|
|
95
95
|
box-sizing: border-box;
|
|
96
96
|
display: grid;
|
|
@@ -114,20 +114,20 @@ section.awsui_appbar_hyvsj_zt14d_93:not(#\9) {
|
|
|
114
114
|
span the entire column definition of the Layout grid.
|
|
115
115
|
*/
|
|
116
116
|
}
|
|
117
|
-
section.
|
|
117
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-nav_hyvsj_17tiy_117:not(#\9) {
|
|
118
118
|
grid-column: 1;
|
|
119
119
|
margin-right: var(--space-m-17eucw, 16px);
|
|
120
120
|
}
|
|
121
|
-
section.
|
|
121
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9) {
|
|
122
122
|
grid-column: 2;
|
|
123
123
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
124
124
|
}
|
|
125
|
-
section.
|
|
125
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-tools_hyvsj_17tiy_125:not(#\9) {
|
|
126
126
|
grid-column: 3;
|
|
127
127
|
margin-left: var(--space-m-17eucw, 16px);
|
|
128
128
|
}
|
|
129
129
|
@media (min-width: 689px) {
|
|
130
|
-
section.
|
|
130
|
+
section.awsui_appbar_hyvsj_17tiy_93:not(#\9) {
|
|
131
131
|
/*
|
|
132
132
|
If Breadcrumbs do not exist then the AppBar should be suppressed
|
|
133
133
|
because in large viewports the triggers are rendered
|
|
@@ -163,33 +163,33 @@ section.awsui_appbar_hyvsj_zt14d_93 > .awsui_appbar-tools_hyvsj_zt14d_125:not(#\
|
|
|
163
163
|
be lifted so it doesn't render behind the background element.
|
|
164
164
|
*/
|
|
165
165
|
}
|
|
166
|
-
section.
|
|
166
|
+
section.awsui_appbar_hyvsj_17tiy_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166) {
|
|
167
167
|
display: none;
|
|
168
168
|
}
|
|
169
|
-
section.
|
|
170
|
-
section.
|
|
169
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-nav_hyvsj_17tiy_117:not(#\9),
|
|
170
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-tools_hyvsj_17tiy_125:not(#\9) {
|
|
171
171
|
display: none;
|
|
172
172
|
}
|
|
173
|
-
section.
|
|
173
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173) {
|
|
174
174
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
175
175
|
}
|
|
176
|
-
section.
|
|
176
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_has-notifications-content_hyvsj_17tiy_173:not(#\9) {
|
|
177
177
|
padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
|
|
178
178
|
}
|
|
179
|
-
section.
|
|
180
|
-
section.
|
|
179
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179),
|
|
180
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9):not(.awsui_has-header_hyvsj_17tiy_179).awsui_content-type-wizard_hyvsj_17tiy_180 {
|
|
181
181
|
padding-bottom: var(--space-m-17eucw, 16px);
|
|
182
182
|
}
|
|
183
|
-
section.
|
|
184
|
-
section.
|
|
183
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_content-type-cards_hyvsj_17tiy_183:not(#\9),
|
|
184
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_content-type-table_hyvsj_17tiy_184:not(#\9) {
|
|
185
185
|
padding-bottom: var(--space-xxs-ynfts5, 4px);
|
|
186
186
|
}
|
|
187
|
-
section.
|
|
187
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121.awsui_has-sticky-background_hyvsj_17tiy_187:not(#\9) {
|
|
188
188
|
z-index: 799;
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
191
|
@media (max-width: 688px) {
|
|
192
|
-
section.
|
|
192
|
+
section.awsui_appbar_hyvsj_17tiy_93:not(#\9) {
|
|
193
193
|
background-color: var(--color-background-home-header-mpq08f, #000716);
|
|
194
194
|
border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
195
195
|
box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
@@ -205,11 +205,11 @@ section.awsui_appbar_hyvsj_zt14d_93 > .awsui_appbar-tools_hyvsj_zt14d_125:not(#\
|
|
|
205
205
|
they are now sticky positioned in the viewport with the AppBar.
|
|
206
206
|
*/
|
|
207
207
|
}
|
|
208
|
-
section.
|
|
209
|
-
section.
|
|
208
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-nav_hyvsj_17tiy_117:not(#\9),
|
|
209
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_appbar-tools_hyvsj_17tiy_125:not(#\9) {
|
|
210
210
|
display: block;
|
|
211
211
|
}
|
|
212
|
-
section.
|
|
212
|
+
section.awsui_appbar_hyvsj_17tiy_93 > .awsui_breadcrumbs_hyvsj_17tiy_121:not(#\9) {
|
|
213
213
|
padding: 0;
|
|
214
214
|
}
|
|
215
215
|
}
|
|
@@ -218,10 +218,10 @@ section.awsui_appbar_hyvsj_zt14d_93 > .awsui_appbar-tools_hyvsj_zt14d_125:not(#\
|
|
|
218
218
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
219
219
|
SPDX-License-Identifier: Apache-2.0
|
|
220
220
|
*/
|
|
221
|
-
div.
|
|
221
|
+
div.awsui_background_hyvsj_17tiy_221:not(#\9) {
|
|
222
222
|
display: contents;
|
|
223
223
|
}
|
|
224
|
-
div.
|
|
224
|
+
div.awsui_background_hyvsj_17tiy_221 > .awsui_notifications-appbar-header_hyvsj_17tiy_224:not(#\9) {
|
|
225
225
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
226
226
|
grid-column: 1/span 5;
|
|
227
227
|
grid-row: 1/span 3;
|
|
@@ -234,13 +234,13 @@ div.awsui_background_hyvsj_zt14d_221 > .awsui_notifications-appbar-header_hyvsj_
|
|
|
234
234
|
*/
|
|
235
235
|
}
|
|
236
236
|
@media (min-width: 689px) {
|
|
237
|
-
div.
|
|
237
|
+
div.awsui_background_hyvsj_17tiy_221 > .awsui_notifications-appbar-header_hyvsj_17tiy_224.awsui_has-sticky-background_hyvsj_17tiy_187.awsui_has-notifications-content_hyvsj_17tiy_173.awsui_sticky-notifications_hyvsj_17tiy_237:not(#\9) {
|
|
238
238
|
position: sticky;
|
|
239
239
|
top: var(--awsui-offset-top-lgrg0d);
|
|
240
240
|
z-index: 799;
|
|
241
241
|
}
|
|
242
242
|
}
|
|
243
|
-
div.
|
|
243
|
+
div.awsui_background_hyvsj_17tiy_221 > .awsui_overlap_hyvsj_17tiy_243:not(#\9) {
|
|
244
244
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
245
245
|
grid-column: 1/span 5;
|
|
246
246
|
grid-row: 4;
|
|
@@ -253,7 +253,7 @@ div.awsui_background_hyvsj_zt14d_221 > .awsui_overlap_hyvsj_zt14d_243:not(#\9) {
|
|
|
253
253
|
*/
|
|
254
254
|
}
|
|
255
255
|
@media (min-width: 689px) {
|
|
256
|
-
div.
|
|
256
|
+
div.awsui_background_hyvsj_17tiy_221 > .awsui_overlap_hyvsj_17tiy_243.awsui_has-sticky-background_hyvsj_17tiy_187:not(#\9) {
|
|
257
257
|
position: sticky;
|
|
258
258
|
top: var(--awsui-offset-top-with-notifications-lgrg0d);
|
|
259
259
|
z-index: 799;
|
|
@@ -264,13 +264,13 @@ div.awsui_background_hyvsj_zt14d_221 > .awsui_overlap_hyvsj_zt14d_243:not(#\9) {
|
|
|
264
264
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
265
265
|
SPDX-License-Identifier: Apache-2.0
|
|
266
266
|
*/
|
|
267
|
-
header.
|
|
267
|
+
header.awsui_content_hyvsj_17tiy_180:not(#\9) {
|
|
268
268
|
grid-column: 3;
|
|
269
269
|
grid-row: 3;
|
|
270
270
|
padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
271
271
|
}
|
|
272
272
|
@media (min-width: 689px) {
|
|
273
|
-
header.
|
|
273
|
+
header.awsui_content_hyvsj_17tiy_180:not(#\9) {
|
|
274
274
|
/*
|
|
275
275
|
If Notifications exist and Breadcrumbs do not then Notifications
|
|
276
276
|
is the previous adjacent sibling to the Header. Add minimal top padding
|
|
@@ -288,25 +288,25 @@ header.awsui_content_hyvsj_zt14d_180:not(#\9) {
|
|
|
288
288
|
circular buttons.
|
|
289
289
|
*/
|
|
290
290
|
}
|
|
291
|
-
header.
|
|
291
|
+
header.awsui_content_hyvsj_17tiy_180.awsui_has-notifications-content_hyvsj_17tiy_173:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166) {
|
|
292
292
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
293
293
|
}
|
|
294
|
-
header.
|
|
294
|
+
header.awsui_content_hyvsj_17tiy_180.awsui_has-breadcrumbs_hyvsj_17tiy_166:not(#\9) {
|
|
295
295
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
296
296
|
}
|
|
297
|
-
header.
|
|
297
|
+
header.awsui_content_hyvsj_17tiy_180:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166) {
|
|
298
298
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
299
299
|
}
|
|
300
300
|
}
|
|
301
301
|
@media (max-width: 688px) {
|
|
302
|
-
header.
|
|
302
|
+
header.awsui_content_hyvsj_17tiy_180:not(#\9) {
|
|
303
303
|
padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
304
304
|
/*
|
|
305
305
|
Breadcrumbs has moved to first position and sticky so Notifications
|
|
306
306
|
are now the previous adjacent sibling if they exist.
|
|
307
307
|
*/
|
|
308
308
|
}
|
|
309
|
-
header.
|
|
309
|
+
header.awsui_content_hyvsj_17tiy_180.awsui_has-notifications-content_hyvsj_17tiy_173:not(#\9) {
|
|
310
310
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
311
311
|
}
|
|
312
312
|
}
|
|
@@ -332,7 +332,7 @@ header.awsui_content_hyvsj_zt14d_180:not(#\9) {
|
|
|
332
332
|
circumstances regardless of whether the minContentWidth property is
|
|
333
333
|
explicitly set in script.
|
|
334
334
|
*/
|
|
335
|
-
.
|
|
335
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9) {
|
|
336
336
|
--awsui-content-gap-left-lgrg0d: 0px;
|
|
337
337
|
--awsui-content-gap-right-lgrg0d: 0px;
|
|
338
338
|
--awsui-content-height-lgrg0d: calc(100vh - var(--awsui-header-height-lgrg0d) - var(--awsui-footer-height-lgrg0d));
|
|
@@ -415,75 +415,90 @@ header.awsui_content_hyvsj_zt14d_180:not(#\9) {
|
|
|
415
415
|
*/
|
|
416
416
|
}
|
|
417
417
|
@media (min-width: 1401px) {
|
|
418
|
-
.
|
|
418
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418) {
|
|
419
419
|
--awsui-default-max-content-width-lgrg0d: 1280px;
|
|
420
420
|
}
|
|
421
421
|
}
|
|
422
422
|
@media (min-width: 1921px) {
|
|
423
|
-
.
|
|
423
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418) {
|
|
424
424
|
--awsui-default-max-content-width-lgrg0d: 1440px;
|
|
425
425
|
}
|
|
426
426
|
}
|
|
427
427
|
@media (min-width: 2541px) {
|
|
428
|
-
.
|
|
428
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418) {
|
|
429
429
|
--awsui-default-max-content-width-lgrg0d: 1620px;
|
|
430
430
|
}
|
|
431
431
|
}
|
|
432
|
-
|
|
432
|
+
@media (min-width: 1401px) {
|
|
433
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418).awsui_content-type-dashboard_hyvsj_17tiy_433 {
|
|
434
|
+
--awsui-default-max-content-width-lgrg0d: 1280px;
|
|
435
|
+
}
|
|
436
|
+
}
|
|
437
|
+
@media (min-width: 1921px) {
|
|
438
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418).awsui_content-type-dashboard_hyvsj_17tiy_433 {
|
|
439
|
+
--awsui-default-max-content-width-lgrg0d: 1620px;
|
|
440
|
+
}
|
|
441
|
+
}
|
|
442
|
+
@media (min-width: 2541px) {
|
|
443
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_17tiy_418).awsui_content-type-dashboard_hyvsj_17tiy_433 {
|
|
444
|
+
--awsui-default-max-content-width-lgrg0d: 2160px;
|
|
445
|
+
}
|
|
446
|
+
}
|
|
447
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_has-max-content-width_hyvsj_17tiy_418:not(#\9) {
|
|
433
448
|
--awsui-default-max-content-width-lgrg0d: var(--awsui-max-content-width-lgrg0d);
|
|
434
449
|
}
|
|
435
450
|
@media (min-width: 993px) {
|
|
436
|
-
.
|
|
451
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9) {
|
|
437
452
|
--awsui-default-min-content-width-lgrg0d: var(--awsui-min-content-width-lgrg0d, 280px);
|
|
438
453
|
}
|
|
439
454
|
}
|
|
440
455
|
@media (max-width: 992px) {
|
|
441
|
-
.
|
|
456
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9) {
|
|
442
457
|
--awsui-default-min-content-width-lgrg0d: 0px;
|
|
443
458
|
}
|
|
444
459
|
}
|
|
445
|
-
.
|
|
460
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_is-overlap-disabled_hyvsj_17tiy_460:not(#\9) {
|
|
446
461
|
--awsui-overlap-height-lgrg0d: 0;
|
|
447
462
|
}
|
|
448
|
-
.
|
|
463
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_17tiy_463) {
|
|
449
464
|
--awsui-offset-top-lgrg0d: var(--awsui-header-height-lgrg0d);
|
|
450
465
|
min-height: var(--awsui-content-height-lgrg0d);
|
|
451
466
|
}
|
|
452
|
-
.
|
|
467
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_17tiy_463):not(.awsui_has-sticky-notifications_hyvsj_17tiy_467) {
|
|
453
468
|
--awsui-offset-top-with-notifications-lgrg0d: var(--awsui-header-height-lgrg0d);
|
|
454
469
|
}
|
|
455
|
-
.
|
|
470
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9):not(.awsui_disable-body-scroll_hyvsj_17tiy_463).awsui_has-sticky-notifications_hyvsj_17tiy_467 {
|
|
456
471
|
--awsui-offset-top-with-notifications-lgrg0d: calc(
|
|
457
472
|
var(--awsui-header-height-lgrg0d) + var(--awsui-notifications-height-lgrg0d) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
|
|
458
473
|
);
|
|
459
474
|
}
|
|
460
|
-
.
|
|
475
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463:not(#\9) {
|
|
461
476
|
--awsui-offset-top-lgrg0d: 0px;
|
|
462
477
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) 1fr auto;
|
|
463
478
|
height: var(--awsui-content-height-lgrg0d);
|
|
464
479
|
overflow-y: scroll;
|
|
465
480
|
}
|
|
466
|
-
.
|
|
481
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463.awsui_has-split-panel_hyvsj_17tiy_481.awsui_split-panel-position-bottom_hyvsj_17tiy_481:not(#\9) {
|
|
467
482
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-lgrg0d) repeat(2, auto);
|
|
468
483
|
}
|
|
469
|
-
.
|
|
484
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_17tiy_467) {
|
|
470
485
|
--awsui-offset-top-with-notifications-lgrg0d: 0px;
|
|
471
486
|
}
|
|
472
|
-
.
|
|
487
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_disable-body-scroll_hyvsj_17tiy_463.awsui_has-sticky-notifications_hyvsj_17tiy_467:not(#\9) {
|
|
473
488
|
--awsui-offset-top-with-notifications-lgrg0d: calc(
|
|
474
489
|
var(--awsui-notifications-height-lgrg0d) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
|
|
475
490
|
);
|
|
476
491
|
}
|
|
477
492
|
@media (min-width: 689px) {
|
|
478
|
-
.
|
|
493
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_has-content-gap-left_hyvsj_17tiy_493:not(#\9) {
|
|
479
494
|
--awsui-content-gap-left-lgrg0d: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
480
495
|
}
|
|
481
|
-
.
|
|
496
|
+
.awsui_layout_hyvsj_17tiy_335.awsui_has-content-gap-right_hyvsj_17tiy_496:not(#\9) {
|
|
482
497
|
--awsui-content-gap-right-lgrg0d: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
483
498
|
}
|
|
484
499
|
}
|
|
485
500
|
@media (max-width: 688px) {
|
|
486
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_17tiy_335:not(#\9) {
|
|
487
502
|
--awsui-content-gap-left-lgrg0d: var(--space-l-4vl6xu, 20px);
|
|
488
503
|
--awsui-content-gap-right-lgrg0d: var(--space-l-4vl6xu, 20px);
|
|
489
504
|
}
|
|
@@ -493,7 +508,7 @@ header.awsui_content_hyvsj_zt14d_180:not(#\9) {
|
|
|
493
508
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
494
509
|
when the navigation or tools drawers are open in responsive viewports.
|
|
495
510
|
*/
|
|
496
|
-
.awsui_block-body-
|
|
511
|
+
.awsui_block-body-scroll_hyvsj_17tiy_511:not(#\9) {
|
|
497
512
|
overflow: hidden;
|
|
498
513
|
}
|
|
499
514
|
|
|
@@ -501,7 +516,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
501
516
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
502
517
|
SPDX-License-Identifier: Apache-2.0
|
|
503
518
|
*/
|
|
504
|
-
.
|
|
519
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9) {
|
|
505
520
|
grid-column: 3;
|
|
506
521
|
grid-row: 4/span 2;
|
|
507
522
|
padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
|
|
@@ -524,23 +539,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
524
539
|
under various circumstances.
|
|
525
540
|
*/
|
|
526
541
|
}
|
|
527
|
-
.
|
|
542
|
+
.awsui_container_hyvsj_17tiy_519.awsui_has-split-panel_hyvsj_17tiy_481.awsui_split-panel-position-bottom_hyvsj_17tiy_481:not(#\9) {
|
|
528
543
|
padding-bottom: calc(var(--awsui-split-panel-height-lgrg0d) + var(--space-layout-content-bottom-kg9l42, 40px));
|
|
529
544
|
}
|
|
530
|
-
.
|
|
545
|
+
.awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545:not(#\9) {
|
|
531
546
|
grid-column: 1/6;
|
|
532
547
|
padding: 0;
|
|
533
548
|
}
|
|
534
549
|
@media (min-width: 689px) {
|
|
535
|
-
.
|
|
550
|
+
.awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545.awsui_is-navigation-open_hyvsj_17tiy_550:not(#\9) {
|
|
536
551
|
grid-column-start: 2;
|
|
537
552
|
}
|
|
538
|
-
.
|
|
553
|
+
.awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545.awsui_is-tools-open_hyvsj_17tiy_553:not(#\9), .awsui_container_hyvsj_17tiy_519.awsui_disable-content-paddings_hyvsj_17tiy_545.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_split-panel-position-side_hyvsj_17tiy_553:not(#\9) {
|
|
539
554
|
grid-column-end: 5;
|
|
540
555
|
}
|
|
541
556
|
}
|
|
542
557
|
@media (min-width: 689px) {
|
|
543
|
-
.
|
|
558
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545) {
|
|
544
559
|
/*
|
|
545
560
|
Notifications is the previous adjacent sibling to the Main in
|
|
546
561
|
desktop viewports if there are no Breadcrumbs or Header. Use additional
|
|
@@ -555,18 +570,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
555
570
|
sibling to the Main which requires no top padding.
|
|
556
571
|
*/
|
|
557
572
|
}
|
|
558
|
-
.
|
|
573
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
|
|
559
574
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
560
575
|
}
|
|
561
|
-
.
|
|
576
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-breadcrumbs_hyvsj_17tiy_166):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
|
|
562
577
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
563
578
|
}
|
|
564
|
-
.
|
|
579
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-header_hyvsj_17tiy_179, .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-dynamic-overlap-height_hyvsj_17tiy_179 {
|
|
565
580
|
padding-top: 0;
|
|
566
581
|
}
|
|
567
582
|
}
|
|
568
583
|
@media (max-width: 688px) {
|
|
569
|
-
.
|
|
584
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545) {
|
|
570
585
|
/*
|
|
571
586
|
If the Notifications exist but the Header does not then the
|
|
572
587
|
Notifications is the previous adjacent sibling to the Main
|
|
@@ -581,23 +596,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
581
596
|
sibling to the Main which requires no top padding.
|
|
582
597
|
*/
|
|
583
598
|
}
|
|
584
|
-
.
|
|
599
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573.awsui_has-notifications-content_hyvsj_17tiy_173:not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
|
|
585
600
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
586
601
|
}
|
|
587
|
-
.
|
|
602
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-default_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179), .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_content-type-form_hyvsj_17tiy_573:not(.awsui_has-notifications-content_hyvsj_17tiy_173):not(.awsui_has-header_hyvsj_17tiy_179):not(.awsui_has-dynamic-overlap-height_hyvsj_17tiy_179) {
|
|
588
603
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
589
604
|
}
|
|
590
|
-
.
|
|
605
|
+
.awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-header_hyvsj_17tiy_179, .awsui_container_hyvsj_17tiy_519:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17tiy_545).awsui_has-dynamic-overlap-height_hyvsj_17tiy_179 {
|
|
591
606
|
padding-top: 0;
|
|
592
607
|
}
|
|
593
608
|
}
|
|
594
|
-
.
|
|
609
|
+
.awsui_container_hyvsj_17tiy_519.awsui_content-type-cards_hyvsj_17tiy_183:not(#\9), .awsui_container_hyvsj_17tiy_519.awsui_content-type-table_hyvsj_17tiy_184:not(#\9), .awsui_container_hyvsj_17tiy_519.awsui_content-type-wizard_hyvsj_17tiy_180:not(#\9) {
|
|
595
610
|
padding-top: 0;
|
|
596
611
|
}
|
|
597
612
|
|
|
598
613
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
599
|
-
.
|
|
600
|
-
.
|
|
614
|
+
.awsui_unfocusable_hyvsj_17tiy_614:not(#\9),
|
|
615
|
+
.awsui_unfocusable_hyvsj_17tiy_614 *:not(#\9) {
|
|
601
616
|
visibility: hidden !important;
|
|
602
617
|
}
|
|
603
618
|
|
|
@@ -606,7 +621,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
606
621
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
607
622
|
SPDX-License-Identifier: Apache-2.0
|
|
608
623
|
*/
|
|
609
|
-
.awsui_navigation-
|
|
624
|
+
.awsui_navigation-container_hyvsj_17tiy_624:not(#\9) {
|
|
610
625
|
--awsui-navigation-width-lgrg0d: 280px;
|
|
611
626
|
display: flex;
|
|
612
627
|
grid-column: 1;
|
|
@@ -628,12 +643,12 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
628
643
|
pointer-events: none;
|
|
629
644
|
}
|
|
630
645
|
@media (min-width: 2541px) {
|
|
631
|
-
.awsui_navigation-
|
|
646
|
+
.awsui_navigation-container_hyvsj_17tiy_624:not(#\9) {
|
|
632
647
|
--awsui-navigation-width-lgrg0d: 320px;
|
|
633
648
|
}
|
|
634
649
|
}
|
|
635
650
|
@media (max-width: 688px) {
|
|
636
|
-
.awsui_navigation-
|
|
651
|
+
.awsui_navigation-container_hyvsj_17tiy_624:not(#\9) {
|
|
637
652
|
left: 0;
|
|
638
653
|
position: fixed;
|
|
639
654
|
top: var(--awsui-offset-top-lgrg0d);
|
|
@@ -641,14 +656,14 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
641
656
|
}
|
|
642
657
|
}
|
|
643
658
|
|
|
644
|
-
nav.awsui_show-
|
|
659
|
+
nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9) {
|
|
645
660
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
646
661
|
/*
|
|
647
662
|
Apply the animation only in desktop viewports because the AppBar will
|
|
648
663
|
take control in responsive viewports.
|
|
649
664
|
*/
|
|
650
665
|
}
|
|
651
|
-
@keyframes
|
|
666
|
+
@keyframes awsui_showButtons_hyvsj_17tiy_1 {
|
|
652
667
|
0% {
|
|
653
668
|
opacity: 0;
|
|
654
669
|
}
|
|
@@ -656,31 +671,31 @@ nav.awsui_show-navigation_hyvsj_zt14d_644:not(#\9) {
|
|
|
656
671
|
opacity: 1;
|
|
657
672
|
}
|
|
658
673
|
}
|
|
659
|
-
nav.awsui_show-
|
|
674
|
+
nav.awsui_show-navigation_hyvsj_17tiy_659.awsui_is-navigation-open_hyvsj_17tiy_550:not(#\9) {
|
|
660
675
|
display: none;
|
|
661
676
|
}
|
|
662
677
|
@media (min-width: 689px) {
|
|
663
|
-
nav.awsui_show-
|
|
678
|
+
nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550) {
|
|
664
679
|
display: block;
|
|
665
680
|
}
|
|
666
|
-
nav.awsui_show-
|
|
667
|
-
animation:
|
|
681
|
+
nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681 {
|
|
682
|
+
animation: awsui_showButtons_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
668
683
|
}
|
|
669
684
|
}
|
|
670
685
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
671
|
-
nav.awsui_show-
|
|
686
|
+
nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681 {
|
|
672
687
|
animation: none;
|
|
673
688
|
transition: none;
|
|
674
689
|
}
|
|
675
690
|
}
|
|
676
691
|
@media (min-width: 689px) {
|
|
677
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
692
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_17tiy_659:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550).awsui_animating_hyvsj_17tiy_681 {
|
|
678
693
|
animation: none;
|
|
679
694
|
transition: none;
|
|
680
695
|
}
|
|
681
696
|
}
|
|
682
697
|
|
|
683
|
-
nav.
|
|
698
|
+
nav.awsui_navigation_hyvsj_17tiy_624:not(#\9) {
|
|
684
699
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
685
700
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
686
701
|
bottom: 0;
|
|
@@ -697,7 +712,7 @@ nav.awsui_navigation_hyvsj_zt14d_609:not(#\9) {
|
|
|
697
712
|
prevent unwanted text wrapping.
|
|
698
713
|
*/
|
|
699
714
|
}
|
|
700
|
-
@keyframes
|
|
715
|
+
@keyframes awsui_openNavigation_hyvsj_17tiy_1 {
|
|
701
716
|
from {
|
|
702
717
|
opacity: 0;
|
|
703
718
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -707,33 +722,33 @@ nav.awsui_navigation_hyvsj_zt14d_609:not(#\9) {
|
|
|
707
722
|
width: var(--awsui-navigation-width-lgrg0d);
|
|
708
723
|
}
|
|
709
724
|
}
|
|
710
|
-
nav.
|
|
725
|
+
nav.awsui_navigation_hyvsj_17tiy_624:not(#\9):not(.awsui_is-navigation-open_hyvsj_17tiy_550) {
|
|
711
726
|
width: 0;
|
|
712
727
|
display: none;
|
|
713
728
|
}
|
|
714
|
-
nav.
|
|
715
|
-
animation:
|
|
729
|
+
nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
730
|
+
animation: awsui_openNavigation_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
716
731
|
}
|
|
717
732
|
@media (prefers-reduced-motion: reduce) {
|
|
718
|
-
nav.
|
|
733
|
+
nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
719
734
|
animation: none;
|
|
720
735
|
transition: none;
|
|
721
736
|
}
|
|
722
737
|
}
|
|
723
|
-
.awsui-motion-disabled nav.
|
|
738
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_17tiy_624.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
724
739
|
animation: none;
|
|
725
740
|
transition: none;
|
|
726
741
|
}
|
|
727
|
-
nav.
|
|
742
|
+
nav.awsui_navigation_hyvsj_17tiy_624 > .awsui_animated-content_hyvsj_17tiy_742:not(#\9) {
|
|
728
743
|
width: var(--awsui-navigation-width-lgrg0d);
|
|
729
744
|
}
|
|
730
745
|
@media (max-width: 688px) {
|
|
731
|
-
nav.
|
|
746
|
+
nav.awsui_navigation_hyvsj_17tiy_624:not(#\9) {
|
|
732
747
|
--awsui-navigation-width-lgrg0d: 100vw;
|
|
733
748
|
}
|
|
734
749
|
}
|
|
735
750
|
|
|
736
|
-
.awsui_hide-
|
|
751
|
+
.awsui_hide-navigation_hyvsj_17tiy_751:not(#\9) {
|
|
737
752
|
position: absolute;
|
|
738
753
|
right: var(--space-m-17eucw, 16px);
|
|
739
754
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -743,7 +758,7 @@ nav.awsui_navigation_hyvsj_zt14d_609 > .awsui_animated-content_hyvsj_zt14d_727:n
|
|
|
743
758
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
744
759
|
SPDX-License-Identifier: Apache-2.0
|
|
745
760
|
*/
|
|
746
|
-
.
|
|
761
|
+
.awsui_notifications_hyvsj_17tiy_224:not(#\9) {
|
|
747
762
|
grid-column: 3;
|
|
748
763
|
grid-row: 1;
|
|
749
764
|
z-index: 850;
|
|
@@ -761,31 +776,31 @@ nav.awsui_navigation_hyvsj_zt14d_609 > .awsui_animated-content_hyvsj_zt14d_727:n
|
|
|
761
776
|
*/
|
|
762
777
|
}
|
|
763
778
|
@media (min-width: 689px) {
|
|
764
|
-
.
|
|
779
|
+
.awsui_notifications_hyvsj_17tiy_224:not(#\9) {
|
|
765
780
|
margin: var(--space-xs-rsr2qu, 8px) 0;
|
|
766
781
|
/*
|
|
767
782
|
var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
|
|
768
783
|
calculation in the layout CSS.
|
|
769
784
|
*/
|
|
770
785
|
}
|
|
771
|
-
.
|
|
786
|
+
.awsui_notifications_hyvsj_17tiy_224.awsui_sticky-notifications_hyvsj_17tiy_237:not(#\9) {
|
|
772
787
|
position: sticky;
|
|
773
788
|
top: calc(var(--awsui-offset-top-lgrg0d) + var(--space-xs-rsr2qu, 8px));
|
|
774
789
|
--awsui-flashbar-sticky-bottom-margin-lgrg0d: var(--space-xxl-2nvmf1, 32px);
|
|
775
790
|
}
|
|
776
|
-
.
|
|
791
|
+
.awsui_notifications_hyvsj_17tiy_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173) {
|
|
777
792
|
margin: 0;
|
|
778
793
|
}
|
|
779
794
|
}
|
|
780
795
|
@media (max-width: 688px) {
|
|
781
|
-
.
|
|
796
|
+
.awsui_notifications_hyvsj_17tiy_224:not(#\9) {
|
|
782
797
|
grid-row: 2;
|
|
783
798
|
margin: var(--space-scaled-s-cu1hzn, 12px) 0;
|
|
784
799
|
}
|
|
785
|
-
.
|
|
800
|
+
.awsui_notifications_hyvsj_17tiy_224.awsui_sticky-notifications_hyvsj_17tiy_237:not(#\9) {
|
|
786
801
|
position: static;
|
|
787
802
|
}
|
|
788
|
-
.
|
|
803
|
+
.awsui_notifications_hyvsj_17tiy_224:not(#\9):not(.awsui_has-notifications-content_hyvsj_17tiy_173) {
|
|
789
804
|
margin: 0;
|
|
790
805
|
}
|
|
791
806
|
}
|
|
@@ -800,7 +815,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
800
815
|
consume the remaining vertical space in the grid after the notifications
|
|
801
816
|
and breadcrumbs.
|
|
802
817
|
*/
|
|
803
|
-
section.awsui_split-panel-
|
|
818
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818:not(#\9) {
|
|
804
819
|
/*
|
|
805
820
|
The align self property will position the split panel at the bottom of the grid row.
|
|
806
821
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -835,7 +850,7 @@ section.awsui_split-panel-bottom_hyvsj_zt14d_803:not(#\9) {
|
|
|
835
850
|
apply the animation to the height property.
|
|
836
851
|
*/
|
|
837
852
|
}
|
|
838
|
-
@keyframes
|
|
853
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_17tiy_1 {
|
|
839
854
|
from {
|
|
840
855
|
height: var(--awsui-split-panel-reported-header-size-lgrg0d, 0);
|
|
841
856
|
}
|
|
@@ -843,39 +858,39 @@ section.awsui_split-panel-bottom_hyvsj_zt14d_803:not(#\9) {
|
|
|
843
858
|
height: var(--awsui-split-panel-reported-size-lgrg0d);
|
|
844
859
|
}
|
|
845
860
|
}
|
|
846
|
-
section.awsui_split-panel-
|
|
861
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_disable-body-scroll_hyvsj_17tiy_463:not(#\9) {
|
|
847
862
|
bottom: 0;
|
|
848
863
|
}
|
|
849
|
-
section.awsui_split-panel-
|
|
864
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-navigation-open_hyvsj_17tiy_550.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
|
|
850
865
|
grid-column-start: 2;
|
|
851
866
|
}
|
|
852
|
-
section.awsui_split-panel-
|
|
867
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-tools-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
|
|
853
868
|
grid-column-end: 5;
|
|
854
869
|
}
|
|
855
|
-
section.awsui_split-panel-
|
|
870
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
|
|
856
871
|
display: block;
|
|
857
872
|
}
|
|
858
|
-
section.awsui_split-panel-
|
|
873
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818:not(#\9):not(.awsui_is-split-panel-open_hyvsj_17tiy_553).awsui_position-bottom_hyvsj_17tiy_864 {
|
|
859
874
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
860
875
|
}
|
|
861
|
-
section.awsui_split-panel-
|
|
876
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
|
|
862
877
|
box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
863
878
|
}
|
|
864
|
-
section.awsui_split-panel-
|
|
865
|
-
animation:
|
|
879
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
880
|
+
animation: awsui_openSplitPanelBottom_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
866
881
|
}
|
|
867
882
|
@media (prefers-reduced-motion: reduce) {
|
|
868
|
-
section.awsui_split-panel-
|
|
883
|
+
section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
869
884
|
animation: none;
|
|
870
885
|
transition: none;
|
|
871
886
|
}
|
|
872
887
|
}
|
|
873
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
888
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_17tiy_818.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-bottom_hyvsj_17tiy_864.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
874
889
|
animation: none;
|
|
875
890
|
transition: none;
|
|
876
891
|
}
|
|
877
892
|
|
|
878
|
-
section.awsui_split-panel-
|
|
893
|
+
section.awsui_split-panel-side_hyvsj_17tiy_893:not(#\9) {
|
|
879
894
|
height: 100%;
|
|
880
895
|
overflow-x: hidden;
|
|
881
896
|
pointer-events: auto;
|
|
@@ -890,7 +905,7 @@ section.awsui_split-panel-side_hyvsj_zt14d_878:not(#\9) {
|
|
|
890
905
|
prevent unwanted text wrapping.
|
|
891
906
|
*/
|
|
892
907
|
}
|
|
893
|
-
@keyframes
|
|
908
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_17tiy_1 {
|
|
894
909
|
from {
|
|
895
910
|
opacity: 0;
|
|
896
911
|
width: var(--awsui-split-panel-min-width-lgrg0d, 280px);
|
|
@@ -900,28 +915,28 @@ section.awsui_split-panel-side_hyvsj_zt14d_878:not(#\9) {
|
|
|
900
915
|
width: var(--awsui-split-panel-reported-size-lgrg0d);
|
|
901
916
|
}
|
|
902
917
|
}
|
|
903
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-side_hyvsj_17tiy_893:not(#\9):not(.awsui_is-split-panel-open_hyvsj_17tiy_553), section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_position-bottom_hyvsj_17tiy_864:not(#\9) {
|
|
904
919
|
width: 0;
|
|
905
920
|
}
|
|
906
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921:not(#\9) {
|
|
907
922
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
908
923
|
max-width: var(--awsui-split-panel-max-width-lgrg0d, 280px);
|
|
909
924
|
min-width: var(--awsui-split-panel-min-width-lgrg0d, 280px);
|
|
910
925
|
}
|
|
911
|
-
section.awsui_split-panel-
|
|
912
|
-
animation:
|
|
926
|
+
section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
927
|
+
animation: awsui_openSplitPanelSide_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
913
928
|
}
|
|
914
929
|
@media (prefers-reduced-motion: reduce) {
|
|
915
|
-
section.awsui_split-panel-
|
|
930
|
+
section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
916
931
|
animation: none;
|
|
917
932
|
transition: none;
|
|
918
933
|
}
|
|
919
934
|
}
|
|
920
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
935
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_17tiy_893.awsui_is-split-panel-open_hyvsj_17tiy_553.awsui_position-side_hyvsj_17tiy_921.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
921
936
|
animation: none;
|
|
922
937
|
transition: none;
|
|
923
938
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
939
|
+
section.awsui_split-panel-side_hyvsj_17tiy_893 > .awsui_animated-content_hyvsj_17tiy_742:not(#\9) {
|
|
925
940
|
height: 100%;
|
|
926
941
|
max-width: inherit;
|
|
927
942
|
width: var(--awsui-split-panel-reported-size-lgrg0d);
|
|
@@ -940,7 +955,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
940
955
|
property. The content gap right is computed in the Layout styles based on the
|
|
941
956
|
viewport size and state of the Tools drawer.
|
|
942
957
|
*/
|
|
943
|
-
.awsui_tools-
|
|
958
|
+
.awsui_tools-container_hyvsj_17tiy_958:not(#\9) {
|
|
944
959
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
945
960
|
--awsui-tools-max-width-lgrg0d: calc(var(--awsui-layout-width-lgrg0d) - var(--awsui-main-offset-left-lgrg0d) - var(--awsui-default-min-content-width-lgrg0d) - var(--awsui-content-gap-right-lgrg0d));
|
|
946
961
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -956,12 +971,12 @@ viewport size and state of the Tools drawer.
|
|
|
956
971
|
pointer-events: none;
|
|
957
972
|
}
|
|
958
973
|
@media (min-width: 2541px) {
|
|
959
|
-
.awsui_tools-
|
|
974
|
+
.awsui_tools-container_hyvsj_17tiy_958:not(#\9) {
|
|
960
975
|
--awsui-tools-width-lgrg0d: 360px;
|
|
961
976
|
}
|
|
962
977
|
}
|
|
963
978
|
@media (max-width: 688px) {
|
|
964
|
-
.awsui_tools-
|
|
979
|
+
.awsui_tools-container_hyvsj_17tiy_958:not(#\9) {
|
|
965
980
|
--awsui-tools-max-width-lgrg0d: none;
|
|
966
981
|
--awsui-tools-width-lgrg0d: auto;
|
|
967
982
|
position: fixed;
|
|
@@ -971,7 +986,7 @@ viewport size and state of the Tools drawer.
|
|
|
971
986
|
}
|
|
972
987
|
}
|
|
973
988
|
|
|
974
|
-
.
|
|
989
|
+
.awsui_tools_hyvsj_17tiy_958:not(#\9) {
|
|
975
990
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
976
991
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
977
992
|
flex-shrink: 0;
|
|
@@ -994,7 +1009,7 @@ viewport size and state of the Tools drawer.
|
|
|
994
1009
|
in the side position.
|
|
995
1010
|
*/
|
|
996
1011
|
}
|
|
997
|
-
@keyframes
|
|
1012
|
+
@keyframes awsui_openTools_hyvsj_17tiy_1 {
|
|
998
1013
|
from {
|
|
999
1014
|
opacity: var(--awsui-tools-animation-starting-opacity-lgrg0d, 0);
|
|
1000
1015
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -1004,38 +1019,38 @@ viewport size and state of the Tools drawer.
|
|
|
1004
1019
|
width: var(--awsui-tools-width-lgrg0d);
|
|
1005
1020
|
}
|
|
1006
1021
|
}
|
|
1007
|
-
.
|
|
1022
|
+
.awsui_tools_hyvsj_17tiy_958:not(#\9):not(.awsui_is-tools-open_hyvsj_17tiy_553) {
|
|
1008
1023
|
width: 0;
|
|
1009
1024
|
display: none;
|
|
1010
1025
|
}
|
|
1011
|
-
.
|
|
1012
|
-
animation:
|
|
1026
|
+
.awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
1027
|
+
animation: awsui_openTools_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1013
1028
|
}
|
|
1014
1029
|
@media (prefers-reduced-motion: reduce) {
|
|
1015
|
-
.
|
|
1030
|
+
.awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
1016
1031
|
animation: none;
|
|
1017
1032
|
transition: none;
|
|
1018
1033
|
}
|
|
1019
1034
|
}
|
|
1020
|
-
.awsui-motion-disabled .
|
|
1035
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
1021
1036
|
animation: none;
|
|
1022
1037
|
transition: none;
|
|
1023
1038
|
}
|
|
1024
|
-
.
|
|
1039
|
+
.awsui_tools_hyvsj_17tiy_958 > .awsui_animated-content_hyvsj_17tiy_742:not(#\9) {
|
|
1025
1040
|
width: var(--awsui-tools-width-lgrg0d);
|
|
1026
1041
|
}
|
|
1027
1042
|
@media (min-width: 689px) {
|
|
1028
|
-
.
|
|
1043
|
+
.awsui_tools_hyvsj_17tiy_958.awsui_is-tools-open_hyvsj_17tiy_553.awsui_has-tools-form-persistence_hyvsj_17tiy_1043:not(#\9) {
|
|
1029
1044
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
1030
1045
|
}
|
|
1031
1046
|
}
|
|
1032
1047
|
@media (max-width: 688px) {
|
|
1033
|
-
.
|
|
1048
|
+
.awsui_tools_hyvsj_17tiy_958:not(#\9) {
|
|
1034
1049
|
--awsui-tools-width-lgrg0d: 100vw;
|
|
1035
1050
|
}
|
|
1036
1051
|
}
|
|
1037
1052
|
|
|
1038
|
-
.awsui_hide-
|
|
1053
|
+
.awsui_hide-tools_hyvsj_17tiy_1053:not(#\9) {
|
|
1039
1054
|
position: absolute;
|
|
1040
1055
|
right: var(--space-m-17eucw, 16px);
|
|
1041
1056
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -1047,7 +1062,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1047
1062
|
the calculation used to determine the Split Panel maximum width in the
|
|
1048
1063
|
handleSplitPanelMaxWidth function in the context.
|
|
1049
1064
|
*/
|
|
1050
|
-
.awsui_show-
|
|
1065
|
+
.awsui_show-tools_hyvsj_17tiy_1065:not(#\9) {
|
|
1051
1066
|
box-sizing: border-box;
|
|
1052
1067
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
1053
1068
|
/*
|
|
@@ -1055,7 +1070,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1055
1070
|
take control in responsive viewports.
|
|
1056
1071
|
*/
|
|
1057
1072
|
}
|
|
1058
|
-
@keyframes
|
|
1073
|
+
@keyframes awsui_showButtons_hyvsj_17tiy_1 {
|
|
1059
1074
|
0% {
|
|
1060
1075
|
opacity: 0;
|
|
1061
1076
|
}
|
|
@@ -1063,33 +1078,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1063
1078
|
opacity: 1;
|
|
1064
1079
|
}
|
|
1065
1080
|
}
|
|
1066
|
-
.awsui_show-
|
|
1081
|
+
.awsui_show-tools_hyvsj_17tiy_1065:not(#\9):not(.awsui_has-tools-form_hyvsj_17tiy_1043) {
|
|
1067
1082
|
display: none;
|
|
1068
1083
|
}
|
|
1069
1084
|
@media (min-width: 689px) {
|
|
1070
|
-
.awsui_show-
|
|
1085
|
+
.awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043:not(#\9) {
|
|
1071
1086
|
display: flex;
|
|
1072
1087
|
flex-direction: column;
|
|
1073
1088
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
1074
1089
|
}
|
|
1075
|
-
.awsui_show-
|
|
1076
|
-
animation:
|
|
1090
|
+
.awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
1091
|
+
animation: awsui_showButtons_hyvsj_17tiy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1077
1092
|
}
|
|
1078
1093
|
}
|
|
1079
1094
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1080
|
-
.awsui_show-
|
|
1095
|
+
.awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
1081
1096
|
animation: none;
|
|
1082
1097
|
transition: none;
|
|
1083
1098
|
}
|
|
1084
1099
|
}
|
|
1085
1100
|
@media (min-width: 689px) {
|
|
1086
|
-
.awsui-motion-disabled .awsui_show-
|
|
1101
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form_hyvsj_17tiy_1043.awsui_animating_hyvsj_17tiy_681:not(#\9) {
|
|
1087
1102
|
animation: none;
|
|
1088
1103
|
transition: none;
|
|
1089
1104
|
}
|
|
1090
1105
|
}
|
|
1091
1106
|
@media (min-width: 689px) {
|
|
1092
|
-
.awsui_show-
|
|
1107
|
+
.awsui_show-tools_hyvsj_17tiy_1065.awsui_has-tools-form-persistence_hyvsj_17tiy_1043:not(#\9) {
|
|
1093
1108
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1094
1109
|
z-index: 1;
|
|
1095
1110
|
}
|
|
@@ -1104,7 +1119,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1104
1119
|
the calculation used to determine the Split Panel maximum width in the
|
|
1105
1120
|
handleSplitPanelMaxWidth function in the context.
|
|
1106
1121
|
*/
|
|
1107
|
-
.
|
|
1122
|
+
.awsui_trigger_hyvsj_17tiy_1122:not(#\9) {
|
|
1108
1123
|
background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
|
|
1109
1124
|
border: none;
|
|
1110
1125
|
border-radius: 50%;
|
|
@@ -1116,14 +1131,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1116
1131
|
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1117
1132
|
pointer-events: auto;
|
|
1118
1133
|
}
|
|
1119
|
-
.
|
|
1134
|
+
.awsui_trigger_hyvsj_17tiy_1122[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
1120
1135
|
position: relative;
|
|
1121
1136
|
}
|
|
1122
|
-
.
|
|
1137
|
+
.awsui_trigger_hyvsj_17tiy_1122[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
1123
1138
|
outline: 2px dotted transparent;
|
|
1124
1139
|
outline-offset: calc(3px - 1px);
|
|
1125
1140
|
}
|
|
1126
|
-
.
|
|
1141
|
+
.awsui_trigger_hyvsj_17tiy_1122[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
1127
1142
|
content: " ";
|
|
1128
1143
|
display: block;
|
|
1129
1144
|
position: absolute;
|
|
@@ -1134,23 +1149,23 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1134
1149
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
1135
1150
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
1136
1151
|
}
|
|
1137
|
-
.
|
|
1152
|
+
.awsui_trigger_hyvsj_17tiy_1122:not(#\9):focus {
|
|
1138
1153
|
outline: none;
|
|
1139
1154
|
}
|
|
1140
|
-
.
|
|
1155
|
+
.awsui_trigger_hyvsj_17tiy_1122:not(#\9):hover {
|
|
1141
1156
|
background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
1142
1157
|
}
|
|
1143
|
-
.
|
|
1158
|
+
.awsui_trigger_hyvsj_17tiy_1122:not(#\9):active {
|
|
1144
1159
|
background: var(--color-background-layout-toggle-active-d15dki, #354150);
|
|
1145
1160
|
}
|
|
1146
|
-
.
|
|
1161
|
+
.awsui_trigger_hyvsj_17tiy_1122.awsui_selected_hyvsj_17tiy_1161:not(#\9) {
|
|
1147
1162
|
background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
|
|
1148
1163
|
color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
|
|
1149
1164
|
}
|
|
1150
|
-
.
|
|
1165
|
+
.awsui_trigger_hyvsj_17tiy_1122.awsui_selected_hyvsj_17tiy_1161:not(#\9):hover {
|
|
1151
1166
|
background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
|
|
1152
1167
|
}
|
|
1153
|
-
.
|
|
1168
|
+
.awsui_trigger_hyvsj_17tiy_1122.awsui_selected_hyvsj_17tiy_1161:not(#\9):active {
|
|
1154
1169
|
background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
|
|
1155
1170
|
}
|
|
1156
1171
|
|