@cloudscape-design/components 3.0.426 → 3.0.427
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/index.d.ts.map +1 -1
- package/app-layout/index.js +3 -1
- package/app-layout/index.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts +1 -0
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +4 -1
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/layout.d.ts.map +1 -1
- package/app-layout/visual-refresh/layout.js +2 -1
- package/app-layout/visual-refresh/layout.js.map +1 -1
- package/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
- package/app-layout/visual-refresh/mobile-toolbar.js +4 -2
- package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +78 -77
- package/app-layout/visual-refresh/styles.scoped.css +168 -165
- package/app-layout/visual-refresh/styles.selectors.js +78 -77
- package/{internal/components/drawer → drawer}/index.d.ts +1 -0
- package/drawer/index.d.ts.map +1 -0
- package/{internal/components/drawer → drawer}/index.js +10 -6
- package/drawer/index.js.map +1 -0
- package/{internal/components/drawer → drawer}/interfaces.d.ts +1 -1
- package/drawer/interfaces.d.ts.map +1 -0
- package/drawer/interfaces.js.map +1 -0
- package/{internal/components/drawer → drawer}/styles.css.js +3 -3
- package/{internal/components/drawer → drawer}/styles.scoped.css +8 -8
- package/{internal/components/drawer → drawer}/styles.selectors.js +3 -3
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +2 -1
- package/test-utils/dom/drawer/index.d.ts +6 -0
- package/test-utils/dom/drawer/index.js +17 -0
- package/test-utils/dom/drawer/index.js.map +1 -0
- package/test-utils/dom/index.d.ts +3 -0
- package/test-utils/dom/index.js +10 -2
- package/test-utils/dom/index.js.map +1 -1
- package/test-utils/selectors/drawer/index.d.ts +6 -0
- package/test-utils/selectors/drawer/index.js +17 -0
- package/test-utils/selectors/drawer/index.js.map +1 -0
- package/test-utils/selectors/index.d.ts +3 -0
- package/test-utils/selectors/index.js +10 -2
- package/test-utils/selectors/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/internal/components/drawer/index.d.ts.map +0 -1
- package/internal/components/drawer/index.js.map +0 -1
- package/internal/components/drawer/interfaces.d.ts.map +0 -1
- package/internal/components/drawer/interfaces.js.map +0 -1
- /package/{internal/components/drawer → drawer}/interfaces.js +0 -0
|
@@ -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_ae7i0_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_ae7i0_93 > .awsui_scrolling-background_hyvsj_ae7i0_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_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_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_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-y98gph);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ae7i0_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_ae7i0_93 > .awsui_sticky-background_hyvsj_ae7i0_102.awsui_has-sticky-notifications_hyvsj_ae7i0_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_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_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_ae7i0_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_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_ae7i0_123.awsui_has-sticky-background_hyvsj_ae7i0_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_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_ae7i0_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_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_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_ae7i0_145.awsui_has-open-drawer_hyvsj_ae7i0_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_ae7i0_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_ae7i0_145:not(#\9) {
|
|
169
169
|
position: fixed;
|
|
170
170
|
right: 0;
|
|
171
171
|
z-index: 1001;
|
|
@@ -177,12 +177,12 @@ div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.a
|
|
|
177
177
|
relative to the body.
|
|
178
178
|
*/
|
|
179
179
|
}
|
|
180
|
-
.awsui_drawers-
|
|
180
|
+
.awsui_drawers-container_hyvsj_ae7i0_145.awsui_disable-body-scroll_hyvsj_ae7i0_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_ae7i0_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,21 +227,21 @@ div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_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_ae7i0_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ae7i0_204).awsui_has-open-drawer_hyvsj_ae7i0_156 {
|
|
231
231
|
width: 0;
|
|
232
232
|
}
|
|
233
|
-
.awsui_drawers-desktop-triggers-
|
|
233
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_ae7i0_185.awsui_has-multiple-triggers_hyvsj_ae7i0_204.awsui_has-open-drawer_hyvsj_ae7i0_156:not(#\9) {
|
|
234
234
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
235
235
|
}
|
|
236
|
-
.awsui_drawers-desktop-triggers-
|
|
236
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_ae7i0_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ae7i0_204):not(.awsui_has-open-drawer_hyvsj_ae7i0_156) {
|
|
237
237
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
.awsui_drawers-mobile-triggers-
|
|
240
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_ae7i0_214:not(#\9) {
|
|
241
241
|
display: flex;
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
.awsui_drawers-trigger-
|
|
244
|
+
.awsui_drawers-trigger-content_hyvsj_ae7i0_218:not(#\9) {
|
|
245
245
|
align-items: center;
|
|
246
246
|
display: flex;
|
|
247
247
|
flex-direction: column;
|
|
@@ -249,13 +249,13 @@ div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.a
|
|
|
249
249
|
padding-top: var(--space-scaled-s-aqzyko, 12px);
|
|
250
250
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
251
251
|
}
|
|
252
|
-
.awsui_drawers-trigger-
|
|
252
|
+
.awsui_drawers-trigger-content_hyvsj_ae7i0_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ae7i0_204).awsui_has-open-drawer_hyvsj_ae7i0_156 {
|
|
253
253
|
opacity: 0;
|
|
254
254
|
}
|
|
255
|
-
.awsui_drawers-trigger-
|
|
255
|
+
.awsui_drawers-trigger-content_hyvsj_ae7i0_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ae7i0_204):not(.awsui_has-open-drawer_hyvsj_ae7i0_156) {
|
|
256
256
|
opacity: 1;
|
|
257
257
|
}
|
|
258
|
-
.awsui_drawers-trigger-
|
|
258
|
+
.awsui_drawers-trigger-content_hyvsj_ae7i0_218 > .awsui_drawers-trigger-overflow_hyvsj_ae7i0_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_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.a
|
|
|
263
263
|
}
|
|
264
264
|
|
|
265
265
|
@media (max-width: 688px) {
|
|
266
|
-
.awsui_drawers-
|
|
266
|
+
.awsui_drawers-trigger_hyvsj_ae7i0_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_ae7i0_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_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.a
|
|
|
285
285
|
pointer-events: auto;
|
|
286
286
|
word-wrap: break-word;
|
|
287
287
|
}
|
|
288
|
-
.
|
|
288
|
+
.awsui_drawer_hyvsj_ae7i0_145 > .awsui_drawer-content-container_hyvsj_ae7i0_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_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_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_ae7i0_145 > .awsui_drawer-content-container_hyvsj_ae7i0_262 > .awsui_drawer-close-button_hyvsj_ae7i0_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_ae7i0_145 > .awsui_drawer-content-container_hyvsj_ae7i0_262 > .awsui_drawer-content_hyvsj_ae7i0_262:not(#\9) {
|
|
303
303
|
grid-column: 1/span 4;
|
|
304
304
|
}
|
|
305
|
-
.
|
|
305
|
+
.awsui_drawer_hyvsj_ae7i0_145 > .awsui_drawer-content-container_hyvsj_ae7i0_262 > .awsui_drawer-content_hyvsj_ae7i0_262.awsui_drawer-content-hidden_hyvsj_ae7i0_279:not(#\9) {
|
|
306
306
|
display: none;
|
|
307
307
|
}
|
|
308
|
-
.
|
|
308
|
+
.awsui_drawer_hyvsj_ae7i0_145 > .awsui_drawer-slider_hyvsj_ae7i0_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_ae7i0_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_ae7i0_289) {
|
|
316
316
|
opacity: 0;
|
|
317
317
|
width: 0;
|
|
318
318
|
}
|
|
319
|
-
.
|
|
319
|
+
.awsui_drawer_hyvsj_ae7i0_145.awsui_is-drawer-open_hyvsj_ae7i0_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_ae7i0_145.awsui_is-drawer-open_hyvsj_ae7i0_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_ae7i0_145.awsui_is-drawer-open_hyvsj_ae7i0_289:not(#\9) {
|
|
331
331
|
--awsui-drawer-size-y98gph: 100vw;
|
|
332
332
|
width: 100vw;
|
|
333
333
|
}
|
|
@@ -337,7 +337,7 @@ div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_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_ae7i0_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_ae7i0_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,133 +441,136 @@ explicitly set in script.
|
|
|
441
441
|
*/
|
|
442
442
|
}
|
|
443
443
|
@media (min-width: 1401px) {
|
|
444
|
-
.
|
|
444
|
+
.awsui_layout_hyvsj_ae7i0_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_ae7i0_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_ae7i0_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_ae7i0_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_ae7i0_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_ae7i0_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_ae7i0_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_ae7i0_418).awsui_content-type-dashboard_hyvsj_ae7i0_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_ae7i0_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_ae7i0_418).awsui_content-type-dashboard_hyvsj_ae7i0_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_ae7i0_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_ae7i0_418).awsui_content-type-dashboard_hyvsj_ae7i0_433 {
|
|
470
470
|
--awsui-default-max-content-width-y98gph: 2160px;
|
|
471
471
|
}
|
|
472
472
|
}
|
|
473
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_has-max-content-width_hyvsj_ae7i0_418:not(#\9) {
|
|
474
474
|
--awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
|
|
475
475
|
}
|
|
476
|
-
.
|
|
476
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_is-overlap-disabled_hyvsj_ae7i0_450:not(#\9) {
|
|
477
477
|
--awsui-overlap-height-y98gph: 0;
|
|
478
478
|
}
|
|
479
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_is-hide-mobile-toolbar_hyvsj_ae7i0_453:not(#\9) {
|
|
480
|
+
--awsui-mobile-bar-height-y98gph: 0px;
|
|
481
|
+
}
|
|
479
482
|
@media (min-width: 993px) {
|
|
480
|
-
.
|
|
483
|
+
.awsui_layout_hyvsj_ae7i0_335:not(#\9) {
|
|
481
484
|
--awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
|
|
482
485
|
}
|
|
483
486
|
}
|
|
484
487
|
@media (max-width: 992px) {
|
|
485
|
-
.
|
|
488
|
+
.awsui_layout_hyvsj_ae7i0_335:not(#\9) {
|
|
486
489
|
--awsui-default-min-content-width-y98gph: 0px;
|
|
487
490
|
}
|
|
488
491
|
}
|
|
489
|
-
.
|
|
492
|
+
.awsui_layout_hyvsj_ae7i0_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ae7i0_110):not(.awsui_has-sticky-background_hyvsj_ae7i0_133) {
|
|
490
493
|
--awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
|
|
491
494
|
}
|
|
492
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_ae7i0_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ae7i0_110).awsui_has-sticky-background_hyvsj_ae7i0_133 {
|
|
493
496
|
--awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
|
|
494
497
|
}
|
|
495
|
-
.
|
|
498
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_has-sticky-notifications_hyvsj_ae7i0_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_ae7i0_133) {
|
|
496
499
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
497
500
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
498
501
|
var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
|
|
499
502
|
);
|
|
500
503
|
}
|
|
501
|
-
.
|
|
504
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_has-sticky-notifications_hyvsj_ae7i0_110.awsui_has-sticky-background_hyvsj_ae7i0_133:not(#\9) {
|
|
502
505
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
503
506
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
504
507
|
var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
|
|
505
508
|
);
|
|
506
509
|
}
|
|
507
510
|
@media (min-width: 689px) {
|
|
508
|
-
.
|
|
511
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_has-content-gap-left_hyvsj_ae7i0_485:not(#\9) {
|
|
509
512
|
--awsui-content-gap-left-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
510
513
|
}
|
|
511
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_has-content-gap-right_hyvsj_ae7i0_488:not(#\9) {
|
|
512
515
|
--awsui-content-gap-right-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
513
516
|
}
|
|
514
517
|
}
|
|
515
518
|
@media (max-width: 688px) {
|
|
516
|
-
.
|
|
519
|
+
.awsui_layout_hyvsj_ae7i0_335:not(#\9) {
|
|
517
520
|
--awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
|
|
518
521
|
--awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
|
|
519
522
|
}
|
|
520
523
|
}
|
|
521
|
-
.
|
|
524
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-notifications_hyvsj_ae7i0_498:not(#\9) {
|
|
522
525
|
--awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
523
526
|
}
|
|
524
|
-
.
|
|
527
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_has-breadcrumbs_hyvsj_ae7i0_501:not(#\9) {
|
|
525
528
|
--awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
526
529
|
}
|
|
527
|
-
.
|
|
530
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-header_hyvsj_ae7i0_504:not(#\9), .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-notifications_hyvsj_ae7i0_498:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ae7i0_501).awsui_has-header_hyvsj_ae7i0_504 {
|
|
528
531
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
529
532
|
}
|
|
530
|
-
.
|
|
533
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_has-breadcrumbs_hyvsj_ae7i0_501.awsui_has-header_hyvsj_ae7i0_504:not(#\9) {
|
|
531
534
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
532
535
|
}
|
|
533
|
-
.
|
|
536
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-notifications_hyvsj_ae7i0_498:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ae7i0_501):not(.awsui_has-header_hyvsj_ae7i0_504) {
|
|
534
537
|
--awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
535
538
|
}
|
|
536
|
-
.
|
|
539
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_has-breadcrumbs_hyvsj_ae7i0_501:not(#\9):not(.awsui_has-header_hyvsj_ae7i0_504) {
|
|
537
540
|
--awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
|
|
538
541
|
}
|
|
539
|
-
.
|
|
542
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_has-breadcrumbs_hyvsj_ae7i0_501:not(#\9):not(.awsui_has-header_hyvsj_ae7i0_504).awsui_is-overlap-disabled_hyvsj_ae7i0_450 {
|
|
540
543
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
541
544
|
}
|
|
542
|
-
.
|
|
545
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_has-breadcrumbs_hyvsj_ae7i0_501:not(#\9):not(.awsui_has-header_hyvsj_ae7i0_504):not(.awsui_is-overlap-disabled_hyvsj_ae7i0_450) {
|
|
543
546
|
--awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
|
|
544
547
|
}
|
|
545
|
-
.
|
|
548
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_has-header_hyvsj_ae7i0_504:not(#\9) {
|
|
546
549
|
--awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
547
550
|
}
|
|
548
|
-
.
|
|
551
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-main_hyvsj_ae7i0_525:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_ae7i0_450), .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-main_hyvsj_ae7i0_525.awsui_is-overlap-disabled_hyvsj_ae7i0_450:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ae7i0_525) {
|
|
549
552
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
550
553
|
}
|
|
551
554
|
@media (min-width: 689px) {
|
|
552
|
-
.
|
|
555
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-main_hyvsj_ae7i0_525:not(#\9):not(.awsui_has-header_hyvsj_ae7i0_504) {
|
|
553
556
|
--awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
|
|
554
557
|
--awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
|
|
555
558
|
}
|
|
556
559
|
}
|
|
557
560
|
@media (max-width: 688px) {
|
|
558
|
-
.
|
|
561
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-notifications_hyvsj_ae7i0_498:not(#\9) {
|
|
559
562
|
--awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
560
563
|
}
|
|
561
|
-
.
|
|
564
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-header_hyvsj_ae7i0_504:not(#\9) {
|
|
562
565
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
563
566
|
}
|
|
564
|
-
.
|
|
567
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-notifications_hyvsj_ae7i0_498:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ae7i0_501).awsui_has-header_hyvsj_ae7i0_504 {
|
|
565
568
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
566
569
|
}
|
|
567
|
-
.
|
|
570
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-notifications_hyvsj_ae7i0_498:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ae7i0_501):not(.awsui_has-header_hyvsj_ae7i0_504), .awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-main_hyvsj_ae7i0_525:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_ae7i0_450) {
|
|
568
571
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
569
572
|
}
|
|
570
|
-
.
|
|
573
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_content-first-child-main_hyvsj_ae7i0_525.awsui_is-overlap-disabled_hyvsj_ae7i0_450:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ae7i0_525) {
|
|
571
574
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
572
575
|
}
|
|
573
576
|
}
|
|
@@ -582,19 +585,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
582
585
|
position: sticky will be the value of the notifications height in addition to the
|
|
583
586
|
notifications top margin and some additional vertical space for aesthetics.
|
|
584
587
|
*/
|
|
585
|
-
.
|
|
588
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_disable-body-scroll_hyvsj_ae7i0_180:not(#\9) {
|
|
586
589
|
--awsui-main-template-rows-y98gph: 1fr auto;
|
|
587
590
|
--awsui-offset-top-y98gph: 0px;
|
|
588
591
|
height: var(--awsui-content-height-y98gph);
|
|
589
592
|
overflow-y: scroll;
|
|
590
593
|
}
|
|
591
|
-
.
|
|
594
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_disable-body-scroll_hyvsj_ae7i0_180.awsui_has-split-panel_hyvsj_ae7i0_568.awsui_split-panel-position-bottom_hyvsj_ae7i0_568:not(#\9) {
|
|
592
595
|
--awsui-main-template-rows-y98gph: repeat(2, auto);
|
|
593
596
|
}
|
|
594
|
-
.
|
|
597
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_disable-body-scroll_hyvsj_ae7i0_180:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ae7i0_110) {
|
|
595
598
|
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
596
599
|
}
|
|
597
|
-
.
|
|
600
|
+
.awsui_layout_hyvsj_ae7i0_335.awsui_disable-body-scroll_hyvsj_ae7i0_180.awsui_has-sticky-notifications_hyvsj_ae7i0_110:not(#\9) {
|
|
598
601
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
599
602
|
var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
600
603
|
);
|
|
@@ -604,13 +607,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
604
607
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
605
608
|
when the navigation or tools drawers are open in responsive viewports.
|
|
606
609
|
*/
|
|
607
|
-
.awsui_block-body-
|
|
610
|
+
.awsui_block-body-scroll_hyvsj_ae7i0_584:not(#\9) {
|
|
608
611
|
overflow: hidden;
|
|
609
612
|
}
|
|
610
613
|
|
|
611
614
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
612
|
-
.
|
|
613
|
-
.
|
|
615
|
+
.awsui_unfocusable_hyvsj_ae7i0_589:not(#\9),
|
|
616
|
+
.awsui_unfocusable_hyvsj_ae7i0_589 *:not(#\9) {
|
|
614
617
|
visibility: hidden !important;
|
|
615
618
|
}
|
|
616
619
|
|
|
@@ -619,7 +622,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
619
622
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
620
623
|
SPDX-License-Identifier: Apache-2.0
|
|
621
624
|
*/
|
|
622
|
-
.
|
|
625
|
+
.awsui_container_hyvsj_ae7i0_599:not(#\9) {
|
|
623
626
|
grid-area: main;
|
|
624
627
|
padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
625
628
|
/*
|
|
@@ -636,18 +639,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
636
639
|
on the right, we decrement the column end by one.
|
|
637
640
|
*/
|
|
638
641
|
}
|
|
639
|
-
.
|
|
642
|
+
.awsui_container_hyvsj_ae7i0_599.awsui_has-split-panel_hyvsj_ae7i0_568.awsui_split-panel-position-bottom_hyvsj_ae7i0_568:not(#\9) {
|
|
640
643
|
padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
641
644
|
}
|
|
642
|
-
.
|
|
645
|
+
.awsui_container_hyvsj_ae7i0_599.awsui_disable-content-paddings_hyvsj_ae7i0_525:not(#\9) {
|
|
643
646
|
grid-column: 1/6;
|
|
644
647
|
padding: 0;
|
|
645
648
|
}
|
|
646
649
|
@media (min-width: 689px) {
|
|
647
|
-
.
|
|
650
|
+
.awsui_container_hyvsj_ae7i0_599.awsui_disable-content-paddings_hyvsj_ae7i0_525.awsui_is-navigation-open_hyvsj_ae7i0_624:not(#\9) {
|
|
648
651
|
grid-column-start: 2;
|
|
649
652
|
}
|
|
650
|
-
.
|
|
653
|
+
.awsui_container_hyvsj_ae7i0_599.awsui_disable-content-paddings_hyvsj_ae7i0_525.awsui_is-tools-open_hyvsj_ae7i0_627:not(#\9), .awsui_container_hyvsj_ae7i0_599.awsui_disable-content-paddings_hyvsj_ae7i0_525.awsui_is-split-panel-open_hyvsj_ae7i0_627.awsui_split-panel-position-side_hyvsj_ae7i0_627:not(#\9), .awsui_container_hyvsj_ae7i0_599.awsui_disable-content-paddings_hyvsj_ae7i0_525.awsui_has-active-drawer_hyvsj_ae7i0_627:not(#\9) {
|
|
651
654
|
grid-column-end: 5;
|
|
652
655
|
}
|
|
653
656
|
}
|
|
@@ -656,7 +659,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
656
659
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
657
660
|
SPDX-License-Identifier: Apache-2.0
|
|
658
661
|
*/
|
|
659
|
-
section.awsui_mobile-
|
|
662
|
+
section.awsui_mobile-toolbar_hyvsj_ae7i0_636:not(#\9) {
|
|
660
663
|
align-items: center;
|
|
661
664
|
background-color: var(--color-background-home-header-2rudu7, #000716);
|
|
662
665
|
border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
@@ -672,15 +675,15 @@ section.awsui_mobile-toolbar_hyvsj_1dh3h_633:not(#\9) {
|
|
|
672
675
|
top: var(--awsui-offset-top-y98gph);
|
|
673
676
|
z-index: 1000;
|
|
674
677
|
}
|
|
675
|
-
section.awsui_mobile-
|
|
678
|
+
section.awsui_mobile-toolbar_hyvsj_ae7i0_636 > .awsui_mobile-toolbar-nav_hyvsj_ae7i0_652:not(#\9) {
|
|
676
679
|
grid-column: 1;
|
|
677
680
|
margin-right: var(--space-m-udix3p, 16px);
|
|
678
681
|
}
|
|
679
|
-
section.awsui_mobile-
|
|
682
|
+
section.awsui_mobile-toolbar_hyvsj_ae7i0_636 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_ae7i0_656:not(#\9) {
|
|
680
683
|
grid-column: 2;
|
|
681
684
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
682
685
|
}
|
|
683
|
-
section.awsui_mobile-
|
|
686
|
+
section.awsui_mobile-toolbar_hyvsj_ae7i0_636 > .awsui_mobile-toolbar-tools_hyvsj_ae7i0_660:not(#\9) {
|
|
684
687
|
grid-column: 3;
|
|
685
688
|
margin-left: var(--space-m-udix3p, 16px);
|
|
686
689
|
}
|
|
@@ -689,7 +692,7 @@ section.awsui_mobile-toolbar_hyvsj_1dh3h_633 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
689
692
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
690
693
|
SPDX-License-Identifier: Apache-2.0
|
|
691
694
|
*/
|
|
692
|
-
.awsui_navigation-
|
|
695
|
+
.awsui_navigation-container_hyvsj_ae7i0_669:not(#\9) {
|
|
693
696
|
--awsui-navigation-width-y98gph: 280px;
|
|
694
697
|
display: flex;
|
|
695
698
|
grid-column: 1;
|
|
@@ -711,12 +714,12 @@ section.awsui_mobile-toolbar_hyvsj_1dh3h_633 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
711
714
|
pointer-events: none;
|
|
712
715
|
}
|
|
713
716
|
@media (min-width: 2541px) {
|
|
714
|
-
.awsui_navigation-
|
|
717
|
+
.awsui_navigation-container_hyvsj_ae7i0_669:not(#\9) {
|
|
715
718
|
--awsui-navigation-width-y98gph: 320px;
|
|
716
719
|
}
|
|
717
720
|
}
|
|
718
721
|
@media (max-width: 688px) {
|
|
719
|
-
.awsui_navigation-
|
|
722
|
+
.awsui_navigation-container_hyvsj_ae7i0_669:not(#\9) {
|
|
720
723
|
left: 0;
|
|
721
724
|
position: fixed;
|
|
722
725
|
z-index: 1001;
|
|
@@ -728,19 +731,19 @@ section.awsui_mobile-toolbar_hyvsj_1dh3h_633 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
728
731
|
relative to the body.
|
|
729
732
|
*/
|
|
730
733
|
}
|
|
731
|
-
.awsui_navigation-
|
|
734
|
+
.awsui_navigation-container_hyvsj_ae7i0_669.awsui_disable-body-scroll_hyvsj_ae7i0_180:not(#\9) {
|
|
732
735
|
top: var(--awsui-header-height-y98gph);
|
|
733
736
|
}
|
|
734
737
|
}
|
|
735
738
|
|
|
736
|
-
nav.awsui_show-
|
|
739
|
+
nav.awsui_show-navigation_hyvsj_ae7i0_713:not(#\9) {
|
|
737
740
|
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
|
|
738
741
|
/*
|
|
739
742
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
740
743
|
take control in responsive viewports.
|
|
741
744
|
*/
|
|
742
745
|
}
|
|
743
|
-
@keyframes
|
|
746
|
+
@keyframes awsui_showButtons_hyvsj_ae7i0_1 {
|
|
744
747
|
0% {
|
|
745
748
|
opacity: 0;
|
|
746
749
|
}
|
|
@@ -748,31 +751,31 @@ nav.awsui_show-navigation_hyvsj_1dh3h_710:not(#\9) {
|
|
|
748
751
|
opacity: 1;
|
|
749
752
|
}
|
|
750
753
|
}
|
|
751
|
-
nav.awsui_show-
|
|
754
|
+
nav.awsui_show-navigation_hyvsj_ae7i0_713.awsui_is-navigation-open_hyvsj_ae7i0_624:not(#\9) {
|
|
752
755
|
display: none;
|
|
753
756
|
}
|
|
754
757
|
@media (min-width: 689px) {
|
|
755
|
-
nav.awsui_show-
|
|
758
|
+
nav.awsui_show-navigation_hyvsj_ae7i0_713:not(#\9):not(.awsui_is-navigation-open_hyvsj_ae7i0_624) {
|
|
756
759
|
display: block;
|
|
757
760
|
}
|
|
758
|
-
nav.awsui_show-
|
|
759
|
-
animation:
|
|
761
|
+
nav.awsui_show-navigation_hyvsj_ae7i0_713:not(#\9):not(.awsui_is-navigation-open_hyvsj_ae7i0_624).awsui_animating_hyvsj_ae7i0_735 {
|
|
762
|
+
animation: awsui_showButtons_hyvsj_ae7i0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
760
763
|
}
|
|
761
764
|
}
|
|
762
765
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
763
|
-
nav.awsui_show-
|
|
766
|
+
nav.awsui_show-navigation_hyvsj_ae7i0_713:not(#\9):not(.awsui_is-navigation-open_hyvsj_ae7i0_624).awsui_animating_hyvsj_ae7i0_735 {
|
|
764
767
|
animation: none;
|
|
765
768
|
transition: none;
|
|
766
769
|
}
|
|
767
770
|
}
|
|
768
771
|
@media (min-width: 689px) {
|
|
769
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
772
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_ae7i0_713:not(#\9):not(.awsui_is-navigation-open_hyvsj_ae7i0_624).awsui_animating_hyvsj_ae7i0_735, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_ae7i0_713:not(#\9):not(.awsui_is-navigation-open_hyvsj_ae7i0_624).awsui_animating_hyvsj_ae7i0_735 {
|
|
770
773
|
animation: none;
|
|
771
774
|
transition: none;
|
|
772
775
|
}
|
|
773
776
|
}
|
|
774
777
|
|
|
775
|
-
nav.
|
|
778
|
+
nav.awsui_navigation_hyvsj_ae7i0_669:not(#\9) {
|
|
776
779
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
777
780
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
778
781
|
bottom: 0;
|
|
@@ -790,7 +793,7 @@ nav.awsui_navigation_hyvsj_1dh3h_666:not(#\9) {
|
|
|
790
793
|
prevent unwanted text wrapping.
|
|
791
794
|
*/
|
|
792
795
|
}
|
|
793
|
-
@keyframes
|
|
796
|
+
@keyframes awsui_openNavigation_hyvsj_ae7i0_1 {
|
|
794
797
|
from {
|
|
795
798
|
opacity: 0;
|
|
796
799
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -800,33 +803,33 @@ nav.awsui_navigation_hyvsj_1dh3h_666:not(#\9) {
|
|
|
800
803
|
width: var(--awsui-navigation-width-y98gph);
|
|
801
804
|
}
|
|
802
805
|
}
|
|
803
|
-
nav.
|
|
806
|
+
nav.awsui_navigation_hyvsj_ae7i0_669:not(#\9):not(.awsui_is-navigation-open_hyvsj_ae7i0_624) {
|
|
804
807
|
width: 0;
|
|
805
808
|
display: none;
|
|
806
809
|
}
|
|
807
|
-
nav.
|
|
808
|
-
animation:
|
|
810
|
+
nav.awsui_navigation_hyvsj_ae7i0_669.awsui_is-navigation-open_hyvsj_ae7i0_624.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
|
|
811
|
+
animation: awsui_openNavigation_hyvsj_ae7i0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
809
812
|
}
|
|
810
813
|
@media (prefers-reduced-motion: reduce) {
|
|
811
|
-
nav.
|
|
814
|
+
nav.awsui_navigation_hyvsj_ae7i0_669.awsui_is-navigation-open_hyvsj_ae7i0_624.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
|
|
812
815
|
animation: none;
|
|
813
816
|
transition: none;
|
|
814
817
|
}
|
|
815
818
|
}
|
|
816
|
-
.awsui-motion-disabled nav.
|
|
819
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_ae7i0_669.awsui_is-navigation-open_hyvsj_ae7i0_624.awsui_animating_hyvsj_ae7i0_735:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_ae7i0_669.awsui_is-navigation-open_hyvsj_ae7i0_624.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
|
|
817
820
|
animation: none;
|
|
818
821
|
transition: none;
|
|
819
822
|
}
|
|
820
|
-
nav.
|
|
823
|
+
nav.awsui_navigation_hyvsj_ae7i0_669 > .awsui_animated-content_hyvsj_ae7i0_797:not(#\9) {
|
|
821
824
|
width: var(--awsui-navigation-width-y98gph);
|
|
822
825
|
}
|
|
823
826
|
@media (max-width: 688px) {
|
|
824
|
-
nav.
|
|
827
|
+
nav.awsui_navigation_hyvsj_ae7i0_669:not(#\9) {
|
|
825
828
|
--awsui-navigation-width-y98gph: 100vw;
|
|
826
829
|
}
|
|
827
830
|
}
|
|
828
831
|
|
|
829
|
-
.awsui_hide-
|
|
832
|
+
.awsui_hide-navigation_hyvsj_ae7i0_806:not(#\9) {
|
|
830
833
|
position: absolute;
|
|
831
834
|
right: var(--space-m-udix3p, 16px);
|
|
832
835
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -836,13 +839,13 @@ nav.awsui_navigation_hyvsj_1dh3h_666 > .awsui_animated-content_hyvsj_1dh3h_794:n
|
|
|
836
839
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
837
840
|
SPDX-License-Identifier: Apache-2.0
|
|
838
841
|
*/
|
|
839
|
-
.
|
|
842
|
+
.awsui_notifications_hyvsj_ae7i0_816:not(#\9) {
|
|
840
843
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
841
844
|
grid-area: notifications;
|
|
842
845
|
z-index: 850;
|
|
843
846
|
}
|
|
844
847
|
@media (min-width: 689px) {
|
|
845
|
-
.
|
|
848
|
+
.awsui_notifications_hyvsj_ae7i0_816.awsui_sticky-notifications_hyvsj_ae7i0_822:not(#\9) {
|
|
846
849
|
--awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
|
|
847
850
|
position: sticky;
|
|
848
851
|
top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
|
|
@@ -859,7 +862,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
859
862
|
consume the remaining vertical space in the grid after the notifications
|
|
860
863
|
and breadcrumbs.
|
|
861
864
|
*/
|
|
862
|
-
section.awsui_split-panel-
|
|
865
|
+
section.awsui_split-panel-bottom_hyvsj_ae7i0_839:not(#\9) {
|
|
863
866
|
/*
|
|
864
867
|
The align self property will position the split panel at the bottom of the grid row.
|
|
865
868
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -895,7 +898,7 @@ section.awsui_split-panel-bottom_hyvsj_1dh3h_836:not(#\9) {
|
|
|
895
898
|
apply the animation to the height property.
|
|
896
899
|
*/
|
|
897
900
|
}
|
|
898
|
-
@keyframes
|
|
901
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_ae7i0_1 {
|
|
899
902
|
from {
|
|
900
903
|
height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
|
|
901
904
|
}
|
|
@@ -903,39 +906,39 @@ section.awsui_split-panel-bottom_hyvsj_1dh3h_836:not(#\9) {
|
|
|
903
906
|
height: var(--awsui-split-panel-reported-size-y98gph);
|
|
904
907
|
}
|
|
905
908
|
}
|
|
906
|
-
section.awsui_split-panel-
|
|
909
|
+
section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_disable-body-scroll_hyvsj_ae7i0_180:not(#\9) {
|
|
907
910
|
bottom: 0;
|
|
908
911
|
}
|
|
909
|
-
section.awsui_split-panel-
|
|
912
|
+
section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_is-navigation-open_hyvsj_ae7i0_624.awsui_position-bottom_hyvsj_ae7i0_886:not(#\9) {
|
|
910
913
|
grid-column-start: 2;
|
|
911
914
|
}
|
|
912
|
-
section.awsui_split-panel-
|
|
915
|
+
section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_has-open-drawer_hyvsj_ae7i0_156.awsui_position-bottom_hyvsj_ae7i0_886:not(#\9) {
|
|
913
916
|
grid-column-end: 5;
|
|
914
917
|
}
|
|
915
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_position-bottom_hyvsj_ae7i0_886:not(#\9) {
|
|
916
919
|
display: block;
|
|
917
920
|
}
|
|
918
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-bottom_hyvsj_ae7i0_839:not(#\9):not(.awsui_is-split-panel-open_hyvsj_ae7i0_627).awsui_position-bottom_hyvsj_ae7i0_886 {
|
|
919
922
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
920
923
|
}
|
|
921
|
-
section.awsui_split-panel-
|
|
924
|
+
section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_is-split-panel-open_hyvsj_ae7i0_627.awsui_position-bottom_hyvsj_ae7i0_886:not(#\9) {
|
|
922
925
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
923
926
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
925
|
-
animation:
|
|
927
|
+
section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_is-split-panel-open_hyvsj_ae7i0_627.awsui_position-bottom_hyvsj_ae7i0_886.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
|
|
928
|
+
animation: awsui_openSplitPanelBottom_hyvsj_ae7i0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
926
929
|
}
|
|
927
930
|
@media (prefers-reduced-motion: reduce) {
|
|
928
|
-
section.awsui_split-panel-
|
|
931
|
+
section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_is-split-panel-open_hyvsj_ae7i0_627.awsui_position-bottom_hyvsj_ae7i0_886.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
|
|
929
932
|
animation: none;
|
|
930
933
|
transition: none;
|
|
931
934
|
}
|
|
932
935
|
}
|
|
933
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
936
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_is-split-panel-open_hyvsj_ae7i0_627.awsui_position-bottom_hyvsj_ae7i0_886.awsui_animating_hyvsj_ae7i0_735:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_ae7i0_839.awsui_is-split-panel-open_hyvsj_ae7i0_627.awsui_position-bottom_hyvsj_ae7i0_886.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
|
|
934
937
|
animation: none;
|
|
935
938
|
transition: none;
|
|
936
939
|
}
|
|
937
940
|
|
|
938
|
-
section.awsui_split-panel-
|
|
941
|
+
section.awsui_split-panel-side_hyvsj_ae7i0_915:not(#\9) {
|
|
939
942
|
height: 100%;
|
|
940
943
|
overflow-x: hidden;
|
|
941
944
|
pointer-events: auto;
|
|
@@ -945,10 +948,10 @@ section.awsui_split-panel-side_hyvsj_1dh3h_912:not(#\9) {
|
|
|
945
948
|
be persistent in the DOM when closed.
|
|
946
949
|
*/
|
|
947
950
|
}
|
|
948
|
-
section.awsui_split-panel-
|
|
951
|
+
section.awsui_split-panel-side_hyvsj_ae7i0_915:not(#\9):not(.awsui_is-split-panel-open_hyvsj_ae7i0_627), section.awsui_split-panel-side_hyvsj_ae7i0_915.awsui_position-bottom_hyvsj_ae7i0_886:not(#\9) {
|
|
949
952
|
width: 0;
|
|
950
953
|
}
|
|
951
|
-
section.awsui_split-panel-
|
|
954
|
+
section.awsui_split-panel-side_hyvsj_ae7i0_915.awsui_is-split-panel-open_hyvsj_ae7i0_627.awsui_position-side_hyvsj_ae7i0_928:not(#\9) {
|
|
952
955
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
953
956
|
max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
|
|
954
957
|
min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
@@ -967,7 +970,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
967
970
|
property. The content gap right is computed in the Layout styles based on the
|
|
968
971
|
viewport size and state of the Tools drawer.
|
|
969
972
|
*/
|
|
970
|
-
.awsui_tools-
|
|
973
|
+
.awsui_tools-container_hyvsj_ae7i0_947:not(#\9) {
|
|
971
974
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
972
975
|
--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));
|
|
973
976
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -983,12 +986,12 @@ viewport size and state of the Tools drawer.
|
|
|
983
986
|
pointer-events: none;
|
|
984
987
|
}
|
|
985
988
|
@media (min-width: 2541px) {
|
|
986
|
-
.awsui_tools-
|
|
989
|
+
.awsui_tools-container_hyvsj_ae7i0_947:not(#\9) {
|
|
987
990
|
--awsui-tools-width-y98gph: 360px;
|
|
988
991
|
}
|
|
989
992
|
}
|
|
990
993
|
@media (max-width: 688px) {
|
|
991
|
-
.awsui_tools-
|
|
994
|
+
.awsui_tools-container_hyvsj_ae7i0_947:not(#\9) {
|
|
992
995
|
--awsui-tools-max-width-y98gph: none;
|
|
993
996
|
--awsui-tools-width-y98gph: auto;
|
|
994
997
|
position: fixed;
|
|
@@ -1002,12 +1005,12 @@ viewport size and state of the Tools drawer.
|
|
|
1002
1005
|
relative to the body.
|
|
1003
1006
|
*/
|
|
1004
1007
|
}
|
|
1005
|
-
.awsui_tools-
|
|
1008
|
+
.awsui_tools-container_hyvsj_ae7i0_947.awsui_disable-body-scroll_hyvsj_ae7i0_180:not(#\9) {
|
|
1006
1009
|
top: var(--awsui-header-height-y98gph);
|
|
1007
1010
|
}
|
|
1008
1011
|
}
|
|
1009
1012
|
|
|
1010
|
-
.
|
|
1013
|
+
.awsui_tools_hyvsj_ae7i0_947:not(#\9) {
|
|
1011
1014
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1012
1015
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1013
1016
|
flex-shrink: 0;
|
|
@@ -1031,7 +1034,7 @@ viewport size and state of the Tools drawer.
|
|
|
1031
1034
|
in the side position.
|
|
1032
1035
|
*/
|
|
1033
1036
|
}
|
|
1034
|
-
@keyframes
|
|
1037
|
+
@keyframes awsui_openTools_hyvsj_ae7i0_1 {
|
|
1035
1038
|
from {
|
|
1036
1039
|
opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
|
|
1037
1040
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -1041,38 +1044,38 @@ viewport size and state of the Tools drawer.
|
|
|
1041
1044
|
width: var(--awsui-tools-width-y98gph);
|
|
1042
1045
|
}
|
|
1043
1046
|
}
|
|
1044
|
-
.
|
|
1047
|
+
.awsui_tools_hyvsj_ae7i0_947:not(#\9):not(.awsui_is-tools-open_hyvsj_ae7i0_627) {
|
|
1045
1048
|
width: 0;
|
|
1046
1049
|
display: none;
|
|
1047
1050
|
}
|
|
1048
|
-
.
|
|
1049
|
-
animation:
|
|
1051
|
+
.awsui_tools_hyvsj_ae7i0_947.awsui_is-tools-open_hyvsj_ae7i0_627.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
|
|
1052
|
+
animation: awsui_openTools_hyvsj_ae7i0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1050
1053
|
}
|
|
1051
1054
|
@media (prefers-reduced-motion: reduce) {
|
|
1052
|
-
.
|
|
1055
|
+
.awsui_tools_hyvsj_ae7i0_947.awsui_is-tools-open_hyvsj_ae7i0_627.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
|
|
1053
1056
|
animation: none;
|
|
1054
1057
|
transition: none;
|
|
1055
1058
|
}
|
|
1056
1059
|
}
|
|
1057
|
-
.awsui-motion-disabled .
|
|
1060
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_ae7i0_947.awsui_is-tools-open_hyvsj_ae7i0_627.awsui_animating_hyvsj_ae7i0_735:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_ae7i0_947.awsui_is-tools-open_hyvsj_ae7i0_627.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
|
|
1058
1061
|
animation: none;
|
|
1059
1062
|
transition: none;
|
|
1060
1063
|
}
|
|
1061
|
-
.
|
|
1064
|
+
.awsui_tools_hyvsj_ae7i0_947 > .awsui_animated-content_hyvsj_ae7i0_797:not(#\9) {
|
|
1062
1065
|
width: var(--awsui-tools-width-y98gph);
|
|
1063
1066
|
}
|
|
1064
1067
|
@media (min-width: 689px) {
|
|
1065
|
-
.
|
|
1068
|
+
.awsui_tools_hyvsj_ae7i0_947.awsui_is-tools-open_hyvsj_ae7i0_627.awsui_has-tools-form-persistence_hyvsj_ae7i0_1042:not(#\9) {
|
|
1066
1069
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
1067
1070
|
}
|
|
1068
1071
|
}
|
|
1069
1072
|
@media (max-width: 688px) {
|
|
1070
|
-
.
|
|
1073
|
+
.awsui_tools_hyvsj_ae7i0_947:not(#\9) {
|
|
1071
1074
|
--awsui-tools-width-y98gph: 100vw;
|
|
1072
1075
|
}
|
|
1073
1076
|
}
|
|
1074
1077
|
|
|
1075
|
-
.awsui_hide-
|
|
1078
|
+
.awsui_hide-tools_hyvsj_ae7i0_1052:not(#\9) {
|
|
1076
1079
|
position: absolute;
|
|
1077
1080
|
right: var(--space-m-udix3p, 16px);
|
|
1078
1081
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1084,7 +1087,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1084
1087
|
the calculation used to determine the Split Panel maximum width in the
|
|
1085
1088
|
handleSplitPanelMaxWidth function in the context.
|
|
1086
1089
|
*/
|
|
1087
|
-
.awsui_show-
|
|
1090
|
+
.awsui_show-tools_hyvsj_ae7i0_1064:not(#\9) {
|
|
1088
1091
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1089
1092
|
border-collapse: separate;
|
|
1090
1093
|
border-spacing: 0;
|
|
@@ -1128,7 +1131,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1128
1131
|
take control in responsive viewports.
|
|
1129
1132
|
*/
|
|
1130
1133
|
}
|
|
1131
|
-
@keyframes
|
|
1134
|
+
@keyframes awsui_showButtons_hyvsj_ae7i0_1 {
|
|
1132
1135
|
0% {
|
|
1133
1136
|
opacity: 0;
|
|
1134
1137
|
}
|
|
@@ -1136,31 +1139,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1136
1139
|
opacity: 1;
|
|
1137
1140
|
}
|
|
1138
1141
|
}
|
|
1139
|
-
.awsui_show-
|
|
1142
|
+
.awsui_show-tools_hyvsj_ae7i0_1064:not(#\9):not(.awsui_has-tools-form_hyvsj_ae7i0_1042) {
|
|
1140
1143
|
display: none;
|
|
1141
1144
|
}
|
|
1142
1145
|
@media (min-width: 689px) {
|
|
1143
|
-
.awsui_show-
|
|
1146
|
+
.awsui_show-tools_hyvsj_ae7i0_1064.awsui_has-tools-form_hyvsj_ae7i0_1042:not(#\9) {
|
|
1144
1147
|
display: flex;
|
|
1145
1148
|
flex-direction: column;
|
|
1146
1149
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1147
1150
|
}
|
|
1148
|
-
.awsui_show-
|
|
1149
|
-
animation:
|
|
1151
|
+
.awsui_show-tools_hyvsj_ae7i0_1064.awsui_has-tools-form_hyvsj_ae7i0_1042.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
|
|
1152
|
+
animation: awsui_showButtons_hyvsj_ae7i0_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1150
1153
|
}
|
|
1151
1154
|
}
|
|
1152
1155
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1153
|
-
.awsui_show-
|
|
1156
|
+
.awsui_show-tools_hyvsj_ae7i0_1064.awsui_has-tools-form_hyvsj_ae7i0_1042.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
|
|
1154
1157
|
animation: none;
|
|
1155
1158
|
transition: none;
|
|
1156
1159
|
}
|
|
1157
1160
|
}
|
|
1158
1161
|
@media (min-width: 689px) {
|
|
1159
|
-
.awsui-motion-disabled .awsui_show-
|
|
1162
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_ae7i0_1064.awsui_has-tools-form_hyvsj_ae7i0_1042.awsui_animating_hyvsj_ae7i0_735:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_ae7i0_1064.awsui_has-tools-form_hyvsj_ae7i0_1042.awsui_animating_hyvsj_ae7i0_735:not(#\9) {
|
|
1160
1163
|
animation: none;
|
|
1161
1164
|
transition: none;
|
|
1162
1165
|
}
|
|
1163
|
-
.awsui_show-
|
|
1166
|
+
.awsui_show-tools_hyvsj_ae7i0_1064.awsui_has-tools-form-persistence_hyvsj_ae7i0_1042:not(#\9) {
|
|
1164
1167
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1165
1168
|
z-index: 1;
|
|
1166
1169
|
}
|
|
@@ -1170,7 +1173,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1170
1173
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1171
1174
|
SPDX-License-Identifier: Apache-2.0
|
|
1172
1175
|
*/
|
|
1173
|
-
.awsui_trigger-badge-
|
|
1176
|
+
.awsui_trigger-badge-wrapper_hyvsj_ae7i0_1124:not(#\9) {
|
|
1174
1177
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1175
1178
|
border-radius: 50%;
|
|
1176
1179
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1183,10 +1186,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1183
1186
|
align-items: center;
|
|
1184
1187
|
clip-path: path("M38.0215 11.3161C37.1068 11.7545 36.0821 12 35 12C31.134 12 28 8.86599 28 5C28 3.91794 28.2455 2.89322 28.6839 1.97851C26.0575 0.710652 23.1118 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 16.8882 39.2893 13.9425 38.0215 11.3161Z");
|
|
1185
1188
|
}
|
|
1186
|
-
.awsui_trigger-badge-
|
|
1189
|
+
.awsui_trigger-badge-wrapper_hyvsj_ae7i0_1124:not(#\9):hover {
|
|
1187
1190
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1188
1191
|
}
|
|
1189
|
-
.awsui_trigger-badge-
|
|
1192
|
+
.awsui_trigger-badge-wrapper_hyvsj_ae7i0_1124:not(#\9):active {
|
|
1190
1193
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1191
1194
|
}
|
|
1192
1195
|
|
|
@@ -1195,7 +1198,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1195
1198
|
the calculation used to determine the Split Panel maximum width in the
|
|
1196
1199
|
handleSplitPanelMaxWidth function in the context.
|
|
1197
1200
|
*/
|
|
1198
|
-
.
|
|
1201
|
+
.awsui_trigger_hyvsj_ae7i0_1124:not(#\9) {
|
|
1199
1202
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1200
1203
|
border-radius: 50%;
|
|
1201
1204
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1207,20 +1210,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1207
1210
|
pointer-events: auto;
|
|
1208
1211
|
position: relative;
|
|
1209
1212
|
}
|
|
1210
|
-
.
|
|
1213
|
+
.awsui_trigger_hyvsj_ae7i0_1124:not(#\9):hover {
|
|
1211
1214
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1212
1215
|
}
|
|
1213
|
-
.
|
|
1216
|
+
.awsui_trigger_hyvsj_ae7i0_1124:not(#\9):active {
|
|
1214
1217
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1215
1218
|
}
|
|
1216
|
-
body[data-awsui-focus-visible=true] .
|
|
1219
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_ae7i0_1124:not(#\9):focus {
|
|
1217
1220
|
position: relative;
|
|
1218
1221
|
}
|
|
1219
|
-
body[data-awsui-focus-visible=true] .
|
|
1222
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_ae7i0_1124:not(#\9):focus {
|
|
1220
1223
|
outline: 2px dotted transparent;
|
|
1221
1224
|
outline-offset: calc(3px - 1px);
|
|
1222
1225
|
}
|
|
1223
|
-
body[data-awsui-focus-visible=true] .
|
|
1226
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_ae7i0_1124:not(#\9):focus::before {
|
|
1224
1227
|
content: " ";
|
|
1225
1228
|
display: block;
|
|
1226
1229
|
position: absolute;
|
|
@@ -1231,40 +1234,40 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1dh3h_1121:not(#\9):foc
|
|
|
1231
1234
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1232
1235
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1233
1236
|
}
|
|
1234
|
-
.
|
|
1237
|
+
.awsui_trigger_hyvsj_ae7i0_1124:not(#\9):focus {
|
|
1235
1238
|
outline: none;
|
|
1236
1239
|
}
|
|
1237
|
-
.
|
|
1240
|
+
.awsui_trigger_hyvsj_ae7i0_1124.awsui_selected_hyvsj_ae7i0_1188:not(#\9) {
|
|
1238
1241
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1239
1242
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1240
1243
|
}
|
|
1241
|
-
.
|
|
1244
|
+
.awsui_trigger_hyvsj_ae7i0_1124.awsui_selected_hyvsj_ae7i0_1188:not(#\9):hover {
|
|
1242
1245
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1243
1246
|
}
|
|
1244
|
-
.
|
|
1247
|
+
.awsui_trigger_hyvsj_ae7i0_1124.awsui_selected_hyvsj_ae7i0_1188:not(#\9):active {
|
|
1245
1248
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1246
1249
|
}
|
|
1247
|
-
.
|
|
1250
|
+
.awsui_trigger_hyvsj_ae7i0_1124.awsui_selected_hyvsj_ae7i0_1188 > .awsui_trigger-badge-wrapper_hyvsj_ae7i0_1124:not(#\9) {
|
|
1248
1251
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1249
1252
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1250
1253
|
}
|
|
1251
|
-
.
|
|
1254
|
+
.awsui_trigger_hyvsj_ae7i0_1124.awsui_selected_hyvsj_ae7i0_1188 > .awsui_trigger-badge-wrapper_hyvsj_ae7i0_1124:not(#\9):hover {
|
|
1252
1255
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1253
1256
|
}
|
|
1254
|
-
.
|
|
1257
|
+
.awsui_trigger_hyvsj_ae7i0_1124.awsui_selected_hyvsj_ae7i0_1188 > .awsui_trigger-badge-wrapper_hyvsj_ae7i0_1124:not(#\9):active {
|
|
1255
1258
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1256
1259
|
}
|
|
1257
|
-
.
|
|
1260
|
+
.awsui_trigger_hyvsj_ae7i0_1124.awsui_badge_hyvsj_ae7i0_1208:not(#\9), .awsui_trigger_hyvsj_ae7i0_1124.awsui_badge_hyvsj_ae7i0_1208:not(#\9):hover, .awsui_trigger_hyvsj_ae7i0_1124.awsui_badge_hyvsj_ae7i0_1208:not(#\9):active {
|
|
1258
1261
|
background: transparent;
|
|
1259
1262
|
}
|
|
1260
1263
|
|
|
1261
|
-
.awsui_trigger-
|
|
1264
|
+
.awsui_trigger-wrapper_hyvsj_ae7i0_1212:not(#\9) {
|
|
1262
1265
|
position: relative;
|
|
1263
1266
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1264
1267
|
border-radius: 50%;
|
|
1265
1268
|
}
|
|
1266
1269
|
|
|
1267
|
-
.
|
|
1270
|
+
.awsui_dot_hyvsj_ae7i0_1218:not(#\9) {
|
|
1268
1271
|
position: absolute;
|
|
1269
1272
|
width: 10px;
|
|
1270
1273
|
height: 10px;
|