@cloudscape-design/components 3.0.822 → 3.0.824
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/drawer/index.d.ts.map +1 -1
- package/app-layout/drawer/index.js +3 -1
- package/app-layout/drawer/index.js.map +1 -1
- package/app-layout/drawer/styles.css.js +14 -13
- package/app-layout/drawer/styles.scoped.css +26 -21
- package/app-layout/drawer/styles.selectors.js +14 -13
- package/app-layout/split-panel/provider.d.ts +1 -0
- package/app-layout/split-panel/provider.d.ts.map +1 -1
- package/app-layout/split-panel/provider.js.map +1 -1
- package/app-layout/visual-refresh/navigation.js +1 -1
- package/app-layout/visual-refresh/navigation.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +86 -85
- package/app-layout/visual-refresh/styles.scoped.css +168 -162
- package/app-layout/visual-refresh/styles.selectors.js +86 -85
- package/app-layout/visual-refresh-toolbar/compute-layout.d.ts +4 -1
- package/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/compute-layout.js +4 -2
- package/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/global-drawer.d.ts +2 -7
- package/app-layout/visual-refresh-toolbar/drawer/global-drawer.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/global-drawer.js +7 -6
- package/app-layout/visual-refresh-toolbar/drawer/global-drawer.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/local-drawer.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/local-drawer.js +8 -6
- package/app-layout/visual-refresh-toolbar/drawer/local-drawer.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +10 -10
- package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +12 -14
- package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +10 -10
- package/app-layout/visual-refresh-toolbar/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/index.js +6 -1
- package/app-layout/visual-refresh-toolbar/index.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/interfaces.d.ts +8 -4
- package/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/navigation/index.js +5 -5
- package/app-layout/visual-refresh-toolbar/navigation/index.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +5 -4
- package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +10 -5
- package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +5 -4
- package/app-layout/visual-refresh-toolbar/skeleton/index.d.ts +1 -0
- package/app-layout/visual-refresh-toolbar/skeleton/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/skeleton/index.js +2 -2
- package/app-layout/visual-refresh-toolbar/skeleton/index.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/split-panel/index.d.ts +1 -1
- package/app-layout/visual-refresh-toolbar/split-panel/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/split-panel/index.js +7 -7
- package/app-layout/visual-refresh-toolbar/split-panel/index.js.map +1 -1
- package/internal/context/split-panel-context.d.ts +1 -0
- package/internal/context/split-panel-context.d.ts.map +1 -1
- package/internal/context/split-panel-context.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/split-panel/bottom.d.ts.map +1 -1
- package/split-panel/bottom.js +3 -2
- package/split-panel/bottom.js.map +1 -1
- package/split-panel/side.d.ts.map +1 -1
- package/split-panel/side.js +3 -2
- package/split-panel/side.js.map +1 -1
|
@@ -142,10 +142,10 @@
|
|
|
142
142
|
*/
|
|
143
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
div.
|
|
145
|
+
div.awsui_background_hyvsj_17ek5_145:not(#\9) {
|
|
146
146
|
display: contents;
|
|
147
147
|
}
|
|
148
|
-
div.
|
|
148
|
+
div.awsui_background_hyvsj_17ek5_145 > .awsui_scrolling-background_hyvsj_17ek5_148:not(#\9) {
|
|
149
149
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
150
150
|
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
151
151
|
grid-column: 1/span 5;
|
|
@@ -156,7 +156,7 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
|
|
|
156
156
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
157
157
|
SPDX-License-Identifier: Apache-2.0
|
|
158
158
|
*/
|
|
159
|
-
.
|
|
159
|
+
.awsui_breadcrumbs_hyvsj_17ek5_159:not(#\9) {
|
|
160
160
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
161
161
|
grid-area: breadcrumbs;
|
|
162
162
|
}
|
|
@@ -169,7 +169,7 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
|
|
|
169
169
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
170
170
|
SPDX-License-Identifier: Apache-2.0
|
|
171
171
|
*/
|
|
172
|
-
.awsui_drawers-
|
|
172
|
+
.awsui_drawers-container_hyvsj_17ek5_172:not(#\9) {
|
|
173
173
|
background-color: transparent;
|
|
174
174
|
display: flex;
|
|
175
175
|
grid-column: 5;
|
|
@@ -180,16 +180,16 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
|
|
|
180
180
|
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
181
181
|
z-index: 830;
|
|
182
182
|
}
|
|
183
|
-
.awsui_drawers-
|
|
183
|
+
.awsui_drawers-container_hyvsj_17ek5_172.awsui_has-open-drawer_hyvsj_17ek5_183:not(#\9) {
|
|
184
184
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
185
185
|
}
|
|
186
186
|
@media (min-width: 689px) {
|
|
187
|
-
.awsui_drawers-
|
|
187
|
+
.awsui_drawers-container_hyvsj_17ek5_172:not(#\9) {
|
|
188
188
|
max-inline-size: calc(var(--awsui-layout-width-g964ok) - var(--awsui-main-offset-left-g964ok) - var(--awsui-default-min-content-width-g964ok) - var(--awsui-content-gap-right-g964ok));
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
191
|
@media (max-width: 688px) {
|
|
192
|
-
.awsui_drawers-
|
|
192
|
+
.awsui_drawers-container_hyvsj_17ek5_172:not(#\9) {
|
|
193
193
|
position: fixed;
|
|
194
194
|
inset-inline-end: 0;
|
|
195
195
|
z-index: 1001;
|
|
@@ -201,12 +201,12 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
|
|
|
201
201
|
relative to the body.
|
|
202
202
|
*/
|
|
203
203
|
}
|
|
204
|
-
.awsui_drawers-
|
|
204
|
+
.awsui_drawers-container_hyvsj_17ek5_172.awsui_disable-body-scroll_hyvsj_17ek5_204:not(#\9) {
|
|
205
205
|
inset-block-start: var(--awsui-header-height-g964ok);
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
208
|
|
|
209
|
-
.awsui_drawers-desktop-triggers-
|
|
209
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_17ek5_209:not(#\9) {
|
|
210
210
|
border-collapse: separate;
|
|
211
211
|
border-spacing: 0;
|
|
212
212
|
box-sizing: border-box;
|
|
@@ -248,22 +248,22 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
|
|
|
248
248
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
249
249
|
overscroll-behavior-y: contain;
|
|
250
250
|
}
|
|
251
|
-
.awsui_drawers-desktop-triggers-
|
|
251
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_17ek5_209:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_17ek5_250).awsui_has-open-drawer_hyvsj_17ek5_183 {
|
|
252
252
|
inline-size: 0;
|
|
253
253
|
}
|
|
254
|
-
.awsui_drawers-desktop-triggers-
|
|
254
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_17ek5_209.awsui_has-multiple-triggers_hyvsj_17ek5_250.awsui_has-open-drawer_hyvsj_17ek5_183:not(#\9) {
|
|
255
255
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
256
256
|
}
|
|
257
|
-
.awsui_drawers-desktop-triggers-
|
|
257
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_17ek5_209:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_17ek5_250):not(.awsui_has-open-drawer_hyvsj_17ek5_183) {
|
|
258
258
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
259
259
|
}
|
|
260
260
|
|
|
261
|
-
.awsui_drawers-mobile-triggers-
|
|
261
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_17ek5_260:not(#\9) {
|
|
262
262
|
display: flex;
|
|
263
263
|
justify-content: flex-end;
|
|
264
264
|
}
|
|
265
265
|
|
|
266
|
-
.awsui_drawers-trigger-
|
|
266
|
+
.awsui_drawers-trigger-content_hyvsj_17ek5_265:not(#\9) {
|
|
267
267
|
align-items: center;
|
|
268
268
|
display: flex;
|
|
269
269
|
flex-direction: column;
|
|
@@ -271,13 +271,13 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
|
|
|
271
271
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
272
272
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
273
273
|
}
|
|
274
|
-
.awsui_drawers-trigger-
|
|
274
|
+
.awsui_drawers-trigger-content_hyvsj_17ek5_265:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_17ek5_250).awsui_has-open-drawer_hyvsj_17ek5_183 {
|
|
275
275
|
opacity: 0;
|
|
276
276
|
}
|
|
277
|
-
.awsui_drawers-trigger-
|
|
277
|
+
.awsui_drawers-trigger-content_hyvsj_17ek5_265:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_17ek5_250):not(.awsui_has-open-drawer_hyvsj_17ek5_183) {
|
|
278
278
|
opacity: 1;
|
|
279
279
|
}
|
|
280
|
-
.awsui_drawers-trigger-
|
|
280
|
+
.awsui_drawers-trigger-content_hyvsj_17ek5_265 > .awsui_drawers-trigger-overflow_hyvsj_17ek5_279:not(#\9) {
|
|
281
281
|
padding-block: 0;
|
|
282
282
|
padding-inline: 1px;
|
|
283
283
|
display: flex;
|
|
@@ -286,14 +286,14 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
|
|
|
286
286
|
}
|
|
287
287
|
|
|
288
288
|
@media (max-width: 688px) {
|
|
289
|
-
.awsui_drawers-
|
|
289
|
+
.awsui_drawers-trigger_hyvsj_17ek5_265:not(#\9) {
|
|
290
290
|
inline-size: 40px;
|
|
291
291
|
display: flex;
|
|
292
292
|
justify-content: center;
|
|
293
293
|
}
|
|
294
294
|
}
|
|
295
295
|
|
|
296
|
-
.
|
|
296
|
+
.awsui_drawer_hyvsj_17ek5_172:not(#\9) {
|
|
297
297
|
--awsui-drawer-size-g964ok: 290px;
|
|
298
298
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
299
299
|
border-color: transparent;
|
|
@@ -308,7 +308,7 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
|
|
|
308
308
|
pointer-events: auto;
|
|
309
309
|
word-wrap: break-word;
|
|
310
310
|
}
|
|
311
|
-
.
|
|
311
|
+
.awsui_drawer_hyvsj_17ek5_172 > .awsui_drawer-content-container_hyvsj_17ek5_310:not(#\9) {
|
|
312
312
|
grid-column: 1/span 2;
|
|
313
313
|
grid-row: 1;
|
|
314
314
|
inline-size: var(--awsui-drawer-size-g964ok);
|
|
@@ -317,41 +317,42 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
|
|
|
317
317
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
318
318
|
overflow-y: auto;
|
|
319
319
|
}
|
|
320
|
-
.
|
|
320
|
+
.awsui_drawer_hyvsj_17ek5_172 > .awsui_drawer-content-container_hyvsj_17ek5_310 > .awsui_drawer-close-button_hyvsj_17ek5_319:not(#\9) {
|
|
321
321
|
grid-column: 3;
|
|
322
322
|
grid-row: 2;
|
|
323
323
|
z-index: 1;
|
|
324
324
|
}
|
|
325
|
-
.
|
|
325
|
+
.awsui_drawer_hyvsj_17ek5_172 > .awsui_drawer-content-container_hyvsj_17ek5_310 > .awsui_drawer-content_hyvsj_17ek5_310:not(#\9) {
|
|
326
326
|
grid-column: 1/span 4;
|
|
327
|
+
block-size: var(--awsui-content-height-g964ok);
|
|
327
328
|
}
|
|
328
|
-
.
|
|
329
|
+
.awsui_drawer_hyvsj_17ek5_172 > .awsui_drawer-content-container_hyvsj_17ek5_310 > .awsui_drawer-content_hyvsj_17ek5_310.awsui_drawer-content-hidden_hyvsj_17ek5_328:not(#\9) {
|
|
329
330
|
display: none;
|
|
330
331
|
}
|
|
331
|
-
.
|
|
332
|
+
.awsui_drawer_hyvsj_17ek5_172 > .awsui_drawer-slider_hyvsj_17ek5_331:not(#\9) {
|
|
332
333
|
grid-column: 1;
|
|
333
334
|
grid-row: 1;
|
|
334
335
|
block-size: 100%;
|
|
335
336
|
display: flex;
|
|
336
337
|
align-items: center;
|
|
337
338
|
}
|
|
338
|
-
.
|
|
339
|
+
.awsui_drawer_hyvsj_17ek5_172:not(#\9):not(.awsui_is-drawer-open_hyvsj_17ek5_338) {
|
|
339
340
|
opacity: 0;
|
|
340
341
|
inline-size: 0;
|
|
341
342
|
}
|
|
342
|
-
.
|
|
343
|
+
.awsui_drawer_hyvsj_17ek5_172.awsui_is-drawer-open_hyvsj_17ek5_338:not(#\9) {
|
|
343
344
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
344
345
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
345
346
|
opacity: 1;
|
|
346
347
|
inline-size: var(--awsui-drawer-size-g964ok);
|
|
347
348
|
}
|
|
348
349
|
@media (min-width: 2541px) {
|
|
349
|
-
.
|
|
350
|
+
.awsui_drawer_hyvsj_17ek5_172.awsui_is-drawer-open_hyvsj_17ek5_338:not(#\9) {
|
|
350
351
|
--awsui-drawer-size-g964ok: 320px;
|
|
351
352
|
}
|
|
352
353
|
}
|
|
353
354
|
@media (max-width: 688px) {
|
|
354
|
-
.
|
|
355
|
+
.awsui_drawer_hyvsj_17ek5_172.awsui_is-drawer-open_hyvsj_17ek5_338:not(#\9) {
|
|
355
356
|
--awsui-drawer-size-g964ok: 100vw;
|
|
356
357
|
inline-size: 100vw;
|
|
357
358
|
}
|
|
@@ -361,7 +362,7 @@ div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_1
|
|
|
361
362
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
362
363
|
SPDX-License-Identifier: Apache-2.0
|
|
363
364
|
*/
|
|
364
|
-
header.
|
|
365
|
+
header.awsui_content_hyvsj_17ek5_364:not(#\9) {
|
|
365
366
|
grid-area: header;
|
|
366
367
|
}
|
|
367
368
|
|
|
@@ -386,7 +387,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
386
387
|
circumstances regardless of whether the minContentWidth property is
|
|
387
388
|
explicitly set in script.
|
|
388
389
|
*/
|
|
389
|
-
.
|
|
390
|
+
.awsui_layout_hyvsj_17ek5_389:not(#\9) {
|
|
390
391
|
--awsui-breadcrumbs-gap-g964ok: 0px;
|
|
391
392
|
--awsui-content-gap-left-g964ok: 0px;
|
|
392
393
|
--awsui-content-gap-right-g964ok: 0px;
|
|
@@ -458,113 +459,113 @@ explicitly set in script.
|
|
|
458
459
|
*/
|
|
459
460
|
}
|
|
460
461
|
@media (min-width: 1401px) {
|
|
461
|
-
.
|
|
462
|
+
.awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461) {
|
|
462
463
|
--awsui-default-max-content-width-g964ok: 1280px;
|
|
463
464
|
}
|
|
464
465
|
}
|
|
465
466
|
@media (min-width: 1921px) {
|
|
466
|
-
.
|
|
467
|
+
.awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461) {
|
|
467
468
|
--awsui-default-max-content-width-g964ok: 1440px;
|
|
468
469
|
}
|
|
469
470
|
}
|
|
470
471
|
@media (min-width: 2541px) {
|
|
471
|
-
.
|
|
472
|
+
.awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461) {
|
|
472
473
|
--awsui-default-max-content-width-g964ok: 1620px;
|
|
473
474
|
}
|
|
474
475
|
}
|
|
475
476
|
@media (min-width: 1401px) {
|
|
476
|
-
.
|
|
477
|
+
.awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461).awsui_content-type-dashboard_hyvsj_17ek5_476 {
|
|
477
478
|
--awsui-default-max-content-width-g964ok: 1280px;
|
|
478
479
|
}
|
|
479
480
|
}
|
|
480
481
|
@media (min-width: 1921px) {
|
|
481
|
-
.
|
|
482
|
+
.awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461).awsui_content-type-dashboard_hyvsj_17ek5_476 {
|
|
482
483
|
--awsui-default-max-content-width-g964ok: 1620px;
|
|
483
484
|
}
|
|
484
485
|
}
|
|
485
486
|
@media (min-width: 2541px) {
|
|
486
|
-
.
|
|
487
|
+
.awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461).awsui_content-type-dashboard_hyvsj_17ek5_476 {
|
|
487
488
|
--awsui-default-max-content-width-g964ok: 2160px;
|
|
488
489
|
}
|
|
489
490
|
}
|
|
490
|
-
.
|
|
491
|
+
.awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461).awsui_content-type-table_hyvsj_17ek5_490, .awsui_layout_hyvsj_17ek5_389:not(#\9):not(.awsui_has-max-content-width_hyvsj_17ek5_461).awsui_content-type-cards_hyvsj_17ek5_490 {
|
|
491
492
|
--awsui-default-max-content-width-g964ok: 100%;
|
|
492
493
|
}
|
|
493
|
-
.
|
|
494
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_has-max-content-width_hyvsj_17ek5_461:not(#\9) {
|
|
494
495
|
--awsui-default-max-content-width-g964ok: var(--awsui-max-content-width-g964ok);
|
|
495
496
|
}
|
|
496
|
-
.
|
|
497
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_is-overlap-disabled_hyvsj_17ek5_496:not(#\9) {
|
|
497
498
|
--awsui-overlap-height-g964ok: 0;
|
|
498
499
|
}
|
|
499
|
-
.
|
|
500
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_is-hide-mobile-toolbar_hyvsj_17ek5_499:not(#\9) {
|
|
500
501
|
--awsui-mobile-bar-height-g964ok: 0px;
|
|
501
502
|
}
|
|
502
503
|
@media (min-width: 993px) {
|
|
503
|
-
.
|
|
504
|
+
.awsui_layout_hyvsj_17ek5_389:not(#\9) {
|
|
504
505
|
--awsui-default-min-content-width-g964ok: var(--awsui-min-content-width-g964ok, 280px);
|
|
505
506
|
}
|
|
506
507
|
}
|
|
507
508
|
@media (max-width: 992px) {
|
|
508
|
-
.
|
|
509
|
+
.awsui_layout_hyvsj_17ek5_389:not(#\9) {
|
|
509
510
|
--awsui-default-min-content-width-g964ok: 0px;
|
|
510
511
|
}
|
|
511
512
|
}
|
|
512
513
|
@media (min-width: 689px) {
|
|
513
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_has-content-gap-left_hyvsj_17ek5_513:not(#\9) {
|
|
514
515
|
--awsui-content-gap-left-g964ok: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
515
516
|
}
|
|
516
|
-
.
|
|
517
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_has-content-gap-right_hyvsj_17ek5_516:not(#\9) {
|
|
517
518
|
--awsui-content-gap-right-g964ok: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
518
519
|
}
|
|
519
520
|
}
|
|
520
521
|
@media (max-width: 688px) {
|
|
521
|
-
.
|
|
522
|
+
.awsui_layout_hyvsj_17ek5_389:not(#\9) {
|
|
522
523
|
--awsui-content-gap-left-g964ok: var(--space-l-t419sm, 20px);
|
|
523
524
|
--awsui-content-gap-right-g964ok: var(--space-l-t419sm, 20px);
|
|
524
525
|
}
|
|
525
526
|
}
|
|
526
|
-
.
|
|
527
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_has-breadcrumbs_hyvsj_17ek5_526:not(#\9) {
|
|
527
528
|
--awsui-breadcrumbs-gap-g964ok: var(--space-scaled-m-mo5yse, 16px);
|
|
528
529
|
}
|
|
529
|
-
.
|
|
530
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-header_hyvsj_17ek5_529:not(#\9), .awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-notifications_hyvsj_17ek5_529:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17ek5_526).awsui_has-header_hyvsj_17ek5_529 {
|
|
530
531
|
--awsui-header-gap-g964ok: var(--space-scaled-xs-26e2du, 8px);
|
|
531
532
|
}
|
|
532
|
-
.
|
|
533
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_has-breadcrumbs_hyvsj_17ek5_526.awsui_has-header_hyvsj_17ek5_529:not(#\9) {
|
|
533
534
|
--awsui-header-gap-g964ok: var(--space-scaled-xs-26e2du, 8px);
|
|
534
535
|
}
|
|
535
|
-
.
|
|
536
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-notifications_hyvsj_17ek5_529:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17ek5_526):not(.awsui_has-header_hyvsj_17ek5_529) {
|
|
536
537
|
--awsui-main-gap-g964ok: var(--space-xs-zb16t3, 8px);
|
|
537
538
|
}
|
|
538
|
-
.
|
|
539
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_has-breadcrumbs_hyvsj_17ek5_526:not(#\9):not(.awsui_has-header_hyvsj_17ek5_529) {
|
|
539
540
|
--awsui-main-gap-g964ok: var(--space-scaled-xxs-7597g1, 4px);
|
|
540
541
|
}
|
|
541
|
-
.
|
|
542
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_has-header_hyvsj_17ek5_529:not(#\9) {
|
|
542
543
|
--awsui-main-gap-g964ok: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
543
544
|
}
|
|
544
|
-
.
|
|
545
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-main_hyvsj_17ek5_544:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17ek5_544) {
|
|
545
546
|
--awsui-main-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
546
547
|
}
|
|
547
|
-
.
|
|
548
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-main_hyvsj_17ek5_544.awsui_disable-content-paddings_hyvsj_17ek5_544:not(#\9) {
|
|
548
549
|
--awsui-main-gap-g964ok: 0px;
|
|
549
550
|
}
|
|
550
551
|
@media (max-width: 688px) {
|
|
551
|
-
.
|
|
552
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-header_hyvsj_17ek5_529:not(#\9) {
|
|
552
553
|
--awsui-header-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
553
554
|
}
|
|
554
|
-
.
|
|
555
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-notifications_hyvsj_17ek5_529:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17ek5_526).awsui_has-header_hyvsj_17ek5_529 {
|
|
555
556
|
--awsui-header-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
556
557
|
}
|
|
557
|
-
.
|
|
558
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-notifications_hyvsj_17ek5_529:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_17ek5_526):not(.awsui_has-header_hyvsj_17ek5_529), .awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-main_hyvsj_17ek5_544:not(#\9):not(.awsui_disable-content-paddings_hyvsj_17ek5_544) {
|
|
558
559
|
--awsui-main-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
559
560
|
}
|
|
560
|
-
.
|
|
561
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_content-first-child-main_hyvsj_17ek5_544.awsui_disable-content-paddings_hyvsj_17ek5_544:not(#\9) {
|
|
561
562
|
--awsui-main-gap-g964ok: 0px;
|
|
562
563
|
}
|
|
563
564
|
}
|
|
564
|
-
.
|
|
565
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_has-left-toggles-gutter_hyvsj_17ek5_564:not(#\9) {
|
|
565
566
|
--awsui-toggles-left-width-g964ok: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
566
567
|
}
|
|
567
|
-
.
|
|
568
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_has-right-toggles-gutter_hyvsj_17ek5_567:not(#\9) {
|
|
568
569
|
--awsui-toggles-right-width-g964ok: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
569
570
|
}
|
|
570
571
|
|
|
@@ -578,13 +579,13 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
578
579
|
position: sticky will be the value of the notifications height in addition to the
|
|
579
580
|
notifications top margin and some additional vertical space for aesthetics.
|
|
580
581
|
*/
|
|
581
|
-
.
|
|
582
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_disable-body-scroll_hyvsj_17ek5_204:not(#\9) {
|
|
582
583
|
--awsui-main-template-rows-g964ok: 1fr auto;
|
|
583
584
|
--awsui-offset-top-g964ok: 0px;
|
|
584
585
|
block-size: var(--awsui-content-height-g964ok);
|
|
585
586
|
overflow-y: scroll;
|
|
586
587
|
}
|
|
587
|
-
.
|
|
588
|
+
.awsui_layout_hyvsj_17ek5_389.awsui_disable-body-scroll_hyvsj_17ek5_204.awsui_has-split-panel_hyvsj_17ek5_587.awsui_split-panel-position-bottom_hyvsj_17ek5_587:not(#\9) {
|
|
588
589
|
--awsui-main-template-rows-g964ok: repeat(2, auto);
|
|
589
590
|
}
|
|
590
591
|
|
|
@@ -592,13 +593,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
592
593
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
593
594
|
when the navigation or tools drawers are open in responsive viewports.
|
|
594
595
|
*/
|
|
595
|
-
.awsui_block-body-
|
|
596
|
+
.awsui_block-body-scroll_hyvsj_17ek5_595:not(#\9) {
|
|
596
597
|
overflow: hidden;
|
|
597
598
|
}
|
|
598
599
|
|
|
599
600
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
600
|
-
.
|
|
601
|
-
.
|
|
601
|
+
.awsui_unfocusable_hyvsj_17ek5_600:not(#\9),
|
|
602
|
+
.awsui_unfocusable_hyvsj_17ek5_600 *:not(#\9) {
|
|
602
603
|
visibility: hidden !important;
|
|
603
604
|
}
|
|
604
605
|
|
|
@@ -607,7 +608,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
607
608
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
608
609
|
SPDX-License-Identifier: Apache-2.0
|
|
609
610
|
*/
|
|
610
|
-
.
|
|
611
|
+
.awsui_container_hyvsj_17ek5_610:not(#\9) {
|
|
611
612
|
grid-area: main;
|
|
612
613
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
613
614
|
/*
|
|
@@ -624,19 +625,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
624
625
|
on the right, we decrement the column end by one.
|
|
625
626
|
*/
|
|
626
627
|
}
|
|
627
|
-
.
|
|
628
|
+
.awsui_container_hyvsj_17ek5_610.awsui_has-split-panel_hyvsj_17ek5_587.awsui_split-panel-position-bottom_hyvsj_17ek5_587:not(#\9) {
|
|
628
629
|
padding-block-end: calc(var(--awsui-split-panel-height-g964ok) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
629
630
|
}
|
|
630
|
-
.
|
|
631
|
+
.awsui_container_hyvsj_17ek5_610.awsui_disable-content-paddings_hyvsj_17ek5_544:not(#\9) {
|
|
631
632
|
grid-column: 1/6;
|
|
632
633
|
padding-block: 0;
|
|
633
634
|
padding-inline: 0;
|
|
634
635
|
}
|
|
635
636
|
@media (min-width: 689px) {
|
|
636
|
-
.
|
|
637
|
+
.awsui_container_hyvsj_17ek5_610.awsui_disable-content-paddings_hyvsj_17ek5_544.awsui_is-navigation-open_hyvsj_17ek5_636:not(#\9) {
|
|
637
638
|
grid-column-start: 2;
|
|
638
639
|
}
|
|
639
|
-
.
|
|
640
|
+
.awsui_container_hyvsj_17ek5_610.awsui_disable-content-paddings_hyvsj_17ek5_544.awsui_is-tools-open_hyvsj_17ek5_639:not(#\9), .awsui_container_hyvsj_17ek5_610.awsui_disable-content-paddings_hyvsj_17ek5_544.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_split-panel-position-side_hyvsj_17ek5_639:not(#\9), .awsui_container_hyvsj_17ek5_610.awsui_disable-content-paddings_hyvsj_17ek5_544.awsui_has-active-drawer_hyvsj_17ek5_639:not(#\9) {
|
|
640
641
|
grid-column-end: 5;
|
|
641
642
|
}
|
|
642
643
|
}
|
|
@@ -649,7 +650,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
649
650
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
650
651
|
SPDX-License-Identifier: Apache-2.0
|
|
651
652
|
*/
|
|
652
|
-
section.awsui_mobile-
|
|
653
|
+
section.awsui_mobile-toolbar_hyvsj_17ek5_652:not(#\9) {
|
|
653
654
|
align-items: center;
|
|
654
655
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
655
656
|
border-block-end: 1px solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
@@ -666,19 +667,19 @@ section.awsui_mobile-toolbar_hyvsj_14131_651:not(#\9) {
|
|
|
666
667
|
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
667
668
|
z-index: 1000;
|
|
668
669
|
}
|
|
669
|
-
section.awsui_mobile-
|
|
670
|
+
section.awsui_mobile-toolbar_hyvsj_17ek5_652:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_17ek5_669) {
|
|
670
671
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
671
672
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
672
673
|
}
|
|
673
|
-
section.awsui_mobile-
|
|
674
|
+
section.awsui_mobile-toolbar_hyvsj_17ek5_652 > .awsui_mobile-toolbar-nav_hyvsj_17ek5_673:not(#\9) {
|
|
674
675
|
grid-column: 1;
|
|
675
676
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
676
677
|
}
|
|
677
|
-
section.awsui_mobile-
|
|
678
|
+
section.awsui_mobile-toolbar_hyvsj_17ek5_652 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_17ek5_677:not(#\9) {
|
|
678
679
|
grid-column: 2;
|
|
679
680
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
680
681
|
}
|
|
681
|
-
section.awsui_mobile-
|
|
682
|
+
section.awsui_mobile-toolbar_hyvsj_17ek5_652 > .awsui_mobile-toolbar-tools_hyvsj_17ek5_681:not(#\9) {
|
|
682
683
|
grid-column: 3;
|
|
683
684
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
684
685
|
}
|
|
@@ -687,7 +688,7 @@ section.awsui_mobile-toolbar_hyvsj_14131_651 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
687
688
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
688
689
|
SPDX-License-Identifier: Apache-2.0
|
|
689
690
|
*/
|
|
690
|
-
.awsui_navigation-
|
|
691
|
+
.awsui_navigation-container_hyvsj_17ek5_690:not(#\9) {
|
|
691
692
|
display: flex;
|
|
692
693
|
grid-column: 1;
|
|
693
694
|
grid-row: 1/span 9;
|
|
@@ -708,7 +709,7 @@ section.awsui_mobile-toolbar_hyvsj_14131_651 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
708
709
|
pointer-events: none;
|
|
709
710
|
}
|
|
710
711
|
@media (max-width: 688px) {
|
|
711
|
-
.awsui_navigation-
|
|
712
|
+
.awsui_navigation-container_hyvsj_17ek5_690:not(#\9) {
|
|
712
713
|
inset-inline-start: 0;
|
|
713
714
|
position: fixed;
|
|
714
715
|
z-index: 1001;
|
|
@@ -720,12 +721,12 @@ section.awsui_mobile-toolbar_hyvsj_14131_651 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
720
721
|
relative to the body.
|
|
721
722
|
*/
|
|
722
723
|
}
|
|
723
|
-
.awsui_navigation-
|
|
724
|
+
.awsui_navigation-container_hyvsj_17ek5_690.awsui_disable-body-scroll_hyvsj_17ek5_204:not(#\9) {
|
|
724
725
|
inset-block-start: var(--awsui-header-height-g964ok);
|
|
725
726
|
}
|
|
726
727
|
}
|
|
727
728
|
|
|
728
|
-
nav.awsui_show-
|
|
729
|
+
nav.awsui_show-navigation_hyvsj_17ek5_728:not(#\9) {
|
|
729
730
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
730
731
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
731
732
|
/*
|
|
@@ -733,7 +734,7 @@ nav.awsui_show-navigation_hyvsj_14131_727:not(#\9) {
|
|
|
733
734
|
take control in responsive viewports.
|
|
734
735
|
*/
|
|
735
736
|
}
|
|
736
|
-
@keyframes
|
|
737
|
+
@keyframes awsui_showButtons_hyvsj_17ek5_1 {
|
|
737
738
|
0% {
|
|
738
739
|
opacity: 0;
|
|
739
740
|
}
|
|
@@ -741,31 +742,31 @@ nav.awsui_show-navigation_hyvsj_14131_727:not(#\9) {
|
|
|
741
742
|
opacity: 1;
|
|
742
743
|
}
|
|
743
744
|
}
|
|
744
|
-
nav.awsui_show-
|
|
745
|
+
nav.awsui_show-navigation_hyvsj_17ek5_728.awsui_is-navigation-open_hyvsj_17ek5_636:not(#\9) {
|
|
745
746
|
display: none;
|
|
746
747
|
}
|
|
747
748
|
@media (min-width: 689px) {
|
|
748
|
-
nav.awsui_show-
|
|
749
|
+
nav.awsui_show-navigation_hyvsj_17ek5_728:not(#\9):not(.awsui_is-navigation-open_hyvsj_17ek5_636) {
|
|
749
750
|
display: block;
|
|
750
751
|
}
|
|
751
|
-
nav.awsui_show-
|
|
752
|
-
animation:
|
|
752
|
+
nav.awsui_show-navigation_hyvsj_17ek5_728:not(#\9):not(.awsui_is-navigation-open_hyvsj_17ek5_636).awsui_animating_hyvsj_17ek5_751 {
|
|
753
|
+
animation: awsui_showButtons_hyvsj_17ek5_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
753
754
|
}
|
|
754
755
|
}
|
|
755
756
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
756
|
-
nav.awsui_show-
|
|
757
|
+
nav.awsui_show-navigation_hyvsj_17ek5_728:not(#\9):not(.awsui_is-navigation-open_hyvsj_17ek5_636).awsui_animating_hyvsj_17ek5_751 {
|
|
757
758
|
animation: none;
|
|
758
759
|
transition: none;
|
|
759
760
|
}
|
|
760
761
|
}
|
|
761
762
|
@media (min-width: 689px) {
|
|
762
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
763
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_17ek5_728:not(#\9):not(.awsui_is-navigation-open_hyvsj_17ek5_636).awsui_animating_hyvsj_17ek5_751, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_17ek5_728:not(#\9):not(.awsui_is-navigation-open_hyvsj_17ek5_636).awsui_animating_hyvsj_17ek5_751 {
|
|
763
764
|
animation: none;
|
|
764
765
|
transition: none;
|
|
765
766
|
}
|
|
766
767
|
}
|
|
767
768
|
|
|
768
|
-
nav.
|
|
769
|
+
nav.awsui_navigation_hyvsj_17ek5_690:not(#\9) {
|
|
769
770
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
770
771
|
inset-block-end: 0;
|
|
771
772
|
block-size: 100%;
|
|
@@ -777,13 +778,15 @@ nav.awsui_navigation_hyvsj_14131_689:not(#\9) {
|
|
|
777
778
|
word-wrap: break-word;
|
|
778
779
|
pointer-events: auto;
|
|
779
780
|
border-inline-end: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
781
|
+
display: flex;
|
|
782
|
+
flex-direction: column;
|
|
780
783
|
/*
|
|
781
784
|
A non-semantic node is added with a fixed width equal to the final Navigation
|
|
782
785
|
width. This will create the visual appearance of horizontal movement and
|
|
783
786
|
prevent unwanted text wrapping.
|
|
784
787
|
*/
|
|
785
788
|
}
|
|
786
|
-
@keyframes
|
|
789
|
+
@keyframes awsui_openNavigation_hyvsj_17ek5_1 {
|
|
787
790
|
from {
|
|
788
791
|
opacity: 0;
|
|
789
792
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -793,33 +796,36 @@ nav.awsui_navigation_hyvsj_14131_689:not(#\9) {
|
|
|
793
796
|
inline-size: var(--awsui-navigation-width-g964ok);
|
|
794
797
|
}
|
|
795
798
|
}
|
|
796
|
-
nav.
|
|
799
|
+
nav.awsui_navigation_hyvsj_17ek5_690:not(#\9):not(.awsui_is-navigation-open_hyvsj_17ek5_636) {
|
|
797
800
|
inline-size: 0;
|
|
798
801
|
display: none;
|
|
799
802
|
}
|
|
800
|
-
nav.
|
|
801
|
-
animation:
|
|
803
|
+
nav.awsui_navigation_hyvsj_17ek5_690.awsui_is-navigation-open_hyvsj_17ek5_636.awsui_animating_hyvsj_17ek5_751:not(#\9) {
|
|
804
|
+
animation: awsui_openNavigation_hyvsj_17ek5_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
802
805
|
}
|
|
803
806
|
@media (prefers-reduced-motion: reduce) {
|
|
804
|
-
nav.
|
|
807
|
+
nav.awsui_navigation_hyvsj_17ek5_690.awsui_is-navigation-open_hyvsj_17ek5_636.awsui_animating_hyvsj_17ek5_751:not(#\9) {
|
|
805
808
|
animation: none;
|
|
806
809
|
transition: none;
|
|
807
810
|
}
|
|
808
811
|
}
|
|
809
|
-
.awsui-motion-disabled nav.
|
|
812
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_17ek5_690.awsui_is-navigation-open_hyvsj_17ek5_636.awsui_animating_hyvsj_17ek5_751:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_17ek5_690.awsui_is-navigation-open_hyvsj_17ek5_636.awsui_animating_hyvsj_17ek5_751:not(#\9) {
|
|
810
813
|
animation: none;
|
|
811
814
|
transition: none;
|
|
812
815
|
}
|
|
813
|
-
nav.
|
|
816
|
+
nav.awsui_navigation_hyvsj_17ek5_690 > .awsui_animated-content_hyvsj_17ek5_815:not(#\9) {
|
|
814
817
|
inline-size: var(--awsui-navigation-width-g964ok);
|
|
815
818
|
}
|
|
819
|
+
nav.awsui_navigation_hyvsj_17ek5_690 > .awsui_content-container_hyvsj_17ek5_818:not(#\9) {
|
|
820
|
+
flex-grow: 1;
|
|
821
|
+
}
|
|
816
822
|
@media (max-width: 688px) {
|
|
817
|
-
nav.
|
|
823
|
+
nav.awsui_navigation_hyvsj_17ek5_690:not(#\9) {
|
|
818
824
|
--awsui-navigation-width-g964ok: 100vw;
|
|
819
825
|
}
|
|
820
826
|
}
|
|
821
827
|
|
|
822
|
-
.awsui_hide-
|
|
828
|
+
.awsui_hide-navigation_hyvsj_17ek5_827:not(#\9) {
|
|
823
829
|
position: absolute;
|
|
824
830
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
825
831
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -829,24 +835,24 @@ nav.awsui_navigation_hyvsj_14131_689 > .awsui_animated-content_hyvsj_14131_812:n
|
|
|
829
835
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
830
836
|
SPDX-License-Identifier: Apache-2.0
|
|
831
837
|
*/
|
|
832
|
-
.
|
|
838
|
+
.awsui_notifications_hyvsj_17ek5_837:not(#\9) {
|
|
833
839
|
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
834
840
|
grid-area: notifications;
|
|
835
841
|
z-index: 850;
|
|
836
842
|
}
|
|
837
|
-
.
|
|
843
|
+
.awsui_notifications_hyvsj_17ek5_837.awsui_has-notification-content_hyvsj_17ek5_842:not(#\9) {
|
|
838
844
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
839
845
|
}
|
|
840
846
|
@media (min-width: 689px) {
|
|
841
|
-
.
|
|
847
|
+
.awsui_notifications_hyvsj_17ek5_837.awsui_sticky-notifications_hyvsj_17ek5_846:not(#\9) {
|
|
842
848
|
--awsui-flashbar-sticky-bottom-margin-g964ok: var(--space-xxl-cu2m1r, 32px);
|
|
843
849
|
position: sticky;
|
|
844
850
|
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
845
851
|
}
|
|
846
|
-
.
|
|
852
|
+
.awsui_notifications_hyvsj_17ek5_837.awsui_sticky-notifications_hyvsj_17ek5_846:not(#\9):not(.awsui_high-contrast_hyvsj_17ek5_851) {
|
|
847
853
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
848
854
|
}
|
|
849
|
-
.
|
|
855
|
+
.awsui_notifications_hyvsj_17ek5_837.awsui_has-notification-content_hyvsj_17ek5_842:not(#\9) {
|
|
850
856
|
padding-block-start: var(--space-xs-zb16t3, 8px);
|
|
851
857
|
}
|
|
852
858
|
}
|
|
@@ -861,7 +867,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
861
867
|
consume the remaining vertical space in the grid after the notifications
|
|
862
868
|
and breadcrumbs.
|
|
863
869
|
*/
|
|
864
|
-
section.awsui_split-panel-
|
|
870
|
+
section.awsui_split-panel-bottom_hyvsj_17ek5_869:not(#\9) {
|
|
865
871
|
/*
|
|
866
872
|
The align self property will position the split panel at the bottom of the grid row.
|
|
867
873
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -897,7 +903,7 @@ section.awsui_split-panel-bottom_hyvsj_14131_863:not(#\9) {
|
|
|
897
903
|
apply the animation to the height property.
|
|
898
904
|
*/
|
|
899
905
|
}
|
|
900
|
-
@keyframes
|
|
906
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_17ek5_1 {
|
|
901
907
|
from {
|
|
902
908
|
block-size: var(--awsui-split-panel-reported-header-size-g964ok, 0);
|
|
903
909
|
}
|
|
@@ -905,39 +911,39 @@ section.awsui_split-panel-bottom_hyvsj_14131_863:not(#\9) {
|
|
|
905
911
|
block-size: var(--awsui-split-panel-reported-size-g964ok);
|
|
906
912
|
}
|
|
907
913
|
}
|
|
908
|
-
section.awsui_split-panel-
|
|
914
|
+
section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_disable-body-scroll_hyvsj_17ek5_204:not(#\9) {
|
|
909
915
|
inset-block-end: 0;
|
|
910
916
|
}
|
|
911
|
-
section.awsui_split-panel-
|
|
917
|
+
section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_is-navigation-open_hyvsj_17ek5_636.awsui_position-bottom_hyvsj_17ek5_916:not(#\9) {
|
|
912
918
|
grid-column-start: 2;
|
|
913
919
|
}
|
|
914
|
-
section.awsui_split-panel-
|
|
920
|
+
section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_has-open-drawer_hyvsj_17ek5_183.awsui_position-bottom_hyvsj_17ek5_916:not(#\9) {
|
|
915
921
|
grid-column-end: 5;
|
|
916
922
|
}
|
|
917
|
-
section.awsui_split-panel-
|
|
923
|
+
section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_position-bottom_hyvsj_17ek5_916:not(#\9) {
|
|
918
924
|
display: block;
|
|
919
925
|
}
|
|
920
|
-
section.awsui_split-panel-
|
|
926
|
+
section.awsui_split-panel-bottom_hyvsj_17ek5_869:not(#\9):not(.awsui_is-split-panel-open_hyvsj_17ek5_639).awsui_position-bottom_hyvsj_17ek5_916 {
|
|
921
927
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
922
928
|
}
|
|
923
|
-
section.awsui_split-panel-
|
|
929
|
+
section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_position-bottom_hyvsj_17ek5_916:not(#\9) {
|
|
924
930
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
925
931
|
}
|
|
926
|
-
section.awsui_split-panel-
|
|
927
|
-
animation:
|
|
932
|
+
section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_position-bottom_hyvsj_17ek5_916.awsui_animating_hyvsj_17ek5_751:not(#\9) {
|
|
933
|
+
animation: awsui_openSplitPanelBottom_hyvsj_17ek5_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
928
934
|
}
|
|
929
935
|
@media (prefers-reduced-motion: reduce) {
|
|
930
|
-
section.awsui_split-panel-
|
|
936
|
+
section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_position-bottom_hyvsj_17ek5_916.awsui_animating_hyvsj_17ek5_751:not(#\9) {
|
|
931
937
|
animation: none;
|
|
932
938
|
transition: none;
|
|
933
939
|
}
|
|
934
940
|
}
|
|
935
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
941
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_position-bottom_hyvsj_17ek5_916.awsui_animating_hyvsj_17ek5_751:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_17ek5_869.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_position-bottom_hyvsj_17ek5_916.awsui_animating_hyvsj_17ek5_751:not(#\9) {
|
|
936
942
|
animation: none;
|
|
937
943
|
transition: none;
|
|
938
944
|
}
|
|
939
945
|
|
|
940
|
-
section.awsui_split-panel-
|
|
946
|
+
section.awsui_split-panel-side_hyvsj_17ek5_945:not(#\9) {
|
|
941
947
|
block-size: 100%;
|
|
942
948
|
overflow-x: hidden;
|
|
943
949
|
pointer-events: auto;
|
|
@@ -947,15 +953,15 @@ section.awsui_split-panel-side_hyvsj_14131_939:not(#\9) {
|
|
|
947
953
|
be persistent in the DOM when closed.
|
|
948
954
|
*/
|
|
949
955
|
}
|
|
950
|
-
section.awsui_split-panel-
|
|
956
|
+
section.awsui_split-panel-side_hyvsj_17ek5_945:not(#\9):not(.awsui_is-split-panel-open_hyvsj_17ek5_639), section.awsui_split-panel-side_hyvsj_17ek5_945.awsui_position-bottom_hyvsj_17ek5_916:not(#\9) {
|
|
951
957
|
inline-size: 0;
|
|
952
958
|
}
|
|
953
|
-
section.awsui_split-panel-
|
|
959
|
+
section.awsui_split-panel-side_hyvsj_17ek5_945.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_position-side_hyvsj_17ek5_958:not(#\9) {
|
|
954
960
|
max-inline-size: var(--awsui-split-panel-max-width-g964ok, 280px);
|
|
955
961
|
min-inline-size: var(--awsui-split-panel-min-width-g964ok, 280px);
|
|
956
962
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
957
963
|
}
|
|
958
|
-
section.awsui_split-panel-
|
|
964
|
+
section.awsui_split-panel-side_hyvsj_17ek5_945.awsui_is-split-panel-open_hyvsj_17ek5_639.awsui_position-side_hyvsj_17ek5_958:not(#\9):not(.awsui_has-open-drawer_hyvsj_17ek5_183) {
|
|
959
965
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-j1ubnj, #c6c6cd);
|
|
960
966
|
}
|
|
961
967
|
|
|
@@ -972,7 +978,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
972
978
|
property. The content gap right is computed in the Layout styles based on the
|
|
973
979
|
viewport size and state of the Tools drawer.
|
|
974
980
|
*/
|
|
975
|
-
.awsui_tools-
|
|
981
|
+
.awsui_tools-container_hyvsj_17ek5_980:not(#\9) {
|
|
976
982
|
--awsui-tools-max-width-g964ok: calc(var(--awsui-layout-width-g964ok) - var(--awsui-main-offset-left-g964ok) - var(--awsui-default-min-content-width-g964ok) - var(--awsui-content-gap-right-g964ok));
|
|
977
983
|
display: flex;
|
|
978
984
|
grid-column: 5;
|
|
@@ -985,7 +991,7 @@ viewport size and state of the Tools drawer.
|
|
|
985
991
|
pointer-events: none;
|
|
986
992
|
}
|
|
987
993
|
@media (max-width: 688px) {
|
|
988
|
-
.awsui_tools-
|
|
994
|
+
.awsui_tools-container_hyvsj_17ek5_980:not(#\9) {
|
|
989
995
|
--awsui-tools-max-width-g964ok: none;
|
|
990
996
|
--awsui-tools-width-g964ok: auto;
|
|
991
997
|
position: fixed;
|
|
@@ -999,12 +1005,12 @@ viewport size and state of the Tools drawer.
|
|
|
999
1005
|
relative to the body.
|
|
1000
1006
|
*/
|
|
1001
1007
|
}
|
|
1002
|
-
.awsui_tools-
|
|
1008
|
+
.awsui_tools-container_hyvsj_17ek5_980.awsui_disable-body-scroll_hyvsj_17ek5_204:not(#\9) {
|
|
1003
1009
|
inset-block-start: var(--awsui-header-height-g964ok);
|
|
1004
1010
|
}
|
|
1005
1011
|
}
|
|
1006
1012
|
|
|
1007
|
-
.
|
|
1013
|
+
.awsui_tools_hyvsj_17ek5_980:not(#\9) {
|
|
1008
1014
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
1009
1015
|
flex-shrink: 0;
|
|
1010
1016
|
block-size: 100%;
|
|
@@ -1027,7 +1033,7 @@ viewport size and state of the Tools drawer.
|
|
|
1027
1033
|
in the side position.
|
|
1028
1034
|
*/
|
|
1029
1035
|
}
|
|
1030
|
-
@keyframes
|
|
1036
|
+
@keyframes awsui_openTools_hyvsj_17ek5_1 {
|
|
1031
1037
|
from {
|
|
1032
1038
|
opacity: var(--awsui-tools-animation-starting-opacity-g964ok, 0);
|
|
1033
1039
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -1037,41 +1043,41 @@ viewport size and state of the Tools drawer.
|
|
|
1037
1043
|
inline-size: var(--awsui-tools-width-g964ok);
|
|
1038
1044
|
}
|
|
1039
1045
|
}
|
|
1040
|
-
.
|
|
1046
|
+
.awsui_tools_hyvsj_17ek5_980:not(#\9):not(.awsui_is-tools-open_hyvsj_17ek5_639) {
|
|
1041
1047
|
inline-size: 0;
|
|
1042
1048
|
display: none;
|
|
1043
1049
|
}
|
|
1044
|
-
.
|
|
1050
|
+
.awsui_tools_hyvsj_17ek5_980.awsui_is-tools-open_hyvsj_17ek5_639:not(#\9) {
|
|
1045
1051
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
1046
1052
|
}
|
|
1047
|
-
.
|
|
1048
|
-
animation:
|
|
1053
|
+
.awsui_tools_hyvsj_17ek5_980.awsui_is-tools-open_hyvsj_17ek5_639.awsui_animating_hyvsj_17ek5_751:not(#\9) {
|
|
1054
|
+
animation: awsui_openTools_hyvsj_17ek5_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1049
1055
|
}
|
|
1050
1056
|
@media (prefers-reduced-motion: reduce) {
|
|
1051
|
-
.
|
|
1057
|
+
.awsui_tools_hyvsj_17ek5_980.awsui_is-tools-open_hyvsj_17ek5_639.awsui_animating_hyvsj_17ek5_751:not(#\9) {
|
|
1052
1058
|
animation: none;
|
|
1053
1059
|
transition: none;
|
|
1054
1060
|
}
|
|
1055
1061
|
}
|
|
1056
|
-
.awsui-motion-disabled .
|
|
1062
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_17ek5_980.awsui_is-tools-open_hyvsj_17ek5_639.awsui_animating_hyvsj_17ek5_751:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_17ek5_980.awsui_is-tools-open_hyvsj_17ek5_639.awsui_animating_hyvsj_17ek5_751:not(#\9) {
|
|
1057
1063
|
animation: none;
|
|
1058
1064
|
transition: none;
|
|
1059
1065
|
}
|
|
1060
|
-
.
|
|
1066
|
+
.awsui_tools_hyvsj_17ek5_980 > .awsui_animated-content_hyvsj_17ek5_815:not(#\9) {
|
|
1061
1067
|
inline-size: var(--awsui-tools-width-g964ok);
|
|
1062
1068
|
}
|
|
1063
1069
|
@media (min-width: 689px) {
|
|
1064
|
-
.
|
|
1070
|
+
.awsui_tools_hyvsj_17ek5_980.awsui_is-tools-open_hyvsj_17ek5_639.awsui_has-tools-form-persistence_hyvsj_17ek5_1069:not(#\9) {
|
|
1065
1071
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
1066
1072
|
}
|
|
1067
1073
|
}
|
|
1068
1074
|
@media (max-width: 688px) {
|
|
1069
|
-
.
|
|
1075
|
+
.awsui_tools_hyvsj_17ek5_980:not(#\9) {
|
|
1070
1076
|
--awsui-tools-width-g964ok: 100vw;
|
|
1071
1077
|
}
|
|
1072
1078
|
}
|
|
1073
1079
|
|
|
1074
|
-
.awsui_hide-
|
|
1080
|
+
.awsui_hide-tools_hyvsj_17ek5_1079:not(#\9) {
|
|
1075
1081
|
position: absolute;
|
|
1076
1082
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1077
1083
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1083,7 +1089,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1083
1089
|
the calculation used to determine the Split Panel maximum width in the
|
|
1084
1090
|
handleSplitPanelMaxWidth function in the context.
|
|
1085
1091
|
*/
|
|
1086
|
-
.awsui_show-
|
|
1092
|
+
.awsui_show-tools_hyvsj_17ek5_1091:not(#\9) {
|
|
1087
1093
|
border-collapse: separate;
|
|
1088
1094
|
border-spacing: 0;
|
|
1089
1095
|
box-sizing: border-box;
|
|
@@ -1125,7 +1131,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1125
1131
|
take control in responsive viewports.
|
|
1126
1132
|
*/
|
|
1127
1133
|
}
|
|
1128
|
-
@keyframes
|
|
1134
|
+
@keyframes awsui_showButtons_hyvsj_17ek5_1 {
|
|
1129
1135
|
0% {
|
|
1130
1136
|
opacity: 0;
|
|
1131
1137
|
}
|
|
@@ -1133,31 +1139,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1133
1139
|
opacity: 1;
|
|
1134
1140
|
}
|
|
1135
1141
|
}
|
|
1136
|
-
.awsui_show-
|
|
1142
|
+
.awsui_show-tools_hyvsj_17ek5_1091:not(#\9):not(.awsui_has-tools-form_hyvsj_17ek5_1069) {
|
|
1137
1143
|
display: none;
|
|
1138
1144
|
}
|
|
1139
1145
|
@media (min-width: 689px) {
|
|
1140
|
-
.awsui_show-
|
|
1146
|
+
.awsui_show-tools_hyvsj_17ek5_1091.awsui_has-tools-form_hyvsj_17ek5_1069:not(#\9) {
|
|
1141
1147
|
display: flex;
|
|
1142
1148
|
flex-direction: column;
|
|
1143
1149
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1144
1150
|
}
|
|
1145
|
-
.awsui_show-
|
|
1146
|
-
animation:
|
|
1151
|
+
.awsui_show-tools_hyvsj_17ek5_1091.awsui_has-tools-form_hyvsj_17ek5_1069.awsui_animating_hyvsj_17ek5_751:not(#\9) {
|
|
1152
|
+
animation: awsui_showButtons_hyvsj_17ek5_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1147
1153
|
}
|
|
1148
1154
|
}
|
|
1149
1155
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1150
|
-
.awsui_show-
|
|
1156
|
+
.awsui_show-tools_hyvsj_17ek5_1091.awsui_has-tools-form_hyvsj_17ek5_1069.awsui_animating_hyvsj_17ek5_751:not(#\9) {
|
|
1151
1157
|
animation: none;
|
|
1152
1158
|
transition: none;
|
|
1153
1159
|
}
|
|
1154
1160
|
}
|
|
1155
1161
|
@media (min-width: 689px) {
|
|
1156
|
-
.awsui-motion-disabled .awsui_show-
|
|
1162
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_17ek5_1091.awsui_has-tools-form_hyvsj_17ek5_1069.awsui_animating_hyvsj_17ek5_751:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_17ek5_1091.awsui_has-tools-form_hyvsj_17ek5_1069.awsui_animating_hyvsj_17ek5_751:not(#\9) {
|
|
1157
1163
|
animation: none;
|
|
1158
1164
|
transition: none;
|
|
1159
1165
|
}
|
|
1160
|
-
.awsui_show-
|
|
1166
|
+
.awsui_show-tools_hyvsj_17ek5_1091.awsui_has-tools-form-persistence_hyvsj_17ek5_1069:not(#\9) {
|
|
1161
1167
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
1162
1168
|
z-index: 1;
|
|
1163
1169
|
}
|
|
@@ -1167,7 +1173,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1167
1173
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1168
1174
|
SPDX-License-Identifier: Apache-2.0
|
|
1169
1175
|
*/
|
|
1170
|
-
.awsui_trigger-button-
|
|
1176
|
+
.awsui_trigger-button-styles_hyvsj_17ek5_1174:not(#\9) {
|
|
1171
1177
|
background: var(--color-background-layout-toggle-default-kci9ri, #424650);
|
|
1172
1178
|
border-start-start-radius: 50%;
|
|
1173
1179
|
border-start-end-radius: 50%;
|
|
@@ -1176,14 +1182,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1176
1182
|
block-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
1177
1183
|
inline-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
1178
1184
|
}
|
|
1179
|
-
.awsui_trigger-button-
|
|
1185
|
+
.awsui_trigger-button-styles_hyvsj_17ek5_1174:not(#\9):hover {
|
|
1180
1186
|
background: var(--color-background-layout-toggle-hover-72w0bh, #656871);
|
|
1181
1187
|
}
|
|
1182
|
-
.awsui_trigger-button-
|
|
1188
|
+
.awsui_trigger-button-styles_hyvsj_17ek5_1174:not(#\9):active {
|
|
1183
1189
|
background: var(--color-background-layout-toggle-active-5x3zwa, #424650);
|
|
1184
1190
|
}
|
|
1185
1191
|
|
|
1186
|
-
.awsui_trigger-badge-
|
|
1192
|
+
.awsui_trigger-badge-wrapper_hyvsj_17ek5_1190:not(#\9) {
|
|
1187
1193
|
position: absolute;
|
|
1188
1194
|
inset-block-start: 0;
|
|
1189
1195
|
inset-inline-start: 0;
|
|
@@ -1193,7 +1199,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1193
1199
|
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");
|
|
1194
1200
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1195
1201
|
}
|
|
1196
|
-
.awsui_trigger-badge-
|
|
1202
|
+
.awsui_trigger-badge-wrapper_hyvsj_17ek5_1190:not(#\9):dir(rtl) {
|
|
1197
1203
|
clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
|
|
1198
1204
|
}
|
|
1199
1205
|
|
|
@@ -1202,7 +1208,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1202
1208
|
the calculation used to determine the Split Panel maximum width in the
|
|
1203
1209
|
handleSplitPanelMaxWidth function in the context.
|
|
1204
1210
|
*/
|
|
1205
|
-
.
|
|
1211
|
+
.awsui_trigger_hyvsj_17ek5_1174:not(#\9) {
|
|
1206
1212
|
border-block: none;
|
|
1207
1213
|
border-inline: none;
|
|
1208
1214
|
padding-inline: 0;
|
|
@@ -1211,14 +1217,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1211
1217
|
pointer-events: auto;
|
|
1212
1218
|
position: relative;
|
|
1213
1219
|
}
|
|
1214
|
-
body[data-awsui-focus-visible=true] .
|
|
1220
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_17ek5_1174:not(#\9):focus {
|
|
1215
1221
|
position: relative;
|
|
1216
1222
|
}
|
|
1217
|
-
body[data-awsui-focus-visible=true] .
|
|
1223
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_17ek5_1174:not(#\9):focus {
|
|
1218
1224
|
outline: 2px dotted transparent;
|
|
1219
1225
|
outline-offset: calc(3px - 1px);
|
|
1220
1226
|
}
|
|
1221
|
-
body[data-awsui-focus-visible=true] .
|
|
1227
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_17ek5_1174:not(#\9):focus::before {
|
|
1222
1228
|
content: " ";
|
|
1223
1229
|
display: block;
|
|
1224
1230
|
position: absolute;
|
|
@@ -1232,49 +1238,49 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14131_1168:not(#\9):foc
|
|
|
1232
1238
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1233
1239
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
1234
1240
|
}
|
|
1235
|
-
.
|
|
1241
|
+
.awsui_trigger_hyvsj_17ek5_1174:not(#\9):focus {
|
|
1236
1242
|
outline: none;
|
|
1237
1243
|
}
|
|
1238
|
-
.
|
|
1244
|
+
.awsui_trigger_hyvsj_17ek5_1174.awsui_selected_hyvsj_17ek5_1242:not(#\9) {
|
|
1239
1245
|
background: var(--color-background-layout-toggle-selected-default-27rnk6, #006ce0);
|
|
1240
1246
|
color: var(--color-text-layout-toggle-selected-kb3p9r, #ffffff);
|
|
1241
1247
|
}
|
|
1242
|
-
.
|
|
1248
|
+
.awsui_trigger_hyvsj_17ek5_1174.awsui_selected_hyvsj_17ek5_1242:not(#\9):hover {
|
|
1243
1249
|
background: var(--color-background-layout-toggle-selected-hover-eh8bga, #004a9e);
|
|
1244
1250
|
}
|
|
1245
|
-
.
|
|
1251
|
+
.awsui_trigger_hyvsj_17ek5_1174.awsui_selected_hyvsj_17ek5_1242:not(#\9):active {
|
|
1246
1252
|
background: var(--color-background-layout-toggle-selected-active-tv8i8b, #006ce0);
|
|
1247
1253
|
}
|
|
1248
|
-
.
|
|
1254
|
+
.awsui_trigger_hyvsj_17ek5_1174.awsui_selected_hyvsj_17ek5_1242 > .awsui_trigger-badge-wrapper_hyvsj_17ek5_1190:not(#\9) {
|
|
1249
1255
|
background: var(--color-background-layout-toggle-selected-default-27rnk6, #006ce0);
|
|
1250
1256
|
color: var(--color-text-layout-toggle-selected-kb3p9r, #ffffff);
|
|
1251
1257
|
}
|
|
1252
|
-
.
|
|
1258
|
+
.awsui_trigger_hyvsj_17ek5_1174.awsui_selected_hyvsj_17ek5_1242 > .awsui_trigger-badge-wrapper_hyvsj_17ek5_1190:not(#\9):hover {
|
|
1253
1259
|
background: var(--color-background-layout-toggle-selected-hover-eh8bga, #004a9e);
|
|
1254
1260
|
}
|
|
1255
|
-
.
|
|
1261
|
+
.awsui_trigger_hyvsj_17ek5_1174.awsui_selected_hyvsj_17ek5_1242 > .awsui_trigger-badge-wrapper_hyvsj_17ek5_1190:not(#\9):active {
|
|
1256
1262
|
background: var(--color-background-layout-toggle-selected-active-tv8i8b, #006ce0);
|
|
1257
1263
|
}
|
|
1258
|
-
.
|
|
1264
|
+
.awsui_trigger_hyvsj_17ek5_1174.awsui_badge_hyvsj_17ek5_1262:not(#\9), .awsui_trigger_hyvsj_17ek5_1174.awsui_badge_hyvsj_17ek5_1262:not(#\9):hover, .awsui_trigger_hyvsj_17ek5_1174.awsui_badge_hyvsj_17ek5_1262:not(#\9):active {
|
|
1259
1265
|
background: transparent;
|
|
1260
1266
|
}
|
|
1261
1267
|
|
|
1262
|
-
.awsui_trigger-
|
|
1268
|
+
.awsui_trigger-wrapper_hyvsj_17ek5_1266:not(#\9) {
|
|
1263
1269
|
position: relative;
|
|
1264
1270
|
border-start-start-radius: 50%;
|
|
1265
1271
|
border-start-end-radius: 50%;
|
|
1266
1272
|
border-end-start-radius: 50%;
|
|
1267
1273
|
border-end-end-radius: 50%;
|
|
1268
1274
|
}
|
|
1269
|
-
.awsui_trigger-
|
|
1275
|
+
.awsui_trigger-wrapper_hyvsj_17ek5_1266:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_17ek5_669) {
|
|
1270
1276
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1271
1277
|
}
|
|
1272
1278
|
|
|
1273
|
-
.awsui_trigger-wrapper-tooltip-
|
|
1279
|
+
.awsui_trigger-wrapper-tooltip-visible_hyvsj_17ek5_1277:not(#\9) {
|
|
1274
1280
|
/* used in test-utils*/
|
|
1275
1281
|
}
|
|
1276
1282
|
|
|
1277
|
-
.
|
|
1283
|
+
.awsui_dot_hyvsj_17ek5_1281:not(#\9) {
|
|
1278
1284
|
position: absolute;
|
|
1279
1285
|
inline-size: 9px;
|
|
1280
1286
|
block-size: 9px;
|
|
@@ -1287,6 +1293,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14131_1168:not(#\9):foc
|
|
|
1287
1293
|
inset-inline-end: 0;
|
|
1288
1294
|
}
|
|
1289
1295
|
|
|
1290
|
-
.awsui_trigger-
|
|
1296
|
+
.awsui_trigger-tooltip_hyvsj_17ek5_1294:not(#\9) {
|
|
1291
1297
|
/* used in test-utils */
|
|
1292
1298
|
}
|