@cloudscape-design/components 3.0.498 → 3.0.499
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/background.d.ts.map +1 -1
- package/app-layout/visual-refresh/background.js +2 -1
- package/app-layout/visual-refresh/background.js.map +1 -1
- package/app-layout/visual-refresh/breadcrumbs.d.ts.map +1 -1
- package/app-layout/visual-refresh/breadcrumbs.js +2 -1
- package/app-layout/visual-refresh/breadcrumbs.js.map +1 -1
- package/app-layout/visual-refresh/header.d.ts.map +1 -1
- package/app-layout/visual-refresh/header.js +2 -1
- package/app-layout/visual-refresh/header.js.map +1 -1
- package/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
- package/app-layout/visual-refresh/mobile-toolbar.js +2 -1
- package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
- package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/app-layout/visual-refresh/notifications.js +2 -1
- package/app-layout/visual-refresh/notifications.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +80 -80
- package/app-layout/visual-refresh/styles.scoped.css +170 -170
- package/app-layout/visual-refresh/styles.selectors.js +80 -80
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +2 -1
- package/container/internal.js.map +1 -1
- package/content-layout/internal.d.ts.map +1 -1
- package/content-layout/internal.js +3 -2
- package/content-layout/internal.js.map +1 -1
- package/internal/components/dark-ribbon/index.d.ts.map +1 -1
- package/internal/components/dark-ribbon/index.js +2 -1
- package/internal/components/dark-ribbon/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/content-header-utils.d.ts +2 -0
- package/internal/utils/content-header-utils.d.ts.map +1 -0
- package/internal/utils/content-header-utils.js +7 -0
- package/internal/utils/content-header-utils.js.map +1 -0
- package/internal/utils/global-flags.d.ts +11 -0
- package/internal/utils/global-flags.d.ts.map +1 -0
- package/internal/utils/global-flags.js +25 -0
- package/internal/utils/global-flags.js.map +1 -0
- package/package.json +1 -1
- package/split-panel/icons/bottom-icon-refresh.d.ts.map +1 -1
- package/split-panel/icons/bottom-icon-refresh.js +3 -2
- package/split-panel/icons/bottom-icon-refresh.js.map +1 -1
- package/split-panel/icons/side-position-refresh.d.ts.map +1 -1
- package/split-panel/icons/side-position-refresh.js +2 -1
- package/split-panel/icons/side-position-refresh.js.map +1 -1
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +2 -1
- package/table/internal.js.map +1 -1
- package/wizard/internal.d.ts.map +1 -1
- package/wizard/internal.js +2 -1
- package/wizard/internal.js.map +1 -1
- package/wizard/wizard-form-header.d.ts.map +1 -1
- package/wizard/wizard-form-header.js +2 -1
- package/wizard/wizard-form-header.js.map +1 -1
|
@@ -90,16 +90,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
div.
|
|
93
|
+
div.awsui_background_hyvsj_1p6he_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_1p6he_93 > .awsui_scrolling-background_hyvsj_1p6he_96:not(#\9) {
|
|
97
97
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
98
98
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
99
99
|
grid-column: 1/span 5;
|
|
100
100
|
grid-row: 1/10;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
104
|
grid-column: 1/span 5;
|
|
105
105
|
grid-row: 1/10;
|
|
@@ -107,10 +107,10 @@ div.awsui_background_hyvsj_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-y98gph);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1p6he_110) {
|
|
111
111
|
height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_1p6he_93 > .awsui_sticky-background_hyvsj_1p6he_102.awsui_has-sticky-notifications_hyvsj_1p6he_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
115
|
var(--awsui-notifications-gap-y98gph) + var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph)
|
|
116
116
|
);
|
|
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_102.a
|
|
|
120
120
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
121
121
|
SPDX-License-Identifier: Apache-2.0
|
|
122
122
|
*/
|
|
123
|
-
.
|
|
123
|
+
.awsui_breadcrumbs_hyvsj_1p6he_123:not(#\9) {
|
|
124
124
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
125
125
|
grid-area: breadcrumbs;
|
|
126
126
|
/*
|
|
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_1p6he_123.awsui_has-sticky-background_hyvsj_1p6he_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_102.a
|
|
|
142
142
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
143
143
|
SPDX-License-Identifier: Apache-2.0
|
|
144
144
|
*/
|
|
145
|
-
.awsui_drawers-
|
|
145
|
+
.awsui_drawers-container_hyvsj_1p6he_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
@@ -153,18 +153,18 @@ div.awsui_background_hyvsj_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_102.a
|
|
|
153
153
|
top: var(--awsui-offset-top-y98gph);
|
|
154
154
|
z-index: 830;
|
|
155
155
|
}
|
|
156
|
-
.awsui_drawers-
|
|
156
|
+
.awsui_drawers-container_hyvsj_1p6he_145.awsui_has-open-drawer_hyvsj_1p6he_156:not(#\9) {
|
|
157
157
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
158
158
|
}
|
|
159
159
|
@media (min-width: 689px) {
|
|
160
|
-
.awsui_drawers-
|
|
160
|
+
.awsui_drawers-container_hyvsj_1p6he_145:not(#\9) {
|
|
161
161
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
162
162
|
max-width: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
|
|
163
163
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
166
|
@media (max-width: 688px) {
|
|
167
|
-
.awsui_drawers-
|
|
167
|
+
.awsui_drawers-container_hyvsj_1p6he_145:not(#\9) {
|
|
168
168
|
position: fixed;
|
|
169
169
|
right: 0;
|
|
170
170
|
z-index: 1001;
|
|
@@ -176,12 +176,12 @@ div.awsui_background_hyvsj_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_102.a
|
|
|
176
176
|
relative to the body.
|
|
177
177
|
*/
|
|
178
178
|
}
|
|
179
|
-
.awsui_drawers-
|
|
179
|
+
.awsui_drawers-container_hyvsj_1p6he_145.awsui_disable-body-scroll_hyvsj_1p6he_179:not(#\9) {
|
|
180
180
|
top: var(--awsui-header-height-y98gph);
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
183
|
|
|
184
|
-
.awsui_drawers-desktop-triggers-
|
|
184
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1p6he_184:not(#\9) {
|
|
185
185
|
border-collapse: separate;
|
|
186
186
|
border-spacing: 0;
|
|
187
187
|
box-sizing: border-box;
|
|
@@ -223,21 +223,21 @@ div.awsui_background_hyvsj_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_102.a
|
|
|
223
223
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
224
224
|
overscroll-behavior-y: contain;
|
|
225
225
|
}
|
|
226
|
-
.awsui_drawers-desktop-triggers-
|
|
226
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1p6he_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1p6he_225).awsui_has-open-drawer_hyvsj_1p6he_156 {
|
|
227
227
|
width: 0;
|
|
228
228
|
}
|
|
229
|
-
.awsui_drawers-desktop-triggers-
|
|
229
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1p6he_184.awsui_has-multiple-triggers_hyvsj_1p6he_225.awsui_has-open-drawer_hyvsj_1p6he_156:not(#\9) {
|
|
230
230
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
231
231
|
}
|
|
232
|
-
.awsui_drawers-desktop-triggers-
|
|
232
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1p6he_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1p6he_225):not(.awsui_has-open-drawer_hyvsj_1p6he_156) {
|
|
233
233
|
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
234
234
|
}
|
|
235
235
|
|
|
236
|
-
.awsui_drawers-mobile-triggers-
|
|
236
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_1p6he_235:not(#\9) {
|
|
237
237
|
display: flex;
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
.awsui_drawers-trigger-
|
|
240
|
+
.awsui_drawers-trigger-content_hyvsj_1p6he_239:not(#\9) {
|
|
241
241
|
align-items: center;
|
|
242
242
|
display: flex;
|
|
243
243
|
flex-direction: column;
|
|
@@ -245,13 +245,13 @@ div.awsui_background_hyvsj_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_102.a
|
|
|
245
245
|
padding-top: var(--space-scaled-s-aqzyko, 12px);
|
|
246
246
|
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
247
247
|
}
|
|
248
|
-
.awsui_drawers-trigger-
|
|
248
|
+
.awsui_drawers-trigger-content_hyvsj_1p6he_239:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1p6he_225).awsui_has-open-drawer_hyvsj_1p6he_156 {
|
|
249
249
|
opacity: 0;
|
|
250
250
|
}
|
|
251
|
-
.awsui_drawers-trigger-
|
|
251
|
+
.awsui_drawers-trigger-content_hyvsj_1p6he_239:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1p6he_225):not(.awsui_has-open-drawer_hyvsj_1p6he_156) {
|
|
252
252
|
opacity: 1;
|
|
253
253
|
}
|
|
254
|
-
.awsui_drawers-trigger-
|
|
254
|
+
.awsui_drawers-trigger-content_hyvsj_1p6he_239 > .awsui_drawers-trigger-overflow_hyvsj_1p6he_253:not(#\9) {
|
|
255
255
|
padding: 0 1px;
|
|
256
256
|
display: flex;
|
|
257
257
|
align-items: center;
|
|
@@ -259,14 +259,14 @@ div.awsui_background_hyvsj_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_102.a
|
|
|
259
259
|
}
|
|
260
260
|
|
|
261
261
|
@media (max-width: 688px) {
|
|
262
|
-
.awsui_drawers-
|
|
262
|
+
.awsui_drawers-trigger_hyvsj_1p6he_239:not(#\9) {
|
|
263
263
|
width: 40px;
|
|
264
264
|
display: flex;
|
|
265
265
|
justify-content: center;
|
|
266
266
|
}
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
.
|
|
269
|
+
.awsui_drawer_hyvsj_1p6he_145:not(#\9) {
|
|
270
270
|
--awsui-drawer-size-y98gph: 290px;
|
|
271
271
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
272
272
|
border-color: transparent;
|
|
@@ -281,7 +281,7 @@ div.awsui_background_hyvsj_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_102.a
|
|
|
281
281
|
pointer-events: auto;
|
|
282
282
|
word-wrap: break-word;
|
|
283
283
|
}
|
|
284
|
-
.
|
|
284
|
+
.awsui_drawer_hyvsj_1p6he_145 > .awsui_drawer-content-container_hyvsj_1p6he_283:not(#\9) {
|
|
285
285
|
grid-column: 1/span 2;
|
|
286
286
|
grid-row: 1;
|
|
287
287
|
width: var(--awsui-drawer-size-y98gph);
|
|
@@ -290,41 +290,41 @@ div.awsui_background_hyvsj_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_102.a
|
|
|
290
290
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
291
291
|
overflow-y: auto;
|
|
292
292
|
}
|
|
293
|
-
.
|
|
293
|
+
.awsui_drawer_hyvsj_1p6he_145 > .awsui_drawer-content-container_hyvsj_1p6he_283 > .awsui_drawer-close-button_hyvsj_1p6he_292:not(#\9) {
|
|
294
294
|
grid-column: 3;
|
|
295
295
|
grid-row: 2;
|
|
296
296
|
z-index: 1;
|
|
297
297
|
}
|
|
298
|
-
.
|
|
298
|
+
.awsui_drawer_hyvsj_1p6he_145 > .awsui_drawer-content-container_hyvsj_1p6he_283 > .awsui_drawer-content_hyvsj_1p6he_283:not(#\9) {
|
|
299
299
|
grid-column: 1/span 4;
|
|
300
300
|
}
|
|
301
|
-
.
|
|
301
|
+
.awsui_drawer_hyvsj_1p6he_145 > .awsui_drawer-content-container_hyvsj_1p6he_283 > .awsui_drawer-content_hyvsj_1p6he_283.awsui_drawer-content-hidden_hyvsj_1p6he_300:not(#\9) {
|
|
302
302
|
display: none;
|
|
303
303
|
}
|
|
304
|
-
.
|
|
304
|
+
.awsui_drawer_hyvsj_1p6he_145 > .awsui_drawer-slider_hyvsj_1p6he_303:not(#\9) {
|
|
305
305
|
grid-column: 1;
|
|
306
306
|
grid-row: 1;
|
|
307
307
|
height: 100%;
|
|
308
308
|
display: flex;
|
|
309
309
|
align-items: center;
|
|
310
310
|
}
|
|
311
|
-
.
|
|
311
|
+
.awsui_drawer_hyvsj_1p6he_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_1p6he_310) {
|
|
312
312
|
opacity: 0;
|
|
313
313
|
width: 0;
|
|
314
314
|
}
|
|
315
|
-
.
|
|
315
|
+
.awsui_drawer_hyvsj_1p6he_145.awsui_is-drawer-open_hyvsj_1p6he_310:not(#\9) {
|
|
316
316
|
border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
317
317
|
border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
318
318
|
opacity: 1;
|
|
319
319
|
width: var(--awsui-drawer-size-y98gph);
|
|
320
320
|
}
|
|
321
321
|
@media (min-width: 2541px) {
|
|
322
|
-
.
|
|
322
|
+
.awsui_drawer_hyvsj_1p6he_145.awsui_is-drawer-open_hyvsj_1p6he_310:not(#\9) {
|
|
323
323
|
--awsui-drawer-size-y98gph: 320px;
|
|
324
324
|
}
|
|
325
325
|
}
|
|
326
326
|
@media (max-width: 688px) {
|
|
327
|
-
.
|
|
327
|
+
.awsui_drawer_hyvsj_1p6he_145.awsui_is-drawer-open_hyvsj_1p6he_310:not(#\9) {
|
|
328
328
|
--awsui-drawer-size-y98gph: 100vw;
|
|
329
329
|
width: 100vw;
|
|
330
330
|
}
|
|
@@ -334,7 +334,7 @@ div.awsui_background_hyvsj_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_102.a
|
|
|
334
334
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
335
335
|
SPDX-License-Identifier: Apache-2.0
|
|
336
336
|
*/
|
|
337
|
-
header.
|
|
337
|
+
header.awsui_content_hyvsj_1p6he_336:not(#\9) {
|
|
338
338
|
grid-area: header;
|
|
339
339
|
}
|
|
340
340
|
|
|
@@ -355,7 +355,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
355
355
|
circumstances regardless of whether the minContentWidth property is
|
|
356
356
|
explicitly set in script.
|
|
357
357
|
*/
|
|
358
|
-
.
|
|
358
|
+
.awsui_layout_hyvsj_1p6he_357:not(#\9) {
|
|
359
359
|
--awsui-breadcrumbs-gap-y98gph: 0px;
|
|
360
360
|
--awsui-content-gap-left-y98gph: 0px;
|
|
361
361
|
--awsui-content-gap-right-y98gph: 0px;
|
|
@@ -438,139 +438,139 @@ explicitly set in script.
|
|
|
438
438
|
*/
|
|
439
439
|
}
|
|
440
440
|
@media (min-width: 1401px) {
|
|
441
|
-
.
|
|
441
|
+
.awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440) {
|
|
442
442
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
443
443
|
}
|
|
444
444
|
}
|
|
445
445
|
@media (min-width: 1921px) {
|
|
446
|
-
.
|
|
446
|
+
.awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440) {
|
|
447
447
|
--awsui-default-max-content-width-y98gph: 1440px;
|
|
448
448
|
}
|
|
449
449
|
}
|
|
450
450
|
@media (min-width: 2541px) {
|
|
451
|
-
.
|
|
451
|
+
.awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440) {
|
|
452
452
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
453
453
|
}
|
|
454
454
|
}
|
|
455
455
|
@media (min-width: 1401px) {
|
|
456
|
-
.
|
|
456
|
+
.awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440).awsui_content-type-dashboard_hyvsj_1p6he_455 {
|
|
457
457
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
458
458
|
}
|
|
459
459
|
}
|
|
460
460
|
@media (min-width: 1921px) {
|
|
461
|
-
.
|
|
461
|
+
.awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440).awsui_content-type-dashboard_hyvsj_1p6he_455 {
|
|
462
462
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
463
463
|
}
|
|
464
464
|
}
|
|
465
465
|
@media (min-width: 2541px) {
|
|
466
|
-
.
|
|
466
|
+
.awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440).awsui_content-type-dashboard_hyvsj_1p6he_455 {
|
|
467
467
|
--awsui-default-max-content-width-y98gph: 2160px;
|
|
468
468
|
}
|
|
469
469
|
}
|
|
470
|
-
.
|
|
470
|
+
.awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440).awsui_content-type-table_hyvsj_1p6he_469, .awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1p6he_440).awsui_content-type-cards_hyvsj_1p6he_469 {
|
|
471
471
|
--awsui-default-max-content-width-y98gph: 100%;
|
|
472
472
|
}
|
|
473
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_has-max-content-width_hyvsj_1p6he_440:not(#\9) {
|
|
474
474
|
--awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
|
|
475
475
|
}
|
|
476
|
-
.
|
|
476
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_is-overlap-disabled_hyvsj_1p6he_475:not(#\9) {
|
|
477
477
|
--awsui-overlap-height-y98gph: 0;
|
|
478
478
|
}
|
|
479
|
-
.
|
|
479
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_is-hide-mobile-toolbar_hyvsj_1p6he_478:not(#\9) {
|
|
480
480
|
--awsui-mobile-bar-height-y98gph: 0px;
|
|
481
481
|
}
|
|
482
482
|
@media (min-width: 993px) {
|
|
483
|
-
.
|
|
483
|
+
.awsui_layout_hyvsj_1p6he_357:not(#\9) {
|
|
484
484
|
--awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
|
|
485
485
|
}
|
|
486
486
|
}
|
|
487
487
|
@media (max-width: 992px) {
|
|
488
|
-
.
|
|
488
|
+
.awsui_layout_hyvsj_1p6he_357:not(#\9) {
|
|
489
489
|
--awsui-default-min-content-width-y98gph: 0px;
|
|
490
490
|
}
|
|
491
491
|
}
|
|
492
|
-
.
|
|
492
|
+
.awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1p6he_110):not(.awsui_has-sticky-background_hyvsj_1p6he_133) {
|
|
493
493
|
--awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
|
|
494
494
|
}
|
|
495
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_1p6he_357:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1p6he_110).awsui_has-sticky-background_hyvsj_1p6he_133 {
|
|
496
496
|
--awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
|
|
497
497
|
}
|
|
498
|
-
.
|
|
498
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_has-sticky-notifications_hyvsj_1p6he_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_1p6he_133) {
|
|
499
499
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
500
500
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
501
501
|
var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
|
|
502
502
|
);
|
|
503
503
|
}
|
|
504
|
-
.
|
|
504
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_has-sticky-notifications_hyvsj_1p6he_110.awsui_has-sticky-background_hyvsj_1p6he_133:not(#\9) {
|
|
505
505
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
506
506
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
507
507
|
var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
|
|
508
508
|
);
|
|
509
509
|
}
|
|
510
510
|
@media (min-width: 689px) {
|
|
511
|
-
.
|
|
511
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_has-content-gap-left_hyvsj_1p6he_510:not(#\9) {
|
|
512
512
|
--awsui-content-gap-left-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
513
513
|
}
|
|
514
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_has-content-gap-right_hyvsj_1p6he_513:not(#\9) {
|
|
515
515
|
--awsui-content-gap-right-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
516
516
|
}
|
|
517
517
|
}
|
|
518
518
|
@media (max-width: 688px) {
|
|
519
|
-
.
|
|
519
|
+
.awsui_layout_hyvsj_1p6he_357:not(#\9) {
|
|
520
520
|
--awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
|
|
521
521
|
--awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
|
|
522
522
|
}
|
|
523
523
|
}
|
|
524
|
-
.
|
|
524
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-notifications_hyvsj_1p6he_523:not(#\9) {
|
|
525
525
|
--awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
526
526
|
}
|
|
527
|
-
.
|
|
527
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_has-breadcrumbs_hyvsj_1p6he_526:not(#\9) {
|
|
528
528
|
--awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
529
529
|
}
|
|
530
|
-
.
|
|
530
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-header_hyvsj_1p6he_529:not(#\9), .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-notifications_hyvsj_1p6he_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1p6he_526).awsui_has-header_hyvsj_1p6he_529 {
|
|
531
531
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
532
532
|
}
|
|
533
|
-
.
|
|
533
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_has-breadcrumbs_hyvsj_1p6he_526.awsui_has-header_hyvsj_1p6he_529:not(#\9) {
|
|
534
534
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
535
535
|
}
|
|
536
|
-
.
|
|
536
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-notifications_hyvsj_1p6he_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1p6he_526):not(.awsui_has-header_hyvsj_1p6he_529) {
|
|
537
537
|
--awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
538
538
|
}
|
|
539
|
-
.
|
|
539
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_has-breadcrumbs_hyvsj_1p6he_526:not(#\9):not(.awsui_has-header_hyvsj_1p6he_529) {
|
|
540
540
|
--awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
|
|
541
541
|
}
|
|
542
|
-
.
|
|
542
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_has-breadcrumbs_hyvsj_1p6he_526:not(#\9):not(.awsui_has-header_hyvsj_1p6he_529).awsui_is-overlap-disabled_hyvsj_1p6he_475 {
|
|
543
543
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
544
544
|
}
|
|
545
|
-
.
|
|
545
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_has-breadcrumbs_hyvsj_1p6he_526:not(#\9):not(.awsui_has-header_hyvsj_1p6he_529):not(.awsui_is-overlap-disabled_hyvsj_1p6he_475) {
|
|
546
546
|
--awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
|
|
547
547
|
}
|
|
548
|
-
.
|
|
548
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_has-header_hyvsj_1p6he_529:not(#\9) {
|
|
549
549
|
--awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
550
550
|
}
|
|
551
|
-
.
|
|
551
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-main_hyvsj_1p6he_550:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1p6he_475), .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-main_hyvsj_1p6he_550.awsui_is-overlap-disabled_hyvsj_1p6he_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1p6he_550) {
|
|
552
552
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
553
553
|
}
|
|
554
554
|
@media (min-width: 689px) {
|
|
555
|
-
.
|
|
555
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-main_hyvsj_1p6he_550:not(#\9):not(.awsui_has-header_hyvsj_1p6he_529) {
|
|
556
556
|
--awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
|
|
557
557
|
--awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
|
|
558
558
|
}
|
|
559
559
|
}
|
|
560
560
|
@media (max-width: 688px) {
|
|
561
|
-
.
|
|
561
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-notifications_hyvsj_1p6he_523:not(#\9) {
|
|
562
562
|
--awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
563
563
|
}
|
|
564
|
-
.
|
|
564
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-header_hyvsj_1p6he_529:not(#\9) {
|
|
565
565
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
566
566
|
}
|
|
567
|
-
.
|
|
567
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-notifications_hyvsj_1p6he_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1p6he_526).awsui_has-header_hyvsj_1p6he_529 {
|
|
568
568
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
569
569
|
}
|
|
570
|
-
.
|
|
570
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-notifications_hyvsj_1p6he_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1p6he_526):not(.awsui_has-header_hyvsj_1p6he_529), .awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-main_hyvsj_1p6he_550:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1p6he_475) {
|
|
571
571
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
572
572
|
}
|
|
573
|
-
.
|
|
573
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_content-first-child-main_hyvsj_1p6he_550.awsui_is-overlap-disabled_hyvsj_1p6he_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1p6he_550) {
|
|
574
574
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
575
575
|
}
|
|
576
576
|
}
|
|
@@ -585,19 +585,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
585
585
|
position: sticky will be the value of the notifications height in addition to the
|
|
586
586
|
notifications top margin and some additional vertical space for aesthetics.
|
|
587
587
|
*/
|
|
588
|
-
.
|
|
588
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_disable-body-scroll_hyvsj_1p6he_179:not(#\9) {
|
|
589
589
|
--awsui-main-template-rows-y98gph: 1fr auto;
|
|
590
590
|
--awsui-offset-top-y98gph: 0px;
|
|
591
591
|
height: var(--awsui-content-height-y98gph);
|
|
592
592
|
overflow-y: scroll;
|
|
593
593
|
}
|
|
594
|
-
.
|
|
594
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_disable-body-scroll_hyvsj_1p6he_179.awsui_has-split-panel_hyvsj_1p6he_593.awsui_split-panel-position-bottom_hyvsj_1p6he_593:not(#\9) {
|
|
595
595
|
--awsui-main-template-rows-y98gph: repeat(2, auto);
|
|
596
596
|
}
|
|
597
|
-
.
|
|
597
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_disable-body-scroll_hyvsj_1p6he_179:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1p6he_110) {
|
|
598
598
|
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
599
599
|
}
|
|
600
|
-
.
|
|
600
|
+
.awsui_layout_hyvsj_1p6he_357.awsui_disable-body-scroll_hyvsj_1p6he_179.awsui_has-sticky-notifications_hyvsj_1p6he_110:not(#\9) {
|
|
601
601
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
602
602
|
var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
603
603
|
);
|
|
@@ -607,13 +607,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
607
607
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
608
608
|
when the navigation or tools drawers are open in responsive viewports.
|
|
609
609
|
*/
|
|
610
|
-
.awsui_block-body-
|
|
610
|
+
.awsui_block-body-scroll_hyvsj_1p6he_609:not(#\9) {
|
|
611
611
|
overflow: hidden;
|
|
612
612
|
}
|
|
613
613
|
|
|
614
614
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
615
|
-
.
|
|
616
|
-
.
|
|
615
|
+
.awsui_unfocusable_hyvsj_1p6he_614:not(#\9),
|
|
616
|
+
.awsui_unfocusable_hyvsj_1p6he_614 *:not(#\9) {
|
|
617
617
|
visibility: hidden !important;
|
|
618
618
|
}
|
|
619
619
|
|
|
@@ -622,7 +622,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
622
622
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
623
623
|
SPDX-License-Identifier: Apache-2.0
|
|
624
624
|
*/
|
|
625
|
-
.
|
|
625
|
+
.awsui_container_hyvsj_1p6he_624:not(#\9) {
|
|
626
626
|
grid-area: main;
|
|
627
627
|
padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
628
628
|
/*
|
|
@@ -639,18 +639,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
639
639
|
on the right, we decrement the column end by one.
|
|
640
640
|
*/
|
|
641
641
|
}
|
|
642
|
-
.
|
|
642
|
+
.awsui_container_hyvsj_1p6he_624.awsui_has-split-panel_hyvsj_1p6he_593.awsui_split-panel-position-bottom_hyvsj_1p6he_593:not(#\9) {
|
|
643
643
|
padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
644
644
|
}
|
|
645
|
-
.
|
|
645
|
+
.awsui_container_hyvsj_1p6he_624.awsui_disable-content-paddings_hyvsj_1p6he_550:not(#\9) {
|
|
646
646
|
grid-column: 1/6;
|
|
647
647
|
padding: 0;
|
|
648
648
|
}
|
|
649
649
|
@media (min-width: 689px) {
|
|
650
|
-
.
|
|
650
|
+
.awsui_container_hyvsj_1p6he_624.awsui_disable-content-paddings_hyvsj_1p6he_550.awsui_is-navigation-open_hyvsj_1p6he_649:not(#\9) {
|
|
651
651
|
grid-column-start: 2;
|
|
652
652
|
}
|
|
653
|
-
.
|
|
653
|
+
.awsui_container_hyvsj_1p6he_624.awsui_disable-content-paddings_hyvsj_1p6he_550.awsui_is-tools-open_hyvsj_1p6he_652:not(#\9), .awsui_container_hyvsj_1p6he_624.awsui_disable-content-paddings_hyvsj_1p6he_550.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_split-panel-position-side_hyvsj_1p6he_652:not(#\9), .awsui_container_hyvsj_1p6he_624.awsui_disable-content-paddings_hyvsj_1p6he_550.awsui_has-active-drawer_hyvsj_1p6he_652:not(#\9) {
|
|
654
654
|
grid-column-end: 5;
|
|
655
655
|
}
|
|
656
656
|
}
|
|
@@ -659,9 +659,9 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
659
659
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
660
660
|
SPDX-License-Identifier: Apache-2.0
|
|
661
661
|
*/
|
|
662
|
-
section.awsui_mobile-
|
|
662
|
+
section.awsui_mobile-toolbar_hyvsj_1p6he_661:not(#\9) {
|
|
663
663
|
align-items: center;
|
|
664
|
-
background-color: var(--color-background-
|
|
664
|
+
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
665
665
|
border-bottom: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
666
666
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
667
667
|
box-sizing: border-box;
|
|
@@ -675,15 +675,15 @@ section.awsui_mobile-toolbar_hyvsj_1jkoz_661:not(#\9) {
|
|
|
675
675
|
top: var(--awsui-offset-top-y98gph);
|
|
676
676
|
z-index: 1000;
|
|
677
677
|
}
|
|
678
|
-
section.awsui_mobile-
|
|
678
|
+
section.awsui_mobile-toolbar_hyvsj_1p6he_661 > .awsui_mobile-toolbar-nav_hyvsj_1p6he_677:not(#\9) {
|
|
679
679
|
grid-column: 1;
|
|
680
680
|
margin-right: var(--space-m-udix3p, 16px);
|
|
681
681
|
}
|
|
682
|
-
section.awsui_mobile-
|
|
682
|
+
section.awsui_mobile-toolbar_hyvsj_1p6he_661 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1p6he_681:not(#\9) {
|
|
683
683
|
grid-column: 2;
|
|
684
684
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
685
685
|
}
|
|
686
|
-
section.awsui_mobile-
|
|
686
|
+
section.awsui_mobile-toolbar_hyvsj_1p6he_661 > .awsui_mobile-toolbar-tools_hyvsj_1p6he_685:not(#\9) {
|
|
687
687
|
grid-column: 3;
|
|
688
688
|
margin-left: var(--space-m-udix3p, 16px);
|
|
689
689
|
}
|
|
@@ -692,7 +692,7 @@ section.awsui_mobile-toolbar_hyvsj_1jkoz_661 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
692
692
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
693
693
|
SPDX-License-Identifier: Apache-2.0
|
|
694
694
|
*/
|
|
695
|
-
.awsui_navigation-
|
|
695
|
+
.awsui_navigation-container_hyvsj_1p6he_694:not(#\9) {
|
|
696
696
|
--awsui-navigation-width-y98gph: 280px;
|
|
697
697
|
display: flex;
|
|
698
698
|
grid-column: 1;
|
|
@@ -714,12 +714,12 @@ section.awsui_mobile-toolbar_hyvsj_1jkoz_661 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
714
714
|
pointer-events: none;
|
|
715
715
|
}
|
|
716
716
|
@media (min-width: 2541px) {
|
|
717
|
-
.awsui_navigation-
|
|
717
|
+
.awsui_navigation-container_hyvsj_1p6he_694:not(#\9) {
|
|
718
718
|
--awsui-navigation-width-y98gph: 320px;
|
|
719
719
|
}
|
|
720
720
|
}
|
|
721
721
|
@media (max-width: 688px) {
|
|
722
|
-
.awsui_navigation-
|
|
722
|
+
.awsui_navigation-container_hyvsj_1p6he_694:not(#\9) {
|
|
723
723
|
left: 0;
|
|
724
724
|
position: fixed;
|
|
725
725
|
z-index: 1001;
|
|
@@ -731,19 +731,19 @@ section.awsui_mobile-toolbar_hyvsj_1jkoz_661 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
731
731
|
relative to the body.
|
|
732
732
|
*/
|
|
733
733
|
}
|
|
734
|
-
.awsui_navigation-
|
|
734
|
+
.awsui_navigation-container_hyvsj_1p6he_694.awsui_disable-body-scroll_hyvsj_1p6he_179:not(#\9) {
|
|
735
735
|
top: var(--awsui-header-height-y98gph);
|
|
736
736
|
}
|
|
737
737
|
}
|
|
738
738
|
|
|
739
|
-
nav.awsui_show-
|
|
739
|
+
nav.awsui_show-navigation_hyvsj_1p6he_738:not(#\9) {
|
|
740
740
|
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
741
741
|
/*
|
|
742
742
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
743
743
|
take control in responsive viewports.
|
|
744
744
|
*/
|
|
745
745
|
}
|
|
746
|
-
@keyframes
|
|
746
|
+
@keyframes awsui_showButtons_hyvsj_1p6he_1 {
|
|
747
747
|
0% {
|
|
748
748
|
opacity: 0;
|
|
749
749
|
}
|
|
@@ -751,31 +751,31 @@ nav.awsui_show-navigation_hyvsj_1jkoz_738:not(#\9) {
|
|
|
751
751
|
opacity: 1;
|
|
752
752
|
}
|
|
753
753
|
}
|
|
754
|
-
nav.awsui_show-
|
|
754
|
+
nav.awsui_show-navigation_hyvsj_1p6he_738.awsui_is-navigation-open_hyvsj_1p6he_649:not(#\9) {
|
|
755
755
|
display: none;
|
|
756
756
|
}
|
|
757
757
|
@media (min-width: 689px) {
|
|
758
|
-
nav.awsui_show-
|
|
758
|
+
nav.awsui_show-navigation_hyvsj_1p6he_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1p6he_649) {
|
|
759
759
|
display: block;
|
|
760
760
|
}
|
|
761
|
-
nav.awsui_show-
|
|
762
|
-
animation:
|
|
761
|
+
nav.awsui_show-navigation_hyvsj_1p6he_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1p6he_649).awsui_animating_hyvsj_1p6he_760 {
|
|
762
|
+
animation: awsui_showButtons_hyvsj_1p6he_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
763
763
|
}
|
|
764
764
|
}
|
|
765
765
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
766
|
-
nav.awsui_show-
|
|
766
|
+
nav.awsui_show-navigation_hyvsj_1p6he_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1p6he_649).awsui_animating_hyvsj_1p6he_760 {
|
|
767
767
|
animation: none;
|
|
768
768
|
transition: none;
|
|
769
769
|
}
|
|
770
770
|
}
|
|
771
771
|
@media (min-width: 689px) {
|
|
772
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
772
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1p6he_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1p6he_649).awsui_animating_hyvsj_1p6he_760, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1p6he_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1p6he_649).awsui_animating_hyvsj_1p6he_760 {
|
|
773
773
|
animation: none;
|
|
774
774
|
transition: none;
|
|
775
775
|
}
|
|
776
776
|
}
|
|
777
777
|
|
|
778
|
-
nav.
|
|
778
|
+
nav.awsui_navigation_hyvsj_1p6he_694:not(#\9) {
|
|
779
779
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
780
780
|
bottom: 0;
|
|
781
781
|
height: 100%;
|
|
@@ -793,7 +793,7 @@ nav.awsui_navigation_hyvsj_1jkoz_694:not(#\9) {
|
|
|
793
793
|
prevent unwanted text wrapping.
|
|
794
794
|
*/
|
|
795
795
|
}
|
|
796
|
-
@keyframes
|
|
796
|
+
@keyframes awsui_openNavigation_hyvsj_1p6he_1 {
|
|
797
797
|
from {
|
|
798
798
|
opacity: 0;
|
|
799
799
|
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -803,33 +803,33 @@ nav.awsui_navigation_hyvsj_1jkoz_694:not(#\9) {
|
|
|
803
803
|
width: var(--awsui-navigation-width-y98gph);
|
|
804
804
|
}
|
|
805
805
|
}
|
|
806
|
-
nav.
|
|
806
|
+
nav.awsui_navigation_hyvsj_1p6he_694:not(#\9):not(.awsui_is-navigation-open_hyvsj_1p6he_649) {
|
|
807
807
|
width: 0;
|
|
808
808
|
display: none;
|
|
809
809
|
}
|
|
810
|
-
nav.
|
|
811
|
-
animation:
|
|
810
|
+
nav.awsui_navigation_hyvsj_1p6he_694.awsui_is-navigation-open_hyvsj_1p6he_649.awsui_animating_hyvsj_1p6he_760:not(#\9) {
|
|
811
|
+
animation: awsui_openNavigation_hyvsj_1p6he_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
812
812
|
}
|
|
813
813
|
@media (prefers-reduced-motion: reduce) {
|
|
814
|
-
nav.
|
|
814
|
+
nav.awsui_navigation_hyvsj_1p6he_694.awsui_is-navigation-open_hyvsj_1p6he_649.awsui_animating_hyvsj_1p6he_760:not(#\9) {
|
|
815
815
|
animation: none;
|
|
816
816
|
transition: none;
|
|
817
817
|
}
|
|
818
818
|
}
|
|
819
|
-
.awsui-motion-disabled nav.
|
|
819
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1p6he_694.awsui_is-navigation-open_hyvsj_1p6he_649.awsui_animating_hyvsj_1p6he_760:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1p6he_694.awsui_is-navigation-open_hyvsj_1p6he_649.awsui_animating_hyvsj_1p6he_760:not(#\9) {
|
|
820
820
|
animation: none;
|
|
821
821
|
transition: none;
|
|
822
822
|
}
|
|
823
|
-
nav.
|
|
823
|
+
nav.awsui_navigation_hyvsj_1p6he_694 > .awsui_animated-content_hyvsj_1p6he_822:not(#\9) {
|
|
824
824
|
width: var(--awsui-navigation-width-y98gph);
|
|
825
825
|
}
|
|
826
826
|
@media (max-width: 688px) {
|
|
827
|
-
nav.
|
|
827
|
+
nav.awsui_navigation_hyvsj_1p6he_694:not(#\9) {
|
|
828
828
|
--awsui-navigation-width-y98gph: 100vw;
|
|
829
829
|
}
|
|
830
830
|
}
|
|
831
831
|
|
|
832
|
-
.awsui_hide-
|
|
832
|
+
.awsui_hide-navigation_hyvsj_1p6he_831:not(#\9) {
|
|
833
833
|
position: absolute;
|
|
834
834
|
right: var(--space-m-udix3p, 16px);
|
|
835
835
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -839,13 +839,13 @@ nav.awsui_navigation_hyvsj_1jkoz_694 > .awsui_animated-content_hyvsj_1jkoz_822:n
|
|
|
839
839
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
840
840
|
SPDX-License-Identifier: Apache-2.0
|
|
841
841
|
*/
|
|
842
|
-
.
|
|
842
|
+
.awsui_notifications_hyvsj_1p6he_841:not(#\9) {
|
|
843
843
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
844
844
|
grid-area: notifications;
|
|
845
845
|
z-index: 850;
|
|
846
846
|
}
|
|
847
847
|
@media (min-width: 689px) {
|
|
848
|
-
.
|
|
848
|
+
.awsui_notifications_hyvsj_1p6he_841.awsui_sticky-notifications_hyvsj_1p6he_847:not(#\9) {
|
|
849
849
|
--awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
|
|
850
850
|
position: sticky;
|
|
851
851
|
top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
|
|
@@ -862,7 +862,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
862
862
|
consume the remaining vertical space in the grid after the notifications
|
|
863
863
|
and breadcrumbs.
|
|
864
864
|
*/
|
|
865
|
-
section.awsui_split-panel-
|
|
865
|
+
section.awsui_split-panel-bottom_hyvsj_1p6he_864:not(#\9) {
|
|
866
866
|
/*
|
|
867
867
|
The align self property will position the split panel at the bottom of the grid row.
|
|
868
868
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -898,7 +898,7 @@ section.awsui_split-panel-bottom_hyvsj_1jkoz_864:not(#\9) {
|
|
|
898
898
|
apply the animation to the height property.
|
|
899
899
|
*/
|
|
900
900
|
}
|
|
901
|
-
@keyframes
|
|
901
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1p6he_1 {
|
|
902
902
|
from {
|
|
903
903
|
height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
|
|
904
904
|
}
|
|
@@ -906,39 +906,39 @@ section.awsui_split-panel-bottom_hyvsj_1jkoz_864:not(#\9) {
|
|
|
906
906
|
height: var(--awsui-split-panel-reported-size-y98gph);
|
|
907
907
|
}
|
|
908
908
|
}
|
|
909
|
-
section.awsui_split-panel-
|
|
909
|
+
section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_disable-body-scroll_hyvsj_1p6he_179:not(#\9) {
|
|
910
910
|
bottom: 0;
|
|
911
911
|
}
|
|
912
|
-
section.awsui_split-panel-
|
|
912
|
+
section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_is-navigation-open_hyvsj_1p6he_649.awsui_position-bottom_hyvsj_1p6he_911:not(#\9) {
|
|
913
913
|
grid-column-start: 2;
|
|
914
914
|
}
|
|
915
|
-
section.awsui_split-panel-
|
|
915
|
+
section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_has-open-drawer_hyvsj_1p6he_156.awsui_position-bottom_hyvsj_1p6he_911:not(#\9) {
|
|
916
916
|
grid-column-end: 5;
|
|
917
917
|
}
|
|
918
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_position-bottom_hyvsj_1p6he_911:not(#\9) {
|
|
919
919
|
display: block;
|
|
920
920
|
}
|
|
921
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-bottom_hyvsj_1p6he_864:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1p6he_652).awsui_position-bottom_hyvsj_1p6he_911 {
|
|
922
922
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
923
923
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
924
|
+
section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_position-bottom_hyvsj_1p6he_911:not(#\9) {
|
|
925
925
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
926
926
|
}
|
|
927
|
-
section.awsui_split-panel-
|
|
928
|
-
animation:
|
|
927
|
+
section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_position-bottom_hyvsj_1p6he_911.awsui_animating_hyvsj_1p6he_760:not(#\9) {
|
|
928
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1p6he_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
929
929
|
}
|
|
930
930
|
@media (prefers-reduced-motion: reduce) {
|
|
931
|
-
section.awsui_split-panel-
|
|
931
|
+
section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_position-bottom_hyvsj_1p6he_911.awsui_animating_hyvsj_1p6he_760:not(#\9) {
|
|
932
932
|
animation: none;
|
|
933
933
|
transition: none;
|
|
934
934
|
}
|
|
935
935
|
}
|
|
936
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
936
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_position-bottom_hyvsj_1p6he_911.awsui_animating_hyvsj_1p6he_760:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1p6he_864.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_position-bottom_hyvsj_1p6he_911.awsui_animating_hyvsj_1p6he_760:not(#\9) {
|
|
937
937
|
animation: none;
|
|
938
938
|
transition: none;
|
|
939
939
|
}
|
|
940
940
|
|
|
941
|
-
section.awsui_split-panel-
|
|
941
|
+
section.awsui_split-panel-side_hyvsj_1p6he_940:not(#\9) {
|
|
942
942
|
height: 100%;
|
|
943
943
|
overflow-x: hidden;
|
|
944
944
|
pointer-events: auto;
|
|
@@ -948,15 +948,15 @@ section.awsui_split-panel-side_hyvsj_1jkoz_940:not(#\9) {
|
|
|
948
948
|
be persistent in the DOM when closed.
|
|
949
949
|
*/
|
|
950
950
|
}
|
|
951
|
-
section.awsui_split-panel-
|
|
951
|
+
section.awsui_split-panel-side_hyvsj_1p6he_940:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1p6he_652), section.awsui_split-panel-side_hyvsj_1p6he_940.awsui_position-bottom_hyvsj_1p6he_911:not(#\9) {
|
|
952
952
|
width: 0;
|
|
953
953
|
}
|
|
954
|
-
section.awsui_split-panel-
|
|
954
|
+
section.awsui_split-panel-side_hyvsj_1p6he_940.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_position-side_hyvsj_1p6he_953:not(#\9) {
|
|
955
955
|
max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
|
|
956
956
|
min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
957
957
|
border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
958
958
|
}
|
|
959
|
-
section.awsui_split-panel-
|
|
959
|
+
section.awsui_split-panel-side_hyvsj_1p6he_940.awsui_is-split-panel-open_hyvsj_1p6he_652.awsui_position-side_hyvsj_1p6he_953:not(#\9):not(.awsui_has-open-drawer_hyvsj_1p6he_156) {
|
|
960
960
|
border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
961
961
|
}
|
|
962
962
|
|
|
@@ -973,7 +973,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
973
973
|
property. The content gap right is computed in the Layout styles based on the
|
|
974
974
|
viewport size and state of the Tools drawer.
|
|
975
975
|
*/
|
|
976
|
-
.awsui_tools-
|
|
976
|
+
.awsui_tools-container_hyvsj_1p6he_975:not(#\9) {
|
|
977
977
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
978
978
|
--awsui-tools-max-width-y98gph: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
|
|
979
979
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -989,12 +989,12 @@ viewport size and state of the Tools drawer.
|
|
|
989
989
|
pointer-events: none;
|
|
990
990
|
}
|
|
991
991
|
@media (min-width: 2541px) {
|
|
992
|
-
.awsui_tools-
|
|
992
|
+
.awsui_tools-container_hyvsj_1p6he_975:not(#\9) {
|
|
993
993
|
--awsui-tools-width-y98gph: 360px;
|
|
994
994
|
}
|
|
995
995
|
}
|
|
996
996
|
@media (max-width: 688px) {
|
|
997
|
-
.awsui_tools-
|
|
997
|
+
.awsui_tools-container_hyvsj_1p6he_975:not(#\9) {
|
|
998
998
|
--awsui-tools-max-width-y98gph: none;
|
|
999
999
|
--awsui-tools-width-y98gph: auto;
|
|
1000
1000
|
position: fixed;
|
|
@@ -1008,12 +1008,12 @@ viewport size and state of the Tools drawer.
|
|
|
1008
1008
|
relative to the body.
|
|
1009
1009
|
*/
|
|
1010
1010
|
}
|
|
1011
|
-
.awsui_tools-
|
|
1011
|
+
.awsui_tools-container_hyvsj_1p6he_975.awsui_disable-body-scroll_hyvsj_1p6he_179:not(#\9) {
|
|
1012
1012
|
top: var(--awsui-header-height-y98gph);
|
|
1013
1013
|
}
|
|
1014
1014
|
}
|
|
1015
1015
|
|
|
1016
|
-
.
|
|
1016
|
+
.awsui_tools_hyvsj_1p6he_975:not(#\9) {
|
|
1017
1017
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1018
1018
|
flex-shrink: 0;
|
|
1019
1019
|
height: 100%;
|
|
@@ -1036,7 +1036,7 @@ viewport size and state of the Tools drawer.
|
|
|
1036
1036
|
in the side position.
|
|
1037
1037
|
*/
|
|
1038
1038
|
}
|
|
1039
|
-
@keyframes
|
|
1039
|
+
@keyframes awsui_openTools_hyvsj_1p6he_1 {
|
|
1040
1040
|
from {
|
|
1041
1041
|
opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
|
|
1042
1042
|
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -1046,41 +1046,41 @@ viewport size and state of the Tools drawer.
|
|
|
1046
1046
|
width: var(--awsui-tools-width-y98gph);
|
|
1047
1047
|
}
|
|
1048
1048
|
}
|
|
1049
|
-
.
|
|
1049
|
+
.awsui_tools_hyvsj_1p6he_975:not(#\9):not(.awsui_is-tools-open_hyvsj_1p6he_652) {
|
|
1050
1050
|
width: 0;
|
|
1051
1051
|
display: none;
|
|
1052
1052
|
}
|
|
1053
|
-
.
|
|
1053
|
+
.awsui_tools_hyvsj_1p6he_975.awsui_is-tools-open_hyvsj_1p6he_652:not(#\9) {
|
|
1054
1054
|
border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1055
1055
|
}
|
|
1056
|
-
.
|
|
1057
|
-
animation:
|
|
1056
|
+
.awsui_tools_hyvsj_1p6he_975.awsui_is-tools-open_hyvsj_1p6he_652.awsui_animating_hyvsj_1p6he_760:not(#\9) {
|
|
1057
|
+
animation: awsui_openTools_hyvsj_1p6he_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1058
1058
|
}
|
|
1059
1059
|
@media (prefers-reduced-motion: reduce) {
|
|
1060
|
-
.
|
|
1060
|
+
.awsui_tools_hyvsj_1p6he_975.awsui_is-tools-open_hyvsj_1p6he_652.awsui_animating_hyvsj_1p6he_760:not(#\9) {
|
|
1061
1061
|
animation: none;
|
|
1062
1062
|
transition: none;
|
|
1063
1063
|
}
|
|
1064
1064
|
}
|
|
1065
|
-
.awsui-motion-disabled .
|
|
1065
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1p6he_975.awsui_is-tools-open_hyvsj_1p6he_652.awsui_animating_hyvsj_1p6he_760:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1p6he_975.awsui_is-tools-open_hyvsj_1p6he_652.awsui_animating_hyvsj_1p6he_760:not(#\9) {
|
|
1066
1066
|
animation: none;
|
|
1067
1067
|
transition: none;
|
|
1068
1068
|
}
|
|
1069
|
-
.
|
|
1069
|
+
.awsui_tools_hyvsj_1p6he_975 > .awsui_animated-content_hyvsj_1p6he_822:not(#\9) {
|
|
1070
1070
|
width: var(--awsui-tools-width-y98gph);
|
|
1071
1071
|
}
|
|
1072
1072
|
@media (min-width: 689px) {
|
|
1073
|
-
.
|
|
1073
|
+
.awsui_tools_hyvsj_1p6he_975.awsui_is-tools-open_hyvsj_1p6he_652.awsui_has-tools-form-persistence_hyvsj_1p6he_1072:not(#\9) {
|
|
1074
1074
|
border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1075
1075
|
}
|
|
1076
1076
|
}
|
|
1077
1077
|
@media (max-width: 688px) {
|
|
1078
|
-
.
|
|
1078
|
+
.awsui_tools_hyvsj_1p6he_975:not(#\9) {
|
|
1079
1079
|
--awsui-tools-width-y98gph: 100vw;
|
|
1080
1080
|
}
|
|
1081
1081
|
}
|
|
1082
1082
|
|
|
1083
|
-
.awsui_hide-
|
|
1083
|
+
.awsui_hide-tools_hyvsj_1p6he_1082:not(#\9) {
|
|
1084
1084
|
position: absolute;
|
|
1085
1085
|
right: var(--space-m-udix3p, 16px);
|
|
1086
1086
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1092,7 +1092,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1092
1092
|
the calculation used to determine the Split Panel maximum width in the
|
|
1093
1093
|
handleSplitPanelMaxWidth function in the context.
|
|
1094
1094
|
*/
|
|
1095
|
-
.awsui_show-
|
|
1095
|
+
.awsui_show-tools_hyvsj_1p6he_1094:not(#\9) {
|
|
1096
1096
|
border-collapse: separate;
|
|
1097
1097
|
border-spacing: 0;
|
|
1098
1098
|
box-sizing: border-box;
|
|
@@ -1133,7 +1133,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1133
1133
|
take control in responsive viewports.
|
|
1134
1134
|
*/
|
|
1135
1135
|
}
|
|
1136
|
-
@keyframes
|
|
1136
|
+
@keyframes awsui_showButtons_hyvsj_1p6he_1 {
|
|
1137
1137
|
0% {
|
|
1138
1138
|
opacity: 0;
|
|
1139
1139
|
}
|
|
@@ -1141,31 +1141,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1141
1141
|
opacity: 1;
|
|
1142
1142
|
}
|
|
1143
1143
|
}
|
|
1144
|
-
.awsui_show-
|
|
1144
|
+
.awsui_show-tools_hyvsj_1p6he_1094:not(#\9):not(.awsui_has-tools-form_hyvsj_1p6he_1072) {
|
|
1145
1145
|
display: none;
|
|
1146
1146
|
}
|
|
1147
1147
|
@media (min-width: 689px) {
|
|
1148
|
-
.awsui_show-
|
|
1148
|
+
.awsui_show-tools_hyvsj_1p6he_1094.awsui_has-tools-form_hyvsj_1p6he_1072:not(#\9) {
|
|
1149
1149
|
display: flex;
|
|
1150
1150
|
flex-direction: column;
|
|
1151
1151
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1152
1152
|
}
|
|
1153
|
-
.awsui_show-
|
|
1154
|
-
animation:
|
|
1153
|
+
.awsui_show-tools_hyvsj_1p6he_1094.awsui_has-tools-form_hyvsj_1p6he_1072.awsui_animating_hyvsj_1p6he_760:not(#\9) {
|
|
1154
|
+
animation: awsui_showButtons_hyvsj_1p6he_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1155
1155
|
}
|
|
1156
1156
|
}
|
|
1157
1157
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1158
|
-
.awsui_show-
|
|
1158
|
+
.awsui_show-tools_hyvsj_1p6he_1094.awsui_has-tools-form_hyvsj_1p6he_1072.awsui_animating_hyvsj_1p6he_760:not(#\9) {
|
|
1159
1159
|
animation: none;
|
|
1160
1160
|
transition: none;
|
|
1161
1161
|
}
|
|
1162
1162
|
}
|
|
1163
1163
|
@media (min-width: 689px) {
|
|
1164
|
-
.awsui-motion-disabled .awsui_show-
|
|
1164
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1p6he_1094.awsui_has-tools-form_hyvsj_1p6he_1072.awsui_animating_hyvsj_1p6he_760:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1p6he_1094.awsui_has-tools-form_hyvsj_1p6he_1072.awsui_animating_hyvsj_1p6he_760:not(#\9) {
|
|
1165
1165
|
animation: none;
|
|
1166
1166
|
transition: none;
|
|
1167
1167
|
}
|
|
1168
|
-
.awsui_show-
|
|
1168
|
+
.awsui_show-tools_hyvsj_1p6he_1094.awsui_has-tools-form-persistence_hyvsj_1p6he_1072:not(#\9) {
|
|
1169
1169
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1170
1170
|
z-index: 1;
|
|
1171
1171
|
}
|
|
@@ -1175,7 +1175,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1175
1175
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1176
1176
|
SPDX-License-Identifier: Apache-2.0
|
|
1177
1177
|
*/
|
|
1178
|
-
.awsui_trigger-badge-
|
|
1178
|
+
.awsui_trigger-badge-wrapper_hyvsj_1p6he_1176:not(#\9) {
|
|
1179
1179
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1180
1180
|
border-radius: 50%;
|
|
1181
1181
|
height: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
@@ -1188,10 +1188,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1188
1188
|
align-items: center;
|
|
1189
1189
|
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");
|
|
1190
1190
|
}
|
|
1191
|
-
.awsui_trigger-badge-
|
|
1191
|
+
.awsui_trigger-badge-wrapper_hyvsj_1p6he_1176:not(#\9):hover {
|
|
1192
1192
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1193
1193
|
}
|
|
1194
|
-
.awsui_trigger-badge-
|
|
1194
|
+
.awsui_trigger-badge-wrapper_hyvsj_1p6he_1176:not(#\9):active {
|
|
1195
1195
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1196
1196
|
}
|
|
1197
1197
|
|
|
@@ -1200,7 +1200,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1200
1200
|
the calculation used to determine the Split Panel maximum width in the
|
|
1201
1201
|
handleSplitPanelMaxWidth function in the context.
|
|
1202
1202
|
*/
|
|
1203
|
-
.
|
|
1203
|
+
.awsui_trigger_hyvsj_1p6he_1176:not(#\9) {
|
|
1204
1204
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1205
1205
|
border-radius: 50%;
|
|
1206
1206
|
height: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
@@ -1211,20 +1211,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1211
1211
|
pointer-events: auto;
|
|
1212
1212
|
position: relative;
|
|
1213
1213
|
}
|
|
1214
|
-
.
|
|
1214
|
+
.awsui_trigger_hyvsj_1p6he_1176:not(#\9):hover {
|
|
1215
1215
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1216
1216
|
}
|
|
1217
|
-
.
|
|
1217
|
+
.awsui_trigger_hyvsj_1p6he_1176:not(#\9):active {
|
|
1218
1218
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1219
1219
|
}
|
|
1220
|
-
body[data-awsui-focus-visible=true] .
|
|
1220
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1p6he_1176:not(#\9):focus {
|
|
1221
1221
|
position: relative;
|
|
1222
1222
|
}
|
|
1223
|
-
body[data-awsui-focus-visible=true] .
|
|
1223
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1p6he_1176:not(#\9):focus {
|
|
1224
1224
|
outline: 2px dotted transparent;
|
|
1225
1225
|
outline-offset: calc(3px - 1px);
|
|
1226
1226
|
}
|
|
1227
|
-
body[data-awsui-focus-visible=true] .
|
|
1227
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1p6he_1176:not(#\9):focus::before {
|
|
1228
1228
|
content: " ";
|
|
1229
1229
|
display: block;
|
|
1230
1230
|
position: absolute;
|
|
@@ -1235,40 +1235,40 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jkoz_1176:not(#\9):foc
|
|
|
1235
1235
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1236
1236
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1237
1237
|
}
|
|
1238
|
-
.
|
|
1238
|
+
.awsui_trigger_hyvsj_1p6he_1176:not(#\9):focus {
|
|
1239
1239
|
outline: none;
|
|
1240
1240
|
}
|
|
1241
|
-
.
|
|
1241
|
+
.awsui_trigger_hyvsj_1p6he_1176.awsui_selected_hyvsj_1p6he_1239:not(#\9) {
|
|
1242
1242
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1243
1243
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1244
1244
|
}
|
|
1245
|
-
.
|
|
1245
|
+
.awsui_trigger_hyvsj_1p6he_1176.awsui_selected_hyvsj_1p6he_1239:not(#\9):hover {
|
|
1246
1246
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1247
1247
|
}
|
|
1248
|
-
.
|
|
1248
|
+
.awsui_trigger_hyvsj_1p6he_1176.awsui_selected_hyvsj_1p6he_1239:not(#\9):active {
|
|
1249
1249
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1250
1250
|
}
|
|
1251
|
-
.
|
|
1251
|
+
.awsui_trigger_hyvsj_1p6he_1176.awsui_selected_hyvsj_1p6he_1239 > .awsui_trigger-badge-wrapper_hyvsj_1p6he_1176:not(#\9) {
|
|
1252
1252
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1253
1253
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1254
1254
|
}
|
|
1255
|
-
.
|
|
1255
|
+
.awsui_trigger_hyvsj_1p6he_1176.awsui_selected_hyvsj_1p6he_1239 > .awsui_trigger-badge-wrapper_hyvsj_1p6he_1176:not(#\9):hover {
|
|
1256
1256
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1257
1257
|
}
|
|
1258
|
-
.
|
|
1258
|
+
.awsui_trigger_hyvsj_1p6he_1176.awsui_selected_hyvsj_1p6he_1239 > .awsui_trigger-badge-wrapper_hyvsj_1p6he_1176:not(#\9):active {
|
|
1259
1259
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1260
1260
|
}
|
|
1261
|
-
.
|
|
1261
|
+
.awsui_trigger_hyvsj_1p6he_1176.awsui_badge_hyvsj_1p6he_1259:not(#\9), .awsui_trigger_hyvsj_1p6he_1176.awsui_badge_hyvsj_1p6he_1259:not(#\9):hover, .awsui_trigger_hyvsj_1p6he_1176.awsui_badge_hyvsj_1p6he_1259:not(#\9):active {
|
|
1262
1262
|
background: transparent;
|
|
1263
1263
|
}
|
|
1264
1264
|
|
|
1265
|
-
.awsui_trigger-
|
|
1265
|
+
.awsui_trigger-wrapper_hyvsj_1p6he_1263:not(#\9) {
|
|
1266
1266
|
position: relative;
|
|
1267
1267
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1268
1268
|
border-radius: 50%;
|
|
1269
1269
|
}
|
|
1270
1270
|
|
|
1271
|
-
.
|
|
1271
|
+
.awsui_dot_hyvsj_1p6he_1269:not(#\9) {
|
|
1272
1272
|
position: absolute;
|
|
1273
1273
|
width: 9px;
|
|
1274
1274
|
height: 9px;
|