@cloudscape-design/components 3.0.602 → 3.0.603
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/classic.d.ts +5 -0
- package/app-layout/classic.d.ts.map +1 -1
- package/app-layout/classic.js +10 -18
- package/app-layout/classic.js.map +1 -1
- package/app-layout/defaults.d.ts +0 -1
- package/app-layout/defaults.d.ts.map +1 -1
- package/app-layout/defaults.js +1 -2
- package/app-layout/defaults.js.map +1 -1
- package/app-layout/implementation.d.ts +5 -0
- package/app-layout/implementation.d.ts.map +1 -1
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +31 -6
- package/app-layout/index.js.map +1 -1
- package/app-layout/interfaces.d.ts +1 -1
- package/app-layout/interfaces.d.ts.map +1 -1
- package/app-layout/interfaces.js.map +1 -1
- package/app-layout/internal.d.ts +5 -0
- package/app-layout/internal.d.ts.map +1 -1
- package/app-layout/utils/use-resize.d.ts +2 -1
- package/app-layout/utils/use-resize.d.ts.map +1 -1
- package/app-layout/utils/use-resize.js +7 -9
- package/app-layout/utils/use-resize.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts +1 -4
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +28 -64
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/drawers.js +4 -4
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/index.d.ts +5 -0
- package/app-layout/visual-refresh/index.d.ts.map +1 -1
- package/app-layout/visual-refresh/layout.js +2 -2
- package/app-layout/visual-refresh/layout.js.map +1 -1
- package/app-layout/visual-refresh/main.js +2 -2
- package/app-layout/visual-refresh/main.js.map +1 -1
- package/app-layout/visual-refresh/mobile-toolbar.js +3 -3
- package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
- package/app-layout/visual-refresh/navigation.d.ts.map +1 -1
- package/app-layout/visual-refresh/navigation.js +10 -12
- package/app-layout/visual-refresh/navigation.js.map +1 -1
- package/app-layout/visual-refresh/split-panel.d.ts.map +1 -1
- package/app-layout/visual-refresh/split-panel.js +5 -5
- package/app-layout/visual-refresh/split-panel.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +81 -81
- package/app-layout/visual-refresh/styles.scoped.css +169 -181
- package/app-layout/visual-refresh/styles.selectors.js +81 -81
- package/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/app-layout/visual-refresh/tools.js +2 -3
- package/app-layout/visual-refresh/tools.js.map +1 -1
- 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_1cour_99:not(#\9) {
|
|
100
100
|
display: contents;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_1cour_99 > .awsui_scrolling-background_hyvsj_1cour_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_1cour_99 > .awsui_sticky-background_hyvsj_1cour_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_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_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_1cour_99 > .awsui_sticky-background_hyvsj_1cour_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1cour_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_1cour_99 > .awsui_sticky-background_hyvsj_1cour_108.awsui_has-sticky-notifications_hyvsj_1cour_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_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_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_1cour_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_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_108.a
|
|
|
136
136
|
be lifted so it doesn't render behind the background element.
|
|
137
137
|
*/
|
|
138
138
|
}
|
|
139
|
-
.
|
|
139
|
+
.awsui_breadcrumbs_hyvsj_1cour_129.awsui_has-sticky-background_hyvsj_1cour_139:not(#\9) {
|
|
140
140
|
z-index: 799;
|
|
141
141
|
}
|
|
142
142
|
|
|
@@ -148,7 +148,7 @@ div.awsui_background_hyvsj_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_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_1cour_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_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_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_1cour_151.awsui_has-open-drawer_hyvsj_1cour_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_1cour_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_1cour_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_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_108.a
|
|
|
182
182
|
relative to the body.
|
|
183
183
|
*/
|
|
184
184
|
}
|
|
185
|
-
.awsui_drawers-
|
|
185
|
+
.awsui_drawers-container_hyvsj_1cour_151.awsui_disable-body-scroll_hyvsj_1cour_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_1cour_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_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_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_1cour_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cour_231).awsui_has-open-drawer_hyvsj_1cour_162 {
|
|
233
233
|
inline-size: 0;
|
|
234
234
|
}
|
|
235
|
-
.awsui_drawers-desktop-triggers-
|
|
235
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1cour_190.awsui_has-multiple-triggers_hyvsj_1cour_231.awsui_has-open-drawer_hyvsj_1cour_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_1cour_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cour_231):not(.awsui_has-open-drawer_hyvsj_1cour_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_1cour_241:not(#\9) {
|
|
243
243
|
display: flex;
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
-
.awsui_drawers-trigger-
|
|
246
|
+
.awsui_drawers-trigger-content_hyvsj_1cour_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_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_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_1cour_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cour_231).awsui_has-open-drawer_hyvsj_1cour_162 {
|
|
255
255
|
opacity: 0;
|
|
256
256
|
}
|
|
257
|
-
.awsui_drawers-trigger-
|
|
257
|
+
.awsui_drawers-trigger-content_hyvsj_1cour_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cour_231):not(.awsui_has-open-drawer_hyvsj_1cour_162) {
|
|
258
258
|
opacity: 1;
|
|
259
259
|
}
|
|
260
|
-
.awsui_drawers-trigger-
|
|
260
|
+
.awsui_drawers-trigger-content_hyvsj_1cour_245 > .awsui_drawers-trigger-overflow_hyvsj_1cour_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_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_108.a
|
|
|
266
266
|
}
|
|
267
267
|
|
|
268
268
|
@media (max-width: 688px) {
|
|
269
|
-
.awsui_drawers-
|
|
269
|
+
.awsui_drawers-trigger_hyvsj_1cour_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_1cour_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_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_108.a
|
|
|
288
288
|
pointer-events: auto;
|
|
289
289
|
word-wrap: break-word;
|
|
290
290
|
}
|
|
291
|
-
.
|
|
291
|
+
.awsui_drawer_hyvsj_1cour_151 > .awsui_drawer-content-container_hyvsj_1cour_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_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_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_1cour_151 > .awsui_drawer-content-container_hyvsj_1cour_290 > .awsui_drawer-close-button_hyvsj_1cour_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_1cour_151 > .awsui_drawer-content-container_hyvsj_1cour_290 > .awsui_drawer-content_hyvsj_1cour_290:not(#\9) {
|
|
306
306
|
grid-column: 1/span 4;
|
|
307
307
|
}
|
|
308
|
-
.
|
|
308
|
+
.awsui_drawer_hyvsj_1cour_151 > .awsui_drawer-content-container_hyvsj_1cour_290 > .awsui_drawer-content_hyvsj_1cour_290.awsui_drawer-content-hidden_hyvsj_1cour_307:not(#\9) {
|
|
309
309
|
display: none;
|
|
310
310
|
}
|
|
311
|
-
.
|
|
311
|
+
.awsui_drawer_hyvsj_1cour_151 > .awsui_drawer-slider_hyvsj_1cour_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_1cour_151:not(#\9):not(.awsui_is-drawer-open_hyvsj_1cour_317) {
|
|
319
319
|
opacity: 0;
|
|
320
320
|
inline-size: 0;
|
|
321
321
|
}
|
|
322
|
-
.
|
|
322
|
+
.awsui_drawer_hyvsj_1cour_151.awsui_is-drawer-open_hyvsj_1cour_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_1cour_151.awsui_is-drawer-open_hyvsj_1cour_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_1cour_151.awsui_is-drawer-open_hyvsj_1cour_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_zz5e8_99 > .awsui_sticky-background_hyvsj_zz5e8_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_1cour_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_1cour_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_1cour_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cour_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_1cour_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cour_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_1cour_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cour_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_1cour_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cour_447).awsui_content-type-dashboard_hyvsj_1cour_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_1cour_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cour_447).awsui_content-type-dashboard_hyvsj_1cour_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_1cour_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cour_447).awsui_content-type-dashboard_hyvsj_1cour_462 {
|
|
474
474
|
--awsui-default-max-content-width-iof9y8: 2160px;
|
|
475
475
|
}
|
|
476
476
|
}
|
|
477
|
-
.
|
|
477
|
+
.awsui_layout_hyvsj_1cour_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cour_447).awsui_content-type-table_hyvsj_1cour_476, .awsui_layout_hyvsj_1cour_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cour_447).awsui_content-type-cards_hyvsj_1cour_476 {
|
|
478
478
|
--awsui-default-max-content-width-iof9y8: 100%;
|
|
479
479
|
}
|
|
480
|
-
.
|
|
480
|
+
.awsui_layout_hyvsj_1cour_364.awsui_has-max-content-width_hyvsj_1cour_447:not(#\9) {
|
|
481
481
|
--awsui-default-max-content-width-iof9y8: var(--awsui-max-content-width-iof9y8);
|
|
482
482
|
}
|
|
483
|
-
.
|
|
483
|
+
.awsui_layout_hyvsj_1cour_364.awsui_is-overlap-disabled_hyvsj_1cour_482:not(#\9) {
|
|
484
484
|
--awsui-overlap-height-iof9y8: 0;
|
|
485
485
|
}
|
|
486
|
-
.
|
|
486
|
+
.awsui_layout_hyvsj_1cour_364.awsui_is-hide-mobile-toolbar_hyvsj_1cour_485:not(#\9) {
|
|
487
487
|
--awsui-mobile-bar-height-iof9y8: 0px;
|
|
488
488
|
}
|
|
489
489
|
@media (min-width: 993px) {
|
|
490
|
-
.
|
|
490
|
+
.awsui_layout_hyvsj_1cour_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_1cour_364:not(#\9) {
|
|
496
496
|
--awsui-default-min-content-width-iof9y8: 0px;
|
|
497
497
|
}
|
|
498
498
|
}
|
|
499
|
-
.
|
|
499
|
+
.awsui_layout_hyvsj_1cour_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1cour_116):not(.awsui_has-sticky-background_hyvsj_1cour_139) {
|
|
500
500
|
--awsui-offset-top-with-notifications-iof9y8: var(--awsui-header-height-iof9y8);
|
|
501
501
|
}
|
|
502
|
-
.
|
|
502
|
+
.awsui_layout_hyvsj_1cour_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1cour_116).awsui_has-sticky-background_hyvsj_1cour_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_1cour_364.awsui_has-sticky-notifications_hyvsj_1cour_116:not(#\9):not(.awsui_has-sticky-background_hyvsj_1cour_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_1cour_364.awsui_has-sticky-notifications_hyvsj_1cour_116.awsui_has-sticky-background_hyvsj_1cour_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_1cour_364.awsui_has-content-gap-left_hyvsj_1cour_517:not(#\9) {
|
|
519
519
|
--awsui-content-gap-left-iof9y8: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
520
520
|
}
|
|
521
|
-
.
|
|
521
|
+
.awsui_layout_hyvsj_1cour_364.awsui_has-content-gap-right_hyvsj_1cour_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_1cour_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_1cour_364.awsui_content-first-child-notifications_hyvsj_1cour_530:not(#\9) {
|
|
532
532
|
--awsui-notifications-gap-iof9y8: var(--space-xs-zb16t3, 8px);
|
|
533
533
|
}
|
|
534
|
-
.
|
|
534
|
+
.awsui_layout_hyvsj_1cour_364.awsui_has-breadcrumbs_hyvsj_1cour_533:not(#\9) {
|
|
535
535
|
--awsui-breadcrumbs-gap-iof9y8: var(--space-scaled-m-mo5yse, 16px);
|
|
536
536
|
}
|
|
537
|
-
.
|
|
537
|
+
.awsui_layout_hyvsj_1cour_364.awsui_content-first-child-header_hyvsj_1cour_536:not(#\9), .awsui_layout_hyvsj_1cour_364.awsui_content-first-child-notifications_hyvsj_1cour_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cour_533).awsui_has-header_hyvsj_1cour_536 {
|
|
538
538
|
--awsui-header-gap-iof9y8: var(--space-scaled-xs-26e2du, 8px);
|
|
539
539
|
}
|
|
540
|
-
.
|
|
540
|
+
.awsui_layout_hyvsj_1cour_364.awsui_has-breadcrumbs_hyvsj_1cour_533.awsui_has-header_hyvsj_1cour_536:not(#\9) {
|
|
541
541
|
--awsui-header-gap-iof9y8: var(--space-scaled-xs-26e2du, 8px);
|
|
542
542
|
}
|
|
543
|
-
.
|
|
543
|
+
.awsui_layout_hyvsj_1cour_364.awsui_content-first-child-notifications_hyvsj_1cour_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cour_533):not(.awsui_has-header_hyvsj_1cour_536) {
|
|
544
544
|
--awsui-main-gap-iof9y8: var(--space-xs-zb16t3, 8px);
|
|
545
545
|
}
|
|
546
|
-
.
|
|
546
|
+
.awsui_layout_hyvsj_1cour_364.awsui_has-breadcrumbs_hyvsj_1cour_533:not(#\9):not(.awsui_has-header_hyvsj_1cour_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_1cour_364.awsui_has-breadcrumbs_hyvsj_1cour_533:not(#\9):not(.awsui_has-header_hyvsj_1cour_536).awsui_is-overlap-disabled_hyvsj_1cour_482 {
|
|
550
550
|
--awsui-main-gap-iof9y8: var(--space-scaled-m-mo5yse, 16px);
|
|
551
551
|
}
|
|
552
|
-
.
|
|
552
|
+
.awsui_layout_hyvsj_1cour_364.awsui_has-breadcrumbs_hyvsj_1cour_533:not(#\9):not(.awsui_has-header_hyvsj_1cour_536):not(.awsui_is-overlap-disabled_hyvsj_1cour_482) {
|
|
553
553
|
--awsui-main-gap-iof9y8: var(--space-scaled-xxs-7597g1, 4px);
|
|
554
554
|
}
|
|
555
|
-
.
|
|
555
|
+
.awsui_layout_hyvsj_1cour_364.awsui_has-header_hyvsj_1cour_536:not(#\9) {
|
|
556
556
|
--awsui-main-gap-iof9y8: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
557
557
|
}
|
|
558
|
-
.
|
|
558
|
+
.awsui_layout_hyvsj_1cour_364.awsui_content-first-child-main_hyvsj_1cour_557:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1cour_482), .awsui_layout_hyvsj_1cour_364.awsui_content-first-child-main_hyvsj_1cour_557.awsui_is-overlap-disabled_hyvsj_1cour_482:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cour_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_1cour_364.awsui_content-first-child-main_hyvsj_1cour_557:not(#\9):not(.awsui_has-header_hyvsj_1cour_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_1cour_364.awsui_content-first-child-notifications_hyvsj_1cour_530:not(#\9) {
|
|
569
569
|
--awsui-notifications-gap-iof9y8: var(--space-scaled-s-aqzyko, 12px);
|
|
570
570
|
}
|
|
571
|
-
.
|
|
571
|
+
.awsui_layout_hyvsj_1cour_364.awsui_content-first-child-header_hyvsj_1cour_536:not(#\9) {
|
|
572
572
|
--awsui-header-gap-iof9y8: var(--space-scaled-s-aqzyko, 12px);
|
|
573
573
|
}
|
|
574
|
-
.
|
|
574
|
+
.awsui_layout_hyvsj_1cour_364.awsui_content-first-child-notifications_hyvsj_1cour_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cour_533).awsui_has-header_hyvsj_1cour_536 {
|
|
575
575
|
--awsui-header-gap-iof9y8: var(--space-scaled-s-aqzyko, 12px);
|
|
576
576
|
}
|
|
577
|
-
.
|
|
577
|
+
.awsui_layout_hyvsj_1cour_364.awsui_content-first-child-notifications_hyvsj_1cour_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cour_533):not(.awsui_has-header_hyvsj_1cour_536), .awsui_layout_hyvsj_1cour_364.awsui_content-first-child-main_hyvsj_1cour_557:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1cour_482) {
|
|
578
578
|
--awsui-main-gap-iof9y8: var(--space-scaled-s-aqzyko, 12px);
|
|
579
579
|
}
|
|
580
|
-
.
|
|
580
|
+
.awsui_layout_hyvsj_1cour_364.awsui_content-first-child-main_hyvsj_1cour_557.awsui_is-overlap-disabled_hyvsj_1cour_482:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cour_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_1cour_364.awsui_disable-body-scroll_hyvsj_1cour_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_1cour_364.awsui_disable-body-scroll_hyvsj_1cour_185.awsui_has-split-panel_hyvsj_1cour_600.awsui_split-panel-position-bottom_hyvsj_1cour_600:not(#\9) {
|
|
602
602
|
--awsui-main-template-rows-iof9y8: repeat(2, auto);
|
|
603
603
|
}
|
|
604
|
-
.
|
|
604
|
+
.awsui_layout_hyvsj_1cour_364.awsui_disable-body-scroll_hyvsj_1cour_185:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1cour_116) {
|
|
605
605
|
--awsui-offset-top-with-notifications-iof9y8: 0px;
|
|
606
606
|
}
|
|
607
|
-
.
|
|
607
|
+
.awsui_layout_hyvsj_1cour_364.awsui_disable-body-scroll_hyvsj_1cour_185.awsui_has-sticky-notifications_hyvsj_1cour_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_1cour_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_1cour_621:not(#\9),
|
|
623
|
+
.awsui_unfocusable_hyvsj_1cour_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_1cour_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_1cour_631.awsui_has-split-panel_hyvsj_1cour_600.awsui_split-panel-position-bottom_hyvsj_1cour_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_1cour_631.awsui_disable-content-paddings_hyvsj_1cour_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_1cour_631.awsui_disable-content-paddings_hyvsj_1cour_557.awsui_is-navigation-open_hyvsj_1cour_657:not(#\9) {
|
|
659
659
|
grid-column-start: 2;
|
|
660
660
|
}
|
|
661
|
-
.
|
|
661
|
+
.awsui_container_hyvsj_1cour_631.awsui_disable-content-paddings_hyvsj_1cour_557.awsui_is-tools-open_hyvsj_1cour_660:not(#\9), .awsui_container_hyvsj_1cour_631.awsui_disable-content-paddings_hyvsj_1cour_557.awsui_is-split-panel-open_hyvsj_1cour_660.awsui_split-panel-position-side_hyvsj_1cour_660:not(#\9), .awsui_container_hyvsj_1cour_631.awsui_disable-content-paddings_hyvsj_1cour_557.awsui_has-active-drawer_hyvsj_1cour_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_1cour_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_zz5e8_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_1cour_669:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1cour_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_1cour_669 > .awsui_mobile-toolbar-nav_hyvsj_1cour_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_1cour_669 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1cour_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_1cour_669 > .awsui_mobile-toolbar-tools_hyvsj_1cour_698:not(#\9) {
|
|
700
700
|
grid-column: 3;
|
|
701
701
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
702
702
|
}
|
|
@@ -705,8 +705,7 @@ section.awsui_mobile-toolbar_hyvsj_zz5e8_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-
|
|
709
|
-
--awsui-navigation-width-iof9y8: 280px;
|
|
708
|
+
.awsui_navigation-container_hyvsj_1cour_707:not(#\9) {
|
|
710
709
|
display: flex;
|
|
711
710
|
grid-column: 1;
|
|
712
711
|
grid-row: 1/span 10;
|
|
@@ -726,13 +725,8 @@ section.awsui_mobile-toolbar_hyvsj_zz5e8_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
726
725
|
*/
|
|
727
726
|
pointer-events: none;
|
|
728
727
|
}
|
|
729
|
-
@media (min-width: 2541px) {
|
|
730
|
-
.awsui_navigation-container_hyvsj_zz5e8_707:not(#\9) {
|
|
731
|
-
--awsui-navigation-width-iof9y8: 320px;
|
|
732
|
-
}
|
|
733
|
-
}
|
|
734
728
|
@media (max-width: 688px) {
|
|
735
|
-
.awsui_navigation-
|
|
729
|
+
.awsui_navigation-container_hyvsj_1cour_707:not(#\9) {
|
|
736
730
|
inset-inline-start: 0;
|
|
737
731
|
position: fixed;
|
|
738
732
|
z-index: 1001;
|
|
@@ -744,12 +738,12 @@ section.awsui_mobile-toolbar_hyvsj_zz5e8_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
744
738
|
relative to the body.
|
|
745
739
|
*/
|
|
746
740
|
}
|
|
747
|
-
.awsui_navigation-
|
|
741
|
+
.awsui_navigation-container_hyvsj_1cour_707.awsui_disable-body-scroll_hyvsj_1cour_185:not(#\9) {
|
|
748
742
|
inset-block-start: var(--awsui-header-height-iof9y8);
|
|
749
743
|
}
|
|
750
744
|
}
|
|
751
745
|
|
|
752
|
-
nav.awsui_show-
|
|
746
|
+
nav.awsui_show-navigation_hyvsj_1cour_745:not(#\9) {
|
|
753
747
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
754
748
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
755
749
|
/*
|
|
@@ -757,7 +751,7 @@ nav.awsui_show-navigation_hyvsj_zz5e8_751:not(#\9) {
|
|
|
757
751
|
take control in responsive viewports.
|
|
758
752
|
*/
|
|
759
753
|
}
|
|
760
|
-
@keyframes
|
|
754
|
+
@keyframes awsui_showButtons_hyvsj_1cour_1 {
|
|
761
755
|
0% {
|
|
762
756
|
opacity: 0;
|
|
763
757
|
}
|
|
@@ -765,31 +759,31 @@ nav.awsui_show-navigation_hyvsj_zz5e8_751:not(#\9) {
|
|
|
765
759
|
opacity: 1;
|
|
766
760
|
}
|
|
767
761
|
}
|
|
768
|
-
nav.awsui_show-
|
|
762
|
+
nav.awsui_show-navigation_hyvsj_1cour_745.awsui_is-navigation-open_hyvsj_1cour_657:not(#\9) {
|
|
769
763
|
display: none;
|
|
770
764
|
}
|
|
771
765
|
@media (min-width: 689px) {
|
|
772
|
-
nav.awsui_show-
|
|
766
|
+
nav.awsui_show-navigation_hyvsj_1cour_745:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cour_657) {
|
|
773
767
|
display: block;
|
|
774
768
|
}
|
|
775
|
-
nav.awsui_show-
|
|
776
|
-
animation:
|
|
769
|
+
nav.awsui_show-navigation_hyvsj_1cour_745:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cour_657).awsui_animating_hyvsj_1cour_768 {
|
|
770
|
+
animation: awsui_showButtons_hyvsj_1cour_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
777
771
|
}
|
|
778
772
|
}
|
|
779
773
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
780
|
-
nav.awsui_show-
|
|
774
|
+
nav.awsui_show-navigation_hyvsj_1cour_745:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cour_657).awsui_animating_hyvsj_1cour_768 {
|
|
781
775
|
animation: none;
|
|
782
776
|
transition: none;
|
|
783
777
|
}
|
|
784
778
|
}
|
|
785
779
|
@media (min-width: 689px) {
|
|
786
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
780
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1cour_745:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cour_657).awsui_animating_hyvsj_1cour_768, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1cour_745:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cour_657).awsui_animating_hyvsj_1cour_768 {
|
|
787
781
|
animation: none;
|
|
788
782
|
transition: none;
|
|
789
783
|
}
|
|
790
784
|
}
|
|
791
785
|
|
|
792
|
-
nav.
|
|
786
|
+
nav.awsui_navigation_hyvsj_1cour_707:not(#\9) {
|
|
793
787
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
794
788
|
inset-block-end: 0;
|
|
795
789
|
block-size: 100%;
|
|
@@ -807,7 +801,7 @@ nav.awsui_navigation_hyvsj_zz5e8_707:not(#\9) {
|
|
|
807
801
|
prevent unwanted text wrapping.
|
|
808
802
|
*/
|
|
809
803
|
}
|
|
810
|
-
@keyframes
|
|
804
|
+
@keyframes awsui_openNavigation_hyvsj_1cour_1 {
|
|
811
805
|
from {
|
|
812
806
|
opacity: 0;
|
|
813
807
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -817,33 +811,33 @@ nav.awsui_navigation_hyvsj_zz5e8_707:not(#\9) {
|
|
|
817
811
|
inline-size: var(--awsui-navigation-width-iof9y8);
|
|
818
812
|
}
|
|
819
813
|
}
|
|
820
|
-
nav.
|
|
814
|
+
nav.awsui_navigation_hyvsj_1cour_707:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cour_657) {
|
|
821
815
|
inline-size: 0;
|
|
822
816
|
display: none;
|
|
823
817
|
}
|
|
824
|
-
nav.
|
|
825
|
-
animation:
|
|
818
|
+
nav.awsui_navigation_hyvsj_1cour_707.awsui_is-navigation-open_hyvsj_1cour_657.awsui_animating_hyvsj_1cour_768:not(#\9) {
|
|
819
|
+
animation: awsui_openNavigation_hyvsj_1cour_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
826
820
|
}
|
|
827
821
|
@media (prefers-reduced-motion: reduce) {
|
|
828
|
-
nav.
|
|
822
|
+
nav.awsui_navigation_hyvsj_1cour_707.awsui_is-navigation-open_hyvsj_1cour_657.awsui_animating_hyvsj_1cour_768:not(#\9) {
|
|
829
823
|
animation: none;
|
|
830
824
|
transition: none;
|
|
831
825
|
}
|
|
832
826
|
}
|
|
833
|
-
.awsui-motion-disabled nav.
|
|
827
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1cour_707.awsui_is-navigation-open_hyvsj_1cour_657.awsui_animating_hyvsj_1cour_768:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1cour_707.awsui_is-navigation-open_hyvsj_1cour_657.awsui_animating_hyvsj_1cour_768:not(#\9) {
|
|
834
828
|
animation: none;
|
|
835
829
|
transition: none;
|
|
836
830
|
}
|
|
837
|
-
nav.
|
|
831
|
+
nav.awsui_navigation_hyvsj_1cour_707 > .awsui_animated-content_hyvsj_1cour_830:not(#\9) {
|
|
838
832
|
inline-size: var(--awsui-navigation-width-iof9y8);
|
|
839
833
|
}
|
|
840
834
|
@media (max-width: 688px) {
|
|
841
|
-
nav.
|
|
835
|
+
nav.awsui_navigation_hyvsj_1cour_707:not(#\9) {
|
|
842
836
|
--awsui-navigation-width-iof9y8: 100vw;
|
|
843
837
|
}
|
|
844
838
|
}
|
|
845
839
|
|
|
846
|
-
.awsui_hide-
|
|
840
|
+
.awsui_hide-navigation_hyvsj_1cour_839:not(#\9) {
|
|
847
841
|
position: absolute;
|
|
848
842
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
849
843
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -853,13 +847,13 @@ nav.awsui_navigation_hyvsj_zz5e8_707 > .awsui_animated-content_hyvsj_zz5e8_836:n
|
|
|
853
847
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
854
848
|
SPDX-License-Identifier: Apache-2.0
|
|
855
849
|
*/
|
|
856
|
-
.
|
|
850
|
+
.awsui_notifications_hyvsj_1cour_849:not(#\9) {
|
|
857
851
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
858
852
|
grid-area: notifications;
|
|
859
853
|
z-index: 850;
|
|
860
854
|
}
|
|
861
855
|
@media (min-width: 689px) {
|
|
862
|
-
.
|
|
856
|
+
.awsui_notifications_hyvsj_1cour_849.awsui_sticky-notifications_hyvsj_1cour_855:not(#\9) {
|
|
863
857
|
--awsui-flashbar-sticky-bottom-margin-iof9y8: var(--space-xxl-cu2m1r, 32px);
|
|
864
858
|
position: sticky;
|
|
865
859
|
inset-block-start: calc(var(--awsui-offset-top-iof9y8) + var(--space-xs-zb16t3, 8px));
|
|
@@ -876,7 +870,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
876
870
|
consume the remaining vertical space in the grid after the notifications
|
|
877
871
|
and breadcrumbs.
|
|
878
872
|
*/
|
|
879
|
-
section.awsui_split-panel-
|
|
873
|
+
section.awsui_split-panel-bottom_hyvsj_1cour_872:not(#\9) {
|
|
880
874
|
/*
|
|
881
875
|
The align self property will position the split panel at the bottom of the grid row.
|
|
882
876
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -912,7 +906,7 @@ section.awsui_split-panel-bottom_hyvsj_zz5e8_878:not(#\9) {
|
|
|
912
906
|
apply the animation to the height property.
|
|
913
907
|
*/
|
|
914
908
|
}
|
|
915
|
-
@keyframes
|
|
909
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1cour_1 {
|
|
916
910
|
from {
|
|
917
911
|
block-size: var(--awsui-split-panel-reported-header-size-iof9y8, 0);
|
|
918
912
|
}
|
|
@@ -920,39 +914,39 @@ section.awsui_split-panel-bottom_hyvsj_zz5e8_878:not(#\9) {
|
|
|
920
914
|
block-size: var(--awsui-split-panel-reported-size-iof9y8);
|
|
921
915
|
}
|
|
922
916
|
}
|
|
923
|
-
section.awsui_split-panel-
|
|
917
|
+
section.awsui_split-panel-bottom_hyvsj_1cour_872.awsui_disable-body-scroll_hyvsj_1cour_185:not(#\9) {
|
|
924
918
|
inset-block-end: 0;
|
|
925
919
|
}
|
|
926
|
-
section.awsui_split-panel-
|
|
920
|
+
section.awsui_split-panel-bottom_hyvsj_1cour_872.awsui_is-navigation-open_hyvsj_1cour_657.awsui_position-bottom_hyvsj_1cour_919:not(#\9) {
|
|
927
921
|
grid-column-start: 2;
|
|
928
922
|
}
|
|
929
|
-
section.awsui_split-panel-
|
|
923
|
+
section.awsui_split-panel-bottom_hyvsj_1cour_872.awsui_has-open-drawer_hyvsj_1cour_162.awsui_position-bottom_hyvsj_1cour_919:not(#\9) {
|
|
930
924
|
grid-column-end: 5;
|
|
931
925
|
}
|
|
932
|
-
section.awsui_split-panel-
|
|
926
|
+
section.awsui_split-panel-bottom_hyvsj_1cour_872.awsui_position-bottom_hyvsj_1cour_919:not(#\9) {
|
|
933
927
|
display: block;
|
|
934
928
|
}
|
|
935
|
-
section.awsui_split-panel-
|
|
929
|
+
section.awsui_split-panel-bottom_hyvsj_1cour_872:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1cour_660).awsui_position-bottom_hyvsj_1cour_919 {
|
|
936
930
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
937
931
|
}
|
|
938
|
-
section.awsui_split-panel-
|
|
932
|
+
section.awsui_split-panel-bottom_hyvsj_1cour_872.awsui_is-split-panel-open_hyvsj_1cour_660.awsui_position-bottom_hyvsj_1cour_919:not(#\9) {
|
|
939
933
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
940
934
|
}
|
|
941
|
-
section.awsui_split-panel-
|
|
942
|
-
animation:
|
|
935
|
+
section.awsui_split-panel-bottom_hyvsj_1cour_872.awsui_is-split-panel-open_hyvsj_1cour_660.awsui_position-bottom_hyvsj_1cour_919.awsui_animating_hyvsj_1cour_768:not(#\9) {
|
|
936
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1cour_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
943
937
|
}
|
|
944
938
|
@media (prefers-reduced-motion: reduce) {
|
|
945
|
-
section.awsui_split-panel-
|
|
939
|
+
section.awsui_split-panel-bottom_hyvsj_1cour_872.awsui_is-split-panel-open_hyvsj_1cour_660.awsui_position-bottom_hyvsj_1cour_919.awsui_animating_hyvsj_1cour_768:not(#\9) {
|
|
946
940
|
animation: none;
|
|
947
941
|
transition: none;
|
|
948
942
|
}
|
|
949
943
|
}
|
|
950
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
944
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1cour_872.awsui_is-split-panel-open_hyvsj_1cour_660.awsui_position-bottom_hyvsj_1cour_919.awsui_animating_hyvsj_1cour_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1cour_872.awsui_is-split-panel-open_hyvsj_1cour_660.awsui_position-bottom_hyvsj_1cour_919.awsui_animating_hyvsj_1cour_768:not(#\9) {
|
|
951
945
|
animation: none;
|
|
952
946
|
transition: none;
|
|
953
947
|
}
|
|
954
948
|
|
|
955
|
-
section.awsui_split-panel-
|
|
949
|
+
section.awsui_split-panel-side_hyvsj_1cour_948:not(#\9) {
|
|
956
950
|
block-size: 100%;
|
|
957
951
|
overflow-x: hidden;
|
|
958
952
|
pointer-events: auto;
|
|
@@ -962,15 +956,15 @@ section.awsui_split-panel-side_hyvsj_zz5e8_954:not(#\9) {
|
|
|
962
956
|
be persistent in the DOM when closed.
|
|
963
957
|
*/
|
|
964
958
|
}
|
|
965
|
-
section.awsui_split-panel-
|
|
959
|
+
section.awsui_split-panel-side_hyvsj_1cour_948:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1cour_660), section.awsui_split-panel-side_hyvsj_1cour_948.awsui_position-bottom_hyvsj_1cour_919:not(#\9) {
|
|
966
960
|
inline-size: 0;
|
|
967
961
|
}
|
|
968
|
-
section.awsui_split-panel-
|
|
962
|
+
section.awsui_split-panel-side_hyvsj_1cour_948.awsui_is-split-panel-open_hyvsj_1cour_660.awsui_position-side_hyvsj_1cour_961:not(#\9) {
|
|
969
963
|
max-inline-size: var(--awsui-split-panel-max-width-iof9y8, 280px);
|
|
970
964
|
min-inline-size: var(--awsui-split-panel-min-width-iof9y8, 280px);
|
|
971
965
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
972
966
|
}
|
|
973
|
-
section.awsui_split-panel-
|
|
967
|
+
section.awsui_split-panel-side_hyvsj_1cour_948.awsui_is-split-panel-open_hyvsj_1cour_660.awsui_position-side_hyvsj_1cour_961:not(#\9):not(.awsui_has-open-drawer_hyvsj_1cour_162) {
|
|
974
968
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
975
969
|
}
|
|
976
970
|
|
|
@@ -987,11 +981,10 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
987
981
|
property. The content gap right is computed in the Layout styles based on the
|
|
988
982
|
viewport size and state of the Tools drawer.
|
|
989
983
|
*/
|
|
990
|
-
.awsui_tools-
|
|
984
|
+
.awsui_tools-container_hyvsj_1cour_983:not(#\9) {
|
|
991
985
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
992
986
|
--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
987
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
994
|
-
--awsui-tools-width-iof9y8: 290px;
|
|
995
988
|
display: flex;
|
|
996
989
|
grid-column: 5;
|
|
997
990
|
grid-row: 1/span 10;
|
|
@@ -1002,13 +995,8 @@ viewport size and state of the Tools drawer.
|
|
|
1002
995
|
z-index: 830;
|
|
1003
996
|
pointer-events: none;
|
|
1004
997
|
}
|
|
1005
|
-
@media (min-width: 2541px) {
|
|
1006
|
-
.awsui_tools-container_hyvsj_zz5e8_989:not(#\9) {
|
|
1007
|
-
--awsui-tools-width-iof9y8: 360px;
|
|
1008
|
-
}
|
|
1009
|
-
}
|
|
1010
998
|
@media (max-width: 688px) {
|
|
1011
|
-
.awsui_tools-
|
|
999
|
+
.awsui_tools-container_hyvsj_1cour_983:not(#\9) {
|
|
1012
1000
|
--awsui-tools-max-width-iof9y8: none;
|
|
1013
1001
|
--awsui-tools-width-iof9y8: auto;
|
|
1014
1002
|
position: fixed;
|
|
@@ -1022,12 +1010,12 @@ viewport size and state of the Tools drawer.
|
|
|
1022
1010
|
relative to the body.
|
|
1023
1011
|
*/
|
|
1024
1012
|
}
|
|
1025
|
-
.awsui_tools-
|
|
1013
|
+
.awsui_tools-container_hyvsj_1cour_983.awsui_disable-body-scroll_hyvsj_1cour_185:not(#\9) {
|
|
1026
1014
|
inset-block-start: var(--awsui-header-height-iof9y8);
|
|
1027
1015
|
}
|
|
1028
1016
|
}
|
|
1029
1017
|
|
|
1030
|
-
.
|
|
1018
|
+
.awsui_tools_hyvsj_1cour_983:not(#\9) {
|
|
1031
1019
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1032
1020
|
flex-shrink: 0;
|
|
1033
1021
|
block-size: 100%;
|
|
@@ -1050,7 +1038,7 @@ viewport size and state of the Tools drawer.
|
|
|
1050
1038
|
in the side position.
|
|
1051
1039
|
*/
|
|
1052
1040
|
}
|
|
1053
|
-
@keyframes
|
|
1041
|
+
@keyframes awsui_openTools_hyvsj_1cour_1 {
|
|
1054
1042
|
from {
|
|
1055
1043
|
opacity: var(--awsui-tools-animation-starting-opacity-iof9y8, 0);
|
|
1056
1044
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -1060,41 +1048,41 @@ viewport size and state of the Tools drawer.
|
|
|
1060
1048
|
inline-size: var(--awsui-tools-width-iof9y8);
|
|
1061
1049
|
}
|
|
1062
1050
|
}
|
|
1063
|
-
.
|
|
1051
|
+
.awsui_tools_hyvsj_1cour_983:not(#\9):not(.awsui_is-tools-open_hyvsj_1cour_660) {
|
|
1064
1052
|
inline-size: 0;
|
|
1065
1053
|
display: none;
|
|
1066
1054
|
}
|
|
1067
|
-
.
|
|
1055
|
+
.awsui_tools_hyvsj_1cour_983.awsui_is-tools-open_hyvsj_1cour_660:not(#\9) {
|
|
1068
1056
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1069
1057
|
}
|
|
1070
|
-
.
|
|
1071
|
-
animation:
|
|
1058
|
+
.awsui_tools_hyvsj_1cour_983.awsui_is-tools-open_hyvsj_1cour_660.awsui_animating_hyvsj_1cour_768:not(#\9) {
|
|
1059
|
+
animation: awsui_openTools_hyvsj_1cour_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1072
1060
|
}
|
|
1073
1061
|
@media (prefers-reduced-motion: reduce) {
|
|
1074
|
-
.
|
|
1062
|
+
.awsui_tools_hyvsj_1cour_983.awsui_is-tools-open_hyvsj_1cour_660.awsui_animating_hyvsj_1cour_768:not(#\9) {
|
|
1075
1063
|
animation: none;
|
|
1076
1064
|
transition: none;
|
|
1077
1065
|
}
|
|
1078
1066
|
}
|
|
1079
|
-
.awsui-motion-disabled .
|
|
1067
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1cour_983.awsui_is-tools-open_hyvsj_1cour_660.awsui_animating_hyvsj_1cour_768:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1cour_983.awsui_is-tools-open_hyvsj_1cour_660.awsui_animating_hyvsj_1cour_768:not(#\9) {
|
|
1080
1068
|
animation: none;
|
|
1081
1069
|
transition: none;
|
|
1082
1070
|
}
|
|
1083
|
-
.
|
|
1071
|
+
.awsui_tools_hyvsj_1cour_983 > .awsui_animated-content_hyvsj_1cour_830:not(#\9) {
|
|
1084
1072
|
inline-size: var(--awsui-tools-width-iof9y8);
|
|
1085
1073
|
}
|
|
1086
1074
|
@media (min-width: 689px) {
|
|
1087
|
-
.
|
|
1075
|
+
.awsui_tools_hyvsj_1cour_983.awsui_is-tools-open_hyvsj_1cour_660.awsui_has-tools-form-persistence_hyvsj_1cour_1074:not(#\9) {
|
|
1088
1076
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1089
1077
|
}
|
|
1090
1078
|
}
|
|
1091
1079
|
@media (max-width: 688px) {
|
|
1092
|
-
.
|
|
1080
|
+
.awsui_tools_hyvsj_1cour_983:not(#\9) {
|
|
1093
1081
|
--awsui-tools-width-iof9y8: 100vw;
|
|
1094
1082
|
}
|
|
1095
1083
|
}
|
|
1096
1084
|
|
|
1097
|
-
.awsui_hide-
|
|
1085
|
+
.awsui_hide-tools_hyvsj_1cour_1084:not(#\9) {
|
|
1098
1086
|
position: absolute;
|
|
1099
1087
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1100
1088
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1106,7 +1094,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1106
1094
|
the calculation used to determine the Split Panel maximum width in the
|
|
1107
1095
|
handleSplitPanelMaxWidth function in the context.
|
|
1108
1096
|
*/
|
|
1109
|
-
.awsui_show-
|
|
1097
|
+
.awsui_show-tools_hyvsj_1cour_1096:not(#\9) {
|
|
1110
1098
|
border-collapse: separate;
|
|
1111
1099
|
border-spacing: 0;
|
|
1112
1100
|
box-sizing: border-box;
|
|
@@ -1148,7 +1136,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1148
1136
|
take control in responsive viewports.
|
|
1149
1137
|
*/
|
|
1150
1138
|
}
|
|
1151
|
-
@keyframes
|
|
1139
|
+
@keyframes awsui_showButtons_hyvsj_1cour_1 {
|
|
1152
1140
|
0% {
|
|
1153
1141
|
opacity: 0;
|
|
1154
1142
|
}
|
|
@@ -1156,31 +1144,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1156
1144
|
opacity: 1;
|
|
1157
1145
|
}
|
|
1158
1146
|
}
|
|
1159
|
-
.awsui_show-
|
|
1147
|
+
.awsui_show-tools_hyvsj_1cour_1096:not(#\9):not(.awsui_has-tools-form_hyvsj_1cour_1074) {
|
|
1160
1148
|
display: none;
|
|
1161
1149
|
}
|
|
1162
1150
|
@media (min-width: 689px) {
|
|
1163
|
-
.awsui_show-
|
|
1151
|
+
.awsui_show-tools_hyvsj_1cour_1096.awsui_has-tools-form_hyvsj_1cour_1074:not(#\9) {
|
|
1164
1152
|
display: flex;
|
|
1165
1153
|
flex-direction: column;
|
|
1166
1154
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1167
1155
|
}
|
|
1168
|
-
.awsui_show-
|
|
1169
|
-
animation:
|
|
1156
|
+
.awsui_show-tools_hyvsj_1cour_1096.awsui_has-tools-form_hyvsj_1cour_1074.awsui_animating_hyvsj_1cour_768:not(#\9) {
|
|
1157
|
+
animation: awsui_showButtons_hyvsj_1cour_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1170
1158
|
}
|
|
1171
1159
|
}
|
|
1172
1160
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1173
|
-
.awsui_show-
|
|
1161
|
+
.awsui_show-tools_hyvsj_1cour_1096.awsui_has-tools-form_hyvsj_1cour_1074.awsui_animating_hyvsj_1cour_768:not(#\9) {
|
|
1174
1162
|
animation: none;
|
|
1175
1163
|
transition: none;
|
|
1176
1164
|
}
|
|
1177
1165
|
}
|
|
1178
1166
|
@media (min-width: 689px) {
|
|
1179
|
-
.awsui-motion-disabled .awsui_show-
|
|
1167
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1cour_1096.awsui_has-tools-form_hyvsj_1cour_1074.awsui_animating_hyvsj_1cour_768:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1cour_1096.awsui_has-tools-form_hyvsj_1cour_1074.awsui_animating_hyvsj_1cour_768:not(#\9) {
|
|
1180
1168
|
animation: none;
|
|
1181
1169
|
transition: none;
|
|
1182
1170
|
}
|
|
1183
|
-
.awsui_show-
|
|
1171
|
+
.awsui_show-tools_hyvsj_1cour_1096.awsui_has-tools-form-persistence_hyvsj_1cour_1074:not(#\9) {
|
|
1184
1172
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1185
1173
|
z-index: 1;
|
|
1186
1174
|
}
|
|
@@ -1190,7 +1178,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1190
1178
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1191
1179
|
SPDX-License-Identifier: Apache-2.0
|
|
1192
1180
|
*/
|
|
1193
|
-
.awsui_trigger-badge-
|
|
1181
|
+
.awsui_trigger-badge-wrapper_hyvsj_1cour_1179:not(#\9) {
|
|
1194
1182
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1195
1183
|
border-start-start-radius: 50%;
|
|
1196
1184
|
border-start-end-radius: 50%;
|
|
@@ -1206,10 +1194,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1206
1194
|
align-items: center;
|
|
1207
1195
|
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
1196
|
}
|
|
1209
|
-
.awsui_trigger-badge-
|
|
1197
|
+
.awsui_trigger-badge-wrapper_hyvsj_1cour_1179:not(#\9):hover {
|
|
1210
1198
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1211
1199
|
}
|
|
1212
|
-
.awsui_trigger-badge-
|
|
1200
|
+
.awsui_trigger-badge-wrapper_hyvsj_1cour_1179:not(#\9):active {
|
|
1213
1201
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1214
1202
|
}
|
|
1215
1203
|
|
|
@@ -1218,7 +1206,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1218
1206
|
the calculation used to determine the Split Panel maximum width in the
|
|
1219
1207
|
handleSplitPanelMaxWidth function in the context.
|
|
1220
1208
|
*/
|
|
1221
|
-
.
|
|
1209
|
+
.awsui_trigger_hyvsj_1cour_1179:not(#\9) {
|
|
1222
1210
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1223
1211
|
border-start-start-radius: 50%;
|
|
1224
1212
|
border-start-end-radius: 50%;
|
|
@@ -1234,20 +1222,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1234
1222
|
pointer-events: auto;
|
|
1235
1223
|
position: relative;
|
|
1236
1224
|
}
|
|
1237
|
-
.
|
|
1225
|
+
.awsui_trigger_hyvsj_1cour_1179:not(#\9):hover {
|
|
1238
1226
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1239
1227
|
}
|
|
1240
|
-
.
|
|
1228
|
+
.awsui_trigger_hyvsj_1cour_1179:not(#\9):active {
|
|
1241
1229
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1242
1230
|
}
|
|
1243
|
-
body[data-awsui-focus-visible=true] .
|
|
1231
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1cour_1179:not(#\9):focus {
|
|
1244
1232
|
position: relative;
|
|
1245
1233
|
}
|
|
1246
|
-
body[data-awsui-focus-visible=true] .
|
|
1234
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1cour_1179:not(#\9):focus {
|
|
1247
1235
|
outline: 2px dotted transparent;
|
|
1248
1236
|
outline-offset: calc(3px - 1px);
|
|
1249
1237
|
}
|
|
1250
|
-
body[data-awsui-focus-visible=true] .
|
|
1238
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1cour_1179:not(#\9):focus::before {
|
|
1251
1239
|
content: " ";
|
|
1252
1240
|
display: block;
|
|
1253
1241
|
position: absolute;
|
|
@@ -1261,45 +1249,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_zz5e8_1191:not(#\9):foc
|
|
|
1261
1249
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1262
1250
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1263
1251
|
}
|
|
1264
|
-
.
|
|
1252
|
+
.awsui_trigger_hyvsj_1cour_1179:not(#\9):focus {
|
|
1265
1253
|
outline: none;
|
|
1266
1254
|
}
|
|
1267
|
-
.
|
|
1255
|
+
.awsui_trigger_hyvsj_1cour_1179.awsui_selected_hyvsj_1cour_1253:not(#\9) {
|
|
1268
1256
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1269
1257
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1270
1258
|
}
|
|
1271
|
-
.
|
|
1259
|
+
.awsui_trigger_hyvsj_1cour_1179.awsui_selected_hyvsj_1cour_1253:not(#\9):hover {
|
|
1272
1260
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1273
1261
|
}
|
|
1274
|
-
.
|
|
1262
|
+
.awsui_trigger_hyvsj_1cour_1179.awsui_selected_hyvsj_1cour_1253:not(#\9):active {
|
|
1275
1263
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1276
1264
|
}
|
|
1277
|
-
.
|
|
1265
|
+
.awsui_trigger_hyvsj_1cour_1179.awsui_selected_hyvsj_1cour_1253 > .awsui_trigger-badge-wrapper_hyvsj_1cour_1179:not(#\9) {
|
|
1278
1266
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1279
1267
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1280
1268
|
}
|
|
1281
|
-
.
|
|
1269
|
+
.awsui_trigger_hyvsj_1cour_1179.awsui_selected_hyvsj_1cour_1253 > .awsui_trigger-badge-wrapper_hyvsj_1cour_1179:not(#\9):hover {
|
|
1282
1270
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1283
1271
|
}
|
|
1284
|
-
.
|
|
1272
|
+
.awsui_trigger_hyvsj_1cour_1179.awsui_selected_hyvsj_1cour_1253 > .awsui_trigger-badge-wrapper_hyvsj_1cour_1179:not(#\9):active {
|
|
1285
1273
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1286
1274
|
}
|
|
1287
|
-
.
|
|
1275
|
+
.awsui_trigger_hyvsj_1cour_1179.awsui_badge_hyvsj_1cour_1273:not(#\9), .awsui_trigger_hyvsj_1cour_1179.awsui_badge_hyvsj_1cour_1273:not(#\9):hover, .awsui_trigger_hyvsj_1cour_1179.awsui_badge_hyvsj_1cour_1273:not(#\9):active {
|
|
1288
1276
|
background: transparent;
|
|
1289
1277
|
}
|
|
1290
1278
|
|
|
1291
|
-
.awsui_trigger-
|
|
1279
|
+
.awsui_trigger-wrapper_hyvsj_1cour_1277:not(#\9) {
|
|
1292
1280
|
position: relative;
|
|
1293
1281
|
border-start-start-radius: 50%;
|
|
1294
1282
|
border-start-end-radius: 50%;
|
|
1295
1283
|
border-end-start-radius: 50%;
|
|
1296
1284
|
border-end-end-radius: 50%;
|
|
1297
1285
|
}
|
|
1298
|
-
.awsui_trigger-
|
|
1286
|
+
.awsui_trigger-wrapper_hyvsj_1cour_1277:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1cour_686) {
|
|
1299
1287
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1300
1288
|
}
|
|
1301
1289
|
|
|
1302
|
-
.
|
|
1290
|
+
.awsui_dot_hyvsj_1cour_1288:not(#\9) {
|
|
1303
1291
|
position: absolute;
|
|
1304
1292
|
inline-size: 9px;
|
|
1305
1293
|
block-size: 9px;
|