@cloudscape-design/components 3.0.653 → 3.0.655
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/app-layout/visual-refresh/styles.css.js +82 -82
- package/app-layout/visual-refresh/styles.scoped.css +162 -161
- package/app-layout/visual-refresh/styles.selectors.js +82 -82
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/table/body-cell/inline-editor.js +1 -1
- package/table/body-cell/inline-editor.js.map +1 -1
- package/table/body-cell/styles.css.js +46 -45
- package/table/body-cell/styles.scoped.css +191 -188
- package/table/body-cell/styles.selectors.js +46 -45
|
@@ -94,10 +94,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
94
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
|
-
div.
|
|
97
|
+
div.awsui_background_hyvsj_gc2xf_97:not(#\9) {
|
|
98
98
|
display: contents;
|
|
99
99
|
}
|
|
100
|
-
div.
|
|
100
|
+
div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_100:not(#\9) {
|
|
101
101
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
102
102
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
103
103
|
grid-column: 1/span 5;
|
|
@@ -108,7 +108,7 @@ div.awsui_background_hyvsj_16gcr_97 > .awsui_scrolling-background_hyvsj_16gcr_10
|
|
|
108
108
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
109
109
|
SPDX-License-Identifier: Apache-2.0
|
|
110
110
|
*/
|
|
111
|
-
.
|
|
111
|
+
.awsui_breadcrumbs_hyvsj_gc2xf_111:not(#\9) {
|
|
112
112
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
113
113
|
grid-area: breadcrumbs;
|
|
114
114
|
}
|
|
@@ -121,7 +121,7 @@ div.awsui_background_hyvsj_16gcr_97 > .awsui_scrolling-background_hyvsj_16gcr_10
|
|
|
121
121
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
122
122
|
SPDX-License-Identifier: Apache-2.0
|
|
123
123
|
*/
|
|
124
|
-
.awsui_drawers-
|
|
124
|
+
.awsui_drawers-container_hyvsj_gc2xf_124:not(#\9) {
|
|
125
125
|
background-color: transparent;
|
|
126
126
|
display: flex;
|
|
127
127
|
grid-column: 5;
|
|
@@ -132,16 +132,16 @@ div.awsui_background_hyvsj_16gcr_97 > .awsui_scrolling-background_hyvsj_16gcr_10
|
|
|
132
132
|
inset-block-start: var(--awsui-offset-top-9rhwr5);
|
|
133
133
|
z-index: 830;
|
|
134
134
|
}
|
|
135
|
-
.awsui_drawers-
|
|
135
|
+
.awsui_drawers-container_hyvsj_gc2xf_124.awsui_has-open-drawer_hyvsj_gc2xf_135:not(#\9) {
|
|
136
136
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
137
137
|
}
|
|
138
138
|
@media (min-width: 689px) {
|
|
139
|
-
.awsui_drawers-
|
|
139
|
+
.awsui_drawers-container_hyvsj_gc2xf_124:not(#\9) {
|
|
140
140
|
max-inline-size: calc(var(--awsui-layout-width-9rhwr5) - var(--awsui-main-offset-left-9rhwr5) - var(--awsui-default-min-content-width-9rhwr5) - var(--awsui-content-gap-right-9rhwr5));
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
143
|
@media (max-width: 688px) {
|
|
144
|
-
.awsui_drawers-
|
|
144
|
+
.awsui_drawers-container_hyvsj_gc2xf_124:not(#\9) {
|
|
145
145
|
position: fixed;
|
|
146
146
|
inset-inline-end: 0;
|
|
147
147
|
z-index: 1001;
|
|
@@ -153,12 +153,12 @@ div.awsui_background_hyvsj_16gcr_97 > .awsui_scrolling-background_hyvsj_16gcr_10
|
|
|
153
153
|
relative to the body.
|
|
154
154
|
*/
|
|
155
155
|
}
|
|
156
|
-
.awsui_drawers-
|
|
156
|
+
.awsui_drawers-container_hyvsj_gc2xf_124.awsui_disable-body-scroll_hyvsj_gc2xf_156:not(#\9) {
|
|
157
157
|
inset-block-start: var(--awsui-header-height-9rhwr5);
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
-
.awsui_drawers-desktop-triggers-
|
|
161
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_gc2xf_161:not(#\9) {
|
|
162
162
|
border-collapse: separate;
|
|
163
163
|
border-spacing: 0;
|
|
164
164
|
box-sizing: border-box;
|
|
@@ -200,21 +200,22 @@ div.awsui_background_hyvsj_16gcr_97 > .awsui_scrolling-background_hyvsj_16gcr_10
|
|
|
200
200
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
201
201
|
overscroll-behavior-y: contain;
|
|
202
202
|
}
|
|
203
|
-
.awsui_drawers-desktop-triggers-
|
|
203
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_gc2xf_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gc2xf_202).awsui_has-open-drawer_hyvsj_gc2xf_135 {
|
|
204
204
|
inline-size: 0;
|
|
205
205
|
}
|
|
206
|
-
.awsui_drawers-desktop-triggers-
|
|
206
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_gc2xf_161.awsui_has-multiple-triggers_hyvsj_gc2xf_202.awsui_has-open-drawer_hyvsj_gc2xf_135:not(#\9) {
|
|
207
207
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
208
208
|
}
|
|
209
|
-
.awsui_drawers-desktop-triggers-
|
|
209
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_gc2xf_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gc2xf_202):not(.awsui_has-open-drawer_hyvsj_gc2xf_135) {
|
|
210
210
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
.awsui_drawers-mobile-triggers-
|
|
213
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_gc2xf_212:not(#\9) {
|
|
214
214
|
display: flex;
|
|
215
|
+
justify-content: flex-end;
|
|
215
216
|
}
|
|
216
217
|
|
|
217
|
-
.awsui_drawers-trigger-
|
|
218
|
+
.awsui_drawers-trigger-content_hyvsj_gc2xf_217:not(#\9) {
|
|
218
219
|
align-items: center;
|
|
219
220
|
display: flex;
|
|
220
221
|
flex-direction: column;
|
|
@@ -222,13 +223,13 @@ div.awsui_background_hyvsj_16gcr_97 > .awsui_scrolling-background_hyvsj_16gcr_10
|
|
|
222
223
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
223
224
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
224
225
|
}
|
|
225
|
-
.awsui_drawers-trigger-
|
|
226
|
+
.awsui_drawers-trigger-content_hyvsj_gc2xf_217:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gc2xf_202).awsui_has-open-drawer_hyvsj_gc2xf_135 {
|
|
226
227
|
opacity: 0;
|
|
227
228
|
}
|
|
228
|
-
.awsui_drawers-trigger-
|
|
229
|
+
.awsui_drawers-trigger-content_hyvsj_gc2xf_217:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gc2xf_202):not(.awsui_has-open-drawer_hyvsj_gc2xf_135) {
|
|
229
230
|
opacity: 1;
|
|
230
231
|
}
|
|
231
|
-
.awsui_drawers-trigger-
|
|
232
|
+
.awsui_drawers-trigger-content_hyvsj_gc2xf_217 > .awsui_drawers-trigger-overflow_hyvsj_gc2xf_231:not(#\9) {
|
|
232
233
|
padding-block: 0;
|
|
233
234
|
padding-inline: 1px;
|
|
234
235
|
display: flex;
|
|
@@ -237,14 +238,14 @@ div.awsui_background_hyvsj_16gcr_97 > .awsui_scrolling-background_hyvsj_16gcr_10
|
|
|
237
238
|
}
|
|
238
239
|
|
|
239
240
|
@media (max-width: 688px) {
|
|
240
|
-
.awsui_drawers-
|
|
241
|
+
.awsui_drawers-trigger_hyvsj_gc2xf_217:not(#\9) {
|
|
241
242
|
inline-size: 40px;
|
|
242
243
|
display: flex;
|
|
243
244
|
justify-content: center;
|
|
244
245
|
}
|
|
245
246
|
}
|
|
246
247
|
|
|
247
|
-
.
|
|
248
|
+
.awsui_drawer_hyvsj_gc2xf_124:not(#\9) {
|
|
248
249
|
--awsui-drawer-size-9rhwr5: 290px;
|
|
249
250
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
250
251
|
border-color: transparent;
|
|
@@ -259,7 +260,7 @@ div.awsui_background_hyvsj_16gcr_97 > .awsui_scrolling-background_hyvsj_16gcr_10
|
|
|
259
260
|
pointer-events: auto;
|
|
260
261
|
word-wrap: break-word;
|
|
261
262
|
}
|
|
262
|
-
.
|
|
263
|
+
.awsui_drawer_hyvsj_gc2xf_124 > .awsui_drawer-content-container_hyvsj_gc2xf_262:not(#\9) {
|
|
263
264
|
grid-column: 1/span 2;
|
|
264
265
|
grid-row: 1;
|
|
265
266
|
inline-size: var(--awsui-drawer-size-9rhwr5);
|
|
@@ -268,41 +269,41 @@ div.awsui_background_hyvsj_16gcr_97 > .awsui_scrolling-background_hyvsj_16gcr_10
|
|
|
268
269
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
269
270
|
overflow-y: auto;
|
|
270
271
|
}
|
|
271
|
-
.
|
|
272
|
+
.awsui_drawer_hyvsj_gc2xf_124 > .awsui_drawer-content-container_hyvsj_gc2xf_262 > .awsui_drawer-close-button_hyvsj_gc2xf_271:not(#\9) {
|
|
272
273
|
grid-column: 3;
|
|
273
274
|
grid-row: 2;
|
|
274
275
|
z-index: 1;
|
|
275
276
|
}
|
|
276
|
-
.
|
|
277
|
+
.awsui_drawer_hyvsj_gc2xf_124 > .awsui_drawer-content-container_hyvsj_gc2xf_262 > .awsui_drawer-content_hyvsj_gc2xf_262:not(#\9) {
|
|
277
278
|
grid-column: 1/span 4;
|
|
278
279
|
}
|
|
279
|
-
.
|
|
280
|
+
.awsui_drawer_hyvsj_gc2xf_124 > .awsui_drawer-content-container_hyvsj_gc2xf_262 > .awsui_drawer-content_hyvsj_gc2xf_262.awsui_drawer-content-hidden_hyvsj_gc2xf_279:not(#\9) {
|
|
280
281
|
display: none;
|
|
281
282
|
}
|
|
282
|
-
.
|
|
283
|
+
.awsui_drawer_hyvsj_gc2xf_124 > .awsui_drawer-slider_hyvsj_gc2xf_282:not(#\9) {
|
|
283
284
|
grid-column: 1;
|
|
284
285
|
grid-row: 1;
|
|
285
286
|
block-size: 100%;
|
|
286
287
|
display: flex;
|
|
287
288
|
align-items: center;
|
|
288
289
|
}
|
|
289
|
-
.
|
|
290
|
+
.awsui_drawer_hyvsj_gc2xf_124:not(#\9):not(.awsui_is-drawer-open_hyvsj_gc2xf_289) {
|
|
290
291
|
opacity: 0;
|
|
291
292
|
inline-size: 0;
|
|
292
293
|
}
|
|
293
|
-
.
|
|
294
|
+
.awsui_drawer_hyvsj_gc2xf_124.awsui_is-drawer-open_hyvsj_gc2xf_289:not(#\9) {
|
|
294
295
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
295
296
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
296
297
|
opacity: 1;
|
|
297
298
|
inline-size: var(--awsui-drawer-size-9rhwr5);
|
|
298
299
|
}
|
|
299
300
|
@media (min-width: 2541px) {
|
|
300
|
-
.
|
|
301
|
+
.awsui_drawer_hyvsj_gc2xf_124.awsui_is-drawer-open_hyvsj_gc2xf_289:not(#\9) {
|
|
301
302
|
--awsui-drawer-size-9rhwr5: 320px;
|
|
302
303
|
}
|
|
303
304
|
}
|
|
304
305
|
@media (max-width: 688px) {
|
|
305
|
-
.
|
|
306
|
+
.awsui_drawer_hyvsj_gc2xf_124.awsui_is-drawer-open_hyvsj_gc2xf_289:not(#\9) {
|
|
306
307
|
--awsui-drawer-size-9rhwr5: 100vw;
|
|
307
308
|
inline-size: 100vw;
|
|
308
309
|
}
|
|
@@ -312,7 +313,7 @@ div.awsui_background_hyvsj_16gcr_97 > .awsui_scrolling-background_hyvsj_16gcr_10
|
|
|
312
313
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
313
314
|
SPDX-License-Identifier: Apache-2.0
|
|
314
315
|
*/
|
|
315
|
-
header.
|
|
316
|
+
header.awsui_content_hyvsj_gc2xf_315:not(#\9) {
|
|
316
317
|
grid-area: header;
|
|
317
318
|
}
|
|
318
319
|
|
|
@@ -333,7 +334,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
333
334
|
circumstances regardless of whether the minContentWidth property is
|
|
334
335
|
explicitly set in script.
|
|
335
336
|
*/
|
|
336
|
-
.
|
|
337
|
+
.awsui_layout_hyvsj_gc2xf_336:not(#\9) {
|
|
337
338
|
--awsui-breadcrumbs-gap-9rhwr5: 0px;
|
|
338
339
|
--awsui-content-gap-left-9rhwr5: 0px;
|
|
339
340
|
--awsui-content-gap-right-9rhwr5: 0px;
|
|
@@ -405,113 +406,113 @@ explicitly set in script.
|
|
|
405
406
|
*/
|
|
406
407
|
}
|
|
407
408
|
@media (min-width: 1401px) {
|
|
408
|
-
.
|
|
409
|
+
.awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408) {
|
|
409
410
|
--awsui-default-max-content-width-9rhwr5: 1280px;
|
|
410
411
|
}
|
|
411
412
|
}
|
|
412
413
|
@media (min-width: 1921px) {
|
|
413
|
-
.
|
|
414
|
+
.awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408) {
|
|
414
415
|
--awsui-default-max-content-width-9rhwr5: 1440px;
|
|
415
416
|
}
|
|
416
417
|
}
|
|
417
418
|
@media (min-width: 2541px) {
|
|
418
|
-
.
|
|
419
|
+
.awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408) {
|
|
419
420
|
--awsui-default-max-content-width-9rhwr5: 1620px;
|
|
420
421
|
}
|
|
421
422
|
}
|
|
422
423
|
@media (min-width: 1401px) {
|
|
423
|
-
.
|
|
424
|
+
.awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408).awsui_content-type-dashboard_hyvsj_gc2xf_423 {
|
|
424
425
|
--awsui-default-max-content-width-9rhwr5: 1280px;
|
|
425
426
|
}
|
|
426
427
|
}
|
|
427
428
|
@media (min-width: 1921px) {
|
|
428
|
-
.
|
|
429
|
+
.awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408).awsui_content-type-dashboard_hyvsj_gc2xf_423 {
|
|
429
430
|
--awsui-default-max-content-width-9rhwr5: 1620px;
|
|
430
431
|
}
|
|
431
432
|
}
|
|
432
433
|
@media (min-width: 2541px) {
|
|
433
|
-
.
|
|
434
|
+
.awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408).awsui_content-type-dashboard_hyvsj_gc2xf_423 {
|
|
434
435
|
--awsui-default-max-content-width-9rhwr5: 2160px;
|
|
435
436
|
}
|
|
436
437
|
}
|
|
437
|
-
.
|
|
438
|
+
.awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408).awsui_content-type-table_hyvsj_gc2xf_437, .awsui_layout_hyvsj_gc2xf_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_gc2xf_408).awsui_content-type-cards_hyvsj_gc2xf_437 {
|
|
438
439
|
--awsui-default-max-content-width-9rhwr5: 100%;
|
|
439
440
|
}
|
|
440
|
-
.
|
|
441
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_has-max-content-width_hyvsj_gc2xf_408:not(#\9) {
|
|
441
442
|
--awsui-default-max-content-width-9rhwr5: var(--awsui-max-content-width-9rhwr5);
|
|
442
443
|
}
|
|
443
|
-
.
|
|
444
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_is-overlap-disabled_hyvsj_gc2xf_443:not(#\9) {
|
|
444
445
|
--awsui-overlap-height-9rhwr5: 0;
|
|
445
446
|
}
|
|
446
|
-
.
|
|
447
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_is-hide-mobile-toolbar_hyvsj_gc2xf_446:not(#\9) {
|
|
447
448
|
--awsui-mobile-bar-height-9rhwr5: 0px;
|
|
448
449
|
}
|
|
449
450
|
@media (min-width: 993px) {
|
|
450
|
-
.
|
|
451
|
+
.awsui_layout_hyvsj_gc2xf_336:not(#\9) {
|
|
451
452
|
--awsui-default-min-content-width-9rhwr5: var(--awsui-min-content-width-9rhwr5, 280px);
|
|
452
453
|
}
|
|
453
454
|
}
|
|
454
455
|
@media (max-width: 992px) {
|
|
455
|
-
.
|
|
456
|
+
.awsui_layout_hyvsj_gc2xf_336:not(#\9) {
|
|
456
457
|
--awsui-default-min-content-width-9rhwr5: 0px;
|
|
457
458
|
}
|
|
458
459
|
}
|
|
459
460
|
@media (min-width: 689px) {
|
|
460
|
-
.
|
|
461
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_has-content-gap-left_hyvsj_gc2xf_460:not(#\9) {
|
|
461
462
|
--awsui-content-gap-left-9rhwr5: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
462
463
|
}
|
|
463
|
-
.
|
|
464
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_has-content-gap-right_hyvsj_gc2xf_463:not(#\9) {
|
|
464
465
|
--awsui-content-gap-right-9rhwr5: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
465
466
|
}
|
|
466
467
|
}
|
|
467
468
|
@media (max-width: 688px) {
|
|
468
|
-
.
|
|
469
|
+
.awsui_layout_hyvsj_gc2xf_336:not(#\9) {
|
|
469
470
|
--awsui-content-gap-left-9rhwr5: var(--space-l-t419sm, 20px);
|
|
470
471
|
--awsui-content-gap-right-9rhwr5: var(--space-l-t419sm, 20px);
|
|
471
472
|
}
|
|
472
473
|
}
|
|
473
|
-
.
|
|
474
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_has-breadcrumbs_hyvsj_gc2xf_473:not(#\9) {
|
|
474
475
|
--awsui-breadcrumbs-gap-9rhwr5: var(--space-scaled-m-mo5yse, 16px);
|
|
475
476
|
}
|
|
476
|
-
.
|
|
477
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-header_hyvsj_gc2xf_476:not(#\9), .awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-notifications_hyvsj_gc2xf_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gc2xf_473).awsui_has-header_hyvsj_gc2xf_476 {
|
|
477
478
|
--awsui-header-gap-9rhwr5: var(--space-scaled-xs-26e2du, 8px);
|
|
478
479
|
}
|
|
479
|
-
.
|
|
480
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_has-breadcrumbs_hyvsj_gc2xf_473.awsui_has-header_hyvsj_gc2xf_476:not(#\9) {
|
|
480
481
|
--awsui-header-gap-9rhwr5: var(--space-scaled-xs-26e2du, 8px);
|
|
481
482
|
}
|
|
482
|
-
.
|
|
483
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-notifications_hyvsj_gc2xf_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gc2xf_473):not(.awsui_has-header_hyvsj_gc2xf_476) {
|
|
483
484
|
--awsui-main-gap-9rhwr5: var(--space-xs-zb16t3, 8px);
|
|
484
485
|
}
|
|
485
|
-
.
|
|
486
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_has-breadcrumbs_hyvsj_gc2xf_473:not(#\9):not(.awsui_has-header_hyvsj_gc2xf_476) {
|
|
486
487
|
--awsui-main-gap-9rhwr5: var(--space-scaled-xxs-7597g1, 4px);
|
|
487
488
|
}
|
|
488
|
-
.
|
|
489
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_has-header_hyvsj_gc2xf_476:not(#\9) {
|
|
489
490
|
--awsui-main-gap-9rhwr5: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
490
491
|
}
|
|
491
|
-
.
|
|
492
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-main_hyvsj_gc2xf_491:not(#\9):not(.awsui_disable-content-paddings_hyvsj_gc2xf_491) {
|
|
492
493
|
--awsui-main-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
|
|
493
494
|
}
|
|
494
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-main_hyvsj_gc2xf_491.awsui_disable-content-paddings_hyvsj_gc2xf_491:not(#\9) {
|
|
495
496
|
--awsui-main-gap-9rhwr5: 0px;
|
|
496
497
|
}
|
|
497
498
|
@media (max-width: 688px) {
|
|
498
|
-
.
|
|
499
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-header_hyvsj_gc2xf_476:not(#\9) {
|
|
499
500
|
--awsui-header-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
|
|
500
501
|
}
|
|
501
|
-
.
|
|
502
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-notifications_hyvsj_gc2xf_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gc2xf_473).awsui_has-header_hyvsj_gc2xf_476 {
|
|
502
503
|
--awsui-header-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
|
|
503
504
|
}
|
|
504
|
-
.
|
|
505
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-notifications_hyvsj_gc2xf_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gc2xf_473):not(.awsui_has-header_hyvsj_gc2xf_476), .awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-main_hyvsj_gc2xf_491:not(#\9):not(.awsui_disable-content-paddings_hyvsj_gc2xf_491) {
|
|
505
506
|
--awsui-main-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
|
|
506
507
|
}
|
|
507
|
-
.
|
|
508
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_content-first-child-main_hyvsj_gc2xf_491.awsui_disable-content-paddings_hyvsj_gc2xf_491:not(#\9) {
|
|
508
509
|
--awsui-main-gap-9rhwr5: 0px;
|
|
509
510
|
}
|
|
510
511
|
}
|
|
511
|
-
.
|
|
512
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_has-left-toggles-gutter_hyvsj_gc2xf_511:not(#\9) {
|
|
512
513
|
--awsui-toggles-left-width-9rhwr5: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
513
514
|
}
|
|
514
|
-
.
|
|
515
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_has-right-toggles-gutter_hyvsj_gc2xf_514:not(#\9) {
|
|
515
516
|
--awsui-toggles-right-width-9rhwr5: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
516
517
|
}
|
|
517
518
|
|
|
@@ -525,13 +526,13 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
525
526
|
position: sticky will be the value of the notifications height in addition to the
|
|
526
527
|
notifications top margin and some additional vertical space for aesthetics.
|
|
527
528
|
*/
|
|
528
|
-
.
|
|
529
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_disable-body-scroll_hyvsj_gc2xf_156:not(#\9) {
|
|
529
530
|
--awsui-main-template-rows-9rhwr5: 1fr auto;
|
|
530
531
|
--awsui-offset-top-9rhwr5: 0px;
|
|
531
532
|
block-size: var(--awsui-content-height-9rhwr5);
|
|
532
533
|
overflow-y: scroll;
|
|
533
534
|
}
|
|
534
|
-
.
|
|
535
|
+
.awsui_layout_hyvsj_gc2xf_336.awsui_disable-body-scroll_hyvsj_gc2xf_156.awsui_has-split-panel_hyvsj_gc2xf_534.awsui_split-panel-position-bottom_hyvsj_gc2xf_534:not(#\9) {
|
|
535
536
|
--awsui-main-template-rows-9rhwr5: repeat(2, auto);
|
|
536
537
|
}
|
|
537
538
|
|
|
@@ -539,13 +540,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
539
540
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
540
541
|
when the navigation or tools drawers are open in responsive viewports.
|
|
541
542
|
*/
|
|
542
|
-
.awsui_block-body-
|
|
543
|
+
.awsui_block-body-scroll_hyvsj_gc2xf_542:not(#\9) {
|
|
543
544
|
overflow: hidden;
|
|
544
545
|
}
|
|
545
546
|
|
|
546
547
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
547
|
-
.
|
|
548
|
-
.
|
|
548
|
+
.awsui_unfocusable_hyvsj_gc2xf_547:not(#\9),
|
|
549
|
+
.awsui_unfocusable_hyvsj_gc2xf_547 *:not(#\9) {
|
|
549
550
|
visibility: hidden !important;
|
|
550
551
|
}
|
|
551
552
|
|
|
@@ -554,7 +555,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
554
555
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
555
556
|
SPDX-License-Identifier: Apache-2.0
|
|
556
557
|
*/
|
|
557
|
-
.
|
|
558
|
+
.awsui_container_hyvsj_gc2xf_557:not(#\9) {
|
|
558
559
|
grid-area: main;
|
|
559
560
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
560
561
|
/*
|
|
@@ -571,19 +572,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
571
572
|
on the right, we decrement the column end by one.
|
|
572
573
|
*/
|
|
573
574
|
}
|
|
574
|
-
.
|
|
575
|
+
.awsui_container_hyvsj_gc2xf_557.awsui_has-split-panel_hyvsj_gc2xf_534.awsui_split-panel-position-bottom_hyvsj_gc2xf_534:not(#\9) {
|
|
575
576
|
padding-block-end: calc(var(--awsui-split-panel-height-9rhwr5) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
576
577
|
}
|
|
577
|
-
.
|
|
578
|
+
.awsui_container_hyvsj_gc2xf_557.awsui_disable-content-paddings_hyvsj_gc2xf_491:not(#\9) {
|
|
578
579
|
grid-column: 1/6;
|
|
579
580
|
padding-block: 0;
|
|
580
581
|
padding-inline: 0;
|
|
581
582
|
}
|
|
582
583
|
@media (min-width: 689px) {
|
|
583
|
-
.
|
|
584
|
+
.awsui_container_hyvsj_gc2xf_557.awsui_disable-content-paddings_hyvsj_gc2xf_491.awsui_is-navigation-open_hyvsj_gc2xf_583:not(#\9) {
|
|
584
585
|
grid-column-start: 2;
|
|
585
586
|
}
|
|
586
|
-
.
|
|
587
|
+
.awsui_container_hyvsj_gc2xf_557.awsui_disable-content-paddings_hyvsj_gc2xf_491.awsui_is-tools-open_hyvsj_gc2xf_586:not(#\9), .awsui_container_hyvsj_gc2xf_557.awsui_disable-content-paddings_hyvsj_gc2xf_491.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_split-panel-position-side_hyvsj_gc2xf_586:not(#\9), .awsui_container_hyvsj_gc2xf_557.awsui_disable-content-paddings_hyvsj_gc2xf_491.awsui_has-active-drawer_hyvsj_gc2xf_586:not(#\9) {
|
|
587
588
|
grid-column-end: 5;
|
|
588
589
|
}
|
|
589
590
|
}
|
|
@@ -592,7 +593,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
592
593
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
593
594
|
SPDX-License-Identifier: Apache-2.0
|
|
594
595
|
*/
|
|
595
|
-
section.awsui_mobile-
|
|
596
|
+
section.awsui_mobile-toolbar_hyvsj_gc2xf_595:not(#\9) {
|
|
596
597
|
align-items: center;
|
|
597
598
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
598
599
|
border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
@@ -609,19 +610,19 @@ section.awsui_mobile-toolbar_hyvsj_16gcr_594:not(#\9) {
|
|
|
609
610
|
inset-block-start: var(--awsui-offset-top-9rhwr5);
|
|
610
611
|
z-index: 1000;
|
|
611
612
|
}
|
|
612
|
-
section.awsui_mobile-
|
|
613
|
+
section.awsui_mobile-toolbar_hyvsj_gc2xf_595:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_gc2xf_612) {
|
|
613
614
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
614
615
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
615
616
|
}
|
|
616
|
-
section.awsui_mobile-
|
|
617
|
+
section.awsui_mobile-toolbar_hyvsj_gc2xf_595 > .awsui_mobile-toolbar-nav_hyvsj_gc2xf_616:not(#\9) {
|
|
617
618
|
grid-column: 1;
|
|
618
619
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
619
620
|
}
|
|
620
|
-
section.awsui_mobile-
|
|
621
|
+
section.awsui_mobile-toolbar_hyvsj_gc2xf_595 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_gc2xf_620:not(#\9) {
|
|
621
622
|
grid-column: 2;
|
|
622
623
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
623
624
|
}
|
|
624
|
-
section.awsui_mobile-
|
|
625
|
+
section.awsui_mobile-toolbar_hyvsj_gc2xf_595 > .awsui_mobile-toolbar-tools_hyvsj_gc2xf_624:not(#\9) {
|
|
625
626
|
grid-column: 3;
|
|
626
627
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
627
628
|
}
|
|
@@ -630,7 +631,7 @@ section.awsui_mobile-toolbar_hyvsj_16gcr_594 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
630
631
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
631
632
|
SPDX-License-Identifier: Apache-2.0
|
|
632
633
|
*/
|
|
633
|
-
.awsui_navigation-
|
|
634
|
+
.awsui_navigation-container_hyvsj_gc2xf_633:not(#\9) {
|
|
634
635
|
display: flex;
|
|
635
636
|
grid-column: 1;
|
|
636
637
|
grid-row: 1/span 9;
|
|
@@ -651,7 +652,7 @@ section.awsui_mobile-toolbar_hyvsj_16gcr_594 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
651
652
|
pointer-events: none;
|
|
652
653
|
}
|
|
653
654
|
@media (max-width: 688px) {
|
|
654
|
-
.awsui_navigation-
|
|
655
|
+
.awsui_navigation-container_hyvsj_gc2xf_633:not(#\9) {
|
|
655
656
|
inset-inline-start: 0;
|
|
656
657
|
position: fixed;
|
|
657
658
|
z-index: 1001;
|
|
@@ -663,12 +664,12 @@ section.awsui_mobile-toolbar_hyvsj_16gcr_594 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
663
664
|
relative to the body.
|
|
664
665
|
*/
|
|
665
666
|
}
|
|
666
|
-
.awsui_navigation-
|
|
667
|
+
.awsui_navigation-container_hyvsj_gc2xf_633.awsui_disable-body-scroll_hyvsj_gc2xf_156:not(#\9) {
|
|
667
668
|
inset-block-start: var(--awsui-header-height-9rhwr5);
|
|
668
669
|
}
|
|
669
670
|
}
|
|
670
671
|
|
|
671
|
-
nav.awsui_show-
|
|
672
|
+
nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9) {
|
|
672
673
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
673
674
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
674
675
|
/*
|
|
@@ -676,7 +677,7 @@ nav.awsui_show-navigation_hyvsj_16gcr_670:not(#\9) {
|
|
|
676
677
|
take control in responsive viewports.
|
|
677
678
|
*/
|
|
678
679
|
}
|
|
679
|
-
@keyframes
|
|
680
|
+
@keyframes awsui_showButtons_hyvsj_gc2xf_1 {
|
|
680
681
|
0% {
|
|
681
682
|
opacity: 0;
|
|
682
683
|
}
|
|
@@ -684,31 +685,31 @@ nav.awsui_show-navigation_hyvsj_16gcr_670:not(#\9) {
|
|
|
684
685
|
opacity: 1;
|
|
685
686
|
}
|
|
686
687
|
}
|
|
687
|
-
nav.awsui_show-
|
|
688
|
+
nav.awsui_show-navigation_hyvsj_gc2xf_671.awsui_is-navigation-open_hyvsj_gc2xf_583:not(#\9) {
|
|
688
689
|
display: none;
|
|
689
690
|
}
|
|
690
691
|
@media (min-width: 689px) {
|
|
691
|
-
nav.awsui_show-
|
|
692
|
+
nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_gc2xf_583) {
|
|
692
693
|
display: block;
|
|
693
694
|
}
|
|
694
|
-
nav.awsui_show-
|
|
695
|
-
animation:
|
|
695
|
+
nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_gc2xf_583).awsui_animating_hyvsj_gc2xf_694 {
|
|
696
|
+
animation: awsui_showButtons_hyvsj_gc2xf_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
696
697
|
}
|
|
697
698
|
}
|
|
698
699
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
699
|
-
nav.awsui_show-
|
|
700
|
+
nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_gc2xf_583).awsui_animating_hyvsj_gc2xf_694 {
|
|
700
701
|
animation: none;
|
|
701
702
|
transition: none;
|
|
702
703
|
}
|
|
703
704
|
}
|
|
704
705
|
@media (min-width: 689px) {
|
|
705
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
706
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_gc2xf_583).awsui_animating_hyvsj_gc2xf_694, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_gc2xf_583).awsui_animating_hyvsj_gc2xf_694 {
|
|
706
707
|
animation: none;
|
|
707
708
|
transition: none;
|
|
708
709
|
}
|
|
709
710
|
}
|
|
710
711
|
|
|
711
|
-
nav.
|
|
712
|
+
nav.awsui_navigation_hyvsj_gc2xf_633:not(#\9) {
|
|
712
713
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
713
714
|
inset-block-end: 0;
|
|
714
715
|
block-size: 100%;
|
|
@@ -726,7 +727,7 @@ nav.awsui_navigation_hyvsj_16gcr_632:not(#\9) {
|
|
|
726
727
|
prevent unwanted text wrapping.
|
|
727
728
|
*/
|
|
728
729
|
}
|
|
729
|
-
@keyframes
|
|
730
|
+
@keyframes awsui_openNavigation_hyvsj_gc2xf_1 {
|
|
730
731
|
from {
|
|
731
732
|
opacity: 0;
|
|
732
733
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -736,33 +737,33 @@ nav.awsui_navigation_hyvsj_16gcr_632:not(#\9) {
|
|
|
736
737
|
inline-size: var(--awsui-navigation-width-9rhwr5);
|
|
737
738
|
}
|
|
738
739
|
}
|
|
739
|
-
nav.
|
|
740
|
+
nav.awsui_navigation_hyvsj_gc2xf_633:not(#\9):not(.awsui_is-navigation-open_hyvsj_gc2xf_583) {
|
|
740
741
|
inline-size: 0;
|
|
741
742
|
display: none;
|
|
742
743
|
}
|
|
743
|
-
nav.
|
|
744
|
-
animation:
|
|
744
|
+
nav.awsui_navigation_hyvsj_gc2xf_633.awsui_is-navigation-open_hyvsj_gc2xf_583.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
|
|
745
|
+
animation: awsui_openNavigation_hyvsj_gc2xf_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
745
746
|
}
|
|
746
747
|
@media (prefers-reduced-motion: reduce) {
|
|
747
|
-
nav.
|
|
748
|
+
nav.awsui_navigation_hyvsj_gc2xf_633.awsui_is-navigation-open_hyvsj_gc2xf_583.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
|
|
748
749
|
animation: none;
|
|
749
750
|
transition: none;
|
|
750
751
|
}
|
|
751
752
|
}
|
|
752
|
-
.awsui-motion-disabled nav.
|
|
753
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_gc2xf_633.awsui_is-navigation-open_hyvsj_gc2xf_583.awsui_animating_hyvsj_gc2xf_694:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_gc2xf_633.awsui_is-navigation-open_hyvsj_gc2xf_583.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
|
|
753
754
|
animation: none;
|
|
754
755
|
transition: none;
|
|
755
756
|
}
|
|
756
|
-
nav.
|
|
757
|
+
nav.awsui_navigation_hyvsj_gc2xf_633 > .awsui_animated-content_hyvsj_gc2xf_756:not(#\9) {
|
|
757
758
|
inline-size: var(--awsui-navigation-width-9rhwr5);
|
|
758
759
|
}
|
|
759
760
|
@media (max-width: 688px) {
|
|
760
|
-
nav.
|
|
761
|
+
nav.awsui_navigation_hyvsj_gc2xf_633:not(#\9) {
|
|
761
762
|
--awsui-navigation-width-9rhwr5: 100vw;
|
|
762
763
|
}
|
|
763
764
|
}
|
|
764
765
|
|
|
765
|
-
.awsui_hide-
|
|
766
|
+
.awsui_hide-navigation_hyvsj_gc2xf_765:not(#\9) {
|
|
766
767
|
position: absolute;
|
|
767
768
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
768
769
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -772,24 +773,24 @@ nav.awsui_navigation_hyvsj_16gcr_632 > .awsui_animated-content_hyvsj_16gcr_755:n
|
|
|
772
773
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
773
774
|
SPDX-License-Identifier: Apache-2.0
|
|
774
775
|
*/
|
|
775
|
-
.
|
|
776
|
+
.awsui_notifications_hyvsj_gc2xf_775:not(#\9) {
|
|
776
777
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
777
778
|
grid-area: notifications;
|
|
778
779
|
z-index: 850;
|
|
779
780
|
}
|
|
780
|
-
.
|
|
781
|
+
.awsui_notifications_hyvsj_gc2xf_775.awsui_has-notification-content_hyvsj_gc2xf_780:not(#\9) {
|
|
781
782
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
782
783
|
}
|
|
783
784
|
@media (min-width: 689px) {
|
|
784
|
-
.
|
|
785
|
+
.awsui_notifications_hyvsj_gc2xf_775.awsui_sticky-notifications_hyvsj_gc2xf_784:not(#\9) {
|
|
785
786
|
--awsui-flashbar-sticky-bottom-margin-9rhwr5: var(--space-xxl-cu2m1r, 32px);
|
|
786
787
|
position: sticky;
|
|
787
788
|
inset-block-start: var(--awsui-offset-top-9rhwr5);
|
|
788
789
|
}
|
|
789
|
-
.
|
|
790
|
+
.awsui_notifications_hyvsj_gc2xf_775.awsui_sticky-notifications_hyvsj_gc2xf_784:not(#\9):not(.awsui_high-contrast_hyvsj_gc2xf_789) {
|
|
790
791
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
791
792
|
}
|
|
792
|
-
.
|
|
793
|
+
.awsui_notifications_hyvsj_gc2xf_775.awsui_has-notification-content_hyvsj_gc2xf_780:not(#\9) {
|
|
793
794
|
padding-block-start: var(--space-xs-zb16t3, 8px);
|
|
794
795
|
}
|
|
795
796
|
}
|
|
@@ -804,7 +805,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
804
805
|
consume the remaining vertical space in the grid after the notifications
|
|
805
806
|
and breadcrumbs.
|
|
806
807
|
*/
|
|
807
|
-
section.awsui_split-panel-
|
|
808
|
+
section.awsui_split-panel-bottom_hyvsj_gc2xf_807:not(#\9) {
|
|
808
809
|
/*
|
|
809
810
|
The align self property will position the split panel at the bottom of the grid row.
|
|
810
811
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -840,7 +841,7 @@ section.awsui_split-panel-bottom_hyvsj_16gcr_806:not(#\9) {
|
|
|
840
841
|
apply the animation to the height property.
|
|
841
842
|
*/
|
|
842
843
|
}
|
|
843
|
-
@keyframes
|
|
844
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_gc2xf_1 {
|
|
844
845
|
from {
|
|
845
846
|
block-size: var(--awsui-split-panel-reported-header-size-9rhwr5, 0);
|
|
846
847
|
}
|
|
@@ -848,39 +849,39 @@ section.awsui_split-panel-bottom_hyvsj_16gcr_806:not(#\9) {
|
|
|
848
849
|
block-size: var(--awsui-split-panel-reported-size-9rhwr5);
|
|
849
850
|
}
|
|
850
851
|
}
|
|
851
|
-
section.awsui_split-panel-
|
|
852
|
+
section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_disable-body-scroll_hyvsj_gc2xf_156:not(#\9) {
|
|
852
853
|
inset-block-end: 0;
|
|
853
854
|
}
|
|
854
|
-
section.awsui_split-panel-
|
|
855
|
+
section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_is-navigation-open_hyvsj_gc2xf_583.awsui_position-bottom_hyvsj_gc2xf_854:not(#\9) {
|
|
855
856
|
grid-column-start: 2;
|
|
856
857
|
}
|
|
857
|
-
section.awsui_split-panel-
|
|
858
|
+
section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_has-open-drawer_hyvsj_gc2xf_135.awsui_position-bottom_hyvsj_gc2xf_854:not(#\9) {
|
|
858
859
|
grid-column-end: 5;
|
|
859
860
|
}
|
|
860
|
-
section.awsui_split-panel-
|
|
861
|
+
section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_position-bottom_hyvsj_gc2xf_854:not(#\9) {
|
|
861
862
|
display: block;
|
|
862
863
|
}
|
|
863
|
-
section.awsui_split-panel-
|
|
864
|
+
section.awsui_split-panel-bottom_hyvsj_gc2xf_807:not(#\9):not(.awsui_is-split-panel-open_hyvsj_gc2xf_586).awsui_position-bottom_hyvsj_gc2xf_854 {
|
|
864
865
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
865
866
|
}
|
|
866
|
-
section.awsui_split-panel-
|
|
867
|
+
section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_position-bottom_hyvsj_gc2xf_854:not(#\9) {
|
|
867
868
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
868
869
|
}
|
|
869
|
-
section.awsui_split-panel-
|
|
870
|
-
animation:
|
|
870
|
+
section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_position-bottom_hyvsj_gc2xf_854.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
|
|
871
|
+
animation: awsui_openSplitPanelBottom_hyvsj_gc2xf_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
871
872
|
}
|
|
872
873
|
@media (prefers-reduced-motion: reduce) {
|
|
873
|
-
section.awsui_split-panel-
|
|
874
|
+
section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_position-bottom_hyvsj_gc2xf_854.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
|
|
874
875
|
animation: none;
|
|
875
876
|
transition: none;
|
|
876
877
|
}
|
|
877
878
|
}
|
|
878
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
879
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_position-bottom_hyvsj_gc2xf_854.awsui_animating_hyvsj_gc2xf_694:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_gc2xf_807.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_position-bottom_hyvsj_gc2xf_854.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
|
|
879
880
|
animation: none;
|
|
880
881
|
transition: none;
|
|
881
882
|
}
|
|
882
883
|
|
|
883
|
-
section.awsui_split-panel-
|
|
884
|
+
section.awsui_split-panel-side_hyvsj_gc2xf_883:not(#\9) {
|
|
884
885
|
block-size: 100%;
|
|
885
886
|
overflow-x: hidden;
|
|
886
887
|
pointer-events: auto;
|
|
@@ -890,15 +891,15 @@ section.awsui_split-panel-side_hyvsj_16gcr_882:not(#\9) {
|
|
|
890
891
|
be persistent in the DOM when closed.
|
|
891
892
|
*/
|
|
892
893
|
}
|
|
893
|
-
section.awsui_split-panel-
|
|
894
|
+
section.awsui_split-panel-side_hyvsj_gc2xf_883:not(#\9):not(.awsui_is-split-panel-open_hyvsj_gc2xf_586), section.awsui_split-panel-side_hyvsj_gc2xf_883.awsui_position-bottom_hyvsj_gc2xf_854:not(#\9) {
|
|
894
895
|
inline-size: 0;
|
|
895
896
|
}
|
|
896
|
-
section.awsui_split-panel-
|
|
897
|
+
section.awsui_split-panel-side_hyvsj_gc2xf_883.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_position-side_hyvsj_gc2xf_896:not(#\9) {
|
|
897
898
|
max-inline-size: var(--awsui-split-panel-max-width-9rhwr5, 280px);
|
|
898
899
|
min-inline-size: var(--awsui-split-panel-min-width-9rhwr5, 280px);
|
|
899
900
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
900
901
|
}
|
|
901
|
-
section.awsui_split-panel-
|
|
902
|
+
section.awsui_split-panel-side_hyvsj_gc2xf_883.awsui_is-split-panel-open_hyvsj_gc2xf_586.awsui_position-side_hyvsj_gc2xf_896:not(#\9):not(.awsui_has-open-drawer_hyvsj_gc2xf_135) {
|
|
902
903
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
903
904
|
}
|
|
904
905
|
|
|
@@ -915,7 +916,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
915
916
|
property. The content gap right is computed in the Layout styles based on the
|
|
916
917
|
viewport size and state of the Tools drawer.
|
|
917
918
|
*/
|
|
918
|
-
.awsui_tools-
|
|
919
|
+
.awsui_tools-container_hyvsj_gc2xf_918:not(#\9) {
|
|
919
920
|
--awsui-tools-max-width-9rhwr5: calc(var(--awsui-layout-width-9rhwr5) - var(--awsui-main-offset-left-9rhwr5) - var(--awsui-default-min-content-width-9rhwr5) - var(--awsui-content-gap-right-9rhwr5));
|
|
920
921
|
display: flex;
|
|
921
922
|
grid-column: 5;
|
|
@@ -928,7 +929,7 @@ viewport size and state of the Tools drawer.
|
|
|
928
929
|
pointer-events: none;
|
|
929
930
|
}
|
|
930
931
|
@media (max-width: 688px) {
|
|
931
|
-
.awsui_tools-
|
|
932
|
+
.awsui_tools-container_hyvsj_gc2xf_918:not(#\9) {
|
|
932
933
|
--awsui-tools-max-width-9rhwr5: none;
|
|
933
934
|
--awsui-tools-width-9rhwr5: auto;
|
|
934
935
|
position: fixed;
|
|
@@ -942,12 +943,12 @@ viewport size and state of the Tools drawer.
|
|
|
942
943
|
relative to the body.
|
|
943
944
|
*/
|
|
944
945
|
}
|
|
945
|
-
.awsui_tools-
|
|
946
|
+
.awsui_tools-container_hyvsj_gc2xf_918.awsui_disable-body-scroll_hyvsj_gc2xf_156:not(#\9) {
|
|
946
947
|
inset-block-start: var(--awsui-header-height-9rhwr5);
|
|
947
948
|
}
|
|
948
949
|
}
|
|
949
950
|
|
|
950
|
-
.
|
|
951
|
+
.awsui_tools_hyvsj_gc2xf_918:not(#\9) {
|
|
951
952
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
952
953
|
flex-shrink: 0;
|
|
953
954
|
block-size: 100%;
|
|
@@ -970,7 +971,7 @@ viewport size and state of the Tools drawer.
|
|
|
970
971
|
in the side position.
|
|
971
972
|
*/
|
|
972
973
|
}
|
|
973
|
-
@keyframes
|
|
974
|
+
@keyframes awsui_openTools_hyvsj_gc2xf_1 {
|
|
974
975
|
from {
|
|
975
976
|
opacity: var(--awsui-tools-animation-starting-opacity-9rhwr5, 0);
|
|
976
977
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -980,41 +981,41 @@ viewport size and state of the Tools drawer.
|
|
|
980
981
|
inline-size: var(--awsui-tools-width-9rhwr5);
|
|
981
982
|
}
|
|
982
983
|
}
|
|
983
|
-
.
|
|
984
|
+
.awsui_tools_hyvsj_gc2xf_918:not(#\9):not(.awsui_is-tools-open_hyvsj_gc2xf_586) {
|
|
984
985
|
inline-size: 0;
|
|
985
986
|
display: none;
|
|
986
987
|
}
|
|
987
|
-
.
|
|
988
|
+
.awsui_tools_hyvsj_gc2xf_918.awsui_is-tools-open_hyvsj_gc2xf_586:not(#\9) {
|
|
988
989
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
989
990
|
}
|
|
990
|
-
.
|
|
991
|
-
animation:
|
|
991
|
+
.awsui_tools_hyvsj_gc2xf_918.awsui_is-tools-open_hyvsj_gc2xf_586.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
|
|
992
|
+
animation: awsui_openTools_hyvsj_gc2xf_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
992
993
|
}
|
|
993
994
|
@media (prefers-reduced-motion: reduce) {
|
|
994
|
-
.
|
|
995
|
+
.awsui_tools_hyvsj_gc2xf_918.awsui_is-tools-open_hyvsj_gc2xf_586.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
|
|
995
996
|
animation: none;
|
|
996
997
|
transition: none;
|
|
997
998
|
}
|
|
998
999
|
}
|
|
999
|
-
.awsui-motion-disabled .
|
|
1000
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_gc2xf_918.awsui_is-tools-open_hyvsj_gc2xf_586.awsui_animating_hyvsj_gc2xf_694:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_gc2xf_918.awsui_is-tools-open_hyvsj_gc2xf_586.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
|
|
1000
1001
|
animation: none;
|
|
1001
1002
|
transition: none;
|
|
1002
1003
|
}
|
|
1003
|
-
.
|
|
1004
|
+
.awsui_tools_hyvsj_gc2xf_918 > .awsui_animated-content_hyvsj_gc2xf_756:not(#\9) {
|
|
1004
1005
|
inline-size: var(--awsui-tools-width-9rhwr5);
|
|
1005
1006
|
}
|
|
1006
1007
|
@media (min-width: 689px) {
|
|
1007
|
-
.
|
|
1008
|
+
.awsui_tools_hyvsj_gc2xf_918.awsui_is-tools-open_hyvsj_gc2xf_586.awsui_has-tools-form-persistence_hyvsj_gc2xf_1007:not(#\9) {
|
|
1008
1009
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1009
1010
|
}
|
|
1010
1011
|
}
|
|
1011
1012
|
@media (max-width: 688px) {
|
|
1012
|
-
.
|
|
1013
|
+
.awsui_tools_hyvsj_gc2xf_918:not(#\9) {
|
|
1013
1014
|
--awsui-tools-width-9rhwr5: 100vw;
|
|
1014
1015
|
}
|
|
1015
1016
|
}
|
|
1016
1017
|
|
|
1017
|
-
.awsui_hide-
|
|
1018
|
+
.awsui_hide-tools_hyvsj_gc2xf_1017:not(#\9) {
|
|
1018
1019
|
position: absolute;
|
|
1019
1020
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1020
1021
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1026,7 +1027,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1026
1027
|
the calculation used to determine the Split Panel maximum width in the
|
|
1027
1028
|
handleSplitPanelMaxWidth function in the context.
|
|
1028
1029
|
*/
|
|
1029
|
-
.awsui_show-
|
|
1030
|
+
.awsui_show-tools_hyvsj_gc2xf_1029:not(#\9) {
|
|
1030
1031
|
border-collapse: separate;
|
|
1031
1032
|
border-spacing: 0;
|
|
1032
1033
|
box-sizing: border-box;
|
|
@@ -1068,7 +1069,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1068
1069
|
take control in responsive viewports.
|
|
1069
1070
|
*/
|
|
1070
1071
|
}
|
|
1071
|
-
@keyframes
|
|
1072
|
+
@keyframes awsui_showButtons_hyvsj_gc2xf_1 {
|
|
1072
1073
|
0% {
|
|
1073
1074
|
opacity: 0;
|
|
1074
1075
|
}
|
|
@@ -1076,31 +1077,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1076
1077
|
opacity: 1;
|
|
1077
1078
|
}
|
|
1078
1079
|
}
|
|
1079
|
-
.awsui_show-
|
|
1080
|
+
.awsui_show-tools_hyvsj_gc2xf_1029:not(#\9):not(.awsui_has-tools-form_hyvsj_gc2xf_1007) {
|
|
1080
1081
|
display: none;
|
|
1081
1082
|
}
|
|
1082
1083
|
@media (min-width: 689px) {
|
|
1083
|
-
.awsui_show-
|
|
1084
|
+
.awsui_show-tools_hyvsj_gc2xf_1029.awsui_has-tools-form_hyvsj_gc2xf_1007:not(#\9) {
|
|
1084
1085
|
display: flex;
|
|
1085
1086
|
flex-direction: column;
|
|
1086
1087
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1087
1088
|
}
|
|
1088
|
-
.awsui_show-
|
|
1089
|
-
animation:
|
|
1089
|
+
.awsui_show-tools_hyvsj_gc2xf_1029.awsui_has-tools-form_hyvsj_gc2xf_1007.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
|
|
1090
|
+
animation: awsui_showButtons_hyvsj_gc2xf_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1090
1091
|
}
|
|
1091
1092
|
}
|
|
1092
1093
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1093
|
-
.awsui_show-
|
|
1094
|
+
.awsui_show-tools_hyvsj_gc2xf_1029.awsui_has-tools-form_hyvsj_gc2xf_1007.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
|
|
1094
1095
|
animation: none;
|
|
1095
1096
|
transition: none;
|
|
1096
1097
|
}
|
|
1097
1098
|
}
|
|
1098
1099
|
@media (min-width: 689px) {
|
|
1099
|
-
.awsui-motion-disabled .awsui_show-
|
|
1100
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_gc2xf_1029.awsui_has-tools-form_hyvsj_gc2xf_1007.awsui_animating_hyvsj_gc2xf_694:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_gc2xf_1029.awsui_has-tools-form_hyvsj_gc2xf_1007.awsui_animating_hyvsj_gc2xf_694:not(#\9) {
|
|
1100
1101
|
animation: none;
|
|
1101
1102
|
transition: none;
|
|
1102
1103
|
}
|
|
1103
|
-
.awsui_show-
|
|
1104
|
+
.awsui_show-tools_hyvsj_gc2xf_1029.awsui_has-tools-form-persistence_hyvsj_gc2xf_1007:not(#\9) {
|
|
1104
1105
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1105
1106
|
z-index: 1;
|
|
1106
1107
|
}
|
|
@@ -1110,7 +1111,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1110
1111
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1111
1112
|
SPDX-License-Identifier: Apache-2.0
|
|
1112
1113
|
*/
|
|
1113
|
-
.awsui_trigger-badge-
|
|
1114
|
+
.awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112:not(#\9) {
|
|
1114
1115
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1115
1116
|
border-start-start-radius: 50%;
|
|
1116
1117
|
border-start-end-radius: 50%;
|
|
@@ -1127,13 +1128,13 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1127
1128
|
clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
|
|
1128
1129
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1129
1130
|
}
|
|
1130
|
-
.awsui_trigger-badge-
|
|
1131
|
+
.awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112:not(#\9):hover {
|
|
1131
1132
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1132
1133
|
}
|
|
1133
|
-
.awsui_trigger-badge-
|
|
1134
|
+
.awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112:not(#\9):active {
|
|
1134
1135
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1135
1136
|
}
|
|
1136
|
-
.awsui_trigger-badge-
|
|
1137
|
+
.awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112:not(#\9):dir(rtl) {
|
|
1137
1138
|
clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
|
|
1138
1139
|
}
|
|
1139
1140
|
|
|
@@ -1142,7 +1143,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1142
1143
|
the calculation used to determine the Split Panel maximum width in the
|
|
1143
1144
|
handleSplitPanelMaxWidth function in the context.
|
|
1144
1145
|
*/
|
|
1145
|
-
.
|
|
1146
|
+
.awsui_trigger_hyvsj_gc2xf_1112:not(#\9) {
|
|
1146
1147
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1147
1148
|
border-start-start-radius: 50%;
|
|
1148
1149
|
border-start-end-radius: 50%;
|
|
@@ -1158,20 +1159,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1158
1159
|
pointer-events: auto;
|
|
1159
1160
|
position: relative;
|
|
1160
1161
|
}
|
|
1161
|
-
.
|
|
1162
|
+
.awsui_trigger_hyvsj_gc2xf_1112:not(#\9):hover {
|
|
1162
1163
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1163
1164
|
}
|
|
1164
|
-
.
|
|
1165
|
+
.awsui_trigger_hyvsj_gc2xf_1112:not(#\9):active {
|
|
1165
1166
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1166
1167
|
}
|
|
1167
|
-
body[data-awsui-focus-visible=true] .
|
|
1168
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gc2xf_1112:not(#\9):focus {
|
|
1168
1169
|
position: relative;
|
|
1169
1170
|
}
|
|
1170
|
-
body[data-awsui-focus-visible=true] .
|
|
1171
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gc2xf_1112:not(#\9):focus {
|
|
1171
1172
|
outline: 2px dotted transparent;
|
|
1172
1173
|
outline-offset: calc(3px - 1px);
|
|
1173
1174
|
}
|
|
1174
|
-
body[data-awsui-focus-visible=true] .
|
|
1175
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gc2xf_1112:not(#\9):focus::before {
|
|
1175
1176
|
content: " ";
|
|
1176
1177
|
display: block;
|
|
1177
1178
|
position: absolute;
|
|
@@ -1185,45 +1186,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16gcr_1111:not(#\9):foc
|
|
|
1185
1186
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1186
1187
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1187
1188
|
}
|
|
1188
|
-
.
|
|
1189
|
+
.awsui_trigger_hyvsj_gc2xf_1112:not(#\9):focus {
|
|
1189
1190
|
outline: none;
|
|
1190
1191
|
}
|
|
1191
|
-
.
|
|
1192
|
+
.awsui_trigger_hyvsj_gc2xf_1112.awsui_selected_hyvsj_gc2xf_1190:not(#\9) {
|
|
1192
1193
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1193
1194
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1194
1195
|
}
|
|
1195
|
-
.
|
|
1196
|
+
.awsui_trigger_hyvsj_gc2xf_1112.awsui_selected_hyvsj_gc2xf_1190:not(#\9):hover {
|
|
1196
1197
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1197
1198
|
}
|
|
1198
|
-
.
|
|
1199
|
+
.awsui_trigger_hyvsj_gc2xf_1112.awsui_selected_hyvsj_gc2xf_1190:not(#\9):active {
|
|
1199
1200
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1200
1201
|
}
|
|
1201
|
-
.
|
|
1202
|
+
.awsui_trigger_hyvsj_gc2xf_1112.awsui_selected_hyvsj_gc2xf_1190 > .awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112:not(#\9) {
|
|
1202
1203
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1203
1204
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1204
1205
|
}
|
|
1205
|
-
.
|
|
1206
|
+
.awsui_trigger_hyvsj_gc2xf_1112.awsui_selected_hyvsj_gc2xf_1190 > .awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112:not(#\9):hover {
|
|
1206
1207
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1207
1208
|
}
|
|
1208
|
-
.
|
|
1209
|
+
.awsui_trigger_hyvsj_gc2xf_1112.awsui_selected_hyvsj_gc2xf_1190 > .awsui_trigger-badge-wrapper_hyvsj_gc2xf_1112:not(#\9):active {
|
|
1209
1210
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1210
1211
|
}
|
|
1211
|
-
.
|
|
1212
|
+
.awsui_trigger_hyvsj_gc2xf_1112.awsui_badge_hyvsj_gc2xf_1210:not(#\9), .awsui_trigger_hyvsj_gc2xf_1112.awsui_badge_hyvsj_gc2xf_1210:not(#\9):hover, .awsui_trigger_hyvsj_gc2xf_1112.awsui_badge_hyvsj_gc2xf_1210:not(#\9):active {
|
|
1212
1213
|
background: transparent;
|
|
1213
1214
|
}
|
|
1214
1215
|
|
|
1215
|
-
.awsui_trigger-
|
|
1216
|
+
.awsui_trigger-wrapper_hyvsj_gc2xf_1214:not(#\9) {
|
|
1216
1217
|
position: relative;
|
|
1217
1218
|
border-start-start-radius: 50%;
|
|
1218
1219
|
border-start-end-radius: 50%;
|
|
1219
1220
|
border-end-start-radius: 50%;
|
|
1220
1221
|
border-end-end-radius: 50%;
|
|
1221
1222
|
}
|
|
1222
|
-
.awsui_trigger-
|
|
1223
|
+
.awsui_trigger-wrapper_hyvsj_gc2xf_1214:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_gc2xf_612) {
|
|
1223
1224
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1224
1225
|
}
|
|
1225
1226
|
|
|
1226
|
-
.
|
|
1227
|
+
.awsui_dot_hyvsj_gc2xf_1225:not(#\9) {
|
|
1227
1228
|
position: absolute;
|
|
1228
1229
|
inline-size: 9px;
|
|
1229
1230
|
block-size: 9px;
|