@cloudscape-design/components 3.0.447 → 3.0.448
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/content-wrapper/styles.css.js +3 -3
- package/app-layout/content-wrapper/styles.scoped.css +8 -8
- package/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/app-layout/visual-refresh/context.js +3 -3
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +80 -80
- package/app-layout/visual-refresh/styles.scoped.css +188 -189
- package/app-layout/visual-refresh/styles.selectors.js +80 -80
- package/internal/base-component/styles.scoped.css +7 -9
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.js +3 -3
- package/internal/generated/theming/index.cjs +66 -55
- package/internal/generated/theming/index.js +66 -55
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/split-panel/styles.css.js +55 -55
- package/split-panel/styles.scoped.css +80 -80
- package/split-panel/styles.selectors.js +55 -55
|
@@ -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_6otqt_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_6otqt_93 > .awsui_scrolling-background_hyvsj_6otqt_96:not(#\9) {
|
|
97
97
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
98
98
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
99
99
|
grid-column: 1/span 5;
|
|
100
100
|
grid-row: 1/10;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_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_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-y98gph);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_6otqt_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_6otqt_93 > .awsui_sticky-background_hyvsj_6otqt_102.awsui_has-sticky-notifications_hyvsj_6otqt_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_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_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_6otqt_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_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_6otqt_123.awsui_has-sticky-background_hyvsj_6otqt_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_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_6otqt_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
@@ -153,19 +153,19 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_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_6otqt_145.awsui_has-open-drawer_hyvsj_6otqt_156:not(#\9) {
|
|
157
157
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
158
158
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
159
159
|
}
|
|
160
160
|
@media (min-width: 689px) {
|
|
161
|
-
.awsui_drawers-
|
|
161
|
+
.awsui_drawers-container_hyvsj_6otqt_145:not(#\9) {
|
|
162
162
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
163
163
|
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));
|
|
164
164
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
167
|
@media (max-width: 688px) {
|
|
168
|
-
.awsui_drawers-
|
|
168
|
+
.awsui_drawers-container_hyvsj_6otqt_145:not(#\9) {
|
|
169
169
|
position: fixed;
|
|
170
170
|
right: 0;
|
|
171
171
|
z-index: 1001;
|
|
@@ -177,12 +177,12 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
|
|
|
177
177
|
relative to the body.
|
|
178
178
|
*/
|
|
179
179
|
}
|
|
180
|
-
.awsui_drawers-
|
|
180
|
+
.awsui_drawers-container_hyvsj_6otqt_145.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
|
|
181
181
|
top: var(--awsui-header-height-y98gph);
|
|
182
182
|
}
|
|
183
183
|
}
|
|
184
184
|
|
|
185
|
-
.awsui_drawers-desktop-triggers-
|
|
185
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_6otqt_185:not(#\9) {
|
|
186
186
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
187
187
|
border-collapse: separate;
|
|
188
188
|
border-spacing: 0;
|
|
@@ -227,35 +227,35 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
|
|
|
227
227
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
228
228
|
overscroll-behavior-y: contain;
|
|
229
229
|
}
|
|
230
|
-
.awsui_drawers-desktop-triggers-
|
|
230
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_6otqt_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_6otqt_204).awsui_has-open-drawer_hyvsj_6otqt_156 {
|
|
231
231
|
width: 0;
|
|
232
232
|
}
|
|
233
|
-
.awsui_drawers-desktop-triggers-
|
|
233
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_6otqt_185.awsui_has-multiple-triggers_hyvsj_6otqt_204.awsui_has-open-drawer_hyvsj_6otqt_156:not(#\9) {
|
|
234
234
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
235
235
|
}
|
|
236
|
-
.awsui_drawers-desktop-triggers-
|
|
237
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
236
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_6otqt_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_6otqt_204):not(.awsui_has-open-drawer_hyvsj_6otqt_156) {
|
|
237
|
+
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
.awsui_drawers-mobile-triggers-
|
|
240
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_6otqt_214:not(#\9) {
|
|
241
241
|
display: flex;
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
.awsui_drawers-trigger-
|
|
244
|
+
.awsui_drawers-trigger-content_hyvsj_6otqt_218:not(#\9) {
|
|
245
245
|
align-items: center;
|
|
246
246
|
display: flex;
|
|
247
247
|
flex-direction: column;
|
|
248
248
|
gap: var(--space-xs-zb16t3, 8px);
|
|
249
249
|
padding-top: var(--space-scaled-s-aqzyko, 12px);
|
|
250
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
250
|
+
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
251
251
|
}
|
|
252
|
-
.awsui_drawers-trigger-
|
|
252
|
+
.awsui_drawers-trigger-content_hyvsj_6otqt_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_6otqt_204).awsui_has-open-drawer_hyvsj_6otqt_156 {
|
|
253
253
|
opacity: 0;
|
|
254
254
|
}
|
|
255
|
-
.awsui_drawers-trigger-
|
|
255
|
+
.awsui_drawers-trigger-content_hyvsj_6otqt_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_6otqt_204):not(.awsui_has-open-drawer_hyvsj_6otqt_156) {
|
|
256
256
|
opacity: 1;
|
|
257
257
|
}
|
|
258
|
-
.awsui_drawers-trigger-
|
|
258
|
+
.awsui_drawers-trigger-content_hyvsj_6otqt_218 > .awsui_drawers-trigger-overflow_hyvsj_6otqt_232:not(#\9) {
|
|
259
259
|
padding: 0 1px;
|
|
260
260
|
display: flex;
|
|
261
261
|
align-items: center;
|
|
@@ -263,14 +263,14 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
|
|
|
263
263
|
}
|
|
264
264
|
|
|
265
265
|
@media (max-width: 688px) {
|
|
266
|
-
.awsui_drawers-
|
|
266
|
+
.awsui_drawers-trigger_hyvsj_6otqt_218:not(#\9) {
|
|
267
267
|
width: 40px;
|
|
268
268
|
display: flex;
|
|
269
269
|
justify-content: center;
|
|
270
270
|
}
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.
|
|
273
|
+
.awsui_drawer_hyvsj_6otqt_145:not(#\9) {
|
|
274
274
|
--awsui-drawer-size-y98gph: 290px;
|
|
275
275
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
276
276
|
border-color: transparent;
|
|
@@ -285,7 +285,7 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
|
|
|
285
285
|
pointer-events: auto;
|
|
286
286
|
word-wrap: break-word;
|
|
287
287
|
}
|
|
288
|
-
.
|
|
288
|
+
.awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-content-container_hyvsj_6otqt_262:not(#\9) {
|
|
289
289
|
grid-column: 1/span 2;
|
|
290
290
|
grid-row: 1;
|
|
291
291
|
width: var(--awsui-drawer-size-y98gph);
|
|
@@ -294,40 +294,40 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
|
|
|
294
294
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
295
295
|
overflow-y: auto;
|
|
296
296
|
}
|
|
297
|
-
.
|
|
297
|
+
.awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-content-container_hyvsj_6otqt_262 > .awsui_drawer-close-button_hyvsj_6otqt_271:not(#\9) {
|
|
298
298
|
grid-column: 3;
|
|
299
299
|
grid-row: 2;
|
|
300
300
|
z-index: 1;
|
|
301
301
|
}
|
|
302
|
-
.
|
|
302
|
+
.awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-content-container_hyvsj_6otqt_262 > .awsui_drawer-content_hyvsj_6otqt_262:not(#\9) {
|
|
303
303
|
grid-column: 1/span 4;
|
|
304
304
|
}
|
|
305
|
-
.
|
|
305
|
+
.awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-content-container_hyvsj_6otqt_262 > .awsui_drawer-content_hyvsj_6otqt_262.awsui_drawer-content-hidden_hyvsj_6otqt_279:not(#\9) {
|
|
306
306
|
display: none;
|
|
307
307
|
}
|
|
308
|
-
.
|
|
308
|
+
.awsui_drawer_hyvsj_6otqt_145 > .awsui_drawer-slider_hyvsj_6otqt_282:not(#\9) {
|
|
309
309
|
grid-column: 1;
|
|
310
310
|
grid-row: 1;
|
|
311
311
|
height: 100%;
|
|
312
312
|
display: flex;
|
|
313
313
|
align-items: center;
|
|
314
314
|
}
|
|
315
|
-
.
|
|
315
|
+
.awsui_drawer_hyvsj_6otqt_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_6otqt_289) {
|
|
316
316
|
opacity: 0;
|
|
317
317
|
width: 0;
|
|
318
318
|
}
|
|
319
|
-
.
|
|
319
|
+
.awsui_drawer_hyvsj_6otqt_145.awsui_is-drawer-open_hyvsj_6otqt_289:not(#\9) {
|
|
320
320
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
321
321
|
opacity: 1;
|
|
322
322
|
width: var(--awsui-drawer-size-y98gph);
|
|
323
323
|
}
|
|
324
324
|
@media (min-width: 2541px) {
|
|
325
|
-
.
|
|
325
|
+
.awsui_drawer_hyvsj_6otqt_145.awsui_is-drawer-open_hyvsj_6otqt_289:not(#\9) {
|
|
326
326
|
--awsui-drawer-size-y98gph: 320px;
|
|
327
327
|
}
|
|
328
328
|
}
|
|
329
329
|
@media (max-width: 688px) {
|
|
330
|
-
.
|
|
330
|
+
.awsui_drawer_hyvsj_6otqt_145.awsui_is-drawer-open_hyvsj_6otqt_289:not(#\9) {
|
|
331
331
|
--awsui-drawer-size-y98gph: 100vw;
|
|
332
332
|
width: 100vw;
|
|
333
333
|
}
|
|
@@ -337,7 +337,7 @@ div.awsui_background_hyvsj_1f6b4_93 > .awsui_sticky-background_hyvsj_1f6b4_102.a
|
|
|
337
337
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
338
338
|
SPDX-License-Identifier: Apache-2.0
|
|
339
339
|
*/
|
|
340
|
-
header.
|
|
340
|
+
header.awsui_content_hyvsj_6otqt_314:not(#\9) {
|
|
341
341
|
grid-area: header;
|
|
342
342
|
}
|
|
343
343
|
|
|
@@ -358,7 +358,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
358
358
|
circumstances regardless of whether the minContentWidth property is
|
|
359
359
|
explicitly set in script.
|
|
360
360
|
*/
|
|
361
|
-
.
|
|
361
|
+
.awsui_layout_hyvsj_6otqt_335:not(#\9) {
|
|
362
362
|
--awsui-breadcrumbs-gap-y98gph: 0px;
|
|
363
363
|
--awsui-content-gap-left-y98gph: 0px;
|
|
364
364
|
--awsui-content-gap-right-y98gph: 0px;
|
|
@@ -441,139 +441,139 @@ explicitly set in script.
|
|
|
441
441
|
*/
|
|
442
442
|
}
|
|
443
443
|
@media (min-width: 1401px) {
|
|
444
|
-
.
|
|
444
|
+
.awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418) {
|
|
445
445
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
446
446
|
}
|
|
447
447
|
}
|
|
448
448
|
@media (min-width: 1921px) {
|
|
449
|
-
.
|
|
449
|
+
.awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418) {
|
|
450
450
|
--awsui-default-max-content-width-y98gph: 1440px;
|
|
451
451
|
}
|
|
452
452
|
}
|
|
453
453
|
@media (min-width: 2541px) {
|
|
454
|
-
.
|
|
454
|
+
.awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418) {
|
|
455
455
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
456
456
|
}
|
|
457
457
|
}
|
|
458
458
|
@media (min-width: 1401px) {
|
|
459
|
-
.
|
|
459
|
+
.awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-dashboard_hyvsj_6otqt_433 {
|
|
460
460
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
461
461
|
}
|
|
462
462
|
}
|
|
463
463
|
@media (min-width: 1921px) {
|
|
464
|
-
.
|
|
464
|
+
.awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-dashboard_hyvsj_6otqt_433 {
|
|
465
465
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
466
466
|
}
|
|
467
467
|
}
|
|
468
468
|
@media (min-width: 2541px) {
|
|
469
|
-
.
|
|
469
|
+
.awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-dashboard_hyvsj_6otqt_433 {
|
|
470
470
|
--awsui-default-max-content-width-y98gph: 2160px;
|
|
471
471
|
}
|
|
472
472
|
}
|
|
473
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-table_hyvsj_6otqt_447, .awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_6otqt_418).awsui_content-type-cards_hyvsj_6otqt_447 {
|
|
474
474
|
--awsui-default-max-content-width-y98gph: 100%;
|
|
475
475
|
}
|
|
476
|
-
.
|
|
476
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_has-max-content-width_hyvsj_6otqt_418:not(#\9) {
|
|
477
477
|
--awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
|
|
478
478
|
}
|
|
479
|
-
.
|
|
479
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_is-overlap-disabled_hyvsj_6otqt_453:not(#\9) {
|
|
480
480
|
--awsui-overlap-height-y98gph: 0;
|
|
481
481
|
}
|
|
482
|
-
.
|
|
482
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_is-hide-mobile-toolbar_hyvsj_6otqt_456:not(#\9) {
|
|
483
483
|
--awsui-mobile-bar-height-y98gph: 0px;
|
|
484
484
|
}
|
|
485
485
|
@media (min-width: 993px) {
|
|
486
|
-
.
|
|
486
|
+
.awsui_layout_hyvsj_6otqt_335:not(#\9) {
|
|
487
487
|
--awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
|
|
488
488
|
}
|
|
489
489
|
}
|
|
490
490
|
@media (max-width: 992px) {
|
|
491
|
-
.
|
|
491
|
+
.awsui_layout_hyvsj_6otqt_335:not(#\9) {
|
|
492
492
|
--awsui-default-min-content-width-y98gph: 0px;
|
|
493
493
|
}
|
|
494
494
|
}
|
|
495
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_6otqt_110):not(.awsui_has-sticky-background_hyvsj_6otqt_133) {
|
|
496
496
|
--awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
|
|
497
497
|
}
|
|
498
|
-
.
|
|
498
|
+
.awsui_layout_hyvsj_6otqt_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_6otqt_110).awsui_has-sticky-background_hyvsj_6otqt_133 {
|
|
499
499
|
--awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
|
|
500
500
|
}
|
|
501
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_has-sticky-notifications_hyvsj_6otqt_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_6otqt_133) {
|
|
502
502
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
503
503
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
504
504
|
var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
|
|
505
505
|
);
|
|
506
506
|
}
|
|
507
|
-
.
|
|
507
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_has-sticky-notifications_hyvsj_6otqt_110.awsui_has-sticky-background_hyvsj_6otqt_133:not(#\9) {
|
|
508
508
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
509
509
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
510
510
|
var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
|
|
511
511
|
);
|
|
512
512
|
}
|
|
513
513
|
@media (min-width: 689px) {
|
|
514
|
-
.
|
|
515
|
-
--awsui-content-gap-left-y98gph: var(--space-
|
|
514
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_has-content-gap-left_hyvsj_6otqt_488:not(#\9) {
|
|
515
|
+
--awsui-content-gap-left-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
516
516
|
}
|
|
517
|
-
.
|
|
518
|
-
--awsui-content-gap-right-y98gph: var(--space-
|
|
517
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_has-content-gap-right_hyvsj_6otqt_491:not(#\9) {
|
|
518
|
+
--awsui-content-gap-right-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
519
519
|
}
|
|
520
520
|
}
|
|
521
521
|
@media (max-width: 688px) {
|
|
522
|
-
.
|
|
522
|
+
.awsui_layout_hyvsj_6otqt_335:not(#\9) {
|
|
523
523
|
--awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
|
|
524
524
|
--awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
|
|
525
525
|
}
|
|
526
526
|
}
|
|
527
|
-
.
|
|
527
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9) {
|
|
528
528
|
--awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
529
529
|
}
|
|
530
|
-
.
|
|
530
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504:not(#\9) {
|
|
531
531
|
--awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
532
532
|
}
|
|
533
|
-
.
|
|
533
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-header_hyvsj_6otqt_507:not(#\9), .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_6otqt_504).awsui_has-header_hyvsj_6otqt_507 {
|
|
534
534
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
535
535
|
}
|
|
536
|
-
.
|
|
536
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504.awsui_has-header_hyvsj_6otqt_507:not(#\9) {
|
|
537
537
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
538
538
|
}
|
|
539
|
-
.
|
|
539
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_6otqt_504):not(.awsui_has-header_hyvsj_6otqt_507) {
|
|
540
540
|
--awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
541
541
|
}
|
|
542
|
-
.
|
|
542
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504:not(#\9):not(.awsui_has-header_hyvsj_6otqt_507) {
|
|
543
543
|
--awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
|
|
544
544
|
}
|
|
545
|
-
.
|
|
545
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504:not(#\9):not(.awsui_has-header_hyvsj_6otqt_507).awsui_is-overlap-disabled_hyvsj_6otqt_453 {
|
|
546
546
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
547
547
|
}
|
|
548
|
-
.
|
|
548
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_has-breadcrumbs_hyvsj_6otqt_504:not(#\9):not(.awsui_has-header_hyvsj_6otqt_507):not(.awsui_is-overlap-disabled_hyvsj_6otqt_453) {
|
|
549
549
|
--awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
|
|
550
550
|
}
|
|
551
|
-
.
|
|
551
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_has-header_hyvsj_6otqt_507:not(#\9) {
|
|
552
552
|
--awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
553
553
|
}
|
|
554
|
-
.
|
|
554
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_6otqt_453), .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528.awsui_is-overlap-disabled_hyvsj_6otqt_453:not(#\9):not(.awsui_disable-content-paddings_hyvsj_6otqt_528) {
|
|
555
555
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
556
556
|
}
|
|
557
557
|
@media (min-width: 689px) {
|
|
558
|
-
.
|
|
558
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528:not(#\9):not(.awsui_has-header_hyvsj_6otqt_507) {
|
|
559
559
|
--awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
|
|
560
560
|
--awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
|
|
561
561
|
}
|
|
562
562
|
}
|
|
563
563
|
@media (max-width: 688px) {
|
|
564
|
-
.
|
|
564
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9) {
|
|
565
565
|
--awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
566
566
|
}
|
|
567
|
-
.
|
|
567
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-header_hyvsj_6otqt_507:not(#\9) {
|
|
568
568
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
569
569
|
}
|
|
570
|
-
.
|
|
570
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_6otqt_504).awsui_has-header_hyvsj_6otqt_507 {
|
|
571
571
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
572
572
|
}
|
|
573
|
-
.
|
|
573
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-notifications_hyvsj_6otqt_501:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_6otqt_504):not(.awsui_has-header_hyvsj_6otqt_507), .awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_6otqt_453) {
|
|
574
574
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
575
575
|
}
|
|
576
|
-
.
|
|
576
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_content-first-child-main_hyvsj_6otqt_528.awsui_is-overlap-disabled_hyvsj_6otqt_453:not(#\9):not(.awsui_disable-content-paddings_hyvsj_6otqt_528) {
|
|
577
577
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
578
578
|
}
|
|
579
579
|
}
|
|
@@ -588,19 +588,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
588
588
|
position: sticky will be the value of the notifications height in addition to the
|
|
589
589
|
notifications top margin and some additional vertical space for aesthetics.
|
|
590
590
|
*/
|
|
591
|
-
.
|
|
591
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
|
|
592
592
|
--awsui-main-template-rows-y98gph: 1fr auto;
|
|
593
593
|
--awsui-offset-top-y98gph: 0px;
|
|
594
594
|
height: var(--awsui-content-height-y98gph);
|
|
595
595
|
overflow-y: scroll;
|
|
596
596
|
}
|
|
597
|
-
.
|
|
597
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_disable-body-scroll_hyvsj_6otqt_180.awsui_has-split-panel_hyvsj_6otqt_571.awsui_split-panel-position-bottom_hyvsj_6otqt_571:not(#\9) {
|
|
598
598
|
--awsui-main-template-rows-y98gph: repeat(2, auto);
|
|
599
599
|
}
|
|
600
|
-
.
|
|
600
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_6otqt_110) {
|
|
601
601
|
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
602
602
|
}
|
|
603
|
-
.
|
|
603
|
+
.awsui_layout_hyvsj_6otqt_335.awsui_disable-body-scroll_hyvsj_6otqt_180.awsui_has-sticky-notifications_hyvsj_6otqt_110:not(#\9) {
|
|
604
604
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
605
605
|
var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
606
606
|
);
|
|
@@ -610,13 +610,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
610
610
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
611
611
|
when the navigation or tools drawers are open in responsive viewports.
|
|
612
612
|
*/
|
|
613
|
-
.awsui_block-body-
|
|
613
|
+
.awsui_block-body-scroll_hyvsj_6otqt_587:not(#\9) {
|
|
614
614
|
overflow: hidden;
|
|
615
615
|
}
|
|
616
616
|
|
|
617
617
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
618
|
-
.
|
|
619
|
-
.
|
|
618
|
+
.awsui_unfocusable_hyvsj_6otqt_592:not(#\9),
|
|
619
|
+
.awsui_unfocusable_hyvsj_6otqt_592 *:not(#\9) {
|
|
620
620
|
visibility: hidden !important;
|
|
621
621
|
}
|
|
622
622
|
|
|
@@ -625,7 +625,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
625
625
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
626
626
|
SPDX-License-Identifier: Apache-2.0
|
|
627
627
|
*/
|
|
628
|
-
.
|
|
628
|
+
.awsui_container_hyvsj_6otqt_602:not(#\9) {
|
|
629
629
|
grid-area: main;
|
|
630
630
|
padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
631
631
|
/*
|
|
@@ -642,18 +642,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
642
642
|
on the right, we decrement the column end by one.
|
|
643
643
|
*/
|
|
644
644
|
}
|
|
645
|
-
.
|
|
645
|
+
.awsui_container_hyvsj_6otqt_602.awsui_has-split-panel_hyvsj_6otqt_571.awsui_split-panel-position-bottom_hyvsj_6otqt_571:not(#\9) {
|
|
646
646
|
padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
647
647
|
}
|
|
648
|
-
.
|
|
648
|
+
.awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528:not(#\9) {
|
|
649
649
|
grid-column: 1/6;
|
|
650
650
|
padding: 0;
|
|
651
651
|
}
|
|
652
652
|
@media (min-width: 689px) {
|
|
653
|
-
.
|
|
653
|
+
.awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528.awsui_is-navigation-open_hyvsj_6otqt_627:not(#\9) {
|
|
654
654
|
grid-column-start: 2;
|
|
655
655
|
}
|
|
656
|
-
.
|
|
656
|
+
.awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528.awsui_is-tools-open_hyvsj_6otqt_630:not(#\9), .awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_split-panel-position-side_hyvsj_6otqt_630:not(#\9), .awsui_container_hyvsj_6otqt_602.awsui_disable-content-paddings_hyvsj_6otqt_528.awsui_has-active-drawer_hyvsj_6otqt_630:not(#\9) {
|
|
657
657
|
grid-column-end: 5;
|
|
658
658
|
}
|
|
659
659
|
}
|
|
@@ -662,7 +662,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
662
662
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
663
663
|
SPDX-License-Identifier: Apache-2.0
|
|
664
664
|
*/
|
|
665
|
-
section.awsui_mobile-
|
|
665
|
+
section.awsui_mobile-toolbar_hyvsj_6otqt_639:not(#\9) {
|
|
666
666
|
align-items: center;
|
|
667
667
|
background-color: var(--color-background-home-header-2rudu7, #000716);
|
|
668
668
|
border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
@@ -678,15 +678,15 @@ section.awsui_mobile-toolbar_hyvsj_1f6b4_639:not(#\9) {
|
|
|
678
678
|
top: var(--awsui-offset-top-y98gph);
|
|
679
679
|
z-index: 1000;
|
|
680
680
|
}
|
|
681
|
-
section.awsui_mobile-
|
|
681
|
+
section.awsui_mobile-toolbar_hyvsj_6otqt_639 > .awsui_mobile-toolbar-nav_hyvsj_6otqt_655:not(#\9) {
|
|
682
682
|
grid-column: 1;
|
|
683
683
|
margin-right: var(--space-m-udix3p, 16px);
|
|
684
684
|
}
|
|
685
|
-
section.awsui_mobile-
|
|
685
|
+
section.awsui_mobile-toolbar_hyvsj_6otqt_639 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_6otqt_659:not(#\9) {
|
|
686
686
|
grid-column: 2;
|
|
687
687
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
688
688
|
}
|
|
689
|
-
section.awsui_mobile-
|
|
689
|
+
section.awsui_mobile-toolbar_hyvsj_6otqt_639 > .awsui_mobile-toolbar-tools_hyvsj_6otqt_663:not(#\9) {
|
|
690
690
|
grid-column: 3;
|
|
691
691
|
margin-left: var(--space-m-udix3p, 16px);
|
|
692
692
|
}
|
|
@@ -695,7 +695,7 @@ section.awsui_mobile-toolbar_hyvsj_1f6b4_639 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
695
695
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
696
696
|
SPDX-License-Identifier: Apache-2.0
|
|
697
697
|
*/
|
|
698
|
-
.awsui_navigation-
|
|
698
|
+
.awsui_navigation-container_hyvsj_6otqt_672:not(#\9) {
|
|
699
699
|
--awsui-navigation-width-y98gph: 280px;
|
|
700
700
|
display: flex;
|
|
701
701
|
grid-column: 1;
|
|
@@ -717,12 +717,12 @@ section.awsui_mobile-toolbar_hyvsj_1f6b4_639 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
717
717
|
pointer-events: none;
|
|
718
718
|
}
|
|
719
719
|
@media (min-width: 2541px) {
|
|
720
|
-
.awsui_navigation-
|
|
720
|
+
.awsui_navigation-container_hyvsj_6otqt_672:not(#\9) {
|
|
721
721
|
--awsui-navigation-width-y98gph: 320px;
|
|
722
722
|
}
|
|
723
723
|
}
|
|
724
724
|
@media (max-width: 688px) {
|
|
725
|
-
.awsui_navigation-
|
|
725
|
+
.awsui_navigation-container_hyvsj_6otqt_672:not(#\9) {
|
|
726
726
|
left: 0;
|
|
727
727
|
position: fixed;
|
|
728
728
|
z-index: 1001;
|
|
@@ -734,19 +734,19 @@ section.awsui_mobile-toolbar_hyvsj_1f6b4_639 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
734
734
|
relative to the body.
|
|
735
735
|
*/
|
|
736
736
|
}
|
|
737
|
-
.awsui_navigation-
|
|
737
|
+
.awsui_navigation-container_hyvsj_6otqt_672.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
|
|
738
738
|
top: var(--awsui-header-height-y98gph);
|
|
739
739
|
}
|
|
740
740
|
}
|
|
741
741
|
|
|
742
|
-
nav.awsui_show-
|
|
743
|
-
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-
|
|
742
|
+
nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9) {
|
|
743
|
+
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
744
744
|
/*
|
|
745
745
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
746
746
|
take control in responsive viewports.
|
|
747
747
|
*/
|
|
748
748
|
}
|
|
749
|
-
@keyframes
|
|
749
|
+
@keyframes awsui_showButtons_hyvsj_6otqt_1 {
|
|
750
750
|
0% {
|
|
751
751
|
opacity: 0;
|
|
752
752
|
}
|
|
@@ -754,31 +754,31 @@ nav.awsui_show-navigation_hyvsj_1f6b4_716:not(#\9) {
|
|
|
754
754
|
opacity: 1;
|
|
755
755
|
}
|
|
756
756
|
}
|
|
757
|
-
nav.awsui_show-
|
|
757
|
+
nav.awsui_show-navigation_hyvsj_6otqt_716.awsui_is-navigation-open_hyvsj_6otqt_627:not(#\9) {
|
|
758
758
|
display: none;
|
|
759
759
|
}
|
|
760
760
|
@media (min-width: 689px) {
|
|
761
|
-
nav.awsui_show-
|
|
761
|
+
nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627) {
|
|
762
762
|
display: block;
|
|
763
763
|
}
|
|
764
|
-
nav.awsui_show-
|
|
765
|
-
animation:
|
|
764
|
+
nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627).awsui_animating_hyvsj_6otqt_738 {
|
|
765
|
+
animation: awsui_showButtons_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
766
766
|
}
|
|
767
767
|
}
|
|
768
768
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
769
|
-
nav.awsui_show-
|
|
769
|
+
nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627).awsui_animating_hyvsj_6otqt_738 {
|
|
770
770
|
animation: none;
|
|
771
771
|
transition: none;
|
|
772
772
|
}
|
|
773
773
|
}
|
|
774
774
|
@media (min-width: 689px) {
|
|
775
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
775
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627).awsui_animating_hyvsj_6otqt_738, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_6otqt_716:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627).awsui_animating_hyvsj_6otqt_738 {
|
|
776
776
|
animation: none;
|
|
777
777
|
transition: none;
|
|
778
778
|
}
|
|
779
779
|
}
|
|
780
780
|
|
|
781
|
-
nav.
|
|
781
|
+
nav.awsui_navigation_hyvsj_6otqt_672:not(#\9) {
|
|
782
782
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
783
783
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
784
784
|
bottom: 0;
|
|
@@ -796,43 +796,43 @@ nav.awsui_navigation_hyvsj_1f6b4_672:not(#\9) {
|
|
|
796
796
|
prevent unwanted text wrapping.
|
|
797
797
|
*/
|
|
798
798
|
}
|
|
799
|
-
@keyframes
|
|
799
|
+
@keyframes awsui_openNavigation_hyvsj_6otqt_1 {
|
|
800
800
|
from {
|
|
801
801
|
opacity: 0;
|
|
802
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
802
|
+
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
803
803
|
}
|
|
804
804
|
to {
|
|
805
805
|
opacity: 1;
|
|
806
806
|
width: var(--awsui-navigation-width-y98gph);
|
|
807
807
|
}
|
|
808
808
|
}
|
|
809
|
-
nav.
|
|
809
|
+
nav.awsui_navigation_hyvsj_6otqt_672:not(#\9):not(.awsui_is-navigation-open_hyvsj_6otqt_627) {
|
|
810
810
|
width: 0;
|
|
811
811
|
display: none;
|
|
812
812
|
}
|
|
813
|
-
nav.
|
|
814
|
-
animation:
|
|
813
|
+
nav.awsui_navigation_hyvsj_6otqt_672.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_animating_hyvsj_6otqt_738:not(#\9) {
|
|
814
|
+
animation: awsui_openNavigation_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
815
815
|
}
|
|
816
816
|
@media (prefers-reduced-motion: reduce) {
|
|
817
|
-
nav.
|
|
817
|
+
nav.awsui_navigation_hyvsj_6otqt_672.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_animating_hyvsj_6otqt_738:not(#\9) {
|
|
818
818
|
animation: none;
|
|
819
819
|
transition: none;
|
|
820
820
|
}
|
|
821
821
|
}
|
|
822
|
-
.awsui-motion-disabled nav.
|
|
822
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_6otqt_672.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_animating_hyvsj_6otqt_738:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_6otqt_672.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_animating_hyvsj_6otqt_738:not(#\9) {
|
|
823
823
|
animation: none;
|
|
824
824
|
transition: none;
|
|
825
825
|
}
|
|
826
|
-
nav.
|
|
826
|
+
nav.awsui_navigation_hyvsj_6otqt_672 > .awsui_animated-content_hyvsj_6otqt_800:not(#\9) {
|
|
827
827
|
width: var(--awsui-navigation-width-y98gph);
|
|
828
828
|
}
|
|
829
829
|
@media (max-width: 688px) {
|
|
830
|
-
nav.
|
|
830
|
+
nav.awsui_navigation_hyvsj_6otqt_672:not(#\9) {
|
|
831
831
|
--awsui-navigation-width-y98gph: 100vw;
|
|
832
832
|
}
|
|
833
833
|
}
|
|
834
834
|
|
|
835
|
-
.awsui_hide-
|
|
835
|
+
.awsui_hide-navigation_hyvsj_6otqt_809:not(#\9) {
|
|
836
836
|
position: absolute;
|
|
837
837
|
right: var(--space-m-udix3p, 16px);
|
|
838
838
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -842,13 +842,13 @@ nav.awsui_navigation_hyvsj_1f6b4_672 > .awsui_animated-content_hyvsj_1f6b4_800:n
|
|
|
842
842
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
843
843
|
SPDX-License-Identifier: Apache-2.0
|
|
844
844
|
*/
|
|
845
|
-
.
|
|
845
|
+
.awsui_notifications_hyvsj_6otqt_819:not(#\9) {
|
|
846
846
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
847
847
|
grid-area: notifications;
|
|
848
848
|
z-index: 850;
|
|
849
849
|
}
|
|
850
850
|
@media (min-width: 689px) {
|
|
851
|
-
.
|
|
851
|
+
.awsui_notifications_hyvsj_6otqt_819.awsui_sticky-notifications_hyvsj_6otqt_825:not(#\9) {
|
|
852
852
|
--awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
|
|
853
853
|
position: sticky;
|
|
854
854
|
top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
|
|
@@ -865,7 +865,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
865
865
|
consume the remaining vertical space in the grid after the notifications
|
|
866
866
|
and breadcrumbs.
|
|
867
867
|
*/
|
|
868
|
-
section.awsui_split-panel-
|
|
868
|
+
section.awsui_split-panel-bottom_hyvsj_6otqt_842:not(#\9) {
|
|
869
869
|
/*
|
|
870
870
|
The align self property will position the split panel at the bottom of the grid row.
|
|
871
871
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -901,7 +901,7 @@ section.awsui_split-panel-bottom_hyvsj_1f6b4_842:not(#\9) {
|
|
|
901
901
|
apply the animation to the height property.
|
|
902
902
|
*/
|
|
903
903
|
}
|
|
904
|
-
@keyframes
|
|
904
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_6otqt_1 {
|
|
905
905
|
from {
|
|
906
906
|
height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
|
|
907
907
|
}
|
|
@@ -909,39 +909,39 @@ section.awsui_split-panel-bottom_hyvsj_1f6b4_842:not(#\9) {
|
|
|
909
909
|
height: var(--awsui-split-panel-reported-size-y98gph);
|
|
910
910
|
}
|
|
911
911
|
}
|
|
912
|
-
section.awsui_split-panel-
|
|
912
|
+
section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
|
|
913
913
|
bottom: 0;
|
|
914
914
|
}
|
|
915
|
-
section.awsui_split-panel-
|
|
915
|
+
section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-navigation-open_hyvsj_6otqt_627.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
|
|
916
916
|
grid-column-start: 2;
|
|
917
917
|
}
|
|
918
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_has-open-drawer_hyvsj_6otqt_156.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
|
|
919
919
|
grid-column-end: 5;
|
|
920
920
|
}
|
|
921
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
|
|
922
922
|
display: block;
|
|
923
923
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
924
|
+
section.awsui_split-panel-bottom_hyvsj_6otqt_842:not(#\9):not(.awsui_is-split-panel-open_hyvsj_6otqt_630).awsui_position-bottom_hyvsj_6otqt_889 {
|
|
925
925
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
926
926
|
}
|
|
927
|
-
section.awsui_split-panel-
|
|
927
|
+
section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
|
|
928
928
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
929
929
|
}
|
|
930
|
-
section.awsui_split-panel-
|
|
931
|
-
animation:
|
|
930
|
+
section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889.awsui_animating_hyvsj_6otqt_738:not(#\9) {
|
|
931
|
+
animation: awsui_openSplitPanelBottom_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
932
932
|
}
|
|
933
933
|
@media (prefers-reduced-motion: reduce) {
|
|
934
|
-
section.awsui_split-panel-
|
|
934
|
+
section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889.awsui_animating_hyvsj_6otqt_738:not(#\9) {
|
|
935
935
|
animation: none;
|
|
936
936
|
transition: none;
|
|
937
937
|
}
|
|
938
938
|
}
|
|
939
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
939
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889.awsui_animating_hyvsj_6otqt_738:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_6otqt_842.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-bottom_hyvsj_6otqt_889.awsui_animating_hyvsj_6otqt_738:not(#\9) {
|
|
940
940
|
animation: none;
|
|
941
941
|
transition: none;
|
|
942
942
|
}
|
|
943
943
|
|
|
944
|
-
section.awsui_split-panel-
|
|
944
|
+
section.awsui_split-panel-side_hyvsj_6otqt_918:not(#\9) {
|
|
945
945
|
height: 100%;
|
|
946
946
|
overflow-x: hidden;
|
|
947
947
|
pointer-events: auto;
|
|
@@ -951,10 +951,10 @@ section.awsui_split-panel-side_hyvsj_1f6b4_918:not(#\9) {
|
|
|
951
951
|
be persistent in the DOM when closed.
|
|
952
952
|
*/
|
|
953
953
|
}
|
|
954
|
-
section.awsui_split-panel-
|
|
954
|
+
section.awsui_split-panel-side_hyvsj_6otqt_918:not(#\9):not(.awsui_is-split-panel-open_hyvsj_6otqt_630), section.awsui_split-panel-side_hyvsj_6otqt_918.awsui_position-bottom_hyvsj_6otqt_889:not(#\9) {
|
|
955
955
|
width: 0;
|
|
956
956
|
}
|
|
957
|
-
section.awsui_split-panel-
|
|
957
|
+
section.awsui_split-panel-side_hyvsj_6otqt_918.awsui_is-split-panel-open_hyvsj_6otqt_630.awsui_position-side_hyvsj_6otqt_931:not(#\9) {
|
|
958
958
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
959
959
|
max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
|
|
960
960
|
min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
@@ -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_6otqt_950: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_6otqt_950: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_6otqt_950: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_6otqt_950.awsui_disable-body-scroll_hyvsj_6otqt_180:not(#\9) {
|
|
1012
1012
|
top: var(--awsui-header-height-y98gph);
|
|
1013
1013
|
}
|
|
1014
1014
|
}
|
|
1015
1015
|
|
|
1016
|
-
.
|
|
1016
|
+
.awsui_tools_hyvsj_6otqt_950:not(#\9) {
|
|
1017
1017
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1018
1018
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1019
1019
|
flex-shrink: 0;
|
|
@@ -1037,48 +1037,48 @@ viewport size and state of the Tools drawer.
|
|
|
1037
1037
|
in the side position.
|
|
1038
1038
|
*/
|
|
1039
1039
|
}
|
|
1040
|
-
@keyframes
|
|
1040
|
+
@keyframes awsui_openTools_hyvsj_6otqt_1 {
|
|
1041
1041
|
from {
|
|
1042
1042
|
opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
|
|
1043
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
1043
|
+
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
1044
1044
|
}
|
|
1045
1045
|
to {
|
|
1046
1046
|
opacity: 1;
|
|
1047
1047
|
width: var(--awsui-tools-width-y98gph);
|
|
1048
1048
|
}
|
|
1049
1049
|
}
|
|
1050
|
-
.
|
|
1050
|
+
.awsui_tools_hyvsj_6otqt_950:not(#\9):not(.awsui_is-tools-open_hyvsj_6otqt_630) {
|
|
1051
1051
|
width: 0;
|
|
1052
1052
|
display: none;
|
|
1053
1053
|
}
|
|
1054
|
-
.
|
|
1055
|
-
animation:
|
|
1054
|
+
.awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_animating_hyvsj_6otqt_738:not(#\9) {
|
|
1055
|
+
animation: awsui_openTools_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1056
1056
|
}
|
|
1057
1057
|
@media (prefers-reduced-motion: reduce) {
|
|
1058
|
-
.
|
|
1058
|
+
.awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_animating_hyvsj_6otqt_738:not(#\9) {
|
|
1059
1059
|
animation: none;
|
|
1060
1060
|
transition: none;
|
|
1061
1061
|
}
|
|
1062
1062
|
}
|
|
1063
|
-
.awsui-motion-disabled .
|
|
1063
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_animating_hyvsj_6otqt_738:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_animating_hyvsj_6otqt_738:not(#\9) {
|
|
1064
1064
|
animation: none;
|
|
1065
1065
|
transition: none;
|
|
1066
1066
|
}
|
|
1067
|
-
.
|
|
1067
|
+
.awsui_tools_hyvsj_6otqt_950 > .awsui_animated-content_hyvsj_6otqt_800:not(#\9) {
|
|
1068
1068
|
width: var(--awsui-tools-width-y98gph);
|
|
1069
1069
|
}
|
|
1070
1070
|
@media (min-width: 689px) {
|
|
1071
|
-
.
|
|
1071
|
+
.awsui_tools_hyvsj_6otqt_950.awsui_is-tools-open_hyvsj_6otqt_630.awsui_has-tools-form-persistence_hyvsj_6otqt_1045:not(#\9) {
|
|
1072
1072
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
1073
1073
|
}
|
|
1074
1074
|
}
|
|
1075
1075
|
@media (max-width: 688px) {
|
|
1076
|
-
.
|
|
1076
|
+
.awsui_tools_hyvsj_6otqt_950:not(#\9) {
|
|
1077
1077
|
--awsui-tools-width-y98gph: 100vw;
|
|
1078
1078
|
}
|
|
1079
1079
|
}
|
|
1080
1080
|
|
|
1081
|
-
.awsui_hide-
|
|
1081
|
+
.awsui_hide-tools_hyvsj_6otqt_1055:not(#\9) {
|
|
1082
1082
|
position: absolute;
|
|
1083
1083
|
right: var(--space-m-udix3p, 16px);
|
|
1084
1084
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1090,7 +1090,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1090
1090
|
the calculation used to determine the Split Panel maximum width in the
|
|
1091
1091
|
handleSplitPanelMaxWidth function in the context.
|
|
1092
1092
|
*/
|
|
1093
|
-
.awsui_show-
|
|
1093
|
+
.awsui_show-tools_hyvsj_6otqt_1067:not(#\9) {
|
|
1094
1094
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1095
1095
|
border-collapse: separate;
|
|
1096
1096
|
border-spacing: 0;
|
|
@@ -1128,13 +1128,13 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1128
1128
|
-webkit-font-smoothing: auto;
|
|
1129
1129
|
-moz-osx-font-smoothing: auto;
|
|
1130
1130
|
box-sizing: border-box;
|
|
1131
|
-
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-
|
|
1131
|
+
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
1132
1132
|
/*
|
|
1133
1133
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
1134
1134
|
take control in responsive viewports.
|
|
1135
1135
|
*/
|
|
1136
1136
|
}
|
|
1137
|
-
@keyframes
|
|
1137
|
+
@keyframes awsui_showButtons_hyvsj_6otqt_1 {
|
|
1138
1138
|
0% {
|
|
1139
1139
|
opacity: 0;
|
|
1140
1140
|
}
|
|
@@ -1142,31 +1142,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1142
1142
|
opacity: 1;
|
|
1143
1143
|
}
|
|
1144
1144
|
}
|
|
1145
|
-
.awsui_show-
|
|
1145
|
+
.awsui_show-tools_hyvsj_6otqt_1067:not(#\9):not(.awsui_has-tools-form_hyvsj_6otqt_1045) {
|
|
1146
1146
|
display: none;
|
|
1147
1147
|
}
|
|
1148
1148
|
@media (min-width: 689px) {
|
|
1149
|
-
.awsui_show-
|
|
1149
|
+
.awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045:not(#\9) {
|
|
1150
1150
|
display: flex;
|
|
1151
1151
|
flex-direction: column;
|
|
1152
1152
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1153
1153
|
}
|
|
1154
|
-
.awsui_show-
|
|
1155
|
-
animation:
|
|
1154
|
+
.awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045.awsui_animating_hyvsj_6otqt_738:not(#\9) {
|
|
1155
|
+
animation: awsui_showButtons_hyvsj_6otqt_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1156
1156
|
}
|
|
1157
1157
|
}
|
|
1158
1158
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1159
|
-
.awsui_show-
|
|
1159
|
+
.awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045.awsui_animating_hyvsj_6otqt_738:not(#\9) {
|
|
1160
1160
|
animation: none;
|
|
1161
1161
|
transition: none;
|
|
1162
1162
|
}
|
|
1163
1163
|
}
|
|
1164
1164
|
@media (min-width: 689px) {
|
|
1165
|
-
.awsui-motion-disabled .awsui_show-
|
|
1165
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045.awsui_animating_hyvsj_6otqt_738:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form_hyvsj_6otqt_1045.awsui_animating_hyvsj_6otqt_738:not(#\9) {
|
|
1166
1166
|
animation: none;
|
|
1167
1167
|
transition: none;
|
|
1168
1168
|
}
|
|
1169
|
-
.awsui_show-
|
|
1169
|
+
.awsui_show-tools_hyvsj_6otqt_1067.awsui_has-tools-form-persistence_hyvsj_6otqt_1045:not(#\9) {
|
|
1170
1170
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1171
1171
|
z-index: 1;
|
|
1172
1172
|
}
|
|
@@ -1176,24 +1176,24 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1176
1176
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1177
1177
|
SPDX-License-Identifier: Apache-2.0
|
|
1178
1178
|
*/
|
|
1179
|
-
.awsui_trigger-badge-
|
|
1180
|
-
background: var(--color-background-layout-toggle-default-
|
|
1179
|
+
.awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9) {
|
|
1180
|
+
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1181
1181
|
border-radius: 50%;
|
|
1182
|
-
height: var(--space-layout-toggle-diameter-
|
|
1183
|
-
width: var(--space-layout-toggle-diameter-
|
|
1182
|
+
height: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
1183
|
+
width: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
1184
1184
|
position: absolute;
|
|
1185
1185
|
top: 0;
|
|
1186
1186
|
left: 0;
|
|
1187
1187
|
display: flex;
|
|
1188
1188
|
justify-content: center;
|
|
1189
1189
|
align-items: center;
|
|
1190
|
-
clip-path: path("
|
|
1190
|
+
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");
|
|
1191
1191
|
}
|
|
1192
|
-
.awsui_trigger-badge-
|
|
1193
|
-
background: var(--color-background-layout-toggle-hover-
|
|
1192
|
+
.awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9):hover {
|
|
1193
|
+
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1194
1194
|
}
|
|
1195
|
-
.awsui_trigger-badge-
|
|
1196
|
-
background: var(--color-background-layout-toggle-active-
|
|
1195
|
+
.awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9):active {
|
|
1196
|
+
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1197
1197
|
}
|
|
1198
1198
|
|
|
1199
1199
|
/*
|
|
@@ -1201,32 +1201,31 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1201
1201
|
the calculation used to determine the Split Panel maximum width in the
|
|
1202
1202
|
handleSplitPanelMaxWidth function in the context.
|
|
1203
1203
|
*/
|
|
1204
|
-
.
|
|
1205
|
-
background: var(--color-background-layout-toggle-default-
|
|
1204
|
+
.awsui_trigger_hyvsj_6otqt_1127:not(#\9) {
|
|
1205
|
+
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1206
1206
|
border-radius: 50%;
|
|
1207
|
-
height: var(--space-layout-toggle-diameter-
|
|
1208
|
-
width: var(--space-layout-toggle-diameter-
|
|
1207
|
+
height: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
1208
|
+
width: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
1209
1209
|
border: none;
|
|
1210
1210
|
color: var(--color-text-layout-toggle-zybz0r, #ffffff);
|
|
1211
1211
|
cursor: pointer;
|
|
1212
|
-
padding: 0 var(--space-s-34lx8l, 12px);
|
|
1213
1212
|
pointer-events: auto;
|
|
1214
1213
|
position: relative;
|
|
1215
1214
|
}
|
|
1216
|
-
.
|
|
1217
|
-
background: var(--color-background-layout-toggle-hover-
|
|
1215
|
+
.awsui_trigger_hyvsj_6otqt_1127:not(#\9):hover {
|
|
1216
|
+
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1218
1217
|
}
|
|
1219
|
-
.
|
|
1220
|
-
background: var(--color-background-layout-toggle-active-
|
|
1218
|
+
.awsui_trigger_hyvsj_6otqt_1127:not(#\9):active {
|
|
1219
|
+
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1221
1220
|
}
|
|
1222
|
-
body[data-awsui-focus-visible=true] .
|
|
1221
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_6otqt_1127:not(#\9):focus {
|
|
1223
1222
|
position: relative;
|
|
1224
1223
|
}
|
|
1225
|
-
body[data-awsui-focus-visible=true] .
|
|
1224
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_6otqt_1127:not(#\9):focus {
|
|
1226
1225
|
outline: 2px dotted transparent;
|
|
1227
1226
|
outline-offset: calc(3px - 1px);
|
|
1228
1227
|
}
|
|
1229
|
-
body[data-awsui-focus-visible=true] .
|
|
1228
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_6otqt_1127:not(#\9):focus::before {
|
|
1230
1229
|
content: " ";
|
|
1231
1230
|
display: block;
|
|
1232
1231
|
position: absolute;
|
|
@@ -1237,43 +1236,43 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1f6b4_1127:not(#\9):foc
|
|
|
1237
1236
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1238
1237
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1239
1238
|
}
|
|
1240
|
-
.
|
|
1239
|
+
.awsui_trigger_hyvsj_6otqt_1127:not(#\9):focus {
|
|
1241
1240
|
outline: none;
|
|
1242
1241
|
}
|
|
1243
|
-
.
|
|
1242
|
+
.awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190:not(#\9) {
|
|
1244
1243
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1245
1244
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1246
1245
|
}
|
|
1247
|
-
.
|
|
1246
|
+
.awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190:not(#\9):hover {
|
|
1248
1247
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1249
1248
|
}
|
|
1250
|
-
.
|
|
1249
|
+
.awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190:not(#\9):active {
|
|
1251
1250
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1252
1251
|
}
|
|
1253
|
-
.
|
|
1252
|
+
.awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190 > .awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9) {
|
|
1254
1253
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1255
1254
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1256
1255
|
}
|
|
1257
|
-
.
|
|
1256
|
+
.awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190 > .awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9):hover {
|
|
1258
1257
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1259
1258
|
}
|
|
1260
|
-
.
|
|
1259
|
+
.awsui_trigger_hyvsj_6otqt_1127.awsui_selected_hyvsj_6otqt_1190 > .awsui_trigger-badge-wrapper_hyvsj_6otqt_1127:not(#\9):active {
|
|
1261
1260
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1262
1261
|
}
|
|
1263
|
-
.
|
|
1262
|
+
.awsui_trigger_hyvsj_6otqt_1127.awsui_badge_hyvsj_6otqt_1210:not(#\9), .awsui_trigger_hyvsj_6otqt_1127.awsui_badge_hyvsj_6otqt_1210:not(#\9):hover, .awsui_trigger_hyvsj_6otqt_1127.awsui_badge_hyvsj_6otqt_1210:not(#\9):active {
|
|
1264
1263
|
background: transparent;
|
|
1265
1264
|
}
|
|
1266
1265
|
|
|
1267
|
-
.awsui_trigger-
|
|
1266
|
+
.awsui_trigger-wrapper_hyvsj_6otqt_1214:not(#\9) {
|
|
1268
1267
|
position: relative;
|
|
1269
1268
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1270
1269
|
border-radius: 50%;
|
|
1271
1270
|
}
|
|
1272
1271
|
|
|
1273
|
-
.
|
|
1272
|
+
.awsui_dot_hyvsj_6otqt_1220:not(#\9) {
|
|
1274
1273
|
position: absolute;
|
|
1275
|
-
width:
|
|
1276
|
-
height:
|
|
1274
|
+
width: 9px;
|
|
1275
|
+
height: 9px;
|
|
1277
1276
|
border-radius: 8px;
|
|
1278
1277
|
background-color: var(--color-background-badge-icon-q1kfox, #d91515);
|
|
1279
1278
|
top: 0;
|