@cloudscape-design/components-themeable 3.0.1348 → 3.0.1350
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/button-dropdown/styles.scss +9 -6
- package/lib/internal/scss/expandable-section/styles.scss +42 -10
- package/lib/internal/scss/header/styles.scss +1 -0
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/internal/styles/utils/theming.scss +45 -2
- package/lib/internal/scss/spinner/mixins.scss +1 -1
- package/lib/internal/scss/tree-view/tree-item/styles.scss +10 -7
- package/lib/internal/template/action-card/styles.css.js +17 -17
- package/lib/internal/template/action-card/styles.scoped.css +95 -98
- package/lib/internal/template/action-card/styles.selectors.js +17 -17
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +163 -175
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +83 -98
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +31 -44
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
- package/lib/internal/template/attribute-editor/styles.css.js +15 -15
- package/lib/internal/template/attribute-editor/styles.scoped.css +25 -28
- package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
- package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
- package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +25 -29
- package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
- package/lib/internal/template/breadcrumb-group/styles.css.js +14 -14
- package/lib/internal/template/breadcrumb-group/styles.scoped.css +24 -27
- package/lib/internal/template/breadcrumb-group/styles.selectors.js +14 -14
- package/lib/internal/template/button/icon-helper.js +1 -1
- package/lib/internal/template/button/icon-helper.js.map +1 -1
- package/lib/internal/template/button-dropdown/category-elements/styles.css.js +18 -18
- package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +28 -32
- package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +18 -18
- package/lib/internal/template/button-dropdown/styles.css.js +23 -23
- package/lib/internal/template/button-dropdown/styles.scoped.css +32 -39
- package/lib/internal/template/button-dropdown/styles.selectors.js +23 -23
- package/lib/internal/template/expandable-section/styles.css.js +43 -43
- package/lib/internal/template/expandable-section/styles.scoped.css +99 -164
- package/lib/internal/template/expandable-section/styles.selectors.js +43 -43
- package/lib/internal/template/header/styles.css.js +35 -35
- package/lib/internal/template/header/styles.scoped.css +54 -54
- package/lib/internal/template/header/styles.selectors.js +35 -35
- package/lib/internal/template/icon/generated/icons.js +202 -176
- package/lib/internal/template/icon/generated/icons.js.map +1 -1
- package/lib/internal/template/input/internal.js +1 -1
- package/lib/internal/template/input/internal.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +14 -14
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +29 -35
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +14 -14
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/link/styles.css.js +21 -21
- package/lib/internal/template/link/styles.scoped.css +72 -121
- package/lib/internal/template/link/styles.selectors.js +21 -21
- package/lib/internal/template/side-navigation/styles.css.js +64 -64
- package/lib/internal/template/side-navigation/styles.scoped.css +110 -400
- package/lib/internal/template/side-navigation/styles.selectors.js +64 -64
- package/lib/internal/template/spinner/styles.css.js +13 -13
- package/lib/internal/template/spinner/styles.scoped.css +20 -20
- package/lib/internal/template/spinner/styles.selectors.js +13 -13
- package/lib/internal/template/status-indicator/styles.css.js +25 -25
- package/lib/internal/template/status-indicator/styles.scoped.css +47 -72
- package/lib/internal/template/status-indicator/styles.selectors.js +25 -25
- package/lib/internal/template/token/styles.css.js +14 -14
- package/lib/internal/template/token/styles.scoped.css +26 -30
- package/lib/internal/template/token/styles.selectors.js +14 -14
- package/lib/internal/template/tree-view/tree-item/styles.css.js +10 -10
- package/lib/internal/template/tree-view/tree-item/styles.scoped.css +14 -24
- package/lib/internal/template/tree-view/tree-item/styles.selectors.js +10 -10
- package/package.json +1 -1
|
@@ -146,10 +146,10 @@
|
|
|
146
146
|
*/
|
|
147
147
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
148
148
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
149
|
-
div.
|
|
149
|
+
div.awsui_background_hyvsj_uw4df_149:not(#\9) {
|
|
150
150
|
display: contents;
|
|
151
151
|
}
|
|
152
|
-
div.
|
|
152
|
+
div.awsui_background_hyvsj_uw4df_149 > .awsui_scrolling-background_hyvsj_uw4df_152:not(#\9) {
|
|
153
153
|
background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
|
|
154
154
|
color: var(--color-text-body-default-b2us04, #16191f);
|
|
155
155
|
grid-column: 1/span 5;
|
|
@@ -160,7 +160,7 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
|
|
|
160
160
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
161
161
|
SPDX-License-Identifier: Apache-2.0
|
|
162
162
|
*/
|
|
163
|
-
.
|
|
163
|
+
.awsui_breadcrumbs_hyvsj_uw4df_163:not(#\9) {
|
|
164
164
|
background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
|
|
165
165
|
grid-area: breadcrumbs;
|
|
166
166
|
}
|
|
@@ -173,7 +173,7 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
|
|
|
173
173
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
174
174
|
SPDX-License-Identifier: Apache-2.0
|
|
175
175
|
*/
|
|
176
|
-
.awsui_drawers-
|
|
176
|
+
.awsui_drawers-container_hyvsj_uw4df_176:not(#\9) {
|
|
177
177
|
background-color: transparent;
|
|
178
178
|
display: flex;
|
|
179
179
|
grid-column: 5;
|
|
@@ -184,19 +184,16 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
|
|
|
184
184
|
inset-block-start: var(--awsui-offset-top-esndbs);
|
|
185
185
|
z-index: 830;
|
|
186
186
|
}
|
|
187
|
-
.awsui_drawers-
|
|
187
|
+
.awsui_drawers-container_hyvsj_uw4df_176.awsui_has-open-drawer_hyvsj_uw4df_187:not(#\9) {
|
|
188
188
|
background-color: var(--color-background-container-content-mjfil9, #ffffff);
|
|
189
189
|
}
|
|
190
|
-
.awsui-one-theme .awsui_drawers-container_hyvsj_1jq66_176.awsui_has-open-drawer_hyvsj_1jq66_187:not(#\9) {
|
|
191
|
-
background-color: var(--color-background-layout-panel-content-lmvj28, #ffffff);
|
|
192
|
-
}
|
|
193
190
|
@media (min-width: 689px) {
|
|
194
|
-
.awsui_drawers-
|
|
191
|
+
.awsui_drawers-container_hyvsj_uw4df_176:not(#\9) {
|
|
195
192
|
max-inline-size: calc(var(--awsui-layout-width-esndbs) - var(--awsui-main-offset-left-esndbs) - var(--awsui-default-min-content-width-esndbs) - var(--awsui-content-gap-right-esndbs));
|
|
196
193
|
}
|
|
197
194
|
}
|
|
198
195
|
@media (max-width: 688px) {
|
|
199
|
-
.awsui_drawers-
|
|
196
|
+
.awsui_drawers-container_hyvsj_uw4df_176:not(#\9) {
|
|
200
197
|
position: fixed;
|
|
201
198
|
inset-inline-end: 0;
|
|
202
199
|
z-index: 1001;
|
|
@@ -208,12 +205,12 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
|
|
|
208
205
|
relative to the body.
|
|
209
206
|
*/
|
|
210
207
|
}
|
|
211
|
-
.awsui_drawers-
|
|
208
|
+
.awsui_drawers-container_hyvsj_uw4df_176.awsui_disable-body-scroll_hyvsj_uw4df_208:not(#\9) {
|
|
212
209
|
inset-block-start: var(--awsui-header-height-esndbs);
|
|
213
210
|
}
|
|
214
211
|
}
|
|
215
212
|
|
|
216
|
-
.awsui_drawers-desktop-triggers-
|
|
213
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_uw4df_213:not(#\9) {
|
|
217
214
|
border-collapse: separate;
|
|
218
215
|
border-spacing: 0;
|
|
219
216
|
box-sizing: border-box;
|
|
@@ -251,25 +248,22 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
|
|
|
251
248
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
252
249
|
overscroll-behavior-y: contain;
|
|
253
250
|
}
|
|
254
|
-
.awsui_drawers-desktop-triggers-
|
|
251
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_uw4df_213:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_uw4df_251).awsui_has-open-drawer_hyvsj_uw4df_187 {
|
|
255
252
|
inline-size: 0;
|
|
256
253
|
}
|
|
257
|
-
.awsui_drawers-desktop-triggers-
|
|
254
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_uw4df_213.awsui_has-multiple-triggers_hyvsj_uw4df_251.awsui_has-open-drawer_hyvsj_uw4df_187:not(#\9) {
|
|
258
255
|
background-color: var(--color-background-container-content-mjfil9, #ffffff);
|
|
259
256
|
}
|
|
260
|
-
.
|
|
261
|
-
background-color: var(--color-background-layout-panel-content-lmvj28, #ffffff);
|
|
262
|
-
}
|
|
263
|
-
.awsui_drawers-desktop-triggers-container_hyvsj_1jq66_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jq66_254):not(.awsui_has-open-drawer_hyvsj_1jq66_187) {
|
|
257
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_uw4df_213:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_uw4df_251):not(.awsui_has-open-drawer_hyvsj_uw4df_187) {
|
|
264
258
|
inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
|
|
265
259
|
}
|
|
266
260
|
|
|
267
|
-
.awsui_drawers-mobile-triggers-
|
|
261
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_uw4df_261:not(#\9) {
|
|
268
262
|
display: flex;
|
|
269
263
|
justify-content: flex-end;
|
|
270
264
|
}
|
|
271
265
|
|
|
272
|
-
.awsui_drawers-trigger-
|
|
266
|
+
.awsui_drawers-trigger-content_hyvsj_uw4df_266:not(#\9) {
|
|
273
267
|
align-items: center;
|
|
274
268
|
display: flex;
|
|
275
269
|
flex-direction: column;
|
|
@@ -277,13 +271,13 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
|
|
|
277
271
|
padding-block-start: var(--space-scaled-s-2crg2b, 12px);
|
|
278
272
|
inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
|
|
279
273
|
}
|
|
280
|
-
.awsui_drawers-trigger-
|
|
274
|
+
.awsui_drawers-trigger-content_hyvsj_uw4df_266:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_uw4df_251).awsui_has-open-drawer_hyvsj_uw4df_187 {
|
|
281
275
|
opacity: 0;
|
|
282
276
|
}
|
|
283
|
-
.awsui_drawers-trigger-
|
|
277
|
+
.awsui_drawers-trigger-content_hyvsj_uw4df_266:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_uw4df_251):not(.awsui_has-open-drawer_hyvsj_uw4df_187) {
|
|
284
278
|
opacity: 1;
|
|
285
279
|
}
|
|
286
|
-
.awsui_drawers-trigger-
|
|
280
|
+
.awsui_drawers-trigger-content_hyvsj_uw4df_266 > .awsui_drawers-trigger-overflow_hyvsj_uw4df_280:not(#\9) {
|
|
287
281
|
padding-block: 0;
|
|
288
282
|
padding-inline: 1px;
|
|
289
283
|
display: flex;
|
|
@@ -292,14 +286,14 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
|
|
|
292
286
|
}
|
|
293
287
|
|
|
294
288
|
@media (max-width: 688px) {
|
|
295
|
-
.awsui_drawers-
|
|
289
|
+
.awsui_drawers-trigger_hyvsj_uw4df_266:not(#\9) {
|
|
296
290
|
inline-size: 40px;
|
|
297
291
|
display: flex;
|
|
298
292
|
justify-content: center;
|
|
299
293
|
}
|
|
300
294
|
}
|
|
301
295
|
|
|
302
|
-
.
|
|
296
|
+
.awsui_drawer_hyvsj_uw4df_176:not(#\9) {
|
|
303
297
|
--awsui-drawer-size-esndbs: 290px;
|
|
304
298
|
background-color: var(--color-background-container-content-mjfil9, #ffffff);
|
|
305
299
|
border-color: transparent;
|
|
@@ -314,10 +308,7 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
|
|
|
314
308
|
pointer-events: auto;
|
|
315
309
|
word-wrap: break-word;
|
|
316
310
|
}
|
|
317
|
-
.
|
|
318
|
-
background-color: var(--color-background-layout-panel-content-lmvj28, #ffffff);
|
|
319
|
-
}
|
|
320
|
-
.awsui_drawer_hyvsj_1jq66_176 > .awsui_drawer-content-container_hyvsj_1jq66_320:not(#\9) {
|
|
311
|
+
.awsui_drawer_hyvsj_uw4df_176 > .awsui_drawer-content-container_hyvsj_uw4df_311:not(#\9) {
|
|
321
312
|
grid-column: 1/span 2;
|
|
322
313
|
grid-row: 1;
|
|
323
314
|
inline-size: var(--awsui-drawer-size-esndbs);
|
|
@@ -326,19 +317,19 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
|
|
|
326
317
|
grid-template-rows: var(--size-vertical-panel-icon-offset-4593ko, 15px) auto 1fr;
|
|
327
318
|
overflow-y: auto;
|
|
328
319
|
}
|
|
329
|
-
.
|
|
320
|
+
.awsui_drawer_hyvsj_uw4df_176 > .awsui_drawer-content-container_hyvsj_uw4df_311 > .awsui_drawer-close-button_hyvsj_uw4df_320:not(#\9) {
|
|
330
321
|
grid-column: 3;
|
|
331
322
|
grid-row: 2;
|
|
332
323
|
z-index: 1;
|
|
333
324
|
}
|
|
334
|
-
.
|
|
325
|
+
.awsui_drawer_hyvsj_uw4df_176 > .awsui_drawer-content-container_hyvsj_uw4df_311 > .awsui_drawer-content_hyvsj_uw4df_311:not(#\9) {
|
|
335
326
|
grid-column: 1/span 4;
|
|
336
327
|
block-size: var(--awsui-content-height-esndbs);
|
|
337
328
|
}
|
|
338
|
-
.
|
|
329
|
+
.awsui_drawer_hyvsj_uw4df_176 > .awsui_drawer-content-container_hyvsj_uw4df_311 > .awsui_drawer-content_hyvsj_uw4df_311.awsui_drawer-content-hidden_hyvsj_uw4df_329:not(#\9) {
|
|
339
330
|
display: none;
|
|
340
331
|
}
|
|
341
|
-
.
|
|
332
|
+
.awsui_drawer_hyvsj_uw4df_176 > .awsui_drawer-slider_hyvsj_uw4df_332:not(#\9) {
|
|
342
333
|
grid-column: 1;
|
|
343
334
|
grid-row: 1;
|
|
344
335
|
block-size: 100%;
|
|
@@ -346,23 +337,23 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
|
|
|
346
337
|
align-items: center;
|
|
347
338
|
z-index: 850;
|
|
348
339
|
}
|
|
349
|
-
.
|
|
340
|
+
.awsui_drawer_hyvsj_uw4df_176:not(#\9):not(.awsui_is-drawer-open_hyvsj_uw4df_340) {
|
|
350
341
|
opacity: 0;
|
|
351
342
|
inline-size: 0;
|
|
352
343
|
}
|
|
353
|
-
.
|
|
344
|
+
.awsui_drawer_hyvsj_uw4df_176.awsui_is-drawer-open_hyvsj_uw4df_340:not(#\9) {
|
|
354
345
|
border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
|
|
355
346
|
border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
|
|
356
347
|
opacity: 1;
|
|
357
348
|
inline-size: var(--awsui-drawer-size-esndbs);
|
|
358
349
|
}
|
|
359
350
|
@media (min-width: 2541px) {
|
|
360
|
-
.
|
|
351
|
+
.awsui_drawer_hyvsj_uw4df_176.awsui_is-drawer-open_hyvsj_uw4df_340:not(#\9) {
|
|
361
352
|
--awsui-drawer-size-esndbs: 320px;
|
|
362
353
|
}
|
|
363
354
|
}
|
|
364
355
|
@media (max-width: 688px) {
|
|
365
|
-
.
|
|
356
|
+
.awsui_drawer_hyvsj_uw4df_176.awsui_is-drawer-open_hyvsj_uw4df_340:not(#\9) {
|
|
366
357
|
--awsui-drawer-size-esndbs: 100vw;
|
|
367
358
|
inline-size: 100vw;
|
|
368
359
|
}
|
|
@@ -372,7 +363,7 @@ div.awsui_background_hyvsj_1jq66_149 > .awsui_scrolling-background_hyvsj_1jq66_1
|
|
|
372
363
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
373
364
|
SPDX-License-Identifier: Apache-2.0
|
|
374
365
|
*/
|
|
375
|
-
header.
|
|
366
|
+
header.awsui_content_hyvsj_uw4df_366:not(#\9) {
|
|
376
367
|
grid-area: header;
|
|
377
368
|
}
|
|
378
369
|
|
|
@@ -397,7 +388,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
397
388
|
circumstances regardless of whether the minContentWidth property is
|
|
398
389
|
explicitly set in script.
|
|
399
390
|
*/
|
|
400
|
-
.
|
|
391
|
+
.awsui_layout_hyvsj_uw4df_391:not(#\9) {
|
|
401
392
|
--awsui-breadcrumbs-gap-esndbs: 0px;
|
|
402
393
|
--awsui-content-gap-left-esndbs: 0px;
|
|
403
394
|
--awsui-content-gap-right-esndbs: 0px;
|
|
@@ -469,113 +460,113 @@ explicitly set in script.
|
|
|
469
460
|
*/
|
|
470
461
|
}
|
|
471
462
|
@media (min-width: 1401px) {
|
|
472
|
-
.
|
|
463
|
+
.awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463) {
|
|
473
464
|
--awsui-default-max-content-width-esndbs: 1280px;
|
|
474
465
|
}
|
|
475
466
|
}
|
|
476
467
|
@media (min-width: 1921px) {
|
|
477
|
-
.
|
|
468
|
+
.awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463) {
|
|
478
469
|
--awsui-default-max-content-width-esndbs: 1440px;
|
|
479
470
|
}
|
|
480
471
|
}
|
|
481
472
|
@media (min-width: 2541px) {
|
|
482
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463) {
|
|
483
474
|
--awsui-default-max-content-width-esndbs: 1620px;
|
|
484
475
|
}
|
|
485
476
|
}
|
|
486
477
|
@media (min-width: 1401px) {
|
|
487
|
-
.
|
|
478
|
+
.awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463).awsui_content-type-dashboard_hyvsj_uw4df_478 {
|
|
488
479
|
--awsui-default-max-content-width-esndbs: 1280px;
|
|
489
480
|
}
|
|
490
481
|
}
|
|
491
482
|
@media (min-width: 1921px) {
|
|
492
|
-
.
|
|
483
|
+
.awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463).awsui_content-type-dashboard_hyvsj_uw4df_478 {
|
|
493
484
|
--awsui-default-max-content-width-esndbs: 1620px;
|
|
494
485
|
}
|
|
495
486
|
}
|
|
496
487
|
@media (min-width: 2541px) {
|
|
497
|
-
.
|
|
488
|
+
.awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463).awsui_content-type-dashboard_hyvsj_uw4df_478 {
|
|
498
489
|
--awsui-default-max-content-width-esndbs: 2160px;
|
|
499
490
|
}
|
|
500
491
|
}
|
|
501
|
-
.
|
|
492
|
+
.awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463).awsui_content-type-table_hyvsj_uw4df_492, .awsui_layout_hyvsj_uw4df_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_uw4df_463).awsui_content-type-cards_hyvsj_uw4df_492 {
|
|
502
493
|
--awsui-default-max-content-width-esndbs: 100%;
|
|
503
494
|
}
|
|
504
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_has-max-content-width_hyvsj_uw4df_463:not(#\9) {
|
|
505
496
|
--awsui-default-max-content-width-esndbs: var(--awsui-max-content-width-esndbs);
|
|
506
497
|
}
|
|
507
|
-
.
|
|
498
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_is-overlap-disabled_hyvsj_uw4df_498:not(#\9) {
|
|
508
499
|
--awsui-overlap-height-esndbs: 0;
|
|
509
500
|
}
|
|
510
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_is-hide-mobile-toolbar_hyvsj_uw4df_501:not(#\9) {
|
|
511
502
|
--awsui-mobile-bar-height-esndbs: 0px;
|
|
512
503
|
}
|
|
513
504
|
@media (min-width: 993px) {
|
|
514
|
-
.
|
|
505
|
+
.awsui_layout_hyvsj_uw4df_391:not(#\9) {
|
|
515
506
|
--awsui-default-min-content-width-esndbs: var(--awsui-min-content-width-esndbs, 280px);
|
|
516
507
|
}
|
|
517
508
|
}
|
|
518
509
|
@media (max-width: 992px) {
|
|
519
|
-
.
|
|
510
|
+
.awsui_layout_hyvsj_uw4df_391:not(#\9) {
|
|
520
511
|
--awsui-default-min-content-width-esndbs: 0px;
|
|
521
512
|
}
|
|
522
513
|
}
|
|
523
514
|
@media (min-width: 689px) {
|
|
524
|
-
.
|
|
515
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_has-content-gap-left_hyvsj_uw4df_515:not(#\9) {
|
|
525
516
|
--awsui-content-gap-left-esndbs: var(--space-layout-content-horizontal-axaoos, 40px);
|
|
526
517
|
}
|
|
527
|
-
.
|
|
518
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_has-content-gap-right_hyvsj_uw4df_518:not(#\9) {
|
|
528
519
|
--awsui-content-gap-right-esndbs: var(--space-layout-content-horizontal-axaoos, 40px);
|
|
529
520
|
}
|
|
530
521
|
}
|
|
531
522
|
@media (max-width: 688px) {
|
|
532
|
-
.
|
|
523
|
+
.awsui_layout_hyvsj_uw4df_391:not(#\9) {
|
|
533
524
|
--awsui-content-gap-left-esndbs: var(--space-l-dpyxli, 20px);
|
|
534
525
|
--awsui-content-gap-right-esndbs: var(--space-l-dpyxli, 20px);
|
|
535
526
|
}
|
|
536
527
|
}
|
|
537
|
-
.
|
|
528
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_has-breadcrumbs_hyvsj_uw4df_528:not(#\9) {
|
|
538
529
|
--awsui-breadcrumbs-gap-esndbs: var(--space-scaled-m-lfeh3i, 16px);
|
|
539
530
|
}
|
|
540
|
-
.
|
|
531
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-header_hyvsj_uw4df_531:not(#\9), .awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-notifications_hyvsj_uw4df_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_uw4df_528).awsui_has-header_hyvsj_uw4df_531 {
|
|
541
532
|
--awsui-header-gap-esndbs: var(--space-scaled-xs-pajbd1, 8px);
|
|
542
533
|
}
|
|
543
|
-
.
|
|
534
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_has-breadcrumbs_hyvsj_uw4df_528.awsui_has-header_hyvsj_uw4df_531:not(#\9) {
|
|
544
535
|
--awsui-header-gap-esndbs: var(--space-scaled-xs-pajbd1, 8px);
|
|
545
536
|
}
|
|
546
|
-
.
|
|
537
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-notifications_hyvsj_uw4df_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_uw4df_528):not(.awsui_has-header_hyvsj_uw4df_531) {
|
|
547
538
|
--awsui-main-gap-esndbs: var(--space-xs-m9b7jf, 8px);
|
|
548
539
|
}
|
|
549
|
-
.
|
|
540
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_has-breadcrumbs_hyvsj_uw4df_528:not(#\9):not(.awsui_has-header_hyvsj_uw4df_531) {
|
|
550
541
|
--awsui-main-gap-esndbs: var(--space-scaled-xxs-j00t0m, 4px);
|
|
551
542
|
}
|
|
552
|
-
.
|
|
543
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_has-header_hyvsj_uw4df_531:not(#\9) {
|
|
553
544
|
--awsui-main-gap-esndbs: var(--space-content-header-padding-bottom-yv2yex, 16px);
|
|
554
545
|
}
|
|
555
|
-
.
|
|
546
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-main_hyvsj_uw4df_546:not(#\9):not(.awsui_disable-content-paddings_hyvsj_uw4df_546) {
|
|
556
547
|
--awsui-main-gap-esndbs: var(--space-scaled-s-2crg2b, 12px);
|
|
557
548
|
}
|
|
558
|
-
.
|
|
549
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-main_hyvsj_uw4df_546.awsui_disable-content-paddings_hyvsj_uw4df_546:not(#\9) {
|
|
559
550
|
--awsui-main-gap-esndbs: 0px;
|
|
560
551
|
}
|
|
561
552
|
@media (max-width: 688px) {
|
|
562
|
-
.
|
|
553
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-header_hyvsj_uw4df_531:not(#\9) {
|
|
563
554
|
--awsui-header-gap-esndbs: var(--space-scaled-s-2crg2b, 12px);
|
|
564
555
|
}
|
|
565
|
-
.
|
|
556
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-notifications_hyvsj_uw4df_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_uw4df_528).awsui_has-header_hyvsj_uw4df_531 {
|
|
566
557
|
--awsui-header-gap-esndbs: var(--space-scaled-s-2crg2b, 12px);
|
|
567
558
|
}
|
|
568
|
-
.
|
|
559
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-notifications_hyvsj_uw4df_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_uw4df_528):not(.awsui_has-header_hyvsj_uw4df_531), .awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-main_hyvsj_uw4df_546:not(#\9):not(.awsui_disable-content-paddings_hyvsj_uw4df_546) {
|
|
569
560
|
--awsui-main-gap-esndbs: var(--space-scaled-s-2crg2b, 12px);
|
|
570
561
|
}
|
|
571
|
-
.
|
|
562
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_content-first-child-main_hyvsj_uw4df_546.awsui_disable-content-paddings_hyvsj_uw4df_546:not(#\9) {
|
|
572
563
|
--awsui-main-gap-esndbs: 0px;
|
|
573
564
|
}
|
|
574
565
|
}
|
|
575
|
-
.
|
|
566
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_has-left-toggles-gutter_hyvsj_uw4df_566:not(#\9) {
|
|
576
567
|
--awsui-toggles-left-width-esndbs: calc(var(--space-layout-toggle-padding-va8352, 12px) + 36px);
|
|
577
568
|
}
|
|
578
|
-
.
|
|
569
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_has-right-toggles-gutter_hyvsj_uw4df_569:not(#\9) {
|
|
579
570
|
--awsui-toggles-right-width-esndbs: calc(var(--space-layout-toggle-padding-va8352, 12px) + 36px);
|
|
580
571
|
}
|
|
581
572
|
|
|
@@ -589,13 +580,13 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
589
580
|
position: sticky will be the value of the notifications height in addition to the
|
|
590
581
|
notifications top margin and some additional vertical space for aesthetics.
|
|
591
582
|
*/
|
|
592
|
-
.
|
|
583
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_disable-body-scroll_hyvsj_uw4df_208:not(#\9) {
|
|
593
584
|
--awsui-main-template-rows-esndbs: 1fr auto;
|
|
594
585
|
--awsui-offset-top-esndbs: 0px;
|
|
595
586
|
block-size: var(--awsui-content-height-esndbs);
|
|
596
587
|
overflow-y: scroll;
|
|
597
588
|
}
|
|
598
|
-
.
|
|
589
|
+
.awsui_layout_hyvsj_uw4df_391.awsui_disable-body-scroll_hyvsj_uw4df_208.awsui_has-split-panel_hyvsj_uw4df_589.awsui_split-panel-position-bottom_hyvsj_uw4df_589:not(#\9) {
|
|
599
590
|
--awsui-main-template-rows-esndbs: repeat(2, auto);
|
|
600
591
|
}
|
|
601
592
|
|
|
@@ -603,13 +594,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
603
594
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
604
595
|
when the navigation or tools drawers are open in responsive viewports.
|
|
605
596
|
*/
|
|
606
|
-
.awsui_block-body-
|
|
597
|
+
.awsui_block-body-scroll_hyvsj_uw4df_597:not(#\9) {
|
|
607
598
|
overflow: hidden;
|
|
608
599
|
}
|
|
609
600
|
|
|
610
601
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
611
|
-
.
|
|
612
|
-
.
|
|
602
|
+
.awsui_unfocusable_hyvsj_uw4df_602:not(#\9),
|
|
603
|
+
.awsui_unfocusable_hyvsj_uw4df_602 *:not(#\9) {
|
|
613
604
|
visibility: hidden !important;
|
|
614
605
|
}
|
|
615
606
|
|
|
@@ -618,7 +609,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
618
609
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
619
610
|
SPDX-License-Identifier: Apache-2.0
|
|
620
611
|
*/
|
|
621
|
-
.
|
|
612
|
+
.awsui_container_hyvsj_uw4df_612:not(#\9) {
|
|
622
613
|
grid-area: main;
|
|
623
614
|
padding-block-end: var(--space-layout-content-bottom-adv8e9, 20px);
|
|
624
615
|
/*
|
|
@@ -635,19 +626,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
635
626
|
on the right, we decrement the column end by one.
|
|
636
627
|
*/
|
|
637
628
|
}
|
|
638
|
-
.
|
|
629
|
+
.awsui_container_hyvsj_uw4df_612.awsui_has-split-panel_hyvsj_uw4df_589.awsui_split-panel-position-bottom_hyvsj_uw4df_589:not(#\9) {
|
|
639
630
|
padding-block-end: calc(var(--awsui-split-panel-height-esndbs) + var(--space-layout-content-bottom-adv8e9, 20px));
|
|
640
631
|
}
|
|
641
|
-
.
|
|
632
|
+
.awsui_container_hyvsj_uw4df_612.awsui_disable-content-paddings_hyvsj_uw4df_546:not(#\9) {
|
|
642
633
|
grid-column: 1/6;
|
|
643
634
|
padding-block: 0;
|
|
644
635
|
padding-inline: 0;
|
|
645
636
|
}
|
|
646
637
|
@media (min-width: 689px) {
|
|
647
|
-
.
|
|
638
|
+
.awsui_container_hyvsj_uw4df_612.awsui_disable-content-paddings_hyvsj_uw4df_546.awsui_is-navigation-open_hyvsj_uw4df_638:not(#\9) {
|
|
648
639
|
grid-column-start: 2;
|
|
649
640
|
}
|
|
650
|
-
.
|
|
641
|
+
.awsui_container_hyvsj_uw4df_612.awsui_disable-content-paddings_hyvsj_uw4df_546.awsui_is-tools-open_hyvsj_uw4df_641:not(#\9), .awsui_container_hyvsj_uw4df_612.awsui_disable-content-paddings_hyvsj_uw4df_546.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_split-panel-position-side_hyvsj_uw4df_641:not(#\9), .awsui_container_hyvsj_uw4df_612.awsui_disable-content-paddings_hyvsj_uw4df_546.awsui_has-active-drawer_hyvsj_uw4df_641:not(#\9) {
|
|
651
642
|
grid-column-end: 5;
|
|
652
643
|
}
|
|
653
644
|
}
|
|
@@ -660,7 +651,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
660
651
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
661
652
|
SPDX-License-Identifier: Apache-2.0
|
|
662
653
|
*/
|
|
663
|
-
section.awsui_mobile-
|
|
654
|
+
section.awsui_mobile-toolbar_hyvsj_uw4df_654:not(#\9) {
|
|
664
655
|
align-items: center;
|
|
665
656
|
background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
|
|
666
657
|
border-block-end: 1px solid var(--color-border-divider-default-diwd4w, #eaeded);
|
|
@@ -677,19 +668,19 @@ section.awsui_mobile-toolbar_hyvsj_1jq66_663:not(#\9) {
|
|
|
677
668
|
inset-block-start: var(--awsui-offset-top-esndbs);
|
|
678
669
|
z-index: 1000;
|
|
679
670
|
}
|
|
680
|
-
section.awsui_mobile-
|
|
671
|
+
section.awsui_mobile-toolbar_hyvsj_uw4df_654:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_uw4df_671) {
|
|
681
672
|
background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
|
|
682
673
|
box-shadow: var(--shadow-panel-toggle-a81wj1, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
683
674
|
}
|
|
684
|
-
section.awsui_mobile-
|
|
675
|
+
section.awsui_mobile-toolbar_hyvsj_uw4df_654 > .awsui_mobile-toolbar-nav_hyvsj_uw4df_675:not(#\9) {
|
|
685
676
|
grid-column: 1;
|
|
686
677
|
margin-inline-end: var(--space-m-n8iq8o, 16px);
|
|
687
678
|
}
|
|
688
|
-
section.awsui_mobile-
|
|
679
|
+
section.awsui_mobile-toolbar_hyvsj_uw4df_654 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_uw4df_679:not(#\9) {
|
|
689
680
|
grid-column: 2;
|
|
690
681
|
background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
|
|
691
682
|
}
|
|
692
|
-
section.awsui_mobile-
|
|
683
|
+
section.awsui_mobile-toolbar_hyvsj_uw4df_654 > .awsui_mobile-toolbar-tools_hyvsj_uw4df_683:not(#\9) {
|
|
693
684
|
grid-column: 3;
|
|
694
685
|
margin-inline-start: var(--space-m-n8iq8o, 16px);
|
|
695
686
|
}
|
|
@@ -698,7 +689,7 @@ section.awsui_mobile-toolbar_hyvsj_1jq66_663 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
698
689
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
699
690
|
SPDX-License-Identifier: Apache-2.0
|
|
700
691
|
*/
|
|
701
|
-
.awsui_navigation-
|
|
692
|
+
.awsui_navigation-container_hyvsj_uw4df_692:not(#\9) {
|
|
702
693
|
display: flex;
|
|
703
694
|
grid-column: 1;
|
|
704
695
|
grid-row: 1/span 9;
|
|
@@ -719,7 +710,7 @@ section.awsui_mobile-toolbar_hyvsj_1jq66_663 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
719
710
|
pointer-events: none;
|
|
720
711
|
}
|
|
721
712
|
@media (max-width: 688px) {
|
|
722
|
-
.awsui_navigation-
|
|
713
|
+
.awsui_navigation-container_hyvsj_uw4df_692:not(#\9) {
|
|
723
714
|
inset-inline-start: 0;
|
|
724
715
|
position: fixed;
|
|
725
716
|
z-index: 1001;
|
|
@@ -731,12 +722,12 @@ section.awsui_mobile-toolbar_hyvsj_1jq66_663 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
731
722
|
relative to the body.
|
|
732
723
|
*/
|
|
733
724
|
}
|
|
734
|
-
.awsui_navigation-
|
|
725
|
+
.awsui_navigation-container_hyvsj_uw4df_692.awsui_disable-body-scroll_hyvsj_uw4df_208:not(#\9) {
|
|
735
726
|
inset-block-start: var(--awsui-header-height-esndbs);
|
|
736
727
|
}
|
|
737
728
|
}
|
|
738
729
|
|
|
739
|
-
nav.awsui_show-
|
|
730
|
+
nav.awsui_show-navigation_hyvsj_uw4df_730:not(#\9) {
|
|
740
731
|
padding-block: var(--space-scaled-s-2crg2b, 12px);
|
|
741
732
|
padding-inline: var(--space-layout-toggle-padding-va8352, 12px);
|
|
742
733
|
/*
|
|
@@ -744,7 +735,7 @@ nav.awsui_show-navigation_hyvsj_1jq66_739:not(#\9) {
|
|
|
744
735
|
take control in responsive viewports.
|
|
745
736
|
*/
|
|
746
737
|
}
|
|
747
|
-
@keyframes
|
|
738
|
+
@keyframes awsui_showButtons_hyvsj_uw4df_1 {
|
|
748
739
|
0% {
|
|
749
740
|
opacity: 0;
|
|
750
741
|
}
|
|
@@ -752,31 +743,31 @@ nav.awsui_show-navigation_hyvsj_1jq66_739:not(#\9) {
|
|
|
752
743
|
opacity: 1;
|
|
753
744
|
}
|
|
754
745
|
}
|
|
755
|
-
nav.awsui_show-
|
|
746
|
+
nav.awsui_show-navigation_hyvsj_uw4df_730.awsui_is-navigation-open_hyvsj_uw4df_638:not(#\9) {
|
|
756
747
|
display: none;
|
|
757
748
|
}
|
|
758
749
|
@media (min-width: 689px) {
|
|
759
|
-
nav.awsui_show-
|
|
750
|
+
nav.awsui_show-navigation_hyvsj_uw4df_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_uw4df_638) {
|
|
760
751
|
display: block;
|
|
761
752
|
}
|
|
762
|
-
nav.awsui_show-
|
|
763
|
-
animation:
|
|
753
|
+
nav.awsui_show-navigation_hyvsj_uw4df_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_uw4df_638).awsui_animating_hyvsj_uw4df_753 {
|
|
754
|
+
animation: awsui_showButtons_hyvsj_uw4df_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
|
|
764
755
|
}
|
|
765
756
|
}
|
|
766
757
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
767
|
-
nav.awsui_show-
|
|
758
|
+
nav.awsui_show-navigation_hyvsj_uw4df_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_uw4df_638).awsui_animating_hyvsj_uw4df_753 {
|
|
768
759
|
animation: none;
|
|
769
760
|
transition: none;
|
|
770
761
|
}
|
|
771
762
|
}
|
|
772
763
|
@media (min-width: 689px) {
|
|
773
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
764
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_uw4df_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_uw4df_638).awsui_animating_hyvsj_uw4df_753, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_uw4df_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_uw4df_638).awsui_animating_hyvsj_uw4df_753 {
|
|
774
765
|
animation: none;
|
|
775
766
|
transition: none;
|
|
776
767
|
}
|
|
777
768
|
}
|
|
778
769
|
|
|
779
|
-
nav.
|
|
770
|
+
nav.awsui_navigation_hyvsj_uw4df_692:not(#\9) {
|
|
780
771
|
background-color: var(--color-background-layout-panel-content-lmvj28, #ffffff);
|
|
781
772
|
inset-block-end: 0;
|
|
782
773
|
block-size: 100%;
|
|
@@ -796,7 +787,7 @@ nav.awsui_navigation_hyvsj_1jq66_701:not(#\9) {
|
|
|
796
787
|
prevent unwanted text wrapping.
|
|
797
788
|
*/
|
|
798
789
|
}
|
|
799
|
-
@keyframes
|
|
790
|
+
@keyframes awsui_openNavigation_hyvsj_uw4df_1 {
|
|
800
791
|
from {
|
|
801
792
|
opacity: 0;
|
|
802
793
|
inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
|
|
@@ -806,36 +797,36 @@ nav.awsui_navigation_hyvsj_1jq66_701:not(#\9) {
|
|
|
806
797
|
inline-size: var(--awsui-navigation-width-esndbs);
|
|
807
798
|
}
|
|
808
799
|
}
|
|
809
|
-
nav.
|
|
800
|
+
nav.awsui_navigation_hyvsj_uw4df_692:not(#\9):not(.awsui_is-navigation-open_hyvsj_uw4df_638) {
|
|
810
801
|
inline-size: 0;
|
|
811
802
|
display: none;
|
|
812
803
|
}
|
|
813
|
-
nav.
|
|
814
|
-
animation:
|
|
804
|
+
nav.awsui_navigation_hyvsj_uw4df_692.awsui_is-navigation-open_hyvsj_uw4df_638.awsui_animating_hyvsj_uw4df_753:not(#\9) {
|
|
805
|
+
animation: awsui_openNavigation_hyvsj_uw4df_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
|
|
815
806
|
}
|
|
816
807
|
@media (prefers-reduced-motion: reduce) {
|
|
817
|
-
nav.
|
|
808
|
+
nav.awsui_navigation_hyvsj_uw4df_692.awsui_is-navigation-open_hyvsj_uw4df_638.awsui_animating_hyvsj_uw4df_753:not(#\9) {
|
|
818
809
|
animation: none;
|
|
819
810
|
transition: none;
|
|
820
811
|
}
|
|
821
812
|
}
|
|
822
|
-
.awsui-motion-disabled nav.
|
|
813
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_uw4df_692.awsui_is-navigation-open_hyvsj_uw4df_638.awsui_animating_hyvsj_uw4df_753:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_uw4df_692.awsui_is-navigation-open_hyvsj_uw4df_638.awsui_animating_hyvsj_uw4df_753:not(#\9) {
|
|
823
814
|
animation: none;
|
|
824
815
|
transition: none;
|
|
825
816
|
}
|
|
826
|
-
nav.
|
|
817
|
+
nav.awsui_navigation_hyvsj_uw4df_692 > .awsui_animated-content_hyvsj_uw4df_817:not(#\9) {
|
|
827
818
|
inline-size: var(--awsui-navigation-width-esndbs);
|
|
828
819
|
}
|
|
829
|
-
nav.
|
|
820
|
+
nav.awsui_navigation_hyvsj_uw4df_692 > .awsui_content-container_hyvsj_uw4df_820:not(#\9) {
|
|
830
821
|
flex-grow: 1;
|
|
831
822
|
}
|
|
832
823
|
@media (max-width: 688px) {
|
|
833
|
-
nav.
|
|
824
|
+
nav.awsui_navigation_hyvsj_uw4df_692:not(#\9) {
|
|
834
825
|
--awsui-navigation-width-esndbs: 100vw;
|
|
835
826
|
}
|
|
836
827
|
}
|
|
837
828
|
|
|
838
|
-
.awsui_hide-
|
|
829
|
+
.awsui_hide-navigation_hyvsj_uw4df_829:not(#\9) {
|
|
839
830
|
position: absolute;
|
|
840
831
|
inset-inline-end: var(--space-m-n8iq8o, 16px);
|
|
841
832
|
inset-block-start: var(--size-vertical-panel-icon-offset-4593ko, 15px);
|
|
@@ -845,24 +836,24 @@ nav.awsui_navigation_hyvsj_1jq66_701 > .awsui_content-container_hyvsj_1jq66_829:
|
|
|
845
836
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
846
837
|
SPDX-License-Identifier: Apache-2.0
|
|
847
838
|
*/
|
|
848
|
-
.
|
|
839
|
+
.awsui_notifications_hyvsj_uw4df_839:not(#\9) {
|
|
849
840
|
color: var(--color-text-body-default-b2us04, #16191f);
|
|
850
841
|
grid-area: notifications;
|
|
851
842
|
z-index: 850;
|
|
852
843
|
}
|
|
853
|
-
.
|
|
844
|
+
.awsui_notifications_hyvsj_uw4df_839.awsui_has-notification-content_hyvsj_uw4df_844:not(#\9) {
|
|
854
845
|
padding-block-start: var(--space-scaled-s-2crg2b, 12px);
|
|
855
846
|
}
|
|
856
847
|
@media (min-width: 689px) {
|
|
857
|
-
.
|
|
848
|
+
.awsui_notifications_hyvsj_uw4df_839.awsui_sticky-notifications_hyvsj_uw4df_848:not(#\9) {
|
|
858
849
|
--awsui-flashbar-sticky-bottom-margin-esndbs: var(--space-xxl-xj5vu7, 32px);
|
|
859
850
|
position: sticky;
|
|
860
851
|
inset-block-start: var(--awsui-offset-top-esndbs);
|
|
861
852
|
}
|
|
862
|
-
.
|
|
853
|
+
.awsui_notifications_hyvsj_uw4df_839.awsui_sticky-notifications_hyvsj_uw4df_848:not(#\9):not(.awsui_high-contrast_hyvsj_uw4df_853) {
|
|
863
854
|
background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
|
|
864
855
|
}
|
|
865
|
-
.
|
|
856
|
+
.awsui_notifications_hyvsj_uw4df_839.awsui_has-notification-content_hyvsj_uw4df_844:not(#\9) {
|
|
866
857
|
padding-block-start: var(--space-xs-m9b7jf, 8px);
|
|
867
858
|
}
|
|
868
859
|
}
|
|
@@ -877,7 +868,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
877
868
|
consume the remaining vertical space in the grid after the notifications
|
|
878
869
|
and breadcrumbs.
|
|
879
870
|
*/
|
|
880
|
-
section.awsui_split-panel-
|
|
871
|
+
section.awsui_split-panel-bottom_hyvsj_uw4df_871:not(#\9) {
|
|
881
872
|
/*
|
|
882
873
|
The align self property will position the split panel at the bottom of the grid row.
|
|
883
874
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -913,7 +904,7 @@ section.awsui_split-panel-bottom_hyvsj_1jq66_880:not(#\9) {
|
|
|
913
904
|
apply the animation to the height property.
|
|
914
905
|
*/
|
|
915
906
|
}
|
|
916
|
-
@keyframes
|
|
907
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_uw4df_1 {
|
|
917
908
|
from {
|
|
918
909
|
block-size: var(--awsui-split-panel-reported-header-size-esndbs, 0);
|
|
919
910
|
}
|
|
@@ -921,39 +912,39 @@ section.awsui_split-panel-bottom_hyvsj_1jq66_880:not(#\9) {
|
|
|
921
912
|
block-size: var(--awsui-split-panel-reported-size-esndbs);
|
|
922
913
|
}
|
|
923
914
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
915
|
+
section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_disable-body-scroll_hyvsj_uw4df_208:not(#\9) {
|
|
925
916
|
inset-block-end: 0;
|
|
926
917
|
}
|
|
927
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_is-navigation-open_hyvsj_uw4df_638.awsui_position-bottom_hyvsj_uw4df_918:not(#\9) {
|
|
928
919
|
grid-column-start: 2;
|
|
929
920
|
}
|
|
930
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_has-open-drawer_hyvsj_uw4df_187.awsui_position-bottom_hyvsj_uw4df_918:not(#\9) {
|
|
931
922
|
grid-column-end: 5;
|
|
932
923
|
}
|
|
933
|
-
section.awsui_split-panel-
|
|
924
|
+
section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_position-bottom_hyvsj_uw4df_918:not(#\9) {
|
|
934
925
|
display: block;
|
|
935
926
|
}
|
|
936
|
-
section.awsui_split-panel-
|
|
927
|
+
section.awsui_split-panel-bottom_hyvsj_uw4df_871:not(#\9):not(.awsui_is-split-panel-open_hyvsj_uw4df_641).awsui_position-bottom_hyvsj_uw4df_918 {
|
|
937
928
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
938
929
|
}
|
|
939
|
-
section.awsui_split-panel-
|
|
930
|
+
section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_position-bottom_hyvsj_uw4df_918:not(#\9) {
|
|
940
931
|
box-shadow: var(--shadow-split-bottom-p8ki2v, 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3));
|
|
941
932
|
}
|
|
942
|
-
section.awsui_split-panel-
|
|
943
|
-
animation:
|
|
933
|
+
section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_position-bottom_hyvsj_uw4df_918.awsui_animating_hyvsj_uw4df_753:not(#\9) {
|
|
934
|
+
animation: awsui_openSplitPanelBottom_hyvsj_uw4df_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
|
|
944
935
|
}
|
|
945
936
|
@media (prefers-reduced-motion: reduce) {
|
|
946
|
-
section.awsui_split-panel-
|
|
937
|
+
section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_position-bottom_hyvsj_uw4df_918.awsui_animating_hyvsj_uw4df_753:not(#\9) {
|
|
947
938
|
animation: none;
|
|
948
939
|
transition: none;
|
|
949
940
|
}
|
|
950
941
|
}
|
|
951
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
942
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_position-bottom_hyvsj_uw4df_918.awsui_animating_hyvsj_uw4df_753:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_uw4df_871.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_position-bottom_hyvsj_uw4df_918.awsui_animating_hyvsj_uw4df_753:not(#\9) {
|
|
952
943
|
animation: none;
|
|
953
944
|
transition: none;
|
|
954
945
|
}
|
|
955
946
|
|
|
956
|
-
section.awsui_split-panel-
|
|
947
|
+
section.awsui_split-panel-side_hyvsj_uw4df_947:not(#\9) {
|
|
957
948
|
block-size: 100%;
|
|
958
949
|
overflow-x: hidden;
|
|
959
950
|
pointer-events: auto;
|
|
@@ -963,15 +954,15 @@ section.awsui_split-panel-side_hyvsj_1jq66_956:not(#\9) {
|
|
|
963
954
|
be persistent in the DOM when closed.
|
|
964
955
|
*/
|
|
965
956
|
}
|
|
966
|
-
section.awsui_split-panel-
|
|
957
|
+
section.awsui_split-panel-side_hyvsj_uw4df_947:not(#\9):not(.awsui_is-split-panel-open_hyvsj_uw4df_641), section.awsui_split-panel-side_hyvsj_uw4df_947.awsui_position-bottom_hyvsj_uw4df_918:not(#\9) {
|
|
967
958
|
inline-size: 0;
|
|
968
959
|
}
|
|
969
|
-
section.awsui_split-panel-
|
|
960
|
+
section.awsui_split-panel-side_hyvsj_uw4df_947.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_position-side_hyvsj_uw4df_960:not(#\9) {
|
|
970
961
|
max-inline-size: var(--awsui-split-panel-max-width-esndbs, 280px);
|
|
971
962
|
min-inline-size: var(--awsui-split-panel-min-width-esndbs, 280px);
|
|
972
963
|
border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
|
|
973
964
|
}
|
|
974
|
-
section.awsui_split-panel-
|
|
965
|
+
section.awsui_split-panel-side_hyvsj_uw4df_947.awsui_is-split-panel-open_hyvsj_uw4df_641.awsui_position-side_hyvsj_uw4df_960:not(#\9):not(.awsui_has-open-drawer_hyvsj_uw4df_187) {
|
|
975
966
|
border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-panel-side-nuzjt3, transparent);
|
|
976
967
|
}
|
|
977
968
|
|
|
@@ -988,7 +979,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
988
979
|
property. The content gap right is computed in the Layout styles based on the
|
|
989
980
|
viewport size and state of the Tools drawer.
|
|
990
981
|
*/
|
|
991
|
-
.awsui_tools-
|
|
982
|
+
.awsui_tools-container_hyvsj_uw4df_982:not(#\9) {
|
|
992
983
|
--awsui-tools-max-width-esndbs: calc(var(--awsui-layout-width-esndbs) - var(--awsui-main-offset-left-esndbs) - var(--awsui-default-min-content-width-esndbs) - var(--awsui-content-gap-right-esndbs));
|
|
993
984
|
display: flex;
|
|
994
985
|
grid-column: 5;
|
|
@@ -1001,7 +992,7 @@ viewport size and state of the Tools drawer.
|
|
|
1001
992
|
pointer-events: none;
|
|
1002
993
|
}
|
|
1003
994
|
@media (max-width: 688px) {
|
|
1004
|
-
.awsui_tools-
|
|
995
|
+
.awsui_tools-container_hyvsj_uw4df_982:not(#\9) {
|
|
1005
996
|
--awsui-tools-max-width-esndbs: none;
|
|
1006
997
|
--awsui-tools-width-esndbs: auto;
|
|
1007
998
|
position: fixed;
|
|
@@ -1015,12 +1006,12 @@ viewport size and state of the Tools drawer.
|
|
|
1015
1006
|
relative to the body.
|
|
1016
1007
|
*/
|
|
1017
1008
|
}
|
|
1018
|
-
.awsui_tools-
|
|
1009
|
+
.awsui_tools-container_hyvsj_uw4df_982.awsui_disable-body-scroll_hyvsj_uw4df_208:not(#\9) {
|
|
1019
1010
|
inset-block-start: var(--awsui-header-height-esndbs);
|
|
1020
1011
|
}
|
|
1021
1012
|
}
|
|
1022
1013
|
|
|
1023
|
-
.
|
|
1014
|
+
.awsui_tools_hyvsj_uw4df_982:not(#\9) {
|
|
1024
1015
|
background-color: var(--color-background-container-content-mjfil9, #ffffff);
|
|
1025
1016
|
flex-shrink: 0;
|
|
1026
1017
|
block-size: 100%;
|
|
@@ -1043,7 +1034,7 @@ viewport size and state of the Tools drawer.
|
|
|
1043
1034
|
in the side position.
|
|
1044
1035
|
*/
|
|
1045
1036
|
}
|
|
1046
|
-
@keyframes
|
|
1037
|
+
@keyframes awsui_openTools_hyvsj_uw4df_1 {
|
|
1047
1038
|
from {
|
|
1048
1039
|
opacity: var(--awsui-tools-animation-starting-opacity-esndbs, 0);
|
|
1049
1040
|
inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
|
|
@@ -1053,44 +1044,41 @@ viewport size and state of the Tools drawer.
|
|
|
1053
1044
|
inline-size: var(--awsui-tools-width-esndbs);
|
|
1054
1045
|
}
|
|
1055
1046
|
}
|
|
1056
|
-
.
|
|
1047
|
+
.awsui_tools_hyvsj_uw4df_982:not(#\9):not(.awsui_is-tools-open_hyvsj_uw4df_641) {
|
|
1057
1048
|
inline-size: 0;
|
|
1058
1049
|
display: none;
|
|
1059
1050
|
}
|
|
1060
|
-
.
|
|
1051
|
+
.awsui_tools_hyvsj_uw4df_982.awsui_is-tools-open_hyvsj_uw4df_641:not(#\9) {
|
|
1061
1052
|
border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
|
|
1062
1053
|
}
|
|
1063
|
-
.
|
|
1064
|
-
animation:
|
|
1054
|
+
.awsui_tools_hyvsj_uw4df_982.awsui_is-tools-open_hyvsj_uw4df_641.awsui_animating_hyvsj_uw4df_753:not(#\9) {
|
|
1055
|
+
animation: awsui_openTools_hyvsj_uw4df_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
|
|
1065
1056
|
}
|
|
1066
1057
|
@media (prefers-reduced-motion: reduce) {
|
|
1067
|
-
.
|
|
1058
|
+
.awsui_tools_hyvsj_uw4df_982.awsui_is-tools-open_hyvsj_uw4df_641.awsui_animating_hyvsj_uw4df_753:not(#\9) {
|
|
1068
1059
|
animation: none;
|
|
1069
1060
|
transition: none;
|
|
1070
1061
|
}
|
|
1071
1062
|
}
|
|
1072
|
-
.awsui-motion-disabled .
|
|
1063
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_uw4df_982.awsui_is-tools-open_hyvsj_uw4df_641.awsui_animating_hyvsj_uw4df_753:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_uw4df_982.awsui_is-tools-open_hyvsj_uw4df_641.awsui_animating_hyvsj_uw4df_753:not(#\9) {
|
|
1073
1064
|
animation: none;
|
|
1074
1065
|
transition: none;
|
|
1075
1066
|
}
|
|
1076
|
-
.
|
|
1077
|
-
background-color: var(--color-background-layout-panel-content-lmvj28, #ffffff);
|
|
1078
|
-
}
|
|
1079
|
-
.awsui_tools_hyvsj_1jq66_991 > .awsui_animated-content_hyvsj_1jq66_826:not(#\9) {
|
|
1067
|
+
.awsui_tools_hyvsj_uw4df_982 > .awsui_animated-content_hyvsj_uw4df_817:not(#\9) {
|
|
1080
1068
|
inline-size: var(--awsui-tools-width-esndbs);
|
|
1081
1069
|
}
|
|
1082
1070
|
@media (min-width: 689px) {
|
|
1083
|
-
.
|
|
1071
|
+
.awsui_tools_hyvsj_uw4df_982.awsui_is-tools-open_hyvsj_uw4df_641.awsui_has-tools-form-persistence_hyvsj_uw4df_1071:not(#\9) {
|
|
1084
1072
|
border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
|
|
1085
1073
|
}
|
|
1086
1074
|
}
|
|
1087
1075
|
@media (max-width: 688px) {
|
|
1088
|
-
.
|
|
1076
|
+
.awsui_tools_hyvsj_uw4df_982:not(#\9) {
|
|
1089
1077
|
--awsui-tools-width-esndbs: 100vw;
|
|
1090
1078
|
}
|
|
1091
1079
|
}
|
|
1092
1080
|
|
|
1093
|
-
.awsui_hide-
|
|
1081
|
+
.awsui_hide-tools_hyvsj_uw4df_1081:not(#\9) {
|
|
1094
1082
|
position: absolute;
|
|
1095
1083
|
inset-inline-end: var(--space-m-n8iq8o, 16px);
|
|
1096
1084
|
inset-block-start: var(--size-vertical-panel-icon-offset-4593ko, 15px);
|
|
@@ -1102,7 +1090,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1102
1090
|
the calculation used to determine the Split Panel maximum width in the
|
|
1103
1091
|
handleSplitPanelMaxWidth function in the context.
|
|
1104
1092
|
*/
|
|
1105
|
-
.awsui_show-
|
|
1093
|
+
.awsui_show-tools_hyvsj_uw4df_1093:not(#\9) {
|
|
1106
1094
|
border-collapse: separate;
|
|
1107
1095
|
border-spacing: 0;
|
|
1108
1096
|
box-sizing: border-box;
|
|
@@ -1140,7 +1128,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1140
1128
|
take control in responsive viewports.
|
|
1141
1129
|
*/
|
|
1142
1130
|
}
|
|
1143
|
-
@keyframes
|
|
1131
|
+
@keyframes awsui_showButtons_hyvsj_uw4df_1 {
|
|
1144
1132
|
0% {
|
|
1145
1133
|
opacity: 0;
|
|
1146
1134
|
}
|
|
@@ -1148,31 +1136,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1148
1136
|
opacity: 1;
|
|
1149
1137
|
}
|
|
1150
1138
|
}
|
|
1151
|
-
.awsui_show-
|
|
1139
|
+
.awsui_show-tools_hyvsj_uw4df_1093:not(#\9):not(.awsui_has-tools-form_hyvsj_uw4df_1071) {
|
|
1152
1140
|
display: none;
|
|
1153
1141
|
}
|
|
1154
1142
|
@media (min-width: 689px) {
|
|
1155
|
-
.awsui_show-
|
|
1143
|
+
.awsui_show-tools_hyvsj_uw4df_1093.awsui_has-tools-form_hyvsj_uw4df_1071:not(#\9) {
|
|
1156
1144
|
display: flex;
|
|
1157
1145
|
flex-direction: column;
|
|
1158
1146
|
gap: var(--space-xs-m9b7jf, 8px);
|
|
1159
1147
|
}
|
|
1160
|
-
.awsui_show-
|
|
1161
|
-
animation:
|
|
1148
|
+
.awsui_show-tools_hyvsj_uw4df_1093.awsui_has-tools-form_hyvsj_uw4df_1071.awsui_animating_hyvsj_uw4df_753:not(#\9) {
|
|
1149
|
+
animation: awsui_showButtons_hyvsj_uw4df_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
|
|
1162
1150
|
}
|
|
1163
1151
|
}
|
|
1164
1152
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1165
|
-
.awsui_show-
|
|
1153
|
+
.awsui_show-tools_hyvsj_uw4df_1093.awsui_has-tools-form_hyvsj_uw4df_1071.awsui_animating_hyvsj_uw4df_753:not(#\9) {
|
|
1166
1154
|
animation: none;
|
|
1167
1155
|
transition: none;
|
|
1168
1156
|
}
|
|
1169
1157
|
}
|
|
1170
1158
|
@media (min-width: 689px) {
|
|
1171
|
-
.awsui-motion-disabled .awsui_show-
|
|
1159
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_uw4df_1093.awsui_has-tools-form_hyvsj_uw4df_1071.awsui_animating_hyvsj_uw4df_753:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_uw4df_1093.awsui_has-tools-form_hyvsj_uw4df_1071.awsui_animating_hyvsj_uw4df_753:not(#\9) {
|
|
1172
1160
|
animation: none;
|
|
1173
1161
|
transition: none;
|
|
1174
1162
|
}
|
|
1175
|
-
.awsui_show-
|
|
1163
|
+
.awsui_show-tools_hyvsj_uw4df_1093.awsui_has-tools-form-persistence_hyvsj_uw4df_1071:not(#\9) {
|
|
1176
1164
|
background-color: var(--color-background-container-content-mjfil9, #ffffff);
|
|
1177
1165
|
z-index: 1;
|
|
1178
1166
|
}
|
|
@@ -1182,7 +1170,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1182
1170
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1183
1171
|
SPDX-License-Identifier: Apache-2.0
|
|
1184
1172
|
*/
|
|
1185
|
-
.awsui_trigger-button-
|
|
1173
|
+
.awsui_trigger-button-styles_hyvsj_uw4df_1173:not(#\9) {
|
|
1186
1174
|
background: var(--color-background-layout-toggle-default-tyzrhi, transparent);
|
|
1187
1175
|
border-start-start-radius: 50%;
|
|
1188
1176
|
border-start-end-radius: 50%;
|
|
@@ -1191,14 +1179,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1191
1179
|
block-size: var(--space-layout-toggle-diameter-qufod6, 36px);
|
|
1192
1180
|
inline-size: var(--space-layout-toggle-diameter-qufod6, 36px);
|
|
1193
1181
|
}
|
|
1194
|
-
.awsui_trigger-button-
|
|
1182
|
+
.awsui_trigger-button-styles_hyvsj_uw4df_1173:not(#\9):hover {
|
|
1195
1183
|
background: var(--color-background-layout-toggle-hover-8byg9u, #545b64);
|
|
1196
1184
|
}
|
|
1197
|
-
.awsui_trigger-button-
|
|
1185
|
+
.awsui_trigger-button-styles_hyvsj_uw4df_1173:not(#\9):active {
|
|
1198
1186
|
background: var(--color-background-layout-toggle-active-tqol98, #2a2e33);
|
|
1199
1187
|
}
|
|
1200
1188
|
|
|
1201
|
-
.awsui_trigger-badge-
|
|
1189
|
+
.awsui_trigger-badge-wrapper_hyvsj_uw4df_1189:not(#\9) {
|
|
1202
1190
|
position: absolute;
|
|
1203
1191
|
inset-block-start: 0;
|
|
1204
1192
|
inset-inline-start: 0;
|
|
@@ -1208,7 +1196,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1208
1196
|
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");
|
|
1209
1197
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1210
1198
|
}
|
|
1211
|
-
.awsui_trigger-badge-
|
|
1199
|
+
.awsui_trigger-badge-wrapper_hyvsj_uw4df_1189:not(#\9):dir(rtl) {
|
|
1212
1200
|
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");
|
|
1213
1201
|
}
|
|
1214
1202
|
|
|
@@ -1217,7 +1205,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1217
1205
|
the calculation used to determine the Split Panel maximum width in the
|
|
1218
1206
|
handleSplitPanelMaxWidth function in the context.
|
|
1219
1207
|
*/
|
|
1220
|
-
.
|
|
1208
|
+
.awsui_trigger_hyvsj_uw4df_1173:not(#\9) {
|
|
1221
1209
|
border-block: none;
|
|
1222
1210
|
border-inline: none;
|
|
1223
1211
|
padding-inline: 0;
|
|
@@ -1226,14 +1214,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1226
1214
|
pointer-events: auto;
|
|
1227
1215
|
position: relative;
|
|
1228
1216
|
}
|
|
1229
|
-
body[data-awsui-focus-visible=true] .
|
|
1217
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_uw4df_1173:not(#\9):focus {
|
|
1230
1218
|
position: relative;
|
|
1231
1219
|
}
|
|
1232
|
-
body[data-awsui-focus-visible=true] .
|
|
1220
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_uw4df_1173:not(#\9):focus {
|
|
1233
1221
|
outline: 2px dotted transparent;
|
|
1234
1222
|
outline-offset: calc(3px - 1px);
|
|
1235
1223
|
}
|
|
1236
|
-
body[data-awsui-focus-visible=true] .
|
|
1224
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_uw4df_1173:not(#\9):focus::before {
|
|
1237
1225
|
content: " ";
|
|
1238
1226
|
display: block;
|
|
1239
1227
|
position: absolute;
|
|
@@ -1247,49 +1235,49 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jq66_1185:not(#\9):foc
|
|
|
1247
1235
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
|
|
1248
1236
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
|
|
1249
1237
|
}
|
|
1250
|
-
.
|
|
1238
|
+
.awsui_trigger_hyvsj_uw4df_1173:not(#\9):focus {
|
|
1251
1239
|
outline: none;
|
|
1252
1240
|
}
|
|
1253
|
-
.
|
|
1241
|
+
.awsui_trigger_hyvsj_uw4df_1173.awsui_selected_hyvsj_uw4df_1241:not(#\9) {
|
|
1254
1242
|
background: var(--color-background-layout-toggle-selected-default-oz0e3e, #0073bb);
|
|
1255
1243
|
color: var(--color-text-layout-toggle-selected-rty4rx, #ffffff);
|
|
1256
1244
|
}
|
|
1257
|
-
.
|
|
1245
|
+
.awsui_trigger_hyvsj_uw4df_1173.awsui_selected_hyvsj_uw4df_1241:not(#\9):hover {
|
|
1258
1246
|
background: var(--color-background-layout-toggle-selected-hover-w25090, #0a4a74);
|
|
1259
1247
|
}
|
|
1260
|
-
.
|
|
1248
|
+
.awsui_trigger_hyvsj_uw4df_1173.awsui_selected_hyvsj_uw4df_1241:not(#\9):active {
|
|
1261
1249
|
background: var(--color-background-layout-toggle-selected-active-lon4qo, #0073bb);
|
|
1262
1250
|
}
|
|
1263
|
-
.
|
|
1251
|
+
.awsui_trigger_hyvsj_uw4df_1173.awsui_selected_hyvsj_uw4df_1241 > .awsui_trigger-badge-wrapper_hyvsj_uw4df_1189:not(#\9) {
|
|
1264
1252
|
background: var(--color-background-layout-toggle-selected-default-oz0e3e, #0073bb);
|
|
1265
1253
|
color: var(--color-text-layout-toggle-selected-rty4rx, #ffffff);
|
|
1266
1254
|
}
|
|
1267
|
-
.
|
|
1255
|
+
.awsui_trigger_hyvsj_uw4df_1173.awsui_selected_hyvsj_uw4df_1241 > .awsui_trigger-badge-wrapper_hyvsj_uw4df_1189:not(#\9):hover {
|
|
1268
1256
|
background: var(--color-background-layout-toggle-selected-hover-w25090, #0a4a74);
|
|
1269
1257
|
}
|
|
1270
|
-
.
|
|
1258
|
+
.awsui_trigger_hyvsj_uw4df_1173.awsui_selected_hyvsj_uw4df_1241 > .awsui_trigger-badge-wrapper_hyvsj_uw4df_1189:not(#\9):active {
|
|
1271
1259
|
background: var(--color-background-layout-toggle-selected-active-lon4qo, #0073bb);
|
|
1272
1260
|
}
|
|
1273
|
-
.
|
|
1261
|
+
.awsui_trigger_hyvsj_uw4df_1173.awsui_badge_hyvsj_uw4df_1261:not(#\9), .awsui_trigger_hyvsj_uw4df_1173.awsui_badge_hyvsj_uw4df_1261:not(#\9):hover, .awsui_trigger_hyvsj_uw4df_1173.awsui_badge_hyvsj_uw4df_1261:not(#\9):active {
|
|
1274
1262
|
background: transparent;
|
|
1275
1263
|
}
|
|
1276
1264
|
|
|
1277
|
-
.awsui_trigger-
|
|
1265
|
+
.awsui_trigger-wrapper_hyvsj_uw4df_1265:not(#\9) {
|
|
1278
1266
|
position: relative;
|
|
1279
1267
|
border-start-start-radius: 50%;
|
|
1280
1268
|
border-start-end-radius: 50%;
|
|
1281
1269
|
border-end-start-radius: 50%;
|
|
1282
1270
|
border-end-end-radius: 50%;
|
|
1283
1271
|
}
|
|
1284
|
-
.awsui_trigger-
|
|
1272
|
+
.awsui_trigger-wrapper_hyvsj_uw4df_1265:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_uw4df_671) {
|
|
1285
1273
|
box-shadow: var(--shadow-panel-toggle-a81wj1, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
1286
1274
|
}
|
|
1287
1275
|
|
|
1288
|
-
.awsui_trigger-wrapper-tooltip-
|
|
1276
|
+
.awsui_trigger-wrapper-tooltip-visible_hyvsj_uw4df_1276:not(#\9) {
|
|
1289
1277
|
/* used in test-utils*/
|
|
1290
1278
|
}
|
|
1291
1279
|
|
|
1292
|
-
.
|
|
1280
|
+
.awsui_dot_hyvsj_uw4df_1280:not(#\9) {
|
|
1293
1281
|
position: absolute;
|
|
1294
1282
|
inline-size: 9px;
|
|
1295
1283
|
block-size: 9px;
|
|
@@ -1302,6 +1290,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jq66_1185:not(#\9):foc
|
|
|
1302
1290
|
inset-inline-end: 0;
|
|
1303
1291
|
}
|
|
1304
1292
|
|
|
1305
|
-
.awsui_trigger-
|
|
1293
|
+
.awsui_trigger-tooltip_hyvsj_uw4df_1293:not(#\9) {
|
|
1306
1294
|
/* used in test-utils */
|
|
1307
1295
|
}
|