@cloudscape-design/components 3.0.788 → 3.0.790
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/utils/use-drawers.d.ts.map +1 -1
- package/app-layout/utils/use-drawers.js +14 -7
- package/app-layout/utils/use-drawers.js.map +1 -1
- package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
- package/app-layout/visual-refresh/drawers.js +1 -1
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +85 -85
- package/app-layout/visual-refresh/styles.scoped.css +166 -162
- package/app-layout/visual-refresh/styles.selectors.js +85 -85
- package/app-layout/visual-refresh-toolbar/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/index.js +1 -5
- package/app-layout/visual-refresh-toolbar/index.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/toolbar/drawer-triggers.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/toolbar/drawer-triggers.js +1 -1
- package/app-layout/visual-refresh-toolbar/toolbar/drawer-triggers.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -13
- package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +24 -16
- package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -13
- package/area-chart/chart-container.d.ts +2 -1
- package/area-chart/chart-container.d.ts.map +1 -1
- package/area-chart/chart-container.js +2 -2
- package/area-chart/chart-container.js.map +1 -1
- package/area-chart/internal.d.ts.map +1 -1
- package/area-chart/internal.js +1 -1
- package/area-chart/internal.js.map +1 -1
- package/button/internal.d.ts.map +1 -1
- package/button/internal.js +0 -2
- package/button/internal.js.map +1 -1
- package/collection-preferences/content-display/index.d.ts.map +1 -1
- package/collection-preferences/content-display/index.js +2 -2
- package/collection-preferences/content-display/index.js.map +1 -1
- package/collection-preferences/content-display/utils.d.ts +1 -0
- package/collection-preferences/content-display/utils.d.ts.map +1 -1
- package/collection-preferences/content-display/utils.js +7 -0
- package/collection-preferences/content-display/utils.js.map +1 -1
- package/file-upload/internal.js +1 -1
- package/file-upload/internal.js.map +1 -1
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +149 -156
- package/flashbar/styles.selectors.js +50 -50
- package/internal/analytics/index.d.ts.map +1 -1
- package/internal/analytics/index.js +0 -1
- package/internal/analytics/index.js.map +1 -1
- package/internal/analytics/interfaces.d.ts +0 -8
- package/internal/analytics/interfaces.d.ts.map +1 -1
- package/internal/analytics/interfaces.js.map +1 -1
- package/internal/components/cartesian-chart/chart-container.d.ts +1 -0
- package/internal/components/cartesian-chart/chart-container.d.ts.map +1 -1
- package/internal/components/cartesian-chart/chart-container.js +2 -2
- package/internal/components/cartesian-chart/chart-container.js.map +1 -1
- package/internal/components/cartesian-chart/styles.css.js +28 -27
- package/internal/components/cartesian-chart/styles.scoped.css +34 -31
- package/internal/components/cartesian-chart/styles.selectors.js +28 -27
- package/internal/context/modal-context.d.ts +6 -7
- package/internal/context/modal-context.d.ts.map +1 -1
- package/internal/context/modal-context.js +1 -5
- package/internal/context/modal-context.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/hooks/use-performance-marks/index.d.ts.map +1 -1
- package/internal/hooks/use-performance-marks/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/widgets/index.d.ts +1 -2
- package/internal/widgets/index.d.ts.map +1 -1
- package/internal/widgets/index.js +0 -11
- package/internal/widgets/index.js.map +1 -1
- package/mixed-line-bar-chart/chart-container.d.ts +2 -1
- package/mixed-line-bar-chart/chart-container.d.ts.map +1 -1
- package/mixed-line-bar-chart/chart-container.js +2 -2
- package/mixed-line-bar-chart/chart-container.js.map +1 -1
- package/mixed-line-bar-chart/internal.d.ts.map +1 -1
- package/mixed-line-bar-chart/internal.js +1 -1
- package/mixed-line-bar-chart/internal.js.map +1 -1
- package/modal/internal.d.ts.map +1 -1
- package/modal/internal.js +2 -40
- package/modal/internal.js.map +1 -1
- package/package.json +1 -1
- package/spinner/internal.d.ts.map +1 -1
- package/spinner/internal.js +0 -2
- package/spinner/internal.js.map +1 -1
- package/split-panel/implementation.d.ts +6 -4
- package/split-panel/implementation.d.ts.map +1 -1
- package/split-panel/implementation.js +13 -17
- package/split-panel/implementation.js.map +1 -1
- package/split-panel/index.js +1 -1
- package/split-panel/index.js.map +1 -1
- package/split-panel/internal.d.ts +1 -2
- package/split-panel/internal.d.ts.map +1 -1
- package/internal/hooks/use-modal-component-analytics/index.d.ts +0 -3
- package/internal/hooks/use-modal-component-analytics/index.d.ts.map +0 -1
- package/internal/hooks/use-modal-component-analytics/index.js +0 -35
- package/internal/hooks/use-modal-component-analytics/index.js.map +0 -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_14131_145:not(#\9) {
|
|
146
146
|
display: contents;
|
|
147
147
|
}
|
|
148
|
-
div.
|
|
148
|
+
div.awsui_background_hyvsj_14131_145 > .awsui_scrolling-background_hyvsj_14131_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_t18rz_145 > .awsui_scrolling-background_hyvsj_t18rz_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_14131_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_t18rz_145 > .awsui_scrolling-background_hyvsj_t18rz_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_14131_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_t18rz_145 > .awsui_scrolling-background_hyvsj_t18rz_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_14131_172.awsui_has-open-drawer_hyvsj_14131_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_14131_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_14131_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_t18rz_145 > .awsui_scrolling-background_hyvsj_t18rz_1
|
|
|
201
201
|
relative to the body.
|
|
202
202
|
*/
|
|
203
203
|
}
|
|
204
|
-
.awsui_drawers-
|
|
204
|
+
.awsui_drawers-container_hyvsj_14131_172.awsui_disable-body-scroll_hyvsj_14131_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_14131_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_t18rz_145 > .awsui_scrolling-background_hyvsj_t18rz_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_14131_209:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14131_250).awsui_has-open-drawer_hyvsj_14131_183 {
|
|
252
252
|
inline-size: 0;
|
|
253
253
|
}
|
|
254
|
-
.awsui_drawers-desktop-triggers-
|
|
254
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_14131_209.awsui_has-multiple-triggers_hyvsj_14131_250.awsui_has-open-drawer_hyvsj_14131_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_14131_209:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14131_250):not(.awsui_has-open-drawer_hyvsj_14131_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_14131_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_14131_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_t18rz_145 > .awsui_scrolling-background_hyvsj_t18rz_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_14131_265:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14131_250).awsui_has-open-drawer_hyvsj_14131_183 {
|
|
275
275
|
opacity: 0;
|
|
276
276
|
}
|
|
277
|
-
.awsui_drawers-trigger-
|
|
277
|
+
.awsui_drawers-trigger-content_hyvsj_14131_265:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_14131_250):not(.awsui_has-open-drawer_hyvsj_14131_183) {
|
|
278
278
|
opacity: 1;
|
|
279
279
|
}
|
|
280
|
-
.awsui_drawers-trigger-
|
|
280
|
+
.awsui_drawers-trigger-content_hyvsj_14131_265 > .awsui_drawers-trigger-overflow_hyvsj_14131_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_t18rz_145 > .awsui_scrolling-background_hyvsj_t18rz_1
|
|
|
286
286
|
}
|
|
287
287
|
|
|
288
288
|
@media (max-width: 688px) {
|
|
289
|
-
.awsui_drawers-
|
|
289
|
+
.awsui_drawers-trigger_hyvsj_14131_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_14131_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_t18rz_145 > .awsui_scrolling-background_hyvsj_t18rz_1
|
|
|
308
308
|
pointer-events: auto;
|
|
309
309
|
word-wrap: break-word;
|
|
310
310
|
}
|
|
311
|
-
.
|
|
311
|
+
.awsui_drawer_hyvsj_14131_172 > .awsui_drawer-content-container_hyvsj_14131_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,41 @@ div.awsui_background_hyvsj_t18rz_145 > .awsui_scrolling-background_hyvsj_t18rz_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_14131_172 > .awsui_drawer-content-container_hyvsj_14131_310 > .awsui_drawer-close-button_hyvsj_14131_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_14131_172 > .awsui_drawer-content-container_hyvsj_14131_310 > .awsui_drawer-content_hyvsj_14131_310:not(#\9) {
|
|
326
326
|
grid-column: 1/span 4;
|
|
327
327
|
}
|
|
328
|
-
.
|
|
328
|
+
.awsui_drawer_hyvsj_14131_172 > .awsui_drawer-content-container_hyvsj_14131_310 > .awsui_drawer-content_hyvsj_14131_310.awsui_drawer-content-hidden_hyvsj_14131_327:not(#\9) {
|
|
329
329
|
display: none;
|
|
330
330
|
}
|
|
331
|
-
.
|
|
331
|
+
.awsui_drawer_hyvsj_14131_172 > .awsui_drawer-slider_hyvsj_14131_330:not(#\9) {
|
|
332
332
|
grid-column: 1;
|
|
333
333
|
grid-row: 1;
|
|
334
334
|
block-size: 100%;
|
|
335
335
|
display: flex;
|
|
336
336
|
align-items: center;
|
|
337
337
|
}
|
|
338
|
-
.
|
|
338
|
+
.awsui_drawer_hyvsj_14131_172:not(#\9):not(.awsui_is-drawer-open_hyvsj_14131_337) {
|
|
339
339
|
opacity: 0;
|
|
340
340
|
inline-size: 0;
|
|
341
341
|
}
|
|
342
|
-
.
|
|
342
|
+
.awsui_drawer_hyvsj_14131_172.awsui_is-drawer-open_hyvsj_14131_337:not(#\9) {
|
|
343
343
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
344
344
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
345
345
|
opacity: 1;
|
|
346
346
|
inline-size: var(--awsui-drawer-size-g964ok);
|
|
347
347
|
}
|
|
348
348
|
@media (min-width: 2541px) {
|
|
349
|
-
.
|
|
349
|
+
.awsui_drawer_hyvsj_14131_172.awsui_is-drawer-open_hyvsj_14131_337:not(#\9) {
|
|
350
350
|
--awsui-drawer-size-g964ok: 320px;
|
|
351
351
|
}
|
|
352
352
|
}
|
|
353
353
|
@media (max-width: 688px) {
|
|
354
|
-
.
|
|
354
|
+
.awsui_drawer_hyvsj_14131_172.awsui_is-drawer-open_hyvsj_14131_337:not(#\9) {
|
|
355
355
|
--awsui-drawer-size-g964ok: 100vw;
|
|
356
356
|
inline-size: 100vw;
|
|
357
357
|
}
|
|
@@ -361,7 +361,7 @@ div.awsui_background_hyvsj_t18rz_145 > .awsui_scrolling-background_hyvsj_t18rz_1
|
|
|
361
361
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
362
362
|
SPDX-License-Identifier: Apache-2.0
|
|
363
363
|
*/
|
|
364
|
-
header.
|
|
364
|
+
header.awsui_content_hyvsj_14131_363:not(#\9) {
|
|
365
365
|
grid-area: header;
|
|
366
366
|
}
|
|
367
367
|
|
|
@@ -386,7 +386,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
386
386
|
circumstances regardless of whether the minContentWidth property is
|
|
387
387
|
explicitly set in script.
|
|
388
388
|
*/
|
|
389
|
-
.
|
|
389
|
+
.awsui_layout_hyvsj_14131_388:not(#\9) {
|
|
390
390
|
--awsui-breadcrumbs-gap-g964ok: 0px;
|
|
391
391
|
--awsui-content-gap-left-g964ok: 0px;
|
|
392
392
|
--awsui-content-gap-right-g964ok: 0px;
|
|
@@ -458,113 +458,113 @@ explicitly set in script.
|
|
|
458
458
|
*/
|
|
459
459
|
}
|
|
460
460
|
@media (min-width: 1401px) {
|
|
461
|
-
.
|
|
461
|
+
.awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460) {
|
|
462
462
|
--awsui-default-max-content-width-g964ok: 1280px;
|
|
463
463
|
}
|
|
464
464
|
}
|
|
465
465
|
@media (min-width: 1921px) {
|
|
466
|
-
.
|
|
466
|
+
.awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460) {
|
|
467
467
|
--awsui-default-max-content-width-g964ok: 1440px;
|
|
468
468
|
}
|
|
469
469
|
}
|
|
470
470
|
@media (min-width: 2541px) {
|
|
471
|
-
.
|
|
471
|
+
.awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460) {
|
|
472
472
|
--awsui-default-max-content-width-g964ok: 1620px;
|
|
473
473
|
}
|
|
474
474
|
}
|
|
475
475
|
@media (min-width: 1401px) {
|
|
476
|
-
.
|
|
476
|
+
.awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460).awsui_content-type-dashboard_hyvsj_14131_475 {
|
|
477
477
|
--awsui-default-max-content-width-g964ok: 1280px;
|
|
478
478
|
}
|
|
479
479
|
}
|
|
480
480
|
@media (min-width: 1921px) {
|
|
481
|
-
.
|
|
481
|
+
.awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460).awsui_content-type-dashboard_hyvsj_14131_475 {
|
|
482
482
|
--awsui-default-max-content-width-g964ok: 1620px;
|
|
483
483
|
}
|
|
484
484
|
}
|
|
485
485
|
@media (min-width: 2541px) {
|
|
486
|
-
.
|
|
486
|
+
.awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460).awsui_content-type-dashboard_hyvsj_14131_475 {
|
|
487
487
|
--awsui-default-max-content-width-g964ok: 2160px;
|
|
488
488
|
}
|
|
489
489
|
}
|
|
490
|
-
.
|
|
490
|
+
.awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460).awsui_content-type-table_hyvsj_14131_489, .awsui_layout_hyvsj_14131_388:not(#\9):not(.awsui_has-max-content-width_hyvsj_14131_460).awsui_content-type-cards_hyvsj_14131_489 {
|
|
491
491
|
--awsui-default-max-content-width-g964ok: 100%;
|
|
492
492
|
}
|
|
493
|
-
.
|
|
493
|
+
.awsui_layout_hyvsj_14131_388.awsui_has-max-content-width_hyvsj_14131_460:not(#\9) {
|
|
494
494
|
--awsui-default-max-content-width-g964ok: var(--awsui-max-content-width-g964ok);
|
|
495
495
|
}
|
|
496
|
-
.
|
|
496
|
+
.awsui_layout_hyvsj_14131_388.awsui_is-overlap-disabled_hyvsj_14131_495:not(#\9) {
|
|
497
497
|
--awsui-overlap-height-g964ok: 0;
|
|
498
498
|
}
|
|
499
|
-
.
|
|
499
|
+
.awsui_layout_hyvsj_14131_388.awsui_is-hide-mobile-toolbar_hyvsj_14131_498:not(#\9) {
|
|
500
500
|
--awsui-mobile-bar-height-g964ok: 0px;
|
|
501
501
|
}
|
|
502
502
|
@media (min-width: 993px) {
|
|
503
|
-
.
|
|
503
|
+
.awsui_layout_hyvsj_14131_388:not(#\9) {
|
|
504
504
|
--awsui-default-min-content-width-g964ok: var(--awsui-min-content-width-g964ok, 280px);
|
|
505
505
|
}
|
|
506
506
|
}
|
|
507
507
|
@media (max-width: 992px) {
|
|
508
|
-
.
|
|
508
|
+
.awsui_layout_hyvsj_14131_388:not(#\9) {
|
|
509
509
|
--awsui-default-min-content-width-g964ok: 0px;
|
|
510
510
|
}
|
|
511
511
|
}
|
|
512
512
|
@media (min-width: 689px) {
|
|
513
|
-
.
|
|
513
|
+
.awsui_layout_hyvsj_14131_388.awsui_has-content-gap-left_hyvsj_14131_512:not(#\9) {
|
|
514
514
|
--awsui-content-gap-left-g964ok: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
515
515
|
}
|
|
516
|
-
.
|
|
516
|
+
.awsui_layout_hyvsj_14131_388.awsui_has-content-gap-right_hyvsj_14131_515:not(#\9) {
|
|
517
517
|
--awsui-content-gap-right-g964ok: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
518
518
|
}
|
|
519
519
|
}
|
|
520
520
|
@media (max-width: 688px) {
|
|
521
|
-
.
|
|
521
|
+
.awsui_layout_hyvsj_14131_388:not(#\9) {
|
|
522
522
|
--awsui-content-gap-left-g964ok: var(--space-l-t419sm, 20px);
|
|
523
523
|
--awsui-content-gap-right-g964ok: var(--space-l-t419sm, 20px);
|
|
524
524
|
}
|
|
525
525
|
}
|
|
526
|
-
.
|
|
526
|
+
.awsui_layout_hyvsj_14131_388.awsui_has-breadcrumbs_hyvsj_14131_525:not(#\9) {
|
|
527
527
|
--awsui-breadcrumbs-gap-g964ok: var(--space-scaled-m-mo5yse, 16px);
|
|
528
528
|
}
|
|
529
|
-
.
|
|
529
|
+
.awsui_layout_hyvsj_14131_388.awsui_content-first-child-header_hyvsj_14131_528:not(#\9), .awsui_layout_hyvsj_14131_388.awsui_content-first-child-notifications_hyvsj_14131_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14131_525).awsui_has-header_hyvsj_14131_528 {
|
|
530
530
|
--awsui-header-gap-g964ok: var(--space-scaled-xs-26e2du, 8px);
|
|
531
531
|
}
|
|
532
|
-
.
|
|
532
|
+
.awsui_layout_hyvsj_14131_388.awsui_has-breadcrumbs_hyvsj_14131_525.awsui_has-header_hyvsj_14131_528:not(#\9) {
|
|
533
533
|
--awsui-header-gap-g964ok: var(--space-scaled-xs-26e2du, 8px);
|
|
534
534
|
}
|
|
535
|
-
.
|
|
535
|
+
.awsui_layout_hyvsj_14131_388.awsui_content-first-child-notifications_hyvsj_14131_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14131_525):not(.awsui_has-header_hyvsj_14131_528) {
|
|
536
536
|
--awsui-main-gap-g964ok: var(--space-xs-zb16t3, 8px);
|
|
537
537
|
}
|
|
538
|
-
.
|
|
538
|
+
.awsui_layout_hyvsj_14131_388.awsui_has-breadcrumbs_hyvsj_14131_525:not(#\9):not(.awsui_has-header_hyvsj_14131_528) {
|
|
539
539
|
--awsui-main-gap-g964ok: var(--space-scaled-xxs-7597g1, 4px);
|
|
540
540
|
}
|
|
541
|
-
.
|
|
541
|
+
.awsui_layout_hyvsj_14131_388.awsui_has-header_hyvsj_14131_528:not(#\9) {
|
|
542
542
|
--awsui-main-gap-g964ok: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
543
543
|
}
|
|
544
|
-
.
|
|
544
|
+
.awsui_layout_hyvsj_14131_388.awsui_content-first-child-main_hyvsj_14131_543:not(#\9):not(.awsui_disable-content-paddings_hyvsj_14131_543) {
|
|
545
545
|
--awsui-main-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
546
546
|
}
|
|
547
|
-
.
|
|
547
|
+
.awsui_layout_hyvsj_14131_388.awsui_content-first-child-main_hyvsj_14131_543.awsui_disable-content-paddings_hyvsj_14131_543:not(#\9) {
|
|
548
548
|
--awsui-main-gap-g964ok: 0px;
|
|
549
549
|
}
|
|
550
550
|
@media (max-width: 688px) {
|
|
551
|
-
.
|
|
551
|
+
.awsui_layout_hyvsj_14131_388.awsui_content-first-child-header_hyvsj_14131_528:not(#\9) {
|
|
552
552
|
--awsui-header-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
553
553
|
}
|
|
554
|
-
.
|
|
554
|
+
.awsui_layout_hyvsj_14131_388.awsui_content-first-child-notifications_hyvsj_14131_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14131_525).awsui_has-header_hyvsj_14131_528 {
|
|
555
555
|
--awsui-header-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
556
556
|
}
|
|
557
|
-
.
|
|
557
|
+
.awsui_layout_hyvsj_14131_388.awsui_content-first-child-notifications_hyvsj_14131_528:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_14131_525):not(.awsui_has-header_hyvsj_14131_528), .awsui_layout_hyvsj_14131_388.awsui_content-first-child-main_hyvsj_14131_543:not(#\9):not(.awsui_disable-content-paddings_hyvsj_14131_543) {
|
|
558
558
|
--awsui-main-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
559
559
|
}
|
|
560
|
-
.
|
|
560
|
+
.awsui_layout_hyvsj_14131_388.awsui_content-first-child-main_hyvsj_14131_543.awsui_disable-content-paddings_hyvsj_14131_543:not(#\9) {
|
|
561
561
|
--awsui-main-gap-g964ok: 0px;
|
|
562
562
|
}
|
|
563
563
|
}
|
|
564
|
-
.
|
|
564
|
+
.awsui_layout_hyvsj_14131_388.awsui_has-left-toggles-gutter_hyvsj_14131_563:not(#\9) {
|
|
565
565
|
--awsui-toggles-left-width-g964ok: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
566
566
|
}
|
|
567
|
-
.
|
|
567
|
+
.awsui_layout_hyvsj_14131_388.awsui_has-right-toggles-gutter_hyvsj_14131_566:not(#\9) {
|
|
568
568
|
--awsui-toggles-right-width-g964ok: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
569
569
|
}
|
|
570
570
|
|
|
@@ -578,13 +578,13 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
578
578
|
position: sticky will be the value of the notifications height in addition to the
|
|
579
579
|
notifications top margin and some additional vertical space for aesthetics.
|
|
580
580
|
*/
|
|
581
|
-
.
|
|
581
|
+
.awsui_layout_hyvsj_14131_388.awsui_disable-body-scroll_hyvsj_14131_204:not(#\9) {
|
|
582
582
|
--awsui-main-template-rows-g964ok: 1fr auto;
|
|
583
583
|
--awsui-offset-top-g964ok: 0px;
|
|
584
584
|
block-size: var(--awsui-content-height-g964ok);
|
|
585
585
|
overflow-y: scroll;
|
|
586
586
|
}
|
|
587
|
-
.
|
|
587
|
+
.awsui_layout_hyvsj_14131_388.awsui_disable-body-scroll_hyvsj_14131_204.awsui_has-split-panel_hyvsj_14131_586.awsui_split-panel-position-bottom_hyvsj_14131_586:not(#\9) {
|
|
588
588
|
--awsui-main-template-rows-g964ok: repeat(2, auto);
|
|
589
589
|
}
|
|
590
590
|
|
|
@@ -592,13 +592,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
592
592
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
593
593
|
when the navigation or tools drawers are open in responsive viewports.
|
|
594
594
|
*/
|
|
595
|
-
.awsui_block-body-
|
|
595
|
+
.awsui_block-body-scroll_hyvsj_14131_594:not(#\9) {
|
|
596
596
|
overflow: hidden;
|
|
597
597
|
}
|
|
598
598
|
|
|
599
599
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
600
|
-
.
|
|
601
|
-
.
|
|
600
|
+
.awsui_unfocusable_hyvsj_14131_599:not(#\9),
|
|
601
|
+
.awsui_unfocusable_hyvsj_14131_599 *:not(#\9) {
|
|
602
602
|
visibility: hidden !important;
|
|
603
603
|
}
|
|
604
604
|
|
|
@@ -607,7 +607,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
607
607
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
608
608
|
SPDX-License-Identifier: Apache-2.0
|
|
609
609
|
*/
|
|
610
|
-
.
|
|
610
|
+
.awsui_container_hyvsj_14131_609:not(#\9) {
|
|
611
611
|
grid-area: main;
|
|
612
612
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
613
613
|
/*
|
|
@@ -624,19 +624,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
624
624
|
on the right, we decrement the column end by one.
|
|
625
625
|
*/
|
|
626
626
|
}
|
|
627
|
-
.
|
|
627
|
+
.awsui_container_hyvsj_14131_609.awsui_has-split-panel_hyvsj_14131_586.awsui_split-panel-position-bottom_hyvsj_14131_586:not(#\9) {
|
|
628
628
|
padding-block-end: calc(var(--awsui-split-panel-height-g964ok) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
629
629
|
}
|
|
630
|
-
.
|
|
630
|
+
.awsui_container_hyvsj_14131_609.awsui_disable-content-paddings_hyvsj_14131_543:not(#\9) {
|
|
631
631
|
grid-column: 1/6;
|
|
632
632
|
padding-block: 0;
|
|
633
633
|
padding-inline: 0;
|
|
634
634
|
}
|
|
635
635
|
@media (min-width: 689px) {
|
|
636
|
-
.
|
|
636
|
+
.awsui_container_hyvsj_14131_609.awsui_disable-content-paddings_hyvsj_14131_543.awsui_is-navigation-open_hyvsj_14131_635:not(#\9) {
|
|
637
637
|
grid-column-start: 2;
|
|
638
638
|
}
|
|
639
|
-
.
|
|
639
|
+
.awsui_container_hyvsj_14131_609.awsui_disable-content-paddings_hyvsj_14131_543.awsui_is-tools-open_hyvsj_14131_638:not(#\9), .awsui_container_hyvsj_14131_609.awsui_disable-content-paddings_hyvsj_14131_543.awsui_is-split-panel-open_hyvsj_14131_638.awsui_split-panel-position-side_hyvsj_14131_638:not(#\9), .awsui_container_hyvsj_14131_609.awsui_disable-content-paddings_hyvsj_14131_543.awsui_has-active-drawer_hyvsj_14131_638:not(#\9) {
|
|
640
640
|
grid-column-end: 5;
|
|
641
641
|
}
|
|
642
642
|
}
|
|
@@ -645,7 +645,11 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
645
645
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
646
646
|
SPDX-License-Identifier: Apache-2.0
|
|
647
647
|
*/
|
|
648
|
-
|
|
648
|
+
/*
|
|
649
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
650
|
+
SPDX-License-Identifier: Apache-2.0
|
|
651
|
+
*/
|
|
652
|
+
section.awsui_mobile-toolbar_hyvsj_14131_651:not(#\9) {
|
|
649
653
|
align-items: center;
|
|
650
654
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
651
655
|
border-block-end: 1px solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
@@ -662,19 +666,19 @@ section.awsui_mobile-toolbar_hyvsj_t18rz_647:not(#\9) {
|
|
|
662
666
|
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
663
667
|
z-index: 1000;
|
|
664
668
|
}
|
|
665
|
-
section.awsui_mobile-
|
|
669
|
+
section.awsui_mobile-toolbar_hyvsj_14131_651:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_14131_668) {
|
|
666
670
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
667
671
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
668
672
|
}
|
|
669
|
-
section.awsui_mobile-
|
|
673
|
+
section.awsui_mobile-toolbar_hyvsj_14131_651 > .awsui_mobile-toolbar-nav_hyvsj_14131_672:not(#\9) {
|
|
670
674
|
grid-column: 1;
|
|
671
675
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
672
676
|
}
|
|
673
|
-
section.awsui_mobile-
|
|
677
|
+
section.awsui_mobile-toolbar_hyvsj_14131_651 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_14131_676:not(#\9) {
|
|
674
678
|
grid-column: 2;
|
|
675
679
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
676
680
|
}
|
|
677
|
-
section.awsui_mobile-
|
|
681
|
+
section.awsui_mobile-toolbar_hyvsj_14131_651 > .awsui_mobile-toolbar-tools_hyvsj_14131_680:not(#\9) {
|
|
678
682
|
grid-column: 3;
|
|
679
683
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
680
684
|
}
|
|
@@ -683,7 +687,7 @@ section.awsui_mobile-toolbar_hyvsj_t18rz_647 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
683
687
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
684
688
|
SPDX-License-Identifier: Apache-2.0
|
|
685
689
|
*/
|
|
686
|
-
.awsui_navigation-
|
|
690
|
+
.awsui_navigation-container_hyvsj_14131_689:not(#\9) {
|
|
687
691
|
display: flex;
|
|
688
692
|
grid-column: 1;
|
|
689
693
|
grid-row: 1/span 9;
|
|
@@ -704,7 +708,7 @@ section.awsui_mobile-toolbar_hyvsj_t18rz_647 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
704
708
|
pointer-events: none;
|
|
705
709
|
}
|
|
706
710
|
@media (max-width: 688px) {
|
|
707
|
-
.awsui_navigation-
|
|
711
|
+
.awsui_navigation-container_hyvsj_14131_689:not(#\9) {
|
|
708
712
|
inset-inline-start: 0;
|
|
709
713
|
position: fixed;
|
|
710
714
|
z-index: 1001;
|
|
@@ -716,12 +720,12 @@ section.awsui_mobile-toolbar_hyvsj_t18rz_647 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
716
720
|
relative to the body.
|
|
717
721
|
*/
|
|
718
722
|
}
|
|
719
|
-
.awsui_navigation-
|
|
723
|
+
.awsui_navigation-container_hyvsj_14131_689.awsui_disable-body-scroll_hyvsj_14131_204:not(#\9) {
|
|
720
724
|
inset-block-start: var(--awsui-header-height-g964ok);
|
|
721
725
|
}
|
|
722
726
|
}
|
|
723
727
|
|
|
724
|
-
nav.awsui_show-
|
|
728
|
+
nav.awsui_show-navigation_hyvsj_14131_727:not(#\9) {
|
|
725
729
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
726
730
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
727
731
|
/*
|
|
@@ -729,7 +733,7 @@ nav.awsui_show-navigation_hyvsj_t18rz_723:not(#\9) {
|
|
|
729
733
|
take control in responsive viewports.
|
|
730
734
|
*/
|
|
731
735
|
}
|
|
732
|
-
@keyframes
|
|
736
|
+
@keyframes awsui_showButtons_hyvsj_14131_1 {
|
|
733
737
|
0% {
|
|
734
738
|
opacity: 0;
|
|
735
739
|
}
|
|
@@ -737,31 +741,31 @@ nav.awsui_show-navigation_hyvsj_t18rz_723:not(#\9) {
|
|
|
737
741
|
opacity: 1;
|
|
738
742
|
}
|
|
739
743
|
}
|
|
740
|
-
nav.awsui_show-
|
|
744
|
+
nav.awsui_show-navigation_hyvsj_14131_727.awsui_is-navigation-open_hyvsj_14131_635:not(#\9) {
|
|
741
745
|
display: none;
|
|
742
746
|
}
|
|
743
747
|
@media (min-width: 689px) {
|
|
744
|
-
nav.awsui_show-
|
|
748
|
+
nav.awsui_show-navigation_hyvsj_14131_727:not(#\9):not(.awsui_is-navigation-open_hyvsj_14131_635) {
|
|
745
749
|
display: block;
|
|
746
750
|
}
|
|
747
|
-
nav.awsui_show-
|
|
748
|
-
animation:
|
|
751
|
+
nav.awsui_show-navigation_hyvsj_14131_727:not(#\9):not(.awsui_is-navigation-open_hyvsj_14131_635).awsui_animating_hyvsj_14131_750 {
|
|
752
|
+
animation: awsui_showButtons_hyvsj_14131_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
749
753
|
}
|
|
750
754
|
}
|
|
751
755
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
752
|
-
nav.awsui_show-
|
|
756
|
+
nav.awsui_show-navigation_hyvsj_14131_727:not(#\9):not(.awsui_is-navigation-open_hyvsj_14131_635).awsui_animating_hyvsj_14131_750 {
|
|
753
757
|
animation: none;
|
|
754
758
|
transition: none;
|
|
755
759
|
}
|
|
756
760
|
}
|
|
757
761
|
@media (min-width: 689px) {
|
|
758
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
762
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_14131_727:not(#\9):not(.awsui_is-navigation-open_hyvsj_14131_635).awsui_animating_hyvsj_14131_750, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_14131_727:not(#\9):not(.awsui_is-navigation-open_hyvsj_14131_635).awsui_animating_hyvsj_14131_750 {
|
|
759
763
|
animation: none;
|
|
760
764
|
transition: none;
|
|
761
765
|
}
|
|
762
766
|
}
|
|
763
767
|
|
|
764
|
-
nav.
|
|
768
|
+
nav.awsui_navigation_hyvsj_14131_689:not(#\9) {
|
|
765
769
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
766
770
|
inset-block-end: 0;
|
|
767
771
|
block-size: 100%;
|
|
@@ -779,7 +783,7 @@ nav.awsui_navigation_hyvsj_t18rz_685:not(#\9) {
|
|
|
779
783
|
prevent unwanted text wrapping.
|
|
780
784
|
*/
|
|
781
785
|
}
|
|
782
|
-
@keyframes
|
|
786
|
+
@keyframes awsui_openNavigation_hyvsj_14131_1 {
|
|
783
787
|
from {
|
|
784
788
|
opacity: 0;
|
|
785
789
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -789,33 +793,33 @@ nav.awsui_navigation_hyvsj_t18rz_685:not(#\9) {
|
|
|
789
793
|
inline-size: var(--awsui-navigation-width-g964ok);
|
|
790
794
|
}
|
|
791
795
|
}
|
|
792
|
-
nav.
|
|
796
|
+
nav.awsui_navigation_hyvsj_14131_689:not(#\9):not(.awsui_is-navigation-open_hyvsj_14131_635) {
|
|
793
797
|
inline-size: 0;
|
|
794
798
|
display: none;
|
|
795
799
|
}
|
|
796
|
-
nav.
|
|
797
|
-
animation:
|
|
800
|
+
nav.awsui_navigation_hyvsj_14131_689.awsui_is-navigation-open_hyvsj_14131_635.awsui_animating_hyvsj_14131_750:not(#\9) {
|
|
801
|
+
animation: awsui_openNavigation_hyvsj_14131_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
798
802
|
}
|
|
799
803
|
@media (prefers-reduced-motion: reduce) {
|
|
800
|
-
nav.
|
|
804
|
+
nav.awsui_navigation_hyvsj_14131_689.awsui_is-navigation-open_hyvsj_14131_635.awsui_animating_hyvsj_14131_750:not(#\9) {
|
|
801
805
|
animation: none;
|
|
802
806
|
transition: none;
|
|
803
807
|
}
|
|
804
808
|
}
|
|
805
|
-
.awsui-motion-disabled nav.
|
|
809
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_14131_689.awsui_is-navigation-open_hyvsj_14131_635.awsui_animating_hyvsj_14131_750:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_14131_689.awsui_is-navigation-open_hyvsj_14131_635.awsui_animating_hyvsj_14131_750:not(#\9) {
|
|
806
810
|
animation: none;
|
|
807
811
|
transition: none;
|
|
808
812
|
}
|
|
809
|
-
nav.
|
|
813
|
+
nav.awsui_navigation_hyvsj_14131_689 > .awsui_animated-content_hyvsj_14131_812:not(#\9) {
|
|
810
814
|
inline-size: var(--awsui-navigation-width-g964ok);
|
|
811
815
|
}
|
|
812
816
|
@media (max-width: 688px) {
|
|
813
|
-
nav.
|
|
817
|
+
nav.awsui_navigation_hyvsj_14131_689:not(#\9) {
|
|
814
818
|
--awsui-navigation-width-g964ok: 100vw;
|
|
815
819
|
}
|
|
816
820
|
}
|
|
817
821
|
|
|
818
|
-
.awsui_hide-
|
|
822
|
+
.awsui_hide-navigation_hyvsj_14131_821:not(#\9) {
|
|
819
823
|
position: absolute;
|
|
820
824
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
821
825
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -825,24 +829,24 @@ nav.awsui_navigation_hyvsj_t18rz_685 > .awsui_animated-content_hyvsj_t18rz_808:n
|
|
|
825
829
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
826
830
|
SPDX-License-Identifier: Apache-2.0
|
|
827
831
|
*/
|
|
828
|
-
.
|
|
832
|
+
.awsui_notifications_hyvsj_14131_831:not(#\9) {
|
|
829
833
|
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
830
834
|
grid-area: notifications;
|
|
831
835
|
z-index: 850;
|
|
832
836
|
}
|
|
833
|
-
.
|
|
837
|
+
.awsui_notifications_hyvsj_14131_831.awsui_has-notification-content_hyvsj_14131_836:not(#\9) {
|
|
834
838
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
835
839
|
}
|
|
836
840
|
@media (min-width: 689px) {
|
|
837
|
-
.
|
|
841
|
+
.awsui_notifications_hyvsj_14131_831.awsui_sticky-notifications_hyvsj_14131_840:not(#\9) {
|
|
838
842
|
--awsui-flashbar-sticky-bottom-margin-g964ok: var(--space-xxl-cu2m1r, 32px);
|
|
839
843
|
position: sticky;
|
|
840
844
|
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
841
845
|
}
|
|
842
|
-
.
|
|
846
|
+
.awsui_notifications_hyvsj_14131_831.awsui_sticky-notifications_hyvsj_14131_840:not(#\9):not(.awsui_high-contrast_hyvsj_14131_845) {
|
|
843
847
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
844
848
|
}
|
|
845
|
-
.
|
|
849
|
+
.awsui_notifications_hyvsj_14131_831.awsui_has-notification-content_hyvsj_14131_836:not(#\9) {
|
|
846
850
|
padding-block-start: var(--space-xs-zb16t3, 8px);
|
|
847
851
|
}
|
|
848
852
|
}
|
|
@@ -857,7 +861,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
857
861
|
consume the remaining vertical space in the grid after the notifications
|
|
858
862
|
and breadcrumbs.
|
|
859
863
|
*/
|
|
860
|
-
section.awsui_split-panel-
|
|
864
|
+
section.awsui_split-panel-bottom_hyvsj_14131_863:not(#\9) {
|
|
861
865
|
/*
|
|
862
866
|
The align self property will position the split panel at the bottom of the grid row.
|
|
863
867
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -893,7 +897,7 @@ section.awsui_split-panel-bottom_hyvsj_t18rz_859:not(#\9) {
|
|
|
893
897
|
apply the animation to the height property.
|
|
894
898
|
*/
|
|
895
899
|
}
|
|
896
|
-
@keyframes
|
|
900
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_14131_1 {
|
|
897
901
|
from {
|
|
898
902
|
block-size: var(--awsui-split-panel-reported-header-size-g964ok, 0);
|
|
899
903
|
}
|
|
@@ -901,39 +905,39 @@ section.awsui_split-panel-bottom_hyvsj_t18rz_859:not(#\9) {
|
|
|
901
905
|
block-size: var(--awsui-split-panel-reported-size-g964ok);
|
|
902
906
|
}
|
|
903
907
|
}
|
|
904
|
-
section.awsui_split-panel-
|
|
908
|
+
section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_disable-body-scroll_hyvsj_14131_204:not(#\9) {
|
|
905
909
|
inset-block-end: 0;
|
|
906
910
|
}
|
|
907
|
-
section.awsui_split-panel-
|
|
911
|
+
section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_is-navigation-open_hyvsj_14131_635.awsui_position-bottom_hyvsj_14131_910:not(#\9) {
|
|
908
912
|
grid-column-start: 2;
|
|
909
913
|
}
|
|
910
|
-
section.awsui_split-panel-
|
|
914
|
+
section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_has-open-drawer_hyvsj_14131_183.awsui_position-bottom_hyvsj_14131_910:not(#\9) {
|
|
911
915
|
grid-column-end: 5;
|
|
912
916
|
}
|
|
913
|
-
section.awsui_split-panel-
|
|
917
|
+
section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_position-bottom_hyvsj_14131_910:not(#\9) {
|
|
914
918
|
display: block;
|
|
915
919
|
}
|
|
916
|
-
section.awsui_split-panel-
|
|
920
|
+
section.awsui_split-panel-bottom_hyvsj_14131_863:not(#\9):not(.awsui_is-split-panel-open_hyvsj_14131_638).awsui_position-bottom_hyvsj_14131_910 {
|
|
917
921
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
918
922
|
}
|
|
919
|
-
section.awsui_split-panel-
|
|
923
|
+
section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_is-split-panel-open_hyvsj_14131_638.awsui_position-bottom_hyvsj_14131_910:not(#\9) {
|
|
920
924
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
921
925
|
}
|
|
922
|
-
section.awsui_split-panel-
|
|
923
|
-
animation:
|
|
926
|
+
section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_is-split-panel-open_hyvsj_14131_638.awsui_position-bottom_hyvsj_14131_910.awsui_animating_hyvsj_14131_750:not(#\9) {
|
|
927
|
+
animation: awsui_openSplitPanelBottom_hyvsj_14131_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
924
928
|
}
|
|
925
929
|
@media (prefers-reduced-motion: reduce) {
|
|
926
|
-
section.awsui_split-panel-
|
|
930
|
+
section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_is-split-panel-open_hyvsj_14131_638.awsui_position-bottom_hyvsj_14131_910.awsui_animating_hyvsj_14131_750:not(#\9) {
|
|
927
931
|
animation: none;
|
|
928
932
|
transition: none;
|
|
929
933
|
}
|
|
930
934
|
}
|
|
931
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
935
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_is-split-panel-open_hyvsj_14131_638.awsui_position-bottom_hyvsj_14131_910.awsui_animating_hyvsj_14131_750:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_14131_863.awsui_is-split-panel-open_hyvsj_14131_638.awsui_position-bottom_hyvsj_14131_910.awsui_animating_hyvsj_14131_750:not(#\9) {
|
|
932
936
|
animation: none;
|
|
933
937
|
transition: none;
|
|
934
938
|
}
|
|
935
939
|
|
|
936
|
-
section.awsui_split-panel-
|
|
940
|
+
section.awsui_split-panel-side_hyvsj_14131_939:not(#\9) {
|
|
937
941
|
block-size: 100%;
|
|
938
942
|
overflow-x: hidden;
|
|
939
943
|
pointer-events: auto;
|
|
@@ -943,15 +947,15 @@ section.awsui_split-panel-side_hyvsj_t18rz_935:not(#\9) {
|
|
|
943
947
|
be persistent in the DOM when closed.
|
|
944
948
|
*/
|
|
945
949
|
}
|
|
946
|
-
section.awsui_split-panel-
|
|
950
|
+
section.awsui_split-panel-side_hyvsj_14131_939:not(#\9):not(.awsui_is-split-panel-open_hyvsj_14131_638), section.awsui_split-panel-side_hyvsj_14131_939.awsui_position-bottom_hyvsj_14131_910:not(#\9) {
|
|
947
951
|
inline-size: 0;
|
|
948
952
|
}
|
|
949
|
-
section.awsui_split-panel-
|
|
953
|
+
section.awsui_split-panel-side_hyvsj_14131_939.awsui_is-split-panel-open_hyvsj_14131_638.awsui_position-side_hyvsj_14131_952:not(#\9) {
|
|
950
954
|
max-inline-size: var(--awsui-split-panel-max-width-g964ok, 280px);
|
|
951
955
|
min-inline-size: var(--awsui-split-panel-min-width-g964ok, 280px);
|
|
952
956
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
953
957
|
}
|
|
954
|
-
section.awsui_split-panel-
|
|
958
|
+
section.awsui_split-panel-side_hyvsj_14131_939.awsui_is-split-panel-open_hyvsj_14131_638.awsui_position-side_hyvsj_14131_952:not(#\9):not(.awsui_has-open-drawer_hyvsj_14131_183) {
|
|
955
959
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-j1ubnj, #c6c6cd);
|
|
956
960
|
}
|
|
957
961
|
|
|
@@ -968,7 +972,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
968
972
|
property. The content gap right is computed in the Layout styles based on the
|
|
969
973
|
viewport size and state of the Tools drawer.
|
|
970
974
|
*/
|
|
971
|
-
.awsui_tools-
|
|
975
|
+
.awsui_tools-container_hyvsj_14131_974:not(#\9) {
|
|
972
976
|
--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));
|
|
973
977
|
display: flex;
|
|
974
978
|
grid-column: 5;
|
|
@@ -981,7 +985,7 @@ viewport size and state of the Tools drawer.
|
|
|
981
985
|
pointer-events: none;
|
|
982
986
|
}
|
|
983
987
|
@media (max-width: 688px) {
|
|
984
|
-
.awsui_tools-
|
|
988
|
+
.awsui_tools-container_hyvsj_14131_974:not(#\9) {
|
|
985
989
|
--awsui-tools-max-width-g964ok: none;
|
|
986
990
|
--awsui-tools-width-g964ok: auto;
|
|
987
991
|
position: fixed;
|
|
@@ -995,12 +999,12 @@ viewport size and state of the Tools drawer.
|
|
|
995
999
|
relative to the body.
|
|
996
1000
|
*/
|
|
997
1001
|
}
|
|
998
|
-
.awsui_tools-
|
|
1002
|
+
.awsui_tools-container_hyvsj_14131_974.awsui_disable-body-scroll_hyvsj_14131_204:not(#\9) {
|
|
999
1003
|
inset-block-start: var(--awsui-header-height-g964ok);
|
|
1000
1004
|
}
|
|
1001
1005
|
}
|
|
1002
1006
|
|
|
1003
|
-
.
|
|
1007
|
+
.awsui_tools_hyvsj_14131_974:not(#\9) {
|
|
1004
1008
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
1005
1009
|
flex-shrink: 0;
|
|
1006
1010
|
block-size: 100%;
|
|
@@ -1023,7 +1027,7 @@ viewport size and state of the Tools drawer.
|
|
|
1023
1027
|
in the side position.
|
|
1024
1028
|
*/
|
|
1025
1029
|
}
|
|
1026
|
-
@keyframes
|
|
1030
|
+
@keyframes awsui_openTools_hyvsj_14131_1 {
|
|
1027
1031
|
from {
|
|
1028
1032
|
opacity: var(--awsui-tools-animation-starting-opacity-g964ok, 0);
|
|
1029
1033
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -1033,41 +1037,41 @@ viewport size and state of the Tools drawer.
|
|
|
1033
1037
|
inline-size: var(--awsui-tools-width-g964ok);
|
|
1034
1038
|
}
|
|
1035
1039
|
}
|
|
1036
|
-
.
|
|
1040
|
+
.awsui_tools_hyvsj_14131_974:not(#\9):not(.awsui_is-tools-open_hyvsj_14131_638) {
|
|
1037
1041
|
inline-size: 0;
|
|
1038
1042
|
display: none;
|
|
1039
1043
|
}
|
|
1040
|
-
.
|
|
1044
|
+
.awsui_tools_hyvsj_14131_974.awsui_is-tools-open_hyvsj_14131_638:not(#\9) {
|
|
1041
1045
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
1042
1046
|
}
|
|
1043
|
-
.
|
|
1044
|
-
animation:
|
|
1047
|
+
.awsui_tools_hyvsj_14131_974.awsui_is-tools-open_hyvsj_14131_638.awsui_animating_hyvsj_14131_750:not(#\9) {
|
|
1048
|
+
animation: awsui_openTools_hyvsj_14131_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1045
1049
|
}
|
|
1046
1050
|
@media (prefers-reduced-motion: reduce) {
|
|
1047
|
-
.
|
|
1051
|
+
.awsui_tools_hyvsj_14131_974.awsui_is-tools-open_hyvsj_14131_638.awsui_animating_hyvsj_14131_750:not(#\9) {
|
|
1048
1052
|
animation: none;
|
|
1049
1053
|
transition: none;
|
|
1050
1054
|
}
|
|
1051
1055
|
}
|
|
1052
|
-
.awsui-motion-disabled .
|
|
1056
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_14131_974.awsui_is-tools-open_hyvsj_14131_638.awsui_animating_hyvsj_14131_750:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_14131_974.awsui_is-tools-open_hyvsj_14131_638.awsui_animating_hyvsj_14131_750:not(#\9) {
|
|
1053
1057
|
animation: none;
|
|
1054
1058
|
transition: none;
|
|
1055
1059
|
}
|
|
1056
|
-
.
|
|
1060
|
+
.awsui_tools_hyvsj_14131_974 > .awsui_animated-content_hyvsj_14131_812:not(#\9) {
|
|
1057
1061
|
inline-size: var(--awsui-tools-width-g964ok);
|
|
1058
1062
|
}
|
|
1059
1063
|
@media (min-width: 689px) {
|
|
1060
|
-
.
|
|
1064
|
+
.awsui_tools_hyvsj_14131_974.awsui_is-tools-open_hyvsj_14131_638.awsui_has-tools-form-persistence_hyvsj_14131_1063:not(#\9) {
|
|
1061
1065
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
1062
1066
|
}
|
|
1063
1067
|
}
|
|
1064
1068
|
@media (max-width: 688px) {
|
|
1065
|
-
.
|
|
1069
|
+
.awsui_tools_hyvsj_14131_974:not(#\9) {
|
|
1066
1070
|
--awsui-tools-width-g964ok: 100vw;
|
|
1067
1071
|
}
|
|
1068
1072
|
}
|
|
1069
1073
|
|
|
1070
|
-
.awsui_hide-
|
|
1074
|
+
.awsui_hide-tools_hyvsj_14131_1073:not(#\9) {
|
|
1071
1075
|
position: absolute;
|
|
1072
1076
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1073
1077
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1079,7 +1083,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1079
1083
|
the calculation used to determine the Split Panel maximum width in the
|
|
1080
1084
|
handleSplitPanelMaxWidth function in the context.
|
|
1081
1085
|
*/
|
|
1082
|
-
.awsui_show-
|
|
1086
|
+
.awsui_show-tools_hyvsj_14131_1085:not(#\9) {
|
|
1083
1087
|
border-collapse: separate;
|
|
1084
1088
|
border-spacing: 0;
|
|
1085
1089
|
box-sizing: border-box;
|
|
@@ -1121,7 +1125,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1121
1125
|
take control in responsive viewports.
|
|
1122
1126
|
*/
|
|
1123
1127
|
}
|
|
1124
|
-
@keyframes
|
|
1128
|
+
@keyframes awsui_showButtons_hyvsj_14131_1 {
|
|
1125
1129
|
0% {
|
|
1126
1130
|
opacity: 0;
|
|
1127
1131
|
}
|
|
@@ -1129,31 +1133,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1129
1133
|
opacity: 1;
|
|
1130
1134
|
}
|
|
1131
1135
|
}
|
|
1132
|
-
.awsui_show-
|
|
1136
|
+
.awsui_show-tools_hyvsj_14131_1085:not(#\9):not(.awsui_has-tools-form_hyvsj_14131_1063) {
|
|
1133
1137
|
display: none;
|
|
1134
1138
|
}
|
|
1135
1139
|
@media (min-width: 689px) {
|
|
1136
|
-
.awsui_show-
|
|
1140
|
+
.awsui_show-tools_hyvsj_14131_1085.awsui_has-tools-form_hyvsj_14131_1063:not(#\9) {
|
|
1137
1141
|
display: flex;
|
|
1138
1142
|
flex-direction: column;
|
|
1139
1143
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1140
1144
|
}
|
|
1141
|
-
.awsui_show-
|
|
1142
|
-
animation:
|
|
1145
|
+
.awsui_show-tools_hyvsj_14131_1085.awsui_has-tools-form_hyvsj_14131_1063.awsui_animating_hyvsj_14131_750:not(#\9) {
|
|
1146
|
+
animation: awsui_showButtons_hyvsj_14131_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1143
1147
|
}
|
|
1144
1148
|
}
|
|
1145
1149
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1146
|
-
.awsui_show-
|
|
1150
|
+
.awsui_show-tools_hyvsj_14131_1085.awsui_has-tools-form_hyvsj_14131_1063.awsui_animating_hyvsj_14131_750:not(#\9) {
|
|
1147
1151
|
animation: none;
|
|
1148
1152
|
transition: none;
|
|
1149
1153
|
}
|
|
1150
1154
|
}
|
|
1151
1155
|
@media (min-width: 689px) {
|
|
1152
|
-
.awsui-motion-disabled .awsui_show-
|
|
1156
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_14131_1085.awsui_has-tools-form_hyvsj_14131_1063.awsui_animating_hyvsj_14131_750:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_14131_1085.awsui_has-tools-form_hyvsj_14131_1063.awsui_animating_hyvsj_14131_750:not(#\9) {
|
|
1153
1157
|
animation: none;
|
|
1154
1158
|
transition: none;
|
|
1155
1159
|
}
|
|
1156
|
-
.awsui_show-
|
|
1160
|
+
.awsui_show-tools_hyvsj_14131_1085.awsui_has-tools-form-persistence_hyvsj_14131_1063:not(#\9) {
|
|
1157
1161
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
1158
1162
|
z-index: 1;
|
|
1159
1163
|
}
|
|
@@ -1163,7 +1167,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1163
1167
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1164
1168
|
SPDX-License-Identifier: Apache-2.0
|
|
1165
1169
|
*/
|
|
1166
|
-
.awsui_trigger-button-
|
|
1170
|
+
.awsui_trigger-button-styles_hyvsj_14131_1168:not(#\9) {
|
|
1167
1171
|
background: var(--color-background-layout-toggle-default-kci9ri, #424650);
|
|
1168
1172
|
border-start-start-radius: 50%;
|
|
1169
1173
|
border-start-end-radius: 50%;
|
|
@@ -1172,14 +1176,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1172
1176
|
block-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
1173
1177
|
inline-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
1174
1178
|
}
|
|
1175
|
-
.awsui_trigger-button-
|
|
1179
|
+
.awsui_trigger-button-styles_hyvsj_14131_1168:not(#\9):hover {
|
|
1176
1180
|
background: var(--color-background-layout-toggle-hover-72w0bh, #656871);
|
|
1177
1181
|
}
|
|
1178
|
-
.awsui_trigger-button-
|
|
1182
|
+
.awsui_trigger-button-styles_hyvsj_14131_1168:not(#\9):active {
|
|
1179
1183
|
background: var(--color-background-layout-toggle-active-5x3zwa, #424650);
|
|
1180
1184
|
}
|
|
1181
1185
|
|
|
1182
|
-
.awsui_trigger-badge-
|
|
1186
|
+
.awsui_trigger-badge-wrapper_hyvsj_14131_1184:not(#\9) {
|
|
1183
1187
|
position: absolute;
|
|
1184
1188
|
inset-block-start: 0;
|
|
1185
1189
|
inset-inline-start: 0;
|
|
@@ -1189,7 +1193,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1189
1193
|
clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
|
|
1190
1194
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1191
1195
|
}
|
|
1192
|
-
.awsui_trigger-badge-
|
|
1196
|
+
.awsui_trigger-badge-wrapper_hyvsj_14131_1184:not(#\9):dir(rtl) {
|
|
1193
1197
|
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");
|
|
1194
1198
|
}
|
|
1195
1199
|
|
|
@@ -1198,7 +1202,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1198
1202
|
the calculation used to determine the Split Panel maximum width in the
|
|
1199
1203
|
handleSplitPanelMaxWidth function in the context.
|
|
1200
1204
|
*/
|
|
1201
|
-
.
|
|
1205
|
+
.awsui_trigger_hyvsj_14131_1168:not(#\9) {
|
|
1202
1206
|
border-block: none;
|
|
1203
1207
|
border-inline: none;
|
|
1204
1208
|
padding-inline: 0;
|
|
@@ -1207,14 +1211,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1207
1211
|
pointer-events: auto;
|
|
1208
1212
|
position: relative;
|
|
1209
1213
|
}
|
|
1210
|
-
body[data-awsui-focus-visible=true] .
|
|
1214
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14131_1168:not(#\9):focus {
|
|
1211
1215
|
position: relative;
|
|
1212
1216
|
}
|
|
1213
|
-
body[data-awsui-focus-visible=true] .
|
|
1217
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14131_1168:not(#\9):focus {
|
|
1214
1218
|
outline: 2px dotted transparent;
|
|
1215
1219
|
outline-offset: calc(3px - 1px);
|
|
1216
1220
|
}
|
|
1217
|
-
body[data-awsui-focus-visible=true] .
|
|
1221
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_14131_1168:not(#\9):focus::before {
|
|
1218
1222
|
content: " ";
|
|
1219
1223
|
display: block;
|
|
1220
1224
|
position: absolute;
|
|
@@ -1228,49 +1232,49 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_t18rz_1164:not(#\9):foc
|
|
|
1228
1232
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1229
1233
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
1230
1234
|
}
|
|
1231
|
-
.
|
|
1235
|
+
.awsui_trigger_hyvsj_14131_1168:not(#\9):focus {
|
|
1232
1236
|
outline: none;
|
|
1233
1237
|
}
|
|
1234
|
-
.
|
|
1238
|
+
.awsui_trigger_hyvsj_14131_1168.awsui_selected_hyvsj_14131_1236:not(#\9) {
|
|
1235
1239
|
background: var(--color-background-layout-toggle-selected-default-27rnk6, #006ce0);
|
|
1236
1240
|
color: var(--color-text-layout-toggle-selected-kb3p9r, #ffffff);
|
|
1237
1241
|
}
|
|
1238
|
-
.
|
|
1242
|
+
.awsui_trigger_hyvsj_14131_1168.awsui_selected_hyvsj_14131_1236:not(#\9):hover {
|
|
1239
1243
|
background: var(--color-background-layout-toggle-selected-hover-eh8bga, #004a9e);
|
|
1240
1244
|
}
|
|
1241
|
-
.
|
|
1245
|
+
.awsui_trigger_hyvsj_14131_1168.awsui_selected_hyvsj_14131_1236:not(#\9):active {
|
|
1242
1246
|
background: var(--color-background-layout-toggle-selected-active-tv8i8b, #006ce0);
|
|
1243
1247
|
}
|
|
1244
|
-
.
|
|
1248
|
+
.awsui_trigger_hyvsj_14131_1168.awsui_selected_hyvsj_14131_1236 > .awsui_trigger-badge-wrapper_hyvsj_14131_1184:not(#\9) {
|
|
1245
1249
|
background: var(--color-background-layout-toggle-selected-default-27rnk6, #006ce0);
|
|
1246
1250
|
color: var(--color-text-layout-toggle-selected-kb3p9r, #ffffff);
|
|
1247
1251
|
}
|
|
1248
|
-
.
|
|
1252
|
+
.awsui_trigger_hyvsj_14131_1168.awsui_selected_hyvsj_14131_1236 > .awsui_trigger-badge-wrapper_hyvsj_14131_1184:not(#\9):hover {
|
|
1249
1253
|
background: var(--color-background-layout-toggle-selected-hover-eh8bga, #004a9e);
|
|
1250
1254
|
}
|
|
1251
|
-
.
|
|
1255
|
+
.awsui_trigger_hyvsj_14131_1168.awsui_selected_hyvsj_14131_1236 > .awsui_trigger-badge-wrapper_hyvsj_14131_1184:not(#\9):active {
|
|
1252
1256
|
background: var(--color-background-layout-toggle-selected-active-tv8i8b, #006ce0);
|
|
1253
1257
|
}
|
|
1254
|
-
.
|
|
1258
|
+
.awsui_trigger_hyvsj_14131_1168.awsui_badge_hyvsj_14131_1256:not(#\9), .awsui_trigger_hyvsj_14131_1168.awsui_badge_hyvsj_14131_1256:not(#\9):hover, .awsui_trigger_hyvsj_14131_1168.awsui_badge_hyvsj_14131_1256:not(#\9):active {
|
|
1255
1259
|
background: transparent;
|
|
1256
1260
|
}
|
|
1257
1261
|
|
|
1258
|
-
.awsui_trigger-
|
|
1262
|
+
.awsui_trigger-wrapper_hyvsj_14131_1260:not(#\9) {
|
|
1259
1263
|
position: relative;
|
|
1260
1264
|
border-start-start-radius: 50%;
|
|
1261
1265
|
border-start-end-radius: 50%;
|
|
1262
1266
|
border-end-start-radius: 50%;
|
|
1263
1267
|
border-end-end-radius: 50%;
|
|
1264
1268
|
}
|
|
1265
|
-
.awsui_trigger-
|
|
1269
|
+
.awsui_trigger-wrapper_hyvsj_14131_1260:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_14131_668) {
|
|
1266
1270
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1267
1271
|
}
|
|
1268
1272
|
|
|
1269
|
-
.awsui_trigger-wrapper-tooltip-
|
|
1273
|
+
.awsui_trigger-wrapper-tooltip-visible_hyvsj_14131_1271:not(#\9) {
|
|
1270
1274
|
/* used in test-utils*/
|
|
1271
1275
|
}
|
|
1272
1276
|
|
|
1273
|
-
.
|
|
1277
|
+
.awsui_dot_hyvsj_14131_1275:not(#\9) {
|
|
1274
1278
|
position: absolute;
|
|
1275
1279
|
inline-size: 9px;
|
|
1276
1280
|
block-size: 9px;
|
|
@@ -1283,6 +1287,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_t18rz_1164:not(#\9):foc
|
|
|
1283
1287
|
inset-inline-end: 0;
|
|
1284
1288
|
}
|
|
1285
1289
|
|
|
1286
|
-
.awsui_trigger-
|
|
1290
|
+
.awsui_trigger-tooltip_hyvsj_14131_1288:not(#\9) {
|
|
1287
1291
|
/* used in test-utils */
|
|
1288
1292
|
}
|