@cloudscape-design/components 3.0.548 → 3.0.550
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 +81 -81
- package/app-layout/visual-refresh/styles.scoped.css +172 -171
- package/app-layout/visual-refresh/styles.selectors.js +81 -81
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
|
@@ -96,16 +96,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
96
96
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
97
|
SPDX-License-Identifier: Apache-2.0
|
|
98
98
|
*/
|
|
99
|
-
div.
|
|
99
|
+
div.awsui_background_hyvsj_zz5e8_99:not(#\9) {
|
|
100
100
|
display: contents;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_zz5e8_99 > .awsui_scrolling-background_hyvsj_zz5e8_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
104
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
105
105
|
grid-column: 1/span 5;
|
|
106
106
|
grid-row: 1/10;
|
|
107
107
|
}
|
|
108
|
-
div.
|
|
108
|
+
div.awsui_background_hyvsj_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_108:not(#\9) {
|
|
109
109
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
110
110
|
grid-column: 1/span 5;
|
|
111
111
|
grid-row: 1/10;
|
|
@@ -113,10 +113,10 @@ div.awsui_background_hyvsj_l6owv_99 > .awsui_sticky-background_hyvsj_l6owv_108:n
|
|
|
113
113
|
inset-block-start: var(--awsui-header-height-iof9y8);
|
|
114
114
|
z-index: 799;
|
|
115
115
|
}
|
|
116
|
-
div.
|
|
116
|
+
div.awsui_background_hyvsj_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_zz5e8_116) {
|
|
117
117
|
block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-iof9y8));
|
|
118
118
|
}
|
|
119
|
-
div.
|
|
119
|
+
div.awsui_background_hyvsj_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_108.awsui_has-sticky-notifications_hyvsj_zz5e8_116:not(#\9) {
|
|
120
120
|
block-size: calc(
|
|
121
121
|
var(--awsui-notifications-gap-iof9y8) + var(--awsui-notifications-height-iof9y8) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-iof9y8)
|
|
122
122
|
);
|
|
@@ -126,7 +126,7 @@ div.awsui_background_hyvsj_l6owv_99 > .awsui_sticky-background_hyvsj_l6owv_108.a
|
|
|
126
126
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
127
127
|
SPDX-License-Identifier: Apache-2.0
|
|
128
128
|
*/
|
|
129
|
-
.
|
|
129
|
+
.awsui_breadcrumbs_hyvsj_zz5e8_129:not(#\9) {
|
|
130
130
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
131
131
|
grid-area: breadcrumbs;
|
|
132
132
|
/*
|
|
@@ -136,7 +136,7 @@ div.awsui_background_hyvsj_l6owv_99 > .awsui_sticky-background_hyvsj_l6owv_108.a
|
|
|
136
136
|
be lifted so it doesn't render behind the background element.
|
|
137
137
|
*/
|
|
138
138
|
}
|
|
139
|
-
.
|
|
139
|
+
.awsui_breadcrumbs_hyvsj_zz5e8_129.awsui_has-sticky-background_hyvsj_zz5e8_139:not(#\9) {
|
|
140
140
|
z-index: 799;
|
|
141
141
|
}
|
|
142
142
|
|
|
@@ -148,7 +148,7 @@ div.awsui_background_hyvsj_l6owv_99 > .awsui_sticky-background_hyvsj_l6owv_108.a
|
|
|
148
148
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
149
149
|
SPDX-License-Identifier: Apache-2.0
|
|
150
150
|
*/
|
|
151
|
-
.awsui_drawers-
|
|
151
|
+
.awsui_drawers-container_hyvsj_zz5e8_151:not(#\9) {
|
|
152
152
|
background-color: transparent;
|
|
153
153
|
display: flex;
|
|
154
154
|
grid-column: 5;
|
|
@@ -159,18 +159,18 @@ div.awsui_background_hyvsj_l6owv_99 > .awsui_sticky-background_hyvsj_l6owv_108.a
|
|
|
159
159
|
inset-block-start: var(--awsui-offset-top-iof9y8);
|
|
160
160
|
z-index: 830;
|
|
161
161
|
}
|
|
162
|
-
.awsui_drawers-
|
|
162
|
+
.awsui_drawers-container_hyvsj_zz5e8_151.awsui_has-open-drawer_hyvsj_zz5e8_162:not(#\9) {
|
|
163
163
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
164
164
|
}
|
|
165
165
|
@media (min-width: 689px) {
|
|
166
|
-
.awsui_drawers-
|
|
166
|
+
.awsui_drawers-container_hyvsj_zz5e8_151:not(#\9) {
|
|
167
167
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
168
168
|
max-inline-size: calc(var(--awsui-layout-width-iof9y8) - var(--awsui-main-offset-left-iof9y8) - var(--awsui-default-min-content-width-iof9y8) - var(--awsui-content-gap-right-iof9y8));
|
|
169
169
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
170
170
|
}
|
|
171
171
|
}
|
|
172
172
|
@media (max-width: 688px) {
|
|
173
|
-
.awsui_drawers-
|
|
173
|
+
.awsui_drawers-container_hyvsj_zz5e8_151:not(#\9) {
|
|
174
174
|
position: fixed;
|
|
175
175
|
inset-inline-end: 0;
|
|
176
176
|
z-index: 1001;
|
|
@@ -182,12 +182,12 @@ div.awsui_background_hyvsj_l6owv_99 > .awsui_sticky-background_hyvsj_l6owv_108.a
|
|
|
182
182
|
relative to the body.
|
|
183
183
|
*/
|
|
184
184
|
}
|
|
185
|
-
.awsui_drawers-
|
|
185
|
+
.awsui_drawers-container_hyvsj_zz5e8_151.awsui_disable-body-scroll_hyvsj_zz5e8_185:not(#\9) {
|
|
186
186
|
inset-block-start: var(--awsui-header-height-iof9y8);
|
|
187
187
|
}
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
.awsui_drawers-desktop-triggers-
|
|
190
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_zz5e8_190:not(#\9) {
|
|
191
191
|
border-collapse: separate;
|
|
192
192
|
border-spacing: 0;
|
|
193
193
|
box-sizing: border-box;
|
|
@@ -229,21 +229,21 @@ div.awsui_background_hyvsj_l6owv_99 > .awsui_sticky-background_hyvsj_l6owv_108.a
|
|
|
229
229
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
230
230
|
overscroll-behavior-y: contain;
|
|
231
231
|
}
|
|
232
|
-
.awsui_drawers-desktop-triggers-
|
|
232
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_zz5e8_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_zz5e8_231).awsui_has-open-drawer_hyvsj_zz5e8_162 {
|
|
233
233
|
inline-size: 0;
|
|
234
234
|
}
|
|
235
|
-
.awsui_drawers-desktop-triggers-
|
|
235
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_zz5e8_190.awsui_has-multiple-triggers_hyvsj_zz5e8_231.awsui_has-open-drawer_hyvsj_zz5e8_162:not(#\9) {
|
|
236
236
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
237
237
|
}
|
|
238
|
-
.awsui_drawers-desktop-triggers-
|
|
238
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_zz5e8_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_zz5e8_231):not(.awsui_has-open-drawer_hyvsj_zz5e8_162) {
|
|
239
239
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
-
.awsui_drawers-mobile-triggers-
|
|
242
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_zz5e8_241:not(#\9) {
|
|
243
243
|
display: flex;
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
-
.awsui_drawers-trigger-
|
|
246
|
+
.awsui_drawers-trigger-content_hyvsj_zz5e8_245:not(#\9) {
|
|
247
247
|
align-items: center;
|
|
248
248
|
display: flex;
|
|
249
249
|
flex-direction: column;
|
|
@@ -251,13 +251,13 @@ div.awsui_background_hyvsj_l6owv_99 > .awsui_sticky-background_hyvsj_l6owv_108.a
|
|
|
251
251
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
252
252
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
253
253
|
}
|
|
254
|
-
.awsui_drawers-trigger-
|
|
254
|
+
.awsui_drawers-trigger-content_hyvsj_zz5e8_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_zz5e8_231).awsui_has-open-drawer_hyvsj_zz5e8_162 {
|
|
255
255
|
opacity: 0;
|
|
256
256
|
}
|
|
257
|
-
.awsui_drawers-trigger-
|
|
257
|
+
.awsui_drawers-trigger-content_hyvsj_zz5e8_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_zz5e8_231):not(.awsui_has-open-drawer_hyvsj_zz5e8_162) {
|
|
258
258
|
opacity: 1;
|
|
259
259
|
}
|
|
260
|
-
.awsui_drawers-trigger-
|
|
260
|
+
.awsui_drawers-trigger-content_hyvsj_zz5e8_245 > .awsui_drawers-trigger-overflow_hyvsj_zz5e8_259:not(#\9) {
|
|
261
261
|
padding-block: 0;
|
|
262
262
|
padding-inline: 1px;
|
|
263
263
|
display: flex;
|
|
@@ -266,14 +266,14 @@ div.awsui_background_hyvsj_l6owv_99 > .awsui_sticky-background_hyvsj_l6owv_108.a
|
|
|
266
266
|
}
|
|
267
267
|
|
|
268
268
|
@media (max-width: 688px) {
|
|
269
|
-
.awsui_drawers-
|
|
269
|
+
.awsui_drawers-trigger_hyvsj_zz5e8_245:not(#\9) {
|
|
270
270
|
inline-size: 40px;
|
|
271
271
|
display: flex;
|
|
272
272
|
justify-content: center;
|
|
273
273
|
}
|
|
274
274
|
}
|
|
275
275
|
|
|
276
|
-
.
|
|
276
|
+
.awsui_drawer_hyvsj_zz5e8_151:not(#\9) {
|
|
277
277
|
--awsui-drawer-size-iof9y8: 290px;
|
|
278
278
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
279
279
|
border-color: transparent;
|
|
@@ -288,7 +288,7 @@ div.awsui_background_hyvsj_l6owv_99 > .awsui_sticky-background_hyvsj_l6owv_108.a
|
|
|
288
288
|
pointer-events: auto;
|
|
289
289
|
word-wrap: break-word;
|
|
290
290
|
}
|
|
291
|
-
.
|
|
291
|
+
.awsui_drawer_hyvsj_zz5e8_151 > .awsui_drawer-content-container_hyvsj_zz5e8_290:not(#\9) {
|
|
292
292
|
grid-column: 1/span 2;
|
|
293
293
|
grid-row: 1;
|
|
294
294
|
inline-size: var(--awsui-drawer-size-iof9y8);
|
|
@@ -297,41 +297,41 @@ div.awsui_background_hyvsj_l6owv_99 > .awsui_sticky-background_hyvsj_l6owv_108.a
|
|
|
297
297
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
298
298
|
overflow-y: auto;
|
|
299
299
|
}
|
|
300
|
-
.
|
|
300
|
+
.awsui_drawer_hyvsj_zz5e8_151 > .awsui_drawer-content-container_hyvsj_zz5e8_290 > .awsui_drawer-close-button_hyvsj_zz5e8_299:not(#\9) {
|
|
301
301
|
grid-column: 3;
|
|
302
302
|
grid-row: 2;
|
|
303
303
|
z-index: 1;
|
|
304
304
|
}
|
|
305
|
-
.
|
|
305
|
+
.awsui_drawer_hyvsj_zz5e8_151 > .awsui_drawer-content-container_hyvsj_zz5e8_290 > .awsui_drawer-content_hyvsj_zz5e8_290:not(#\9) {
|
|
306
306
|
grid-column: 1/span 4;
|
|
307
307
|
}
|
|
308
|
-
.
|
|
308
|
+
.awsui_drawer_hyvsj_zz5e8_151 > .awsui_drawer-content-container_hyvsj_zz5e8_290 > .awsui_drawer-content_hyvsj_zz5e8_290.awsui_drawer-content-hidden_hyvsj_zz5e8_307:not(#\9) {
|
|
309
309
|
display: none;
|
|
310
310
|
}
|
|
311
|
-
.
|
|
311
|
+
.awsui_drawer_hyvsj_zz5e8_151 > .awsui_drawer-slider_hyvsj_zz5e8_310:not(#\9) {
|
|
312
312
|
grid-column: 1;
|
|
313
313
|
grid-row: 1;
|
|
314
314
|
block-size: 100%;
|
|
315
315
|
display: flex;
|
|
316
316
|
align-items: center;
|
|
317
317
|
}
|
|
318
|
-
.
|
|
318
|
+
.awsui_drawer_hyvsj_zz5e8_151:not(#\9):not(.awsui_is-drawer-open_hyvsj_zz5e8_317) {
|
|
319
319
|
opacity: 0;
|
|
320
320
|
inline-size: 0;
|
|
321
321
|
}
|
|
322
|
-
.
|
|
322
|
+
.awsui_drawer_hyvsj_zz5e8_151.awsui_is-drawer-open_hyvsj_zz5e8_317:not(#\9) {
|
|
323
323
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
324
324
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
325
325
|
opacity: 1;
|
|
326
326
|
inline-size: var(--awsui-drawer-size-iof9y8);
|
|
327
327
|
}
|
|
328
328
|
@media (min-width: 2541px) {
|
|
329
|
-
.
|
|
329
|
+
.awsui_drawer_hyvsj_zz5e8_151.awsui_is-drawer-open_hyvsj_zz5e8_317:not(#\9) {
|
|
330
330
|
--awsui-drawer-size-iof9y8: 320px;
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
333
|
@media (max-width: 688px) {
|
|
334
|
-
.
|
|
334
|
+
.awsui_drawer_hyvsj_zz5e8_151.awsui_is-drawer-open_hyvsj_zz5e8_317:not(#\9) {
|
|
335
335
|
--awsui-drawer-size-iof9y8: 100vw;
|
|
336
336
|
inline-size: 100vw;
|
|
337
337
|
}
|
|
@@ -341,7 +341,7 @@ div.awsui_background_hyvsj_l6owv_99 > .awsui_sticky-background_hyvsj_l6owv_108.a
|
|
|
341
341
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
342
342
|
SPDX-License-Identifier: Apache-2.0
|
|
343
343
|
*/
|
|
344
|
-
header.
|
|
344
|
+
header.awsui_content_hyvsj_zz5e8_343:not(#\9) {
|
|
345
345
|
grid-area: header;
|
|
346
346
|
}
|
|
347
347
|
|
|
@@ -362,7 +362,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
362
362
|
circumstances regardless of whether the minContentWidth property is
|
|
363
363
|
explicitly set in script.
|
|
364
364
|
*/
|
|
365
|
-
.
|
|
365
|
+
.awsui_layout_hyvsj_zz5e8_364:not(#\9) {
|
|
366
366
|
--awsui-breadcrumbs-gap-iof9y8: 0px;
|
|
367
367
|
--awsui-content-gap-left-iof9y8: 0px;
|
|
368
368
|
--awsui-content-gap-right-iof9y8: 0px;
|
|
@@ -445,139 +445,139 @@ explicitly set in script.
|
|
|
445
445
|
*/
|
|
446
446
|
}
|
|
447
447
|
@media (min-width: 1401px) {
|
|
448
|
-
.
|
|
448
|
+
.awsui_layout_hyvsj_zz5e8_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_zz5e8_447) {
|
|
449
449
|
--awsui-default-max-content-width-iof9y8: 1280px;
|
|
450
450
|
}
|
|
451
451
|
}
|
|
452
452
|
@media (min-width: 1921px) {
|
|
453
|
-
.
|
|
453
|
+
.awsui_layout_hyvsj_zz5e8_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_zz5e8_447) {
|
|
454
454
|
--awsui-default-max-content-width-iof9y8: 1440px;
|
|
455
455
|
}
|
|
456
456
|
}
|
|
457
457
|
@media (min-width: 2541px) {
|
|
458
|
-
.
|
|
458
|
+
.awsui_layout_hyvsj_zz5e8_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_zz5e8_447) {
|
|
459
459
|
--awsui-default-max-content-width-iof9y8: 1620px;
|
|
460
460
|
}
|
|
461
461
|
}
|
|
462
462
|
@media (min-width: 1401px) {
|
|
463
|
-
.
|
|
463
|
+
.awsui_layout_hyvsj_zz5e8_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_zz5e8_447).awsui_content-type-dashboard_hyvsj_zz5e8_462 {
|
|
464
464
|
--awsui-default-max-content-width-iof9y8: 1280px;
|
|
465
465
|
}
|
|
466
466
|
}
|
|
467
467
|
@media (min-width: 1921px) {
|
|
468
|
-
.
|
|
468
|
+
.awsui_layout_hyvsj_zz5e8_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_zz5e8_447).awsui_content-type-dashboard_hyvsj_zz5e8_462 {
|
|
469
469
|
--awsui-default-max-content-width-iof9y8: 1620px;
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
472
|
@media (min-width: 2541px) {
|
|
473
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_zz5e8_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_zz5e8_447).awsui_content-type-dashboard_hyvsj_zz5e8_462 {
|
|
474
474
|
--awsui-default-max-content-width-iof9y8: 2160px;
|
|
475
475
|
}
|
|
476
476
|
}
|
|
477
|
-
.
|
|
477
|
+
.awsui_layout_hyvsj_zz5e8_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_zz5e8_447).awsui_content-type-table_hyvsj_zz5e8_476, .awsui_layout_hyvsj_zz5e8_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_zz5e8_447).awsui_content-type-cards_hyvsj_zz5e8_476 {
|
|
478
478
|
--awsui-default-max-content-width-iof9y8: 100%;
|
|
479
479
|
}
|
|
480
|
-
.
|
|
480
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_has-max-content-width_hyvsj_zz5e8_447:not(#\9) {
|
|
481
481
|
--awsui-default-max-content-width-iof9y8: var(--awsui-max-content-width-iof9y8);
|
|
482
482
|
}
|
|
483
|
-
.
|
|
483
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_is-overlap-disabled_hyvsj_zz5e8_482:not(#\9) {
|
|
484
484
|
--awsui-overlap-height-iof9y8: 0;
|
|
485
485
|
}
|
|
486
|
-
.
|
|
486
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_is-hide-mobile-toolbar_hyvsj_zz5e8_485:not(#\9) {
|
|
487
487
|
--awsui-mobile-bar-height-iof9y8: 0px;
|
|
488
488
|
}
|
|
489
489
|
@media (min-width: 993px) {
|
|
490
|
-
.
|
|
490
|
+
.awsui_layout_hyvsj_zz5e8_364:not(#\9) {
|
|
491
491
|
--awsui-default-min-content-width-iof9y8: var(--awsui-min-content-width-iof9y8, 280px);
|
|
492
492
|
}
|
|
493
493
|
}
|
|
494
494
|
@media (max-width: 992px) {
|
|
495
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_zz5e8_364:not(#\9) {
|
|
496
496
|
--awsui-default-min-content-width-iof9y8: 0px;
|
|
497
497
|
}
|
|
498
498
|
}
|
|
499
|
-
.
|
|
499
|
+
.awsui_layout_hyvsj_zz5e8_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_zz5e8_116):not(.awsui_has-sticky-background_hyvsj_zz5e8_139) {
|
|
500
500
|
--awsui-offset-top-with-notifications-iof9y8: var(--awsui-header-height-iof9y8);
|
|
501
501
|
}
|
|
502
|
-
.
|
|
502
|
+
.awsui_layout_hyvsj_zz5e8_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_zz5e8_116).awsui_has-sticky-background_hyvsj_zz5e8_139 {
|
|
503
503
|
--awsui-offset-top-with-notifications-iof9y8: calc(var(--awsui-header-height-iof9y8) + var(--space-scaled-s-aqzyko, 12px));
|
|
504
504
|
}
|
|
505
|
-
.
|
|
505
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_has-sticky-notifications_hyvsj_zz5e8_116:not(#\9):not(.awsui_has-sticky-background_hyvsj_zz5e8_139) {
|
|
506
506
|
--awsui-offset-top-with-notifications-iof9y8: calc(
|
|
507
507
|
var(--awsui-offset-top-iof9y8) + var(--awsui-notifications-gap-iof9y8) +
|
|
508
508
|
var(--awsui-notifications-height-iof9y8) + var(--space-xxxs-zbmxqb, 2px)
|
|
509
509
|
);
|
|
510
510
|
}
|
|
511
|
-
.
|
|
511
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_has-sticky-notifications_hyvsj_zz5e8_116.awsui_has-sticky-background_hyvsj_zz5e8_139:not(#\9) {
|
|
512
512
|
--awsui-offset-top-with-notifications-iof9y8: calc(
|
|
513
513
|
var(--awsui-offset-top-iof9y8) + var(--awsui-notifications-gap-iof9y8) +
|
|
514
514
|
var(--awsui-notifications-height-iof9y8) + var(--space-scaled-s-aqzyko, 12px)
|
|
515
515
|
);
|
|
516
516
|
}
|
|
517
517
|
@media (min-width: 689px) {
|
|
518
|
-
.
|
|
518
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_has-content-gap-left_hyvsj_zz5e8_517:not(#\9) {
|
|
519
519
|
--awsui-content-gap-left-iof9y8: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
520
520
|
}
|
|
521
|
-
.
|
|
521
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_has-content-gap-right_hyvsj_zz5e8_520:not(#\9) {
|
|
522
522
|
--awsui-content-gap-right-iof9y8: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
523
523
|
}
|
|
524
524
|
}
|
|
525
525
|
@media (max-width: 688px) {
|
|
526
|
-
.
|
|
526
|
+
.awsui_layout_hyvsj_zz5e8_364:not(#\9) {
|
|
527
527
|
--awsui-content-gap-left-iof9y8: var(--space-l-t419sm, 20px);
|
|
528
528
|
--awsui-content-gap-right-iof9y8: var(--space-l-t419sm, 20px);
|
|
529
529
|
}
|
|
530
530
|
}
|
|
531
|
-
.
|
|
531
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_content-first-child-notifications_hyvsj_zz5e8_530:not(#\9) {
|
|
532
532
|
--awsui-notifications-gap-iof9y8: var(--space-xs-zb16t3, 8px);
|
|
533
533
|
}
|
|
534
|
-
.
|
|
534
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_has-breadcrumbs_hyvsj_zz5e8_533:not(#\9) {
|
|
535
535
|
--awsui-breadcrumbs-gap-iof9y8: var(--space-scaled-m-mo5yse, 16px);
|
|
536
536
|
}
|
|
537
|
-
.
|
|
537
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_content-first-child-header_hyvsj_zz5e8_536:not(#\9), .awsui_layout_hyvsj_zz5e8_364.awsui_content-first-child-notifications_hyvsj_zz5e8_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_zz5e8_533).awsui_has-header_hyvsj_zz5e8_536 {
|
|
538
538
|
--awsui-header-gap-iof9y8: var(--space-scaled-xs-26e2du, 8px);
|
|
539
539
|
}
|
|
540
|
-
.
|
|
540
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_has-breadcrumbs_hyvsj_zz5e8_533.awsui_has-header_hyvsj_zz5e8_536:not(#\9) {
|
|
541
541
|
--awsui-header-gap-iof9y8: var(--space-scaled-xs-26e2du, 8px);
|
|
542
542
|
}
|
|
543
|
-
.
|
|
543
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_content-first-child-notifications_hyvsj_zz5e8_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_zz5e8_533):not(.awsui_has-header_hyvsj_zz5e8_536) {
|
|
544
544
|
--awsui-main-gap-iof9y8: var(--space-xs-zb16t3, 8px);
|
|
545
545
|
}
|
|
546
|
-
.
|
|
546
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_has-breadcrumbs_hyvsj_zz5e8_533:not(#\9):not(.awsui_has-header_hyvsj_zz5e8_536) {
|
|
547
547
|
--awsui-container-first-gap-iof9y8: calc(var(--awsui-breadcrumbs-gap-iof9y8) - var(--awsui-main-gap-iof9y8));
|
|
548
548
|
}
|
|
549
|
-
.
|
|
549
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_has-breadcrumbs_hyvsj_zz5e8_533:not(#\9):not(.awsui_has-header_hyvsj_zz5e8_536).awsui_is-overlap-disabled_hyvsj_zz5e8_482 {
|
|
550
550
|
--awsui-main-gap-iof9y8: var(--space-scaled-m-mo5yse, 16px);
|
|
551
551
|
}
|
|
552
|
-
.
|
|
552
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_has-breadcrumbs_hyvsj_zz5e8_533:not(#\9):not(.awsui_has-header_hyvsj_zz5e8_536):not(.awsui_is-overlap-disabled_hyvsj_zz5e8_482) {
|
|
553
553
|
--awsui-main-gap-iof9y8: var(--space-scaled-xxs-7597g1, 4px);
|
|
554
554
|
}
|
|
555
|
-
.
|
|
555
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_has-header_hyvsj_zz5e8_536:not(#\9) {
|
|
556
556
|
--awsui-main-gap-iof9y8: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
557
557
|
}
|
|
558
|
-
.
|
|
558
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_content-first-child-main_hyvsj_zz5e8_557:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_zz5e8_482), .awsui_layout_hyvsj_zz5e8_364.awsui_content-first-child-main_hyvsj_zz5e8_557.awsui_is-overlap-disabled_hyvsj_zz5e8_482:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zz5e8_557) {
|
|
559
559
|
--awsui-main-gap-iof9y8: var(--space-scaled-s-aqzyko, 12px);
|
|
560
560
|
}
|
|
561
561
|
@media (min-width: 689px) {
|
|
562
|
-
.
|
|
562
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_content-first-child-main_hyvsj_zz5e8_557:not(#\9):not(.awsui_has-header_hyvsj_zz5e8_536) {
|
|
563
563
|
--awsui-container-first-overlap-extension-iof9y8: var(--space-m-udix3p, 16px);
|
|
564
564
|
--awsui-container-first-gap-iof9y8: var(--space-xxs-p8yyaw, 4px);
|
|
565
565
|
}
|
|
566
566
|
}
|
|
567
567
|
@media (max-width: 688px) {
|
|
568
|
-
.
|
|
568
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_content-first-child-notifications_hyvsj_zz5e8_530:not(#\9) {
|
|
569
569
|
--awsui-notifications-gap-iof9y8: var(--space-scaled-s-aqzyko, 12px);
|
|
570
570
|
}
|
|
571
|
-
.
|
|
571
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_content-first-child-header_hyvsj_zz5e8_536:not(#\9) {
|
|
572
572
|
--awsui-header-gap-iof9y8: var(--space-scaled-s-aqzyko, 12px);
|
|
573
573
|
}
|
|
574
|
-
.
|
|
574
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_content-first-child-notifications_hyvsj_zz5e8_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_zz5e8_533).awsui_has-header_hyvsj_zz5e8_536 {
|
|
575
575
|
--awsui-header-gap-iof9y8: var(--space-scaled-s-aqzyko, 12px);
|
|
576
576
|
}
|
|
577
|
-
.
|
|
577
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_content-first-child-notifications_hyvsj_zz5e8_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_zz5e8_533):not(.awsui_has-header_hyvsj_zz5e8_536), .awsui_layout_hyvsj_zz5e8_364.awsui_content-first-child-main_hyvsj_zz5e8_557:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_zz5e8_482) {
|
|
578
578
|
--awsui-main-gap-iof9y8: var(--space-scaled-s-aqzyko, 12px);
|
|
579
579
|
}
|
|
580
|
-
.
|
|
580
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_content-first-child-main_hyvsj_zz5e8_557.awsui_is-overlap-disabled_hyvsj_zz5e8_482:not(#\9):not(.awsui_disable-content-paddings_hyvsj_zz5e8_557) {
|
|
581
581
|
--awsui-main-gap-iof9y8: var(--space-scaled-m-mo5yse, 16px);
|
|
582
582
|
}
|
|
583
583
|
}
|
|
@@ -592,19 +592,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
592
592
|
position: sticky will be the value of the notifications height in addition to the
|
|
593
593
|
notifications top margin and some additional vertical space for aesthetics.
|
|
594
594
|
*/
|
|
595
|
-
.
|
|
595
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_disable-body-scroll_hyvsj_zz5e8_185:not(#\9) {
|
|
596
596
|
--awsui-main-template-rows-iof9y8: 1fr auto;
|
|
597
597
|
--awsui-offset-top-iof9y8: 0px;
|
|
598
598
|
block-size: var(--awsui-content-height-iof9y8);
|
|
599
599
|
overflow-y: scroll;
|
|
600
600
|
}
|
|
601
|
-
.
|
|
601
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_disable-body-scroll_hyvsj_zz5e8_185.awsui_has-split-panel_hyvsj_zz5e8_600.awsui_split-panel-position-bottom_hyvsj_zz5e8_600:not(#\9) {
|
|
602
602
|
--awsui-main-template-rows-iof9y8: repeat(2, auto);
|
|
603
603
|
}
|
|
604
|
-
.
|
|
604
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_disable-body-scroll_hyvsj_zz5e8_185:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_zz5e8_116) {
|
|
605
605
|
--awsui-offset-top-with-notifications-iof9y8: 0px;
|
|
606
606
|
}
|
|
607
|
-
.
|
|
607
|
+
.awsui_layout_hyvsj_zz5e8_364.awsui_disable-body-scroll_hyvsj_zz5e8_185.awsui_has-sticky-notifications_hyvsj_zz5e8_116:not(#\9) {
|
|
608
608
|
--awsui-offset-top-with-notifications-iof9y8: calc(
|
|
609
609
|
var(--awsui-notifications-height-iof9y8) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
610
610
|
);
|
|
@@ -614,13 +614,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
614
614
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
615
615
|
when the navigation or tools drawers are open in responsive viewports.
|
|
616
616
|
*/
|
|
617
|
-
.awsui_block-body-
|
|
617
|
+
.awsui_block-body-scroll_hyvsj_zz5e8_616:not(#\9) {
|
|
618
618
|
overflow: hidden;
|
|
619
619
|
}
|
|
620
620
|
|
|
621
621
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
622
|
-
.
|
|
623
|
-
.
|
|
622
|
+
.awsui_unfocusable_hyvsj_zz5e8_621:not(#\9),
|
|
623
|
+
.awsui_unfocusable_hyvsj_zz5e8_621 *:not(#\9) {
|
|
624
624
|
visibility: hidden !important;
|
|
625
625
|
}
|
|
626
626
|
|
|
@@ -629,7 +629,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
629
629
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
630
630
|
SPDX-License-Identifier: Apache-2.0
|
|
631
631
|
*/
|
|
632
|
-
.
|
|
632
|
+
.awsui_container_hyvsj_zz5e8_631:not(#\9) {
|
|
633
633
|
grid-area: main;
|
|
634
634
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
635
635
|
/*
|
|
@@ -646,19 +646,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
646
646
|
on the right, we decrement the column end by one.
|
|
647
647
|
*/
|
|
648
648
|
}
|
|
649
|
-
.
|
|
649
|
+
.awsui_container_hyvsj_zz5e8_631.awsui_has-split-panel_hyvsj_zz5e8_600.awsui_split-panel-position-bottom_hyvsj_zz5e8_600:not(#\9) {
|
|
650
650
|
padding-block-end: calc(var(--awsui-split-panel-height-iof9y8) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
651
651
|
}
|
|
652
|
-
.
|
|
652
|
+
.awsui_container_hyvsj_zz5e8_631.awsui_disable-content-paddings_hyvsj_zz5e8_557:not(#\9) {
|
|
653
653
|
grid-column: 1/6;
|
|
654
654
|
padding-block: 0;
|
|
655
655
|
padding-inline: 0;
|
|
656
656
|
}
|
|
657
657
|
@media (min-width: 689px) {
|
|
658
|
-
.
|
|
658
|
+
.awsui_container_hyvsj_zz5e8_631.awsui_disable-content-paddings_hyvsj_zz5e8_557.awsui_is-navigation-open_hyvsj_zz5e8_657:not(#\9) {
|
|
659
659
|
grid-column-start: 2;
|
|
660
660
|
}
|
|
661
|
-
.
|
|
661
|
+
.awsui_container_hyvsj_zz5e8_631.awsui_disable-content-paddings_hyvsj_zz5e8_557.awsui_is-tools-open_hyvsj_zz5e8_660:not(#\9), .awsui_container_hyvsj_zz5e8_631.awsui_disable-content-paddings_hyvsj_zz5e8_557.awsui_is-split-panel-open_hyvsj_zz5e8_660.awsui_split-panel-position-side_hyvsj_zz5e8_660:not(#\9), .awsui_container_hyvsj_zz5e8_631.awsui_disable-content-paddings_hyvsj_zz5e8_557.awsui_has-active-drawer_hyvsj_zz5e8_660:not(#\9) {
|
|
662
662
|
grid-column-end: 5;
|
|
663
663
|
}
|
|
664
664
|
}
|
|
@@ -667,7 +667,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
667
667
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
668
668
|
SPDX-License-Identifier: Apache-2.0
|
|
669
669
|
*/
|
|
670
|
-
section.awsui_mobile-
|
|
670
|
+
section.awsui_mobile-toolbar_hyvsj_zz5e8_669:not(#\9) {
|
|
671
671
|
align-items: center;
|
|
672
672
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
673
673
|
border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
@@ -684,19 +684,19 @@ section.awsui_mobile-toolbar_hyvsj_l6owv_669:not(#\9) {
|
|
|
684
684
|
inset-block-start: var(--awsui-offset-top-iof9y8);
|
|
685
685
|
z-index: 1000;
|
|
686
686
|
}
|
|
687
|
-
section.awsui_mobile-
|
|
687
|
+
section.awsui_mobile-toolbar_hyvsj_zz5e8_669:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_zz5e8_686) {
|
|
688
688
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
689
689
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
690
690
|
}
|
|
691
|
-
section.awsui_mobile-
|
|
691
|
+
section.awsui_mobile-toolbar_hyvsj_zz5e8_669 > .awsui_mobile-toolbar-nav_hyvsj_zz5e8_690:not(#\9) {
|
|
692
692
|
grid-column: 1;
|
|
693
693
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
694
694
|
}
|
|
695
|
-
section.awsui_mobile-
|
|
695
|
+
section.awsui_mobile-toolbar_hyvsj_zz5e8_669 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_zz5e8_694:not(#\9) {
|
|
696
696
|
grid-column: 2;
|
|
697
697
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
698
698
|
}
|
|
699
|
-
section.awsui_mobile-
|
|
699
|
+
section.awsui_mobile-toolbar_hyvsj_zz5e8_669 > .awsui_mobile-toolbar-tools_hyvsj_zz5e8_698:not(#\9) {
|
|
700
700
|
grid-column: 3;
|
|
701
701
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
702
702
|
}
|
|
@@ -705,7 +705,7 @@ section.awsui_mobile-toolbar_hyvsj_l6owv_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
705
705
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
706
706
|
SPDX-License-Identifier: Apache-2.0
|
|
707
707
|
*/
|
|
708
|
-
.awsui_navigation-
|
|
708
|
+
.awsui_navigation-container_hyvsj_zz5e8_707:not(#\9) {
|
|
709
709
|
--awsui-navigation-width-iof9y8: 280px;
|
|
710
710
|
display: flex;
|
|
711
711
|
grid-column: 1;
|
|
@@ -727,12 +727,12 @@ section.awsui_mobile-toolbar_hyvsj_l6owv_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
727
727
|
pointer-events: none;
|
|
728
728
|
}
|
|
729
729
|
@media (min-width: 2541px) {
|
|
730
|
-
.awsui_navigation-
|
|
730
|
+
.awsui_navigation-container_hyvsj_zz5e8_707:not(#\9) {
|
|
731
731
|
--awsui-navigation-width-iof9y8: 320px;
|
|
732
732
|
}
|
|
733
733
|
}
|
|
734
734
|
@media (max-width: 688px) {
|
|
735
|
-
.awsui_navigation-
|
|
735
|
+
.awsui_navigation-container_hyvsj_zz5e8_707:not(#\9) {
|
|
736
736
|
inset-inline-start: 0;
|
|
737
737
|
position: fixed;
|
|
738
738
|
z-index: 1001;
|
|
@@ -744,12 +744,12 @@ section.awsui_mobile-toolbar_hyvsj_l6owv_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
744
744
|
relative to the body.
|
|
745
745
|
*/
|
|
746
746
|
}
|
|
747
|
-
.awsui_navigation-
|
|
747
|
+
.awsui_navigation-container_hyvsj_zz5e8_707.awsui_disable-body-scroll_hyvsj_zz5e8_185:not(#\9) {
|
|
748
748
|
inset-block-start: var(--awsui-header-height-iof9y8);
|
|
749
749
|
}
|
|
750
750
|
}
|
|
751
751
|
|
|
752
|
-
nav.awsui_show-
|
|
752
|
+
nav.awsui_show-navigation_hyvsj_zz5e8_751:not(#\9) {
|
|
753
753
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
754
754
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
755
755
|
/*
|
|
@@ -757,7 +757,7 @@ nav.awsui_show-navigation_hyvsj_l6owv_751:not(#\9) {
|
|
|
757
757
|
take control in responsive viewports.
|
|
758
758
|
*/
|
|
759
759
|
}
|
|
760
|
-
@keyframes
|
|
760
|
+
@keyframes awsui_showButtons_hyvsj_zz5e8_1 {
|
|
761
761
|
0% {
|
|
762
762
|
opacity: 0;
|
|
763
763
|
}
|
|
@@ -765,31 +765,31 @@ nav.awsui_show-navigation_hyvsj_l6owv_751:not(#\9) {
|
|
|
765
765
|
opacity: 1;
|
|
766
766
|
}
|
|
767
767
|
}
|
|
768
|
-
nav.awsui_show-
|
|
768
|
+
nav.awsui_show-navigation_hyvsj_zz5e8_751.awsui_is-navigation-open_hyvsj_zz5e8_657:not(#\9) {
|
|
769
769
|
display: none;
|
|
770
770
|
}
|
|
771
771
|
@media (min-width: 689px) {
|
|
772
|
-
nav.awsui_show-
|
|
772
|
+
nav.awsui_show-navigation_hyvsj_zz5e8_751:not(#\9):not(.awsui_is-navigation-open_hyvsj_zz5e8_657) {
|
|
773
773
|
display: block;
|
|
774
774
|
}
|
|
775
|
-
nav.awsui_show-
|
|
776
|
-
animation:
|
|
775
|
+
nav.awsui_show-navigation_hyvsj_zz5e8_751:not(#\9):not(.awsui_is-navigation-open_hyvsj_zz5e8_657).awsui_animating_hyvsj_zz5e8_774 {
|
|
776
|
+
animation: awsui_showButtons_hyvsj_zz5e8_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
777
777
|
}
|
|
778
778
|
}
|
|
779
779
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
780
|
-
nav.awsui_show-
|
|
780
|
+
nav.awsui_show-navigation_hyvsj_zz5e8_751:not(#\9):not(.awsui_is-navigation-open_hyvsj_zz5e8_657).awsui_animating_hyvsj_zz5e8_774 {
|
|
781
781
|
animation: none;
|
|
782
782
|
transition: none;
|
|
783
783
|
}
|
|
784
784
|
}
|
|
785
785
|
@media (min-width: 689px) {
|
|
786
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
786
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_zz5e8_751:not(#\9):not(.awsui_is-navigation-open_hyvsj_zz5e8_657).awsui_animating_hyvsj_zz5e8_774, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_zz5e8_751:not(#\9):not(.awsui_is-navigation-open_hyvsj_zz5e8_657).awsui_animating_hyvsj_zz5e8_774 {
|
|
787
787
|
animation: none;
|
|
788
788
|
transition: none;
|
|
789
789
|
}
|
|
790
790
|
}
|
|
791
791
|
|
|
792
|
-
nav.
|
|
792
|
+
nav.awsui_navigation_hyvsj_zz5e8_707:not(#\9) {
|
|
793
793
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
794
794
|
inset-block-end: 0;
|
|
795
795
|
block-size: 100%;
|
|
@@ -807,7 +807,7 @@ nav.awsui_navigation_hyvsj_l6owv_707:not(#\9) {
|
|
|
807
807
|
prevent unwanted text wrapping.
|
|
808
808
|
*/
|
|
809
809
|
}
|
|
810
|
-
@keyframes
|
|
810
|
+
@keyframes awsui_openNavigation_hyvsj_zz5e8_1 {
|
|
811
811
|
from {
|
|
812
812
|
opacity: 0;
|
|
813
813
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -817,33 +817,33 @@ nav.awsui_navigation_hyvsj_l6owv_707:not(#\9) {
|
|
|
817
817
|
inline-size: var(--awsui-navigation-width-iof9y8);
|
|
818
818
|
}
|
|
819
819
|
}
|
|
820
|
-
nav.
|
|
820
|
+
nav.awsui_navigation_hyvsj_zz5e8_707:not(#\9):not(.awsui_is-navigation-open_hyvsj_zz5e8_657) {
|
|
821
821
|
inline-size: 0;
|
|
822
822
|
display: none;
|
|
823
823
|
}
|
|
824
|
-
nav.
|
|
825
|
-
animation:
|
|
824
|
+
nav.awsui_navigation_hyvsj_zz5e8_707.awsui_is-navigation-open_hyvsj_zz5e8_657.awsui_animating_hyvsj_zz5e8_774:not(#\9) {
|
|
825
|
+
animation: awsui_openNavigation_hyvsj_zz5e8_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
826
826
|
}
|
|
827
827
|
@media (prefers-reduced-motion: reduce) {
|
|
828
|
-
nav.
|
|
828
|
+
nav.awsui_navigation_hyvsj_zz5e8_707.awsui_is-navigation-open_hyvsj_zz5e8_657.awsui_animating_hyvsj_zz5e8_774:not(#\9) {
|
|
829
829
|
animation: none;
|
|
830
830
|
transition: none;
|
|
831
831
|
}
|
|
832
832
|
}
|
|
833
|
-
.awsui-motion-disabled nav.
|
|
833
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_zz5e8_707.awsui_is-navigation-open_hyvsj_zz5e8_657.awsui_animating_hyvsj_zz5e8_774:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_zz5e8_707.awsui_is-navigation-open_hyvsj_zz5e8_657.awsui_animating_hyvsj_zz5e8_774:not(#\9) {
|
|
834
834
|
animation: none;
|
|
835
835
|
transition: none;
|
|
836
836
|
}
|
|
837
|
-
nav.
|
|
837
|
+
nav.awsui_navigation_hyvsj_zz5e8_707 > .awsui_animated-content_hyvsj_zz5e8_836:not(#\9) {
|
|
838
838
|
inline-size: var(--awsui-navigation-width-iof9y8);
|
|
839
839
|
}
|
|
840
840
|
@media (max-width: 688px) {
|
|
841
|
-
nav.
|
|
841
|
+
nav.awsui_navigation_hyvsj_zz5e8_707:not(#\9) {
|
|
842
842
|
--awsui-navigation-width-iof9y8: 100vw;
|
|
843
843
|
}
|
|
844
844
|
}
|
|
845
845
|
|
|
846
|
-
.awsui_hide-
|
|
846
|
+
.awsui_hide-navigation_hyvsj_zz5e8_845:not(#\9) {
|
|
847
847
|
position: absolute;
|
|
848
848
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
849
849
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -853,13 +853,13 @@ nav.awsui_navigation_hyvsj_l6owv_707 > .awsui_animated-content_hyvsj_l6owv_836:n
|
|
|
853
853
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
854
854
|
SPDX-License-Identifier: Apache-2.0
|
|
855
855
|
*/
|
|
856
|
-
.
|
|
856
|
+
.awsui_notifications_hyvsj_zz5e8_855:not(#\9) {
|
|
857
857
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
858
858
|
grid-area: notifications;
|
|
859
859
|
z-index: 850;
|
|
860
860
|
}
|
|
861
861
|
@media (min-width: 689px) {
|
|
862
|
-
.
|
|
862
|
+
.awsui_notifications_hyvsj_zz5e8_855.awsui_sticky-notifications_hyvsj_zz5e8_861:not(#\9) {
|
|
863
863
|
--awsui-flashbar-sticky-bottom-margin-iof9y8: var(--space-xxl-cu2m1r, 32px);
|
|
864
864
|
position: sticky;
|
|
865
865
|
inset-block-start: calc(var(--awsui-offset-top-iof9y8) + var(--space-xs-zb16t3, 8px));
|
|
@@ -876,7 +876,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
876
876
|
consume the remaining vertical space in the grid after the notifications
|
|
877
877
|
and breadcrumbs.
|
|
878
878
|
*/
|
|
879
|
-
section.awsui_split-panel-
|
|
879
|
+
section.awsui_split-panel-bottom_hyvsj_zz5e8_878:not(#\9) {
|
|
880
880
|
/*
|
|
881
881
|
The align self property will position the split panel at the bottom of the grid row.
|
|
882
882
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -912,7 +912,7 @@ section.awsui_split-panel-bottom_hyvsj_l6owv_878:not(#\9) {
|
|
|
912
912
|
apply the animation to the height property.
|
|
913
913
|
*/
|
|
914
914
|
}
|
|
915
|
-
@keyframes
|
|
915
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_zz5e8_1 {
|
|
916
916
|
from {
|
|
917
917
|
block-size: var(--awsui-split-panel-reported-header-size-iof9y8, 0);
|
|
918
918
|
}
|
|
@@ -920,39 +920,39 @@ section.awsui_split-panel-bottom_hyvsj_l6owv_878:not(#\9) {
|
|
|
920
920
|
block-size: var(--awsui-split-panel-reported-size-iof9y8);
|
|
921
921
|
}
|
|
922
922
|
}
|
|
923
|
-
section.awsui_split-panel-
|
|
923
|
+
section.awsui_split-panel-bottom_hyvsj_zz5e8_878.awsui_disable-body-scroll_hyvsj_zz5e8_185:not(#\9) {
|
|
924
924
|
inset-block-end: 0;
|
|
925
925
|
}
|
|
926
|
-
section.awsui_split-panel-
|
|
926
|
+
section.awsui_split-panel-bottom_hyvsj_zz5e8_878.awsui_is-navigation-open_hyvsj_zz5e8_657.awsui_position-bottom_hyvsj_zz5e8_925:not(#\9) {
|
|
927
927
|
grid-column-start: 2;
|
|
928
928
|
}
|
|
929
|
-
section.awsui_split-panel-
|
|
929
|
+
section.awsui_split-panel-bottom_hyvsj_zz5e8_878.awsui_has-open-drawer_hyvsj_zz5e8_162.awsui_position-bottom_hyvsj_zz5e8_925:not(#\9) {
|
|
930
930
|
grid-column-end: 5;
|
|
931
931
|
}
|
|
932
|
-
section.awsui_split-panel-
|
|
932
|
+
section.awsui_split-panel-bottom_hyvsj_zz5e8_878.awsui_position-bottom_hyvsj_zz5e8_925:not(#\9) {
|
|
933
933
|
display: block;
|
|
934
934
|
}
|
|
935
|
-
section.awsui_split-panel-
|
|
935
|
+
section.awsui_split-panel-bottom_hyvsj_zz5e8_878:not(#\9):not(.awsui_is-split-panel-open_hyvsj_zz5e8_660).awsui_position-bottom_hyvsj_zz5e8_925 {
|
|
936
936
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
937
937
|
}
|
|
938
|
-
section.awsui_split-panel-
|
|
938
|
+
section.awsui_split-panel-bottom_hyvsj_zz5e8_878.awsui_is-split-panel-open_hyvsj_zz5e8_660.awsui_position-bottom_hyvsj_zz5e8_925:not(#\9) {
|
|
939
939
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
940
940
|
}
|
|
941
|
-
section.awsui_split-panel-
|
|
942
|
-
animation:
|
|
941
|
+
section.awsui_split-panel-bottom_hyvsj_zz5e8_878.awsui_is-split-panel-open_hyvsj_zz5e8_660.awsui_position-bottom_hyvsj_zz5e8_925.awsui_animating_hyvsj_zz5e8_774:not(#\9) {
|
|
942
|
+
animation: awsui_openSplitPanelBottom_hyvsj_zz5e8_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
943
943
|
}
|
|
944
944
|
@media (prefers-reduced-motion: reduce) {
|
|
945
|
-
section.awsui_split-panel-
|
|
945
|
+
section.awsui_split-panel-bottom_hyvsj_zz5e8_878.awsui_is-split-panel-open_hyvsj_zz5e8_660.awsui_position-bottom_hyvsj_zz5e8_925.awsui_animating_hyvsj_zz5e8_774:not(#\9) {
|
|
946
946
|
animation: none;
|
|
947
947
|
transition: none;
|
|
948
948
|
}
|
|
949
949
|
}
|
|
950
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
950
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_zz5e8_878.awsui_is-split-panel-open_hyvsj_zz5e8_660.awsui_position-bottom_hyvsj_zz5e8_925.awsui_animating_hyvsj_zz5e8_774:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_zz5e8_878.awsui_is-split-panel-open_hyvsj_zz5e8_660.awsui_position-bottom_hyvsj_zz5e8_925.awsui_animating_hyvsj_zz5e8_774:not(#\9) {
|
|
951
951
|
animation: none;
|
|
952
952
|
transition: none;
|
|
953
953
|
}
|
|
954
954
|
|
|
955
|
-
section.awsui_split-panel-
|
|
955
|
+
section.awsui_split-panel-side_hyvsj_zz5e8_954:not(#\9) {
|
|
956
956
|
block-size: 100%;
|
|
957
957
|
overflow-x: hidden;
|
|
958
958
|
pointer-events: auto;
|
|
@@ -962,15 +962,15 @@ section.awsui_split-panel-side_hyvsj_l6owv_954:not(#\9) {
|
|
|
962
962
|
be persistent in the DOM when closed.
|
|
963
963
|
*/
|
|
964
964
|
}
|
|
965
|
-
section.awsui_split-panel-
|
|
965
|
+
section.awsui_split-panel-side_hyvsj_zz5e8_954:not(#\9):not(.awsui_is-split-panel-open_hyvsj_zz5e8_660), section.awsui_split-panel-side_hyvsj_zz5e8_954.awsui_position-bottom_hyvsj_zz5e8_925:not(#\9) {
|
|
966
966
|
inline-size: 0;
|
|
967
967
|
}
|
|
968
|
-
section.awsui_split-panel-
|
|
968
|
+
section.awsui_split-panel-side_hyvsj_zz5e8_954.awsui_is-split-panel-open_hyvsj_zz5e8_660.awsui_position-side_hyvsj_zz5e8_967:not(#\9) {
|
|
969
969
|
max-inline-size: var(--awsui-split-panel-max-width-iof9y8, 280px);
|
|
970
970
|
min-inline-size: var(--awsui-split-panel-min-width-iof9y8, 280px);
|
|
971
971
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
972
972
|
}
|
|
973
|
-
section.awsui_split-panel-
|
|
973
|
+
section.awsui_split-panel-side_hyvsj_zz5e8_954.awsui_is-split-panel-open_hyvsj_zz5e8_660.awsui_position-side_hyvsj_zz5e8_967:not(#\9):not(.awsui_has-open-drawer_hyvsj_zz5e8_162) {
|
|
974
974
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
975
975
|
}
|
|
976
976
|
|
|
@@ -987,7 +987,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
987
987
|
property. The content gap right is computed in the Layout styles based on the
|
|
988
988
|
viewport size and state of the Tools drawer.
|
|
989
989
|
*/
|
|
990
|
-
.awsui_tools-
|
|
990
|
+
.awsui_tools-container_hyvsj_zz5e8_989:not(#\9) {
|
|
991
991
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
992
992
|
--awsui-tools-max-width-iof9y8: calc(var(--awsui-layout-width-iof9y8) - var(--awsui-main-offset-left-iof9y8) - var(--awsui-default-min-content-width-iof9y8) - var(--awsui-content-gap-right-iof9y8));
|
|
993
993
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1003,12 +1003,12 @@ viewport size and state of the Tools drawer.
|
|
|
1003
1003
|
pointer-events: none;
|
|
1004
1004
|
}
|
|
1005
1005
|
@media (min-width: 2541px) {
|
|
1006
|
-
.awsui_tools-
|
|
1006
|
+
.awsui_tools-container_hyvsj_zz5e8_989:not(#\9) {
|
|
1007
1007
|
--awsui-tools-width-iof9y8: 360px;
|
|
1008
1008
|
}
|
|
1009
1009
|
}
|
|
1010
1010
|
@media (max-width: 688px) {
|
|
1011
|
-
.awsui_tools-
|
|
1011
|
+
.awsui_tools-container_hyvsj_zz5e8_989:not(#\9) {
|
|
1012
1012
|
--awsui-tools-max-width-iof9y8: none;
|
|
1013
1013
|
--awsui-tools-width-iof9y8: auto;
|
|
1014
1014
|
position: fixed;
|
|
@@ -1022,12 +1022,12 @@ viewport size and state of the Tools drawer.
|
|
|
1022
1022
|
relative to the body.
|
|
1023
1023
|
*/
|
|
1024
1024
|
}
|
|
1025
|
-
.awsui_tools-
|
|
1025
|
+
.awsui_tools-container_hyvsj_zz5e8_989.awsui_disable-body-scroll_hyvsj_zz5e8_185:not(#\9) {
|
|
1026
1026
|
inset-block-start: var(--awsui-header-height-iof9y8);
|
|
1027
1027
|
}
|
|
1028
1028
|
}
|
|
1029
1029
|
|
|
1030
|
-
.
|
|
1030
|
+
.awsui_tools_hyvsj_zz5e8_989:not(#\9) {
|
|
1031
1031
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1032
1032
|
flex-shrink: 0;
|
|
1033
1033
|
block-size: 100%;
|
|
@@ -1050,7 +1050,7 @@ viewport size and state of the Tools drawer.
|
|
|
1050
1050
|
in the side position.
|
|
1051
1051
|
*/
|
|
1052
1052
|
}
|
|
1053
|
-
@keyframes
|
|
1053
|
+
@keyframes awsui_openTools_hyvsj_zz5e8_1 {
|
|
1054
1054
|
from {
|
|
1055
1055
|
opacity: var(--awsui-tools-animation-starting-opacity-iof9y8, 0);
|
|
1056
1056
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -1060,41 +1060,41 @@ viewport size and state of the Tools drawer.
|
|
|
1060
1060
|
inline-size: var(--awsui-tools-width-iof9y8);
|
|
1061
1061
|
}
|
|
1062
1062
|
}
|
|
1063
|
-
.
|
|
1063
|
+
.awsui_tools_hyvsj_zz5e8_989:not(#\9):not(.awsui_is-tools-open_hyvsj_zz5e8_660) {
|
|
1064
1064
|
inline-size: 0;
|
|
1065
1065
|
display: none;
|
|
1066
1066
|
}
|
|
1067
|
-
.
|
|
1067
|
+
.awsui_tools_hyvsj_zz5e8_989.awsui_is-tools-open_hyvsj_zz5e8_660:not(#\9) {
|
|
1068
1068
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1069
1069
|
}
|
|
1070
|
-
.
|
|
1071
|
-
animation:
|
|
1070
|
+
.awsui_tools_hyvsj_zz5e8_989.awsui_is-tools-open_hyvsj_zz5e8_660.awsui_animating_hyvsj_zz5e8_774:not(#\9) {
|
|
1071
|
+
animation: awsui_openTools_hyvsj_zz5e8_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1072
1072
|
}
|
|
1073
1073
|
@media (prefers-reduced-motion: reduce) {
|
|
1074
|
-
.
|
|
1074
|
+
.awsui_tools_hyvsj_zz5e8_989.awsui_is-tools-open_hyvsj_zz5e8_660.awsui_animating_hyvsj_zz5e8_774:not(#\9) {
|
|
1075
1075
|
animation: none;
|
|
1076
1076
|
transition: none;
|
|
1077
1077
|
}
|
|
1078
1078
|
}
|
|
1079
|
-
.awsui-motion-disabled .
|
|
1079
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_zz5e8_989.awsui_is-tools-open_hyvsj_zz5e8_660.awsui_animating_hyvsj_zz5e8_774:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_zz5e8_989.awsui_is-tools-open_hyvsj_zz5e8_660.awsui_animating_hyvsj_zz5e8_774:not(#\9) {
|
|
1080
1080
|
animation: none;
|
|
1081
1081
|
transition: none;
|
|
1082
1082
|
}
|
|
1083
|
-
.
|
|
1083
|
+
.awsui_tools_hyvsj_zz5e8_989 > .awsui_animated-content_hyvsj_zz5e8_836:not(#\9) {
|
|
1084
1084
|
inline-size: var(--awsui-tools-width-iof9y8);
|
|
1085
1085
|
}
|
|
1086
1086
|
@media (min-width: 689px) {
|
|
1087
|
-
.
|
|
1087
|
+
.awsui_tools_hyvsj_zz5e8_989.awsui_is-tools-open_hyvsj_zz5e8_660.awsui_has-tools-form-persistence_hyvsj_zz5e8_1086:not(#\9) {
|
|
1088
1088
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1089
1089
|
}
|
|
1090
1090
|
}
|
|
1091
1091
|
@media (max-width: 688px) {
|
|
1092
|
-
.
|
|
1092
|
+
.awsui_tools_hyvsj_zz5e8_989:not(#\9) {
|
|
1093
1093
|
--awsui-tools-width-iof9y8: 100vw;
|
|
1094
1094
|
}
|
|
1095
1095
|
}
|
|
1096
1096
|
|
|
1097
|
-
.awsui_hide-
|
|
1097
|
+
.awsui_hide-tools_hyvsj_zz5e8_1096:not(#\9) {
|
|
1098
1098
|
position: absolute;
|
|
1099
1099
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1100
1100
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1106,7 +1106,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1106
1106
|
the calculation used to determine the Split Panel maximum width in the
|
|
1107
1107
|
handleSplitPanelMaxWidth function in the context.
|
|
1108
1108
|
*/
|
|
1109
|
-
.awsui_show-
|
|
1109
|
+
.awsui_show-tools_hyvsj_zz5e8_1108:not(#\9) {
|
|
1110
1110
|
border-collapse: separate;
|
|
1111
1111
|
border-spacing: 0;
|
|
1112
1112
|
box-sizing: border-box;
|
|
@@ -1148,7 +1148,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1148
1148
|
take control in responsive viewports.
|
|
1149
1149
|
*/
|
|
1150
1150
|
}
|
|
1151
|
-
@keyframes
|
|
1151
|
+
@keyframes awsui_showButtons_hyvsj_zz5e8_1 {
|
|
1152
1152
|
0% {
|
|
1153
1153
|
opacity: 0;
|
|
1154
1154
|
}
|
|
@@ -1156,31 +1156,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1156
1156
|
opacity: 1;
|
|
1157
1157
|
}
|
|
1158
1158
|
}
|
|
1159
|
-
.awsui_show-
|
|
1159
|
+
.awsui_show-tools_hyvsj_zz5e8_1108:not(#\9):not(.awsui_has-tools-form_hyvsj_zz5e8_1086) {
|
|
1160
1160
|
display: none;
|
|
1161
1161
|
}
|
|
1162
1162
|
@media (min-width: 689px) {
|
|
1163
|
-
.awsui_show-
|
|
1163
|
+
.awsui_show-tools_hyvsj_zz5e8_1108.awsui_has-tools-form_hyvsj_zz5e8_1086:not(#\9) {
|
|
1164
1164
|
display: flex;
|
|
1165
1165
|
flex-direction: column;
|
|
1166
1166
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1167
1167
|
}
|
|
1168
|
-
.awsui_show-
|
|
1169
|
-
animation:
|
|
1168
|
+
.awsui_show-tools_hyvsj_zz5e8_1108.awsui_has-tools-form_hyvsj_zz5e8_1086.awsui_animating_hyvsj_zz5e8_774:not(#\9) {
|
|
1169
|
+
animation: awsui_showButtons_hyvsj_zz5e8_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1170
1170
|
}
|
|
1171
1171
|
}
|
|
1172
1172
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1173
|
-
.awsui_show-
|
|
1173
|
+
.awsui_show-tools_hyvsj_zz5e8_1108.awsui_has-tools-form_hyvsj_zz5e8_1086.awsui_animating_hyvsj_zz5e8_774:not(#\9) {
|
|
1174
1174
|
animation: none;
|
|
1175
1175
|
transition: none;
|
|
1176
1176
|
}
|
|
1177
1177
|
}
|
|
1178
1178
|
@media (min-width: 689px) {
|
|
1179
|
-
.awsui-motion-disabled .awsui_show-
|
|
1179
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_zz5e8_1108.awsui_has-tools-form_hyvsj_zz5e8_1086.awsui_animating_hyvsj_zz5e8_774:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_zz5e8_1108.awsui_has-tools-form_hyvsj_zz5e8_1086.awsui_animating_hyvsj_zz5e8_774:not(#\9) {
|
|
1180
1180
|
animation: none;
|
|
1181
1181
|
transition: none;
|
|
1182
1182
|
}
|
|
1183
|
-
.awsui_show-
|
|
1183
|
+
.awsui_show-tools_hyvsj_zz5e8_1108.awsui_has-tools-form-persistence_hyvsj_zz5e8_1086:not(#\9) {
|
|
1184
1184
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1185
1185
|
z-index: 1;
|
|
1186
1186
|
}
|
|
@@ -1190,7 +1190,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1190
1190
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1191
1191
|
SPDX-License-Identifier: Apache-2.0
|
|
1192
1192
|
*/
|
|
1193
|
-
.awsui_trigger-badge-
|
|
1193
|
+
.awsui_trigger-badge-wrapper_hyvsj_zz5e8_1191:not(#\9) {
|
|
1194
1194
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1195
1195
|
border-start-start-radius: 50%;
|
|
1196
1196
|
border-start-end-radius: 50%;
|
|
@@ -1206,10 +1206,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1206
1206
|
align-items: center;
|
|
1207
1207
|
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");
|
|
1208
1208
|
}
|
|
1209
|
-
.awsui_trigger-badge-
|
|
1209
|
+
.awsui_trigger-badge-wrapper_hyvsj_zz5e8_1191:not(#\9):hover {
|
|
1210
1210
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1211
1211
|
}
|
|
1212
|
-
.awsui_trigger-badge-
|
|
1212
|
+
.awsui_trigger-badge-wrapper_hyvsj_zz5e8_1191:not(#\9):active {
|
|
1213
1213
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1214
1214
|
}
|
|
1215
1215
|
|
|
@@ -1218,7 +1218,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1218
1218
|
the calculation used to determine the Split Panel maximum width in the
|
|
1219
1219
|
handleSplitPanelMaxWidth function in the context.
|
|
1220
1220
|
*/
|
|
1221
|
-
.
|
|
1221
|
+
.awsui_trigger_hyvsj_zz5e8_1191:not(#\9) {
|
|
1222
1222
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1223
1223
|
border-start-start-radius: 50%;
|
|
1224
1224
|
border-start-end-radius: 50%;
|
|
@@ -1228,25 +1228,26 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1228
1228
|
inline-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
1229
1229
|
border-block: none;
|
|
1230
1230
|
border-inline: none;
|
|
1231
|
+
padding-inline: 0;
|
|
1231
1232
|
color: var(--color-text-layout-toggle-zybz0r, #ffffff);
|
|
1232
1233
|
cursor: pointer;
|
|
1233
1234
|
pointer-events: auto;
|
|
1234
1235
|
position: relative;
|
|
1235
1236
|
}
|
|
1236
|
-
.
|
|
1237
|
+
.awsui_trigger_hyvsj_zz5e8_1191:not(#\9):hover {
|
|
1237
1238
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1238
1239
|
}
|
|
1239
|
-
.
|
|
1240
|
+
.awsui_trigger_hyvsj_zz5e8_1191:not(#\9):active {
|
|
1240
1241
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1241
1242
|
}
|
|
1242
|
-
body[data-awsui-focus-visible=true] .
|
|
1243
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_zz5e8_1191:not(#\9):focus {
|
|
1243
1244
|
position: relative;
|
|
1244
1245
|
}
|
|
1245
|
-
body[data-awsui-focus-visible=true] .
|
|
1246
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_zz5e8_1191:not(#\9):focus {
|
|
1246
1247
|
outline: 2px dotted transparent;
|
|
1247
1248
|
outline-offset: calc(3px - 1px);
|
|
1248
1249
|
}
|
|
1249
|
-
body[data-awsui-focus-visible=true] .
|
|
1250
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_zz5e8_1191:not(#\9):focus::before {
|
|
1250
1251
|
content: " ";
|
|
1251
1252
|
display: block;
|
|
1252
1253
|
position: absolute;
|
|
@@ -1260,45 +1261,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_l6owv_1191:not(#\9):foc
|
|
|
1260
1261
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1261
1262
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1262
1263
|
}
|
|
1263
|
-
.
|
|
1264
|
+
.awsui_trigger_hyvsj_zz5e8_1191:not(#\9):focus {
|
|
1264
1265
|
outline: none;
|
|
1265
1266
|
}
|
|
1266
|
-
.
|
|
1267
|
+
.awsui_trigger_hyvsj_zz5e8_1191.awsui_selected_hyvsj_zz5e8_1265:not(#\9) {
|
|
1267
1268
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1268
1269
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1269
1270
|
}
|
|
1270
|
-
.
|
|
1271
|
+
.awsui_trigger_hyvsj_zz5e8_1191.awsui_selected_hyvsj_zz5e8_1265:not(#\9):hover {
|
|
1271
1272
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1272
1273
|
}
|
|
1273
|
-
.
|
|
1274
|
+
.awsui_trigger_hyvsj_zz5e8_1191.awsui_selected_hyvsj_zz5e8_1265:not(#\9):active {
|
|
1274
1275
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1275
1276
|
}
|
|
1276
|
-
.
|
|
1277
|
+
.awsui_trigger_hyvsj_zz5e8_1191.awsui_selected_hyvsj_zz5e8_1265 > .awsui_trigger-badge-wrapper_hyvsj_zz5e8_1191:not(#\9) {
|
|
1277
1278
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1278
1279
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1279
1280
|
}
|
|
1280
|
-
.
|
|
1281
|
+
.awsui_trigger_hyvsj_zz5e8_1191.awsui_selected_hyvsj_zz5e8_1265 > .awsui_trigger-badge-wrapper_hyvsj_zz5e8_1191:not(#\9):hover {
|
|
1281
1282
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1282
1283
|
}
|
|
1283
|
-
.
|
|
1284
|
+
.awsui_trigger_hyvsj_zz5e8_1191.awsui_selected_hyvsj_zz5e8_1265 > .awsui_trigger-badge-wrapper_hyvsj_zz5e8_1191:not(#\9):active {
|
|
1284
1285
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1285
1286
|
}
|
|
1286
|
-
.
|
|
1287
|
+
.awsui_trigger_hyvsj_zz5e8_1191.awsui_badge_hyvsj_zz5e8_1285:not(#\9), .awsui_trigger_hyvsj_zz5e8_1191.awsui_badge_hyvsj_zz5e8_1285:not(#\9):hover, .awsui_trigger_hyvsj_zz5e8_1191.awsui_badge_hyvsj_zz5e8_1285:not(#\9):active {
|
|
1287
1288
|
background: transparent;
|
|
1288
1289
|
}
|
|
1289
1290
|
|
|
1290
|
-
.awsui_trigger-
|
|
1291
|
+
.awsui_trigger-wrapper_hyvsj_zz5e8_1289:not(#\9) {
|
|
1291
1292
|
position: relative;
|
|
1292
1293
|
border-start-start-radius: 50%;
|
|
1293
1294
|
border-start-end-radius: 50%;
|
|
1294
1295
|
border-end-start-radius: 50%;
|
|
1295
1296
|
border-end-end-radius: 50%;
|
|
1296
1297
|
}
|
|
1297
|
-
.awsui_trigger-
|
|
1298
|
+
.awsui_trigger-wrapper_hyvsj_zz5e8_1289:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_zz5e8_686) {
|
|
1298
1299
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1299
1300
|
}
|
|
1300
1301
|
|
|
1301
|
-
.
|
|
1302
|
+
.awsui_dot_hyvsj_zz5e8_1300:not(#\9) {
|
|
1302
1303
|
position: absolute;
|
|
1303
1304
|
inline-size: 9px;
|
|
1304
1305
|
block-size: 9px;
|