@cloudscape-design/components-themeable 3.0.1313 → 3.0.1314
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/action-card/styles.scss +4 -0
- package/lib/internal/scss/app-layout/visual-refresh/drawers.scss +4 -3
- package/lib/internal/scss/app-layout/visual-refresh/tools.scss +2 -1
- package/lib/internal/scss/breadcrumb-group/item/styles.scss +7 -0
- package/lib/internal/scss/breadcrumb-group/styles.scss +7 -0
- package/lib/internal/scss/button-dropdown/category-elements/styles.scss +2 -1
- package/lib/internal/scss/button-dropdown/styles.scss +16 -15
- package/lib/internal/scss/expandable-section/styles.scss +3 -2
- package/lib/internal/scss/internal/components/button-trigger/styles.scss +3 -2
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/status-indicator/styles.scss +13 -4
- package/lib/internal/scss/tree-view/tree-item/styles.scss +2 -1
- package/lib/internal/template/action-card/styles.css.js +17 -17
- package/lib/internal/template/action-card/styles.scoped.css +94 -91
- package/lib/internal/template/action-card/styles.selectors.js +17 -17
- package/lib/internal/template/app-layout/visual-refresh/drawers.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/drawers.js +0 -3
- package/lib/internal/template/app-layout/visual-refresh/drawers.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -87
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +167 -167
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -87
- package/lib/internal/template/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/tools.js +0 -2
- package/lib/internal/template/app-layout/visual-refresh/tools.js.map +1 -1
- package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
- package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +29 -25
- 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 +27 -24
- package/lib/internal/template/breadcrumb-group/styles.selectors.js +14 -14
- package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js +1 -1
- package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
- package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -1
- package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
- package/lib/internal/template/button-dropdown/category-elements/styles.css.js +18 -19
- package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +29 -29
- package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +18 -19
- package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/internal.js +2 -2
- package/lib/internal/template/button-dropdown/internal.js.map +1 -1
- package/lib/internal/template/button-dropdown/styles.css.js +22 -23
- package/lib/internal/template/button-dropdown/styles.scoped.css +36 -36
- package/lib/internal/template/button-dropdown/styles.selectors.js +22 -23
- package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
- package/lib/internal/template/expandable-section/expandable-section-header.js +3 -3
- package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
- package/lib/internal/template/expandable-section/styles.css.js +35 -36
- package/lib/internal/template/expandable-section/styles.scoped.css +70 -70
- package/lib/internal/template/expandable-section/styles.selectors.js +35 -36
- package/lib/internal/template/internal/base-component/styles.scoped.css +6 -1
- package/lib/internal/template/internal/components/button-trigger/index.js +1 -1
- package/lib/internal/template/internal/components/button-trigger/index.js.map +1 -1
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +14 -15
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +31 -31
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +14 -15
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +1 -0
- package/lib/internal/template/internal/generated/styles/tokens.js +1 -0
- package/lib/internal/template/internal/generated/theming/index.cjs +33 -0
- package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +9 -0
- package/lib/internal/template/internal/generated/theming/index.d.ts +9 -0
- package/lib/internal/template/internal/generated/theming/index.js +33 -0
- package/lib/internal/template/status-indicator/internal.d.ts.map +1 -1
- package/lib/internal/template/status-indicator/internal.js +2 -2
- package/lib/internal/template/status-indicator/internal.js.map +1 -1
- package/lib/internal/template/status-indicator/styles.css.js +24 -25
- package/lib/internal/template/status-indicator/styles.scoped.css +55 -50
- package/lib/internal/template/status-indicator/styles.selectors.js +24 -25
- package/lib/internal/template/tree-view/tree-item/index.d.ts.map +1 -1
- package/lib/internal/template/tree-view/tree-item/index.js +1 -2
- package/lib/internal/template/tree-view/tree-item/index.js.map +1 -1
- package/lib/internal/template/tree-view/tree-item/styles.css.js +9 -10
- package/lib/internal/template/tree-view/tree-item/styles.scoped.css +18 -14
- package/lib/internal/template/tree-view/tree-item/styles.selectors.js +9 -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_gfdg1_149:not(#\9) {
|
|
150
150
|
display: contents;
|
|
151
151
|
}
|
|
152
|
-
div.
|
|
152
|
+
div.awsui_background_hyvsj_gfdg1_149 > .awsui_scrolling-background_hyvsj_gfdg1_152:not(#\9) {
|
|
153
153
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
154
154
|
color: var(--color-text-body-default-5qid0u, #16191f);
|
|
155
155
|
grid-column: 1/span 5;
|
|
@@ -160,7 +160,7 @@ div.awsui_background_hyvsj_7dhc2_149 > .awsui_scrolling-background_hyvsj_7dhc2_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_gfdg1_163:not(#\9) {
|
|
164
164
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
165
165
|
grid-area: breadcrumbs;
|
|
166
166
|
}
|
|
@@ -173,7 +173,7 @@ div.awsui_background_hyvsj_7dhc2_149 > .awsui_scrolling-background_hyvsj_7dhc2_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_gfdg1_176:not(#\9) {
|
|
177
177
|
background-color: transparent;
|
|
178
178
|
display: flex;
|
|
179
179
|
grid-column: 5;
|
|
@@ -184,19 +184,19 @@ div.awsui_background_hyvsj_7dhc2_149 > .awsui_scrolling-background_hyvsj_7dhc2_1
|
|
|
184
184
|
inset-block-start: var(--awsui-offset-top-6b9ypa);
|
|
185
185
|
z-index: 830;
|
|
186
186
|
}
|
|
187
|
-
.awsui_drawers-
|
|
187
|
+
.awsui_drawers-container_hyvsj_gfdg1_176.awsui_has-open-drawer_hyvsj_gfdg1_187:not(#\9) {
|
|
188
188
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
189
189
|
}
|
|
190
|
-
.
|
|
190
|
+
.awsui-one-theme .awsui_drawers-container_hyvsj_gfdg1_176.awsui_has-open-drawer_hyvsj_gfdg1_187:not(#\9) {
|
|
191
191
|
background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
|
|
192
192
|
}
|
|
193
193
|
@media (min-width: 689px) {
|
|
194
|
-
.awsui_drawers-
|
|
194
|
+
.awsui_drawers-container_hyvsj_gfdg1_176:not(#\9) {
|
|
195
195
|
max-inline-size: calc(var(--awsui-layout-width-6b9ypa) - var(--awsui-main-offset-left-6b9ypa) - var(--awsui-default-min-content-width-6b9ypa) - var(--awsui-content-gap-right-6b9ypa));
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
198
|
@media (max-width: 688px) {
|
|
199
|
-
.awsui_drawers-
|
|
199
|
+
.awsui_drawers-container_hyvsj_gfdg1_176:not(#\9) {
|
|
200
200
|
position: fixed;
|
|
201
201
|
inset-inline-end: 0;
|
|
202
202
|
z-index: 1001;
|
|
@@ -208,12 +208,12 @@ div.awsui_background_hyvsj_7dhc2_149 > .awsui_scrolling-background_hyvsj_7dhc2_1
|
|
|
208
208
|
relative to the body.
|
|
209
209
|
*/
|
|
210
210
|
}
|
|
211
|
-
.awsui_drawers-
|
|
211
|
+
.awsui_drawers-container_hyvsj_gfdg1_176.awsui_disable-body-scroll_hyvsj_gfdg1_211:not(#\9) {
|
|
212
212
|
inset-block-start: var(--awsui-header-height-6b9ypa);
|
|
213
213
|
}
|
|
214
214
|
}
|
|
215
215
|
|
|
216
|
-
.awsui_drawers-desktop-triggers-
|
|
216
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_gfdg1_216:not(#\9) {
|
|
217
217
|
border-collapse: separate;
|
|
218
218
|
border-spacing: 0;
|
|
219
219
|
box-sizing: border-box;
|
|
@@ -251,25 +251,25 @@ div.awsui_background_hyvsj_7dhc2_149 > .awsui_scrolling-background_hyvsj_7dhc2_1
|
|
|
251
251
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
252
252
|
overscroll-behavior-y: contain;
|
|
253
253
|
}
|
|
254
|
-
.awsui_drawers-desktop-triggers-
|
|
254
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_gfdg1_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gfdg1_254).awsui_has-open-drawer_hyvsj_gfdg1_187 {
|
|
255
255
|
inline-size: 0;
|
|
256
256
|
}
|
|
257
|
-
.awsui_drawers-desktop-triggers-
|
|
257
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_gfdg1_216.awsui_has-multiple-triggers_hyvsj_gfdg1_254.awsui_has-open-drawer_hyvsj_gfdg1_187:not(#\9) {
|
|
258
258
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
259
259
|
}
|
|
260
|
-
.awsui_drawers-desktop-triggers-
|
|
260
|
+
.awsui-one-theme .awsui_drawers-desktop-triggers-container_hyvsj_gfdg1_216.awsui_has-multiple-triggers_hyvsj_gfdg1_254.awsui_has-open-drawer_hyvsj_gfdg1_187:not(#\9) {
|
|
261
261
|
background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
|
|
262
262
|
}
|
|
263
|
-
.awsui_drawers-desktop-triggers-
|
|
263
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_gfdg1_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gfdg1_254):not(.awsui_has-open-drawer_hyvsj_gfdg1_187) {
|
|
264
264
|
inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
|
|
265
265
|
}
|
|
266
266
|
|
|
267
|
-
.awsui_drawers-mobile-triggers-
|
|
267
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_gfdg1_267:not(#\9) {
|
|
268
268
|
display: flex;
|
|
269
269
|
justify-content: flex-end;
|
|
270
270
|
}
|
|
271
271
|
|
|
272
|
-
.awsui_drawers-trigger-
|
|
272
|
+
.awsui_drawers-trigger-content_hyvsj_gfdg1_272:not(#\9) {
|
|
273
273
|
align-items: center;
|
|
274
274
|
display: flex;
|
|
275
275
|
flex-direction: column;
|
|
@@ -277,13 +277,13 @@ div.awsui_background_hyvsj_7dhc2_149 > .awsui_scrolling-background_hyvsj_7dhc2_1
|
|
|
277
277
|
padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
|
|
278
278
|
inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
|
|
279
279
|
}
|
|
280
|
-
.awsui_drawers-trigger-
|
|
280
|
+
.awsui_drawers-trigger-content_hyvsj_gfdg1_272:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gfdg1_254).awsui_has-open-drawer_hyvsj_gfdg1_187 {
|
|
281
281
|
opacity: 0;
|
|
282
282
|
}
|
|
283
|
-
.awsui_drawers-trigger-
|
|
283
|
+
.awsui_drawers-trigger-content_hyvsj_gfdg1_272:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_gfdg1_254):not(.awsui_has-open-drawer_hyvsj_gfdg1_187) {
|
|
284
284
|
opacity: 1;
|
|
285
285
|
}
|
|
286
|
-
.awsui_drawers-trigger-
|
|
286
|
+
.awsui_drawers-trigger-content_hyvsj_gfdg1_272 > .awsui_drawers-trigger-overflow_hyvsj_gfdg1_286:not(#\9) {
|
|
287
287
|
padding-block: 0;
|
|
288
288
|
padding-inline: 1px;
|
|
289
289
|
display: flex;
|
|
@@ -292,14 +292,14 @@ div.awsui_background_hyvsj_7dhc2_149 > .awsui_scrolling-background_hyvsj_7dhc2_1
|
|
|
292
292
|
}
|
|
293
293
|
|
|
294
294
|
@media (max-width: 688px) {
|
|
295
|
-
.awsui_drawers-
|
|
295
|
+
.awsui_drawers-trigger_hyvsj_gfdg1_272:not(#\9) {
|
|
296
296
|
inline-size: 40px;
|
|
297
297
|
display: flex;
|
|
298
298
|
justify-content: center;
|
|
299
299
|
}
|
|
300
300
|
}
|
|
301
301
|
|
|
302
|
-
.
|
|
302
|
+
.awsui_drawer_hyvsj_gfdg1_176:not(#\9) {
|
|
303
303
|
--awsui-drawer-size-6b9ypa: 290px;
|
|
304
304
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
305
305
|
border-color: transparent;
|
|
@@ -314,10 +314,10 @@ div.awsui_background_hyvsj_7dhc2_149 > .awsui_scrolling-background_hyvsj_7dhc2_1
|
|
|
314
314
|
pointer-events: auto;
|
|
315
315
|
word-wrap: break-word;
|
|
316
316
|
}
|
|
317
|
-
.
|
|
317
|
+
.awsui-one-theme .awsui_drawer_hyvsj_gfdg1_176:not(#\9) {
|
|
318
318
|
background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
|
|
319
319
|
}
|
|
320
|
-
.
|
|
320
|
+
.awsui_drawer_hyvsj_gfdg1_176 > .awsui_drawer-content-container_hyvsj_gfdg1_320:not(#\9) {
|
|
321
321
|
grid-column: 1/span 2;
|
|
322
322
|
grid-row: 1;
|
|
323
323
|
inline-size: var(--awsui-drawer-size-6b9ypa);
|
|
@@ -326,19 +326,19 @@ div.awsui_background_hyvsj_7dhc2_149 > .awsui_scrolling-background_hyvsj_7dhc2_1
|
|
|
326
326
|
grid-template-rows: var(--size-vertical-panel-icon-offset-1tiizm, 15px) auto 1fr;
|
|
327
327
|
overflow-y: auto;
|
|
328
328
|
}
|
|
329
|
-
.
|
|
329
|
+
.awsui_drawer_hyvsj_gfdg1_176 > .awsui_drawer-content-container_hyvsj_gfdg1_320 > .awsui_drawer-close-button_hyvsj_gfdg1_329:not(#\9) {
|
|
330
330
|
grid-column: 3;
|
|
331
331
|
grid-row: 2;
|
|
332
332
|
z-index: 1;
|
|
333
333
|
}
|
|
334
|
-
.
|
|
334
|
+
.awsui_drawer_hyvsj_gfdg1_176 > .awsui_drawer-content-container_hyvsj_gfdg1_320 > .awsui_drawer-content_hyvsj_gfdg1_320:not(#\9) {
|
|
335
335
|
grid-column: 1/span 4;
|
|
336
336
|
block-size: var(--awsui-content-height-6b9ypa);
|
|
337
337
|
}
|
|
338
|
-
.
|
|
338
|
+
.awsui_drawer_hyvsj_gfdg1_176 > .awsui_drawer-content-container_hyvsj_gfdg1_320 > .awsui_drawer-content_hyvsj_gfdg1_320.awsui_drawer-content-hidden_hyvsj_gfdg1_338:not(#\9) {
|
|
339
339
|
display: none;
|
|
340
340
|
}
|
|
341
|
-
.
|
|
341
|
+
.awsui_drawer_hyvsj_gfdg1_176 > .awsui_drawer-slider_hyvsj_gfdg1_341:not(#\9) {
|
|
342
342
|
grid-column: 1;
|
|
343
343
|
grid-row: 1;
|
|
344
344
|
block-size: 100%;
|
|
@@ -346,23 +346,23 @@ div.awsui_background_hyvsj_7dhc2_149 > .awsui_scrolling-background_hyvsj_7dhc2_1
|
|
|
346
346
|
align-items: center;
|
|
347
347
|
z-index: 850;
|
|
348
348
|
}
|
|
349
|
-
.
|
|
349
|
+
.awsui_drawer_hyvsj_gfdg1_176:not(#\9):not(.awsui_is-drawer-open_hyvsj_gfdg1_349) {
|
|
350
350
|
opacity: 0;
|
|
351
351
|
inline-size: 0;
|
|
352
352
|
}
|
|
353
|
-
.
|
|
353
|
+
.awsui_drawer_hyvsj_gfdg1_176.awsui_is-drawer-open_hyvsj_gfdg1_349:not(#\9) {
|
|
354
354
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
|
|
355
355
|
border-inline-start: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
|
|
356
356
|
opacity: 1;
|
|
357
357
|
inline-size: var(--awsui-drawer-size-6b9ypa);
|
|
358
358
|
}
|
|
359
359
|
@media (min-width: 2541px) {
|
|
360
|
-
.
|
|
360
|
+
.awsui_drawer_hyvsj_gfdg1_176.awsui_is-drawer-open_hyvsj_gfdg1_349:not(#\9) {
|
|
361
361
|
--awsui-drawer-size-6b9ypa: 320px;
|
|
362
362
|
}
|
|
363
363
|
}
|
|
364
364
|
@media (max-width: 688px) {
|
|
365
|
-
.
|
|
365
|
+
.awsui_drawer_hyvsj_gfdg1_176.awsui_is-drawer-open_hyvsj_gfdg1_349:not(#\9) {
|
|
366
366
|
--awsui-drawer-size-6b9ypa: 100vw;
|
|
367
367
|
inline-size: 100vw;
|
|
368
368
|
}
|
|
@@ -372,7 +372,7 @@ div.awsui_background_hyvsj_7dhc2_149 > .awsui_scrolling-background_hyvsj_7dhc2_1
|
|
|
372
372
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
373
373
|
SPDX-License-Identifier: Apache-2.0
|
|
374
374
|
*/
|
|
375
|
-
header.
|
|
375
|
+
header.awsui_content_hyvsj_gfdg1_375:not(#\9) {
|
|
376
376
|
grid-area: header;
|
|
377
377
|
}
|
|
378
378
|
|
|
@@ -397,7 +397,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
397
397
|
circumstances regardless of whether the minContentWidth property is
|
|
398
398
|
explicitly set in script.
|
|
399
399
|
*/
|
|
400
|
-
.
|
|
400
|
+
.awsui_layout_hyvsj_gfdg1_400:not(#\9) {
|
|
401
401
|
--awsui-breadcrumbs-gap-6b9ypa: 0px;
|
|
402
402
|
--awsui-content-gap-left-6b9ypa: 0px;
|
|
403
403
|
--awsui-content-gap-right-6b9ypa: 0px;
|
|
@@ -469,113 +469,113 @@ explicitly set in script.
|
|
|
469
469
|
*/
|
|
470
470
|
}
|
|
471
471
|
@media (min-width: 1401px) {
|
|
472
|
-
.
|
|
472
|
+
.awsui_layout_hyvsj_gfdg1_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_gfdg1_472) {
|
|
473
473
|
--awsui-default-max-content-width-6b9ypa: 1280px;
|
|
474
474
|
}
|
|
475
475
|
}
|
|
476
476
|
@media (min-width: 1921px) {
|
|
477
|
-
.
|
|
477
|
+
.awsui_layout_hyvsj_gfdg1_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_gfdg1_472) {
|
|
478
478
|
--awsui-default-max-content-width-6b9ypa: 1440px;
|
|
479
479
|
}
|
|
480
480
|
}
|
|
481
481
|
@media (min-width: 2541px) {
|
|
482
|
-
.
|
|
482
|
+
.awsui_layout_hyvsj_gfdg1_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_gfdg1_472) {
|
|
483
483
|
--awsui-default-max-content-width-6b9ypa: 1620px;
|
|
484
484
|
}
|
|
485
485
|
}
|
|
486
486
|
@media (min-width: 1401px) {
|
|
487
|
-
.
|
|
487
|
+
.awsui_layout_hyvsj_gfdg1_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_gfdg1_472).awsui_content-type-dashboard_hyvsj_gfdg1_487 {
|
|
488
488
|
--awsui-default-max-content-width-6b9ypa: 1280px;
|
|
489
489
|
}
|
|
490
490
|
}
|
|
491
491
|
@media (min-width: 1921px) {
|
|
492
|
-
.
|
|
492
|
+
.awsui_layout_hyvsj_gfdg1_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_gfdg1_472).awsui_content-type-dashboard_hyvsj_gfdg1_487 {
|
|
493
493
|
--awsui-default-max-content-width-6b9ypa: 1620px;
|
|
494
494
|
}
|
|
495
495
|
}
|
|
496
496
|
@media (min-width: 2541px) {
|
|
497
|
-
.
|
|
497
|
+
.awsui_layout_hyvsj_gfdg1_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_gfdg1_472).awsui_content-type-dashboard_hyvsj_gfdg1_487 {
|
|
498
498
|
--awsui-default-max-content-width-6b9ypa: 2160px;
|
|
499
499
|
}
|
|
500
500
|
}
|
|
501
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_gfdg1_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_gfdg1_472).awsui_content-type-table_hyvsj_gfdg1_501, .awsui_layout_hyvsj_gfdg1_400:not(#\9):not(.awsui_has-max-content-width_hyvsj_gfdg1_472).awsui_content-type-cards_hyvsj_gfdg1_501 {
|
|
502
502
|
--awsui-default-max-content-width-6b9ypa: 100%;
|
|
503
503
|
}
|
|
504
|
-
.
|
|
504
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_has-max-content-width_hyvsj_gfdg1_472:not(#\9) {
|
|
505
505
|
--awsui-default-max-content-width-6b9ypa: var(--awsui-max-content-width-6b9ypa);
|
|
506
506
|
}
|
|
507
|
-
.
|
|
507
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_is-overlap-disabled_hyvsj_gfdg1_507:not(#\9) {
|
|
508
508
|
--awsui-overlap-height-6b9ypa: 0;
|
|
509
509
|
}
|
|
510
|
-
.
|
|
510
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_is-hide-mobile-toolbar_hyvsj_gfdg1_510:not(#\9) {
|
|
511
511
|
--awsui-mobile-bar-height-6b9ypa: 0px;
|
|
512
512
|
}
|
|
513
513
|
@media (min-width: 993px) {
|
|
514
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_gfdg1_400:not(#\9) {
|
|
515
515
|
--awsui-default-min-content-width-6b9ypa: var(--awsui-min-content-width-6b9ypa, 280px);
|
|
516
516
|
}
|
|
517
517
|
}
|
|
518
518
|
@media (max-width: 992px) {
|
|
519
|
-
.
|
|
519
|
+
.awsui_layout_hyvsj_gfdg1_400:not(#\9) {
|
|
520
520
|
--awsui-default-min-content-width-6b9ypa: 0px;
|
|
521
521
|
}
|
|
522
522
|
}
|
|
523
523
|
@media (min-width: 689px) {
|
|
524
|
-
.
|
|
524
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_has-content-gap-left_hyvsj_gfdg1_524:not(#\9) {
|
|
525
525
|
--awsui-content-gap-left-6b9ypa: var(--space-layout-content-horizontal-q3zhej, 40px);
|
|
526
526
|
}
|
|
527
|
-
.
|
|
527
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_has-content-gap-right_hyvsj_gfdg1_527:not(#\9) {
|
|
528
528
|
--awsui-content-gap-right-6b9ypa: var(--space-layout-content-horizontal-q3zhej, 40px);
|
|
529
529
|
}
|
|
530
530
|
}
|
|
531
531
|
@media (max-width: 688px) {
|
|
532
|
-
.
|
|
532
|
+
.awsui_layout_hyvsj_gfdg1_400:not(#\9) {
|
|
533
533
|
--awsui-content-gap-left-6b9ypa: var(--space-l-3cws6j, 20px);
|
|
534
534
|
--awsui-content-gap-right-6b9ypa: var(--space-l-3cws6j, 20px);
|
|
535
535
|
}
|
|
536
536
|
}
|
|
537
|
-
.
|
|
537
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_has-breadcrumbs_hyvsj_gfdg1_537:not(#\9) {
|
|
538
538
|
--awsui-breadcrumbs-gap-6b9ypa: var(--space-scaled-m-sw9kcx, 16px);
|
|
539
539
|
}
|
|
540
|
-
.
|
|
540
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_content-first-child-header_hyvsj_gfdg1_540:not(#\9), .awsui_layout_hyvsj_gfdg1_400.awsui_content-first-child-notifications_hyvsj_gfdg1_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gfdg1_537).awsui_has-header_hyvsj_gfdg1_540 {
|
|
541
541
|
--awsui-header-gap-6b9ypa: var(--space-scaled-xs-sppte9, 8px);
|
|
542
542
|
}
|
|
543
|
-
.
|
|
543
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_has-breadcrumbs_hyvsj_gfdg1_537.awsui_has-header_hyvsj_gfdg1_540:not(#\9) {
|
|
544
544
|
--awsui-header-gap-6b9ypa: var(--space-scaled-xs-sppte9, 8px);
|
|
545
545
|
}
|
|
546
|
-
.
|
|
546
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_content-first-child-notifications_hyvsj_gfdg1_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gfdg1_537):not(.awsui_has-header_hyvsj_gfdg1_540) {
|
|
547
547
|
--awsui-main-gap-6b9ypa: var(--space-xs-kw7k3v, 8px);
|
|
548
548
|
}
|
|
549
|
-
.
|
|
549
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_has-breadcrumbs_hyvsj_gfdg1_537:not(#\9):not(.awsui_has-header_hyvsj_gfdg1_540) {
|
|
550
550
|
--awsui-main-gap-6b9ypa: var(--space-scaled-xxs-jatbiv, 4px);
|
|
551
551
|
}
|
|
552
|
-
.
|
|
552
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_has-header_hyvsj_gfdg1_540:not(#\9) {
|
|
553
553
|
--awsui-main-gap-6b9ypa: var(--space-content-header-padding-bottom-hjkugf, 16px);
|
|
554
554
|
}
|
|
555
|
-
.
|
|
555
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_content-first-child-main_hyvsj_gfdg1_555:not(#\9):not(.awsui_disable-content-paddings_hyvsj_gfdg1_555) {
|
|
556
556
|
--awsui-main-gap-6b9ypa: var(--space-scaled-s-gjhvjd, 12px);
|
|
557
557
|
}
|
|
558
|
-
.
|
|
558
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_content-first-child-main_hyvsj_gfdg1_555.awsui_disable-content-paddings_hyvsj_gfdg1_555:not(#\9) {
|
|
559
559
|
--awsui-main-gap-6b9ypa: 0px;
|
|
560
560
|
}
|
|
561
561
|
@media (max-width: 688px) {
|
|
562
|
-
.
|
|
562
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_content-first-child-header_hyvsj_gfdg1_540:not(#\9) {
|
|
563
563
|
--awsui-header-gap-6b9ypa: var(--space-scaled-s-gjhvjd, 12px);
|
|
564
564
|
}
|
|
565
|
-
.
|
|
565
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_content-first-child-notifications_hyvsj_gfdg1_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gfdg1_537).awsui_has-header_hyvsj_gfdg1_540 {
|
|
566
566
|
--awsui-header-gap-6b9ypa: var(--space-scaled-s-gjhvjd, 12px);
|
|
567
567
|
}
|
|
568
|
-
.
|
|
568
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_content-first-child-notifications_hyvsj_gfdg1_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_gfdg1_537):not(.awsui_has-header_hyvsj_gfdg1_540), .awsui_layout_hyvsj_gfdg1_400.awsui_content-first-child-main_hyvsj_gfdg1_555:not(#\9):not(.awsui_disable-content-paddings_hyvsj_gfdg1_555) {
|
|
569
569
|
--awsui-main-gap-6b9ypa: var(--space-scaled-s-gjhvjd, 12px);
|
|
570
570
|
}
|
|
571
|
-
.
|
|
571
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_content-first-child-main_hyvsj_gfdg1_555.awsui_disable-content-paddings_hyvsj_gfdg1_555:not(#\9) {
|
|
572
572
|
--awsui-main-gap-6b9ypa: 0px;
|
|
573
573
|
}
|
|
574
574
|
}
|
|
575
|
-
.
|
|
575
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_has-left-toggles-gutter_hyvsj_gfdg1_575:not(#\9) {
|
|
576
576
|
--awsui-toggles-left-width-6b9ypa: calc(var(--space-layout-toggle-padding-quc8b2, 12px) + 36px);
|
|
577
577
|
}
|
|
578
|
-
.
|
|
578
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_has-right-toggles-gutter_hyvsj_gfdg1_578:not(#\9) {
|
|
579
579
|
--awsui-toggles-right-width-6b9ypa: calc(var(--space-layout-toggle-padding-quc8b2, 12px) + 36px);
|
|
580
580
|
}
|
|
581
581
|
|
|
@@ -589,13 +589,13 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
589
589
|
position: sticky will be the value of the notifications height in addition to the
|
|
590
590
|
notifications top margin and some additional vertical space for aesthetics.
|
|
591
591
|
*/
|
|
592
|
-
.
|
|
592
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_disable-body-scroll_hyvsj_gfdg1_211:not(#\9) {
|
|
593
593
|
--awsui-main-template-rows-6b9ypa: 1fr auto;
|
|
594
594
|
--awsui-offset-top-6b9ypa: 0px;
|
|
595
595
|
block-size: var(--awsui-content-height-6b9ypa);
|
|
596
596
|
overflow-y: scroll;
|
|
597
597
|
}
|
|
598
|
-
.
|
|
598
|
+
.awsui_layout_hyvsj_gfdg1_400.awsui_disable-body-scroll_hyvsj_gfdg1_211.awsui_has-split-panel_hyvsj_gfdg1_598.awsui_split-panel-position-bottom_hyvsj_gfdg1_598:not(#\9) {
|
|
599
599
|
--awsui-main-template-rows-6b9ypa: repeat(2, auto);
|
|
600
600
|
}
|
|
601
601
|
|
|
@@ -603,13 +603,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
603
603
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
604
604
|
when the navigation or tools drawers are open in responsive viewports.
|
|
605
605
|
*/
|
|
606
|
-
.awsui_block-body-
|
|
606
|
+
.awsui_block-body-scroll_hyvsj_gfdg1_606:not(#\9) {
|
|
607
607
|
overflow: hidden;
|
|
608
608
|
}
|
|
609
609
|
|
|
610
610
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
611
|
-
.
|
|
612
|
-
.
|
|
611
|
+
.awsui_unfocusable_hyvsj_gfdg1_611:not(#\9),
|
|
612
|
+
.awsui_unfocusable_hyvsj_gfdg1_611 *:not(#\9) {
|
|
613
613
|
visibility: hidden !important;
|
|
614
614
|
}
|
|
615
615
|
|
|
@@ -618,7 +618,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
618
618
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
619
619
|
SPDX-License-Identifier: Apache-2.0
|
|
620
620
|
*/
|
|
621
|
-
.
|
|
621
|
+
.awsui_container_hyvsj_gfdg1_621:not(#\9) {
|
|
622
622
|
grid-area: main;
|
|
623
623
|
padding-block-end: var(--space-layout-content-bottom-iu1izz, 20px);
|
|
624
624
|
/*
|
|
@@ -635,19 +635,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
635
635
|
on the right, we decrement the column end by one.
|
|
636
636
|
*/
|
|
637
637
|
}
|
|
638
|
-
.
|
|
638
|
+
.awsui_container_hyvsj_gfdg1_621.awsui_has-split-panel_hyvsj_gfdg1_598.awsui_split-panel-position-bottom_hyvsj_gfdg1_598:not(#\9) {
|
|
639
639
|
padding-block-end: calc(var(--awsui-split-panel-height-6b9ypa) + var(--space-layout-content-bottom-iu1izz, 20px));
|
|
640
640
|
}
|
|
641
|
-
.
|
|
641
|
+
.awsui_container_hyvsj_gfdg1_621.awsui_disable-content-paddings_hyvsj_gfdg1_555:not(#\9) {
|
|
642
642
|
grid-column: 1/6;
|
|
643
643
|
padding-block: 0;
|
|
644
644
|
padding-inline: 0;
|
|
645
645
|
}
|
|
646
646
|
@media (min-width: 689px) {
|
|
647
|
-
.
|
|
647
|
+
.awsui_container_hyvsj_gfdg1_621.awsui_disable-content-paddings_hyvsj_gfdg1_555.awsui_is-navigation-open_hyvsj_gfdg1_647:not(#\9) {
|
|
648
648
|
grid-column-start: 2;
|
|
649
649
|
}
|
|
650
|
-
.
|
|
650
|
+
.awsui_container_hyvsj_gfdg1_621.awsui_disable-content-paddings_hyvsj_gfdg1_555.awsui_is-tools-open_hyvsj_gfdg1_650:not(#\9), .awsui_container_hyvsj_gfdg1_621.awsui_disable-content-paddings_hyvsj_gfdg1_555.awsui_is-split-panel-open_hyvsj_gfdg1_650.awsui_split-panel-position-side_hyvsj_gfdg1_650:not(#\9), .awsui_container_hyvsj_gfdg1_621.awsui_disable-content-paddings_hyvsj_gfdg1_555.awsui_has-active-drawer_hyvsj_gfdg1_650:not(#\9) {
|
|
651
651
|
grid-column-end: 5;
|
|
652
652
|
}
|
|
653
653
|
}
|
|
@@ -660,7 +660,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
660
660
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
661
661
|
SPDX-License-Identifier: Apache-2.0
|
|
662
662
|
*/
|
|
663
|
-
section.awsui_mobile-
|
|
663
|
+
section.awsui_mobile-toolbar_hyvsj_gfdg1_663:not(#\9) {
|
|
664
664
|
align-items: center;
|
|
665
665
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
666
666
|
border-block-end: 1px solid var(--color-border-divider-default-ipvpev, #eaeded);
|
|
@@ -677,19 +677,19 @@ section.awsui_mobile-toolbar_hyvsj_7dhc2_663:not(#\9) {
|
|
|
677
677
|
inset-block-start: var(--awsui-offset-top-6b9ypa);
|
|
678
678
|
z-index: 1000;
|
|
679
679
|
}
|
|
680
|
-
section.awsui_mobile-
|
|
680
|
+
section.awsui_mobile-toolbar_hyvsj_gfdg1_663:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_gfdg1_680) {
|
|
681
681
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
682
682
|
box-shadow: var(--shadow-panel-toggle-rswlot, 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
683
|
}
|
|
684
|
-
section.awsui_mobile-
|
|
684
|
+
section.awsui_mobile-toolbar_hyvsj_gfdg1_663 > .awsui_mobile-toolbar-nav_hyvsj_gfdg1_684:not(#\9) {
|
|
685
685
|
grid-column: 1;
|
|
686
686
|
margin-inline-end: var(--space-m-n2lypl, 16px);
|
|
687
687
|
}
|
|
688
|
-
section.awsui_mobile-
|
|
688
|
+
section.awsui_mobile-toolbar_hyvsj_gfdg1_663 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_gfdg1_688:not(#\9) {
|
|
689
689
|
grid-column: 2;
|
|
690
690
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
691
691
|
}
|
|
692
|
-
section.awsui_mobile-
|
|
692
|
+
section.awsui_mobile-toolbar_hyvsj_gfdg1_663 > .awsui_mobile-toolbar-tools_hyvsj_gfdg1_692:not(#\9) {
|
|
693
693
|
grid-column: 3;
|
|
694
694
|
margin-inline-start: var(--space-m-n2lypl, 16px);
|
|
695
695
|
}
|
|
@@ -698,7 +698,7 @@ section.awsui_mobile-toolbar_hyvsj_7dhc2_663 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
698
698
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
699
699
|
SPDX-License-Identifier: Apache-2.0
|
|
700
700
|
*/
|
|
701
|
-
.awsui_navigation-
|
|
701
|
+
.awsui_navigation-container_hyvsj_gfdg1_701:not(#\9) {
|
|
702
702
|
display: flex;
|
|
703
703
|
grid-column: 1;
|
|
704
704
|
grid-row: 1/span 9;
|
|
@@ -719,7 +719,7 @@ section.awsui_mobile-toolbar_hyvsj_7dhc2_663 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
719
719
|
pointer-events: none;
|
|
720
720
|
}
|
|
721
721
|
@media (max-width: 688px) {
|
|
722
|
-
.awsui_navigation-
|
|
722
|
+
.awsui_navigation-container_hyvsj_gfdg1_701:not(#\9) {
|
|
723
723
|
inset-inline-start: 0;
|
|
724
724
|
position: fixed;
|
|
725
725
|
z-index: 1001;
|
|
@@ -731,12 +731,12 @@ section.awsui_mobile-toolbar_hyvsj_7dhc2_663 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
731
731
|
relative to the body.
|
|
732
732
|
*/
|
|
733
733
|
}
|
|
734
|
-
.awsui_navigation-
|
|
734
|
+
.awsui_navigation-container_hyvsj_gfdg1_701.awsui_disable-body-scroll_hyvsj_gfdg1_211:not(#\9) {
|
|
735
735
|
inset-block-start: var(--awsui-header-height-6b9ypa);
|
|
736
736
|
}
|
|
737
737
|
}
|
|
738
738
|
|
|
739
|
-
nav.awsui_show-
|
|
739
|
+
nav.awsui_show-navigation_hyvsj_gfdg1_739:not(#\9) {
|
|
740
740
|
padding-block: var(--space-scaled-s-gjhvjd, 12px);
|
|
741
741
|
padding-inline: var(--space-layout-toggle-padding-quc8b2, 12px);
|
|
742
742
|
/*
|
|
@@ -744,7 +744,7 @@ nav.awsui_show-navigation_hyvsj_7dhc2_739:not(#\9) {
|
|
|
744
744
|
take control in responsive viewports.
|
|
745
745
|
*/
|
|
746
746
|
}
|
|
747
|
-
@keyframes
|
|
747
|
+
@keyframes awsui_showButtons_hyvsj_gfdg1_1 {
|
|
748
748
|
0% {
|
|
749
749
|
opacity: 0;
|
|
750
750
|
}
|
|
@@ -752,31 +752,31 @@ nav.awsui_show-navigation_hyvsj_7dhc2_739:not(#\9) {
|
|
|
752
752
|
opacity: 1;
|
|
753
753
|
}
|
|
754
754
|
}
|
|
755
|
-
nav.awsui_show-
|
|
755
|
+
nav.awsui_show-navigation_hyvsj_gfdg1_739.awsui_is-navigation-open_hyvsj_gfdg1_647:not(#\9) {
|
|
756
756
|
display: none;
|
|
757
757
|
}
|
|
758
758
|
@media (min-width: 689px) {
|
|
759
|
-
nav.awsui_show-
|
|
759
|
+
nav.awsui_show-navigation_hyvsj_gfdg1_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_gfdg1_647) {
|
|
760
760
|
display: block;
|
|
761
761
|
}
|
|
762
|
-
nav.awsui_show-
|
|
763
|
-
animation:
|
|
762
|
+
nav.awsui_show-navigation_hyvsj_gfdg1_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_gfdg1_647).awsui_animating_hyvsj_gfdg1_762 {
|
|
763
|
+
animation: awsui_showButtons_hyvsj_gfdg1_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
764
764
|
}
|
|
765
765
|
}
|
|
766
766
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
767
|
-
nav.awsui_show-
|
|
767
|
+
nav.awsui_show-navigation_hyvsj_gfdg1_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_gfdg1_647).awsui_animating_hyvsj_gfdg1_762 {
|
|
768
768
|
animation: none;
|
|
769
769
|
transition: none;
|
|
770
770
|
}
|
|
771
771
|
}
|
|
772
772
|
@media (min-width: 689px) {
|
|
773
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
773
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_gfdg1_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_gfdg1_647).awsui_animating_hyvsj_gfdg1_762, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_gfdg1_739:not(#\9):not(.awsui_is-navigation-open_hyvsj_gfdg1_647).awsui_animating_hyvsj_gfdg1_762 {
|
|
774
774
|
animation: none;
|
|
775
775
|
transition: none;
|
|
776
776
|
}
|
|
777
777
|
}
|
|
778
778
|
|
|
779
|
-
nav.
|
|
779
|
+
nav.awsui_navigation_hyvsj_gfdg1_701:not(#\9) {
|
|
780
780
|
background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
|
|
781
781
|
inset-block-end: 0;
|
|
782
782
|
block-size: 100%;
|
|
@@ -796,7 +796,7 @@ nav.awsui_navigation_hyvsj_7dhc2_701:not(#\9) {
|
|
|
796
796
|
prevent unwanted text wrapping.
|
|
797
797
|
*/
|
|
798
798
|
}
|
|
799
|
-
@keyframes
|
|
799
|
+
@keyframes awsui_openNavigation_hyvsj_gfdg1_1 {
|
|
800
800
|
from {
|
|
801
801
|
opacity: 0;
|
|
802
802
|
inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
|
|
@@ -806,36 +806,36 @@ nav.awsui_navigation_hyvsj_7dhc2_701:not(#\9) {
|
|
|
806
806
|
inline-size: var(--awsui-navigation-width-6b9ypa);
|
|
807
807
|
}
|
|
808
808
|
}
|
|
809
|
-
nav.
|
|
809
|
+
nav.awsui_navigation_hyvsj_gfdg1_701:not(#\9):not(.awsui_is-navigation-open_hyvsj_gfdg1_647) {
|
|
810
810
|
inline-size: 0;
|
|
811
811
|
display: none;
|
|
812
812
|
}
|
|
813
|
-
nav.
|
|
814
|
-
animation:
|
|
813
|
+
nav.awsui_navigation_hyvsj_gfdg1_701.awsui_is-navigation-open_hyvsj_gfdg1_647.awsui_animating_hyvsj_gfdg1_762:not(#\9) {
|
|
814
|
+
animation: awsui_openNavigation_hyvsj_gfdg1_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
815
815
|
}
|
|
816
816
|
@media (prefers-reduced-motion: reduce) {
|
|
817
|
-
nav.
|
|
817
|
+
nav.awsui_navigation_hyvsj_gfdg1_701.awsui_is-navigation-open_hyvsj_gfdg1_647.awsui_animating_hyvsj_gfdg1_762:not(#\9) {
|
|
818
818
|
animation: none;
|
|
819
819
|
transition: none;
|
|
820
820
|
}
|
|
821
821
|
}
|
|
822
|
-
.awsui-motion-disabled nav.
|
|
822
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_gfdg1_701.awsui_is-navigation-open_hyvsj_gfdg1_647.awsui_animating_hyvsj_gfdg1_762:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_gfdg1_701.awsui_is-navigation-open_hyvsj_gfdg1_647.awsui_animating_hyvsj_gfdg1_762:not(#\9) {
|
|
823
823
|
animation: none;
|
|
824
824
|
transition: none;
|
|
825
825
|
}
|
|
826
|
-
nav.
|
|
826
|
+
nav.awsui_navigation_hyvsj_gfdg1_701 > .awsui_animated-content_hyvsj_gfdg1_826:not(#\9) {
|
|
827
827
|
inline-size: var(--awsui-navigation-width-6b9ypa);
|
|
828
828
|
}
|
|
829
|
-
nav.
|
|
829
|
+
nav.awsui_navigation_hyvsj_gfdg1_701 > .awsui_content-container_hyvsj_gfdg1_829:not(#\9) {
|
|
830
830
|
flex-grow: 1;
|
|
831
831
|
}
|
|
832
832
|
@media (max-width: 688px) {
|
|
833
|
-
nav.
|
|
833
|
+
nav.awsui_navigation_hyvsj_gfdg1_701:not(#\9) {
|
|
834
834
|
--awsui-navigation-width-6b9ypa: 100vw;
|
|
835
835
|
}
|
|
836
836
|
}
|
|
837
837
|
|
|
838
|
-
.awsui_hide-
|
|
838
|
+
.awsui_hide-navigation_hyvsj_gfdg1_838:not(#\9) {
|
|
839
839
|
position: absolute;
|
|
840
840
|
inset-inline-end: var(--space-m-n2lypl, 16px);
|
|
841
841
|
inset-block-start: var(--size-vertical-panel-icon-offset-1tiizm, 15px);
|
|
@@ -845,24 +845,24 @@ nav.awsui_navigation_hyvsj_7dhc2_701 > .awsui_content-container_hyvsj_7dhc2_829:
|
|
|
845
845
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
846
846
|
SPDX-License-Identifier: Apache-2.0
|
|
847
847
|
*/
|
|
848
|
-
.
|
|
848
|
+
.awsui_notifications_hyvsj_gfdg1_848:not(#\9) {
|
|
849
849
|
color: var(--color-text-body-default-5qid0u, #16191f);
|
|
850
850
|
grid-area: notifications;
|
|
851
851
|
z-index: 850;
|
|
852
852
|
}
|
|
853
|
-
.
|
|
853
|
+
.awsui_notifications_hyvsj_gfdg1_848.awsui_has-notification-content_hyvsj_gfdg1_853:not(#\9) {
|
|
854
854
|
padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
|
|
855
855
|
}
|
|
856
856
|
@media (min-width: 689px) {
|
|
857
|
-
.
|
|
857
|
+
.awsui_notifications_hyvsj_gfdg1_848.awsui_sticky-notifications_hyvsj_gfdg1_857:not(#\9) {
|
|
858
858
|
--awsui-flashbar-sticky-bottom-margin-6b9ypa: var(--space-xxl-q0lyvp, 32px);
|
|
859
859
|
position: sticky;
|
|
860
860
|
inset-block-start: var(--awsui-offset-top-6b9ypa);
|
|
861
861
|
}
|
|
862
|
-
.
|
|
862
|
+
.awsui_notifications_hyvsj_gfdg1_848.awsui_sticky-notifications_hyvsj_gfdg1_857:not(#\9):not(.awsui_high-contrast_hyvsj_gfdg1_862) {
|
|
863
863
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
864
864
|
}
|
|
865
|
-
.
|
|
865
|
+
.awsui_notifications_hyvsj_gfdg1_848.awsui_has-notification-content_hyvsj_gfdg1_853:not(#\9) {
|
|
866
866
|
padding-block-start: var(--space-xs-kw7k3v, 8px);
|
|
867
867
|
}
|
|
868
868
|
}
|
|
@@ -877,7 +877,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
877
877
|
consume the remaining vertical space in the grid after the notifications
|
|
878
878
|
and breadcrumbs.
|
|
879
879
|
*/
|
|
880
|
-
section.awsui_split-panel-
|
|
880
|
+
section.awsui_split-panel-bottom_hyvsj_gfdg1_880:not(#\9) {
|
|
881
881
|
/*
|
|
882
882
|
The align self property will position the split panel at the bottom of the grid row.
|
|
883
883
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -913,7 +913,7 @@ section.awsui_split-panel-bottom_hyvsj_7dhc2_880:not(#\9) {
|
|
|
913
913
|
apply the animation to the height property.
|
|
914
914
|
*/
|
|
915
915
|
}
|
|
916
|
-
@keyframes
|
|
916
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_gfdg1_1 {
|
|
917
917
|
from {
|
|
918
918
|
block-size: var(--awsui-split-panel-reported-header-size-6b9ypa, 0);
|
|
919
919
|
}
|
|
@@ -921,39 +921,39 @@ section.awsui_split-panel-bottom_hyvsj_7dhc2_880:not(#\9) {
|
|
|
921
921
|
block-size: var(--awsui-split-panel-reported-size-6b9ypa);
|
|
922
922
|
}
|
|
923
923
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
924
|
+
section.awsui_split-panel-bottom_hyvsj_gfdg1_880.awsui_disable-body-scroll_hyvsj_gfdg1_211:not(#\9) {
|
|
925
925
|
inset-block-end: 0;
|
|
926
926
|
}
|
|
927
|
-
section.awsui_split-panel-
|
|
927
|
+
section.awsui_split-panel-bottom_hyvsj_gfdg1_880.awsui_is-navigation-open_hyvsj_gfdg1_647.awsui_position-bottom_hyvsj_gfdg1_927:not(#\9) {
|
|
928
928
|
grid-column-start: 2;
|
|
929
929
|
}
|
|
930
|
-
section.awsui_split-panel-
|
|
930
|
+
section.awsui_split-panel-bottom_hyvsj_gfdg1_880.awsui_has-open-drawer_hyvsj_gfdg1_187.awsui_position-bottom_hyvsj_gfdg1_927:not(#\9) {
|
|
931
931
|
grid-column-end: 5;
|
|
932
932
|
}
|
|
933
|
-
section.awsui_split-panel-
|
|
933
|
+
section.awsui_split-panel-bottom_hyvsj_gfdg1_880.awsui_position-bottom_hyvsj_gfdg1_927:not(#\9) {
|
|
934
934
|
display: block;
|
|
935
935
|
}
|
|
936
|
-
section.awsui_split-panel-
|
|
936
|
+
section.awsui_split-panel-bottom_hyvsj_gfdg1_880:not(#\9):not(.awsui_is-split-panel-open_hyvsj_gfdg1_650).awsui_position-bottom_hyvsj_gfdg1_927 {
|
|
937
937
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
938
938
|
}
|
|
939
|
-
section.awsui_split-panel-
|
|
939
|
+
section.awsui_split-panel-bottom_hyvsj_gfdg1_880.awsui_is-split-panel-open_hyvsj_gfdg1_650.awsui_position-bottom_hyvsj_gfdg1_927:not(#\9) {
|
|
940
940
|
box-shadow: var(--shadow-split-bottom-0ncj9i, 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3));
|
|
941
941
|
}
|
|
942
|
-
section.awsui_split-panel-
|
|
943
|
-
animation:
|
|
942
|
+
section.awsui_split-panel-bottom_hyvsj_gfdg1_880.awsui_is-split-panel-open_hyvsj_gfdg1_650.awsui_position-bottom_hyvsj_gfdg1_927.awsui_animating_hyvsj_gfdg1_762:not(#\9) {
|
|
943
|
+
animation: awsui_openSplitPanelBottom_hyvsj_gfdg1_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
944
944
|
}
|
|
945
945
|
@media (prefers-reduced-motion: reduce) {
|
|
946
|
-
section.awsui_split-panel-
|
|
946
|
+
section.awsui_split-panel-bottom_hyvsj_gfdg1_880.awsui_is-split-panel-open_hyvsj_gfdg1_650.awsui_position-bottom_hyvsj_gfdg1_927.awsui_animating_hyvsj_gfdg1_762:not(#\9) {
|
|
947
947
|
animation: none;
|
|
948
948
|
transition: none;
|
|
949
949
|
}
|
|
950
950
|
}
|
|
951
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
951
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_gfdg1_880.awsui_is-split-panel-open_hyvsj_gfdg1_650.awsui_position-bottom_hyvsj_gfdg1_927.awsui_animating_hyvsj_gfdg1_762:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_gfdg1_880.awsui_is-split-panel-open_hyvsj_gfdg1_650.awsui_position-bottom_hyvsj_gfdg1_927.awsui_animating_hyvsj_gfdg1_762:not(#\9) {
|
|
952
952
|
animation: none;
|
|
953
953
|
transition: none;
|
|
954
954
|
}
|
|
955
955
|
|
|
956
|
-
section.awsui_split-panel-
|
|
956
|
+
section.awsui_split-panel-side_hyvsj_gfdg1_956:not(#\9) {
|
|
957
957
|
block-size: 100%;
|
|
958
958
|
overflow-x: hidden;
|
|
959
959
|
pointer-events: auto;
|
|
@@ -963,15 +963,15 @@ section.awsui_split-panel-side_hyvsj_7dhc2_956:not(#\9) {
|
|
|
963
963
|
be persistent in the DOM when closed.
|
|
964
964
|
*/
|
|
965
965
|
}
|
|
966
|
-
section.awsui_split-panel-
|
|
966
|
+
section.awsui_split-panel-side_hyvsj_gfdg1_956:not(#\9):not(.awsui_is-split-panel-open_hyvsj_gfdg1_650), section.awsui_split-panel-side_hyvsj_gfdg1_956.awsui_position-bottom_hyvsj_gfdg1_927:not(#\9) {
|
|
967
967
|
inline-size: 0;
|
|
968
968
|
}
|
|
969
|
-
section.awsui_split-panel-
|
|
969
|
+
section.awsui_split-panel-side_hyvsj_gfdg1_956.awsui_is-split-panel-open_hyvsj_gfdg1_650.awsui_position-side_hyvsj_gfdg1_969:not(#\9) {
|
|
970
970
|
max-inline-size: var(--awsui-split-panel-max-width-6b9ypa, 280px);
|
|
971
971
|
min-inline-size: var(--awsui-split-panel-min-width-6b9ypa, 280px);
|
|
972
972
|
border-inline-start: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
|
|
973
973
|
}
|
|
974
|
-
section.awsui_split-panel-
|
|
974
|
+
section.awsui_split-panel-side_hyvsj_gfdg1_956.awsui_is-split-panel-open_hyvsj_gfdg1_650.awsui_position-side_hyvsj_gfdg1_969:not(#\9):not(.awsui_has-open-drawer_hyvsj_gfdg1_187) {
|
|
975
975
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-panel-side-cxdqom, transparent);
|
|
976
976
|
}
|
|
977
977
|
|
|
@@ -988,7 +988,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
988
988
|
property. The content gap right is computed in the Layout styles based on the
|
|
989
989
|
viewport size and state of the Tools drawer.
|
|
990
990
|
*/
|
|
991
|
-
.awsui_tools-
|
|
991
|
+
.awsui_tools-container_hyvsj_gfdg1_991:not(#\9) {
|
|
992
992
|
--awsui-tools-max-width-6b9ypa: calc(var(--awsui-layout-width-6b9ypa) - var(--awsui-main-offset-left-6b9ypa) - var(--awsui-default-min-content-width-6b9ypa) - var(--awsui-content-gap-right-6b9ypa));
|
|
993
993
|
display: flex;
|
|
994
994
|
grid-column: 5;
|
|
@@ -1001,7 +1001,7 @@ viewport size and state of the Tools drawer.
|
|
|
1001
1001
|
pointer-events: none;
|
|
1002
1002
|
}
|
|
1003
1003
|
@media (max-width: 688px) {
|
|
1004
|
-
.awsui_tools-
|
|
1004
|
+
.awsui_tools-container_hyvsj_gfdg1_991:not(#\9) {
|
|
1005
1005
|
--awsui-tools-max-width-6b9ypa: none;
|
|
1006
1006
|
--awsui-tools-width-6b9ypa: auto;
|
|
1007
1007
|
position: fixed;
|
|
@@ -1015,12 +1015,12 @@ viewport size and state of the Tools drawer.
|
|
|
1015
1015
|
relative to the body.
|
|
1016
1016
|
*/
|
|
1017
1017
|
}
|
|
1018
|
-
.awsui_tools-
|
|
1018
|
+
.awsui_tools-container_hyvsj_gfdg1_991.awsui_disable-body-scroll_hyvsj_gfdg1_211:not(#\9) {
|
|
1019
1019
|
inset-block-start: var(--awsui-header-height-6b9ypa);
|
|
1020
1020
|
}
|
|
1021
1021
|
}
|
|
1022
1022
|
|
|
1023
|
-
.
|
|
1023
|
+
.awsui_tools_hyvsj_gfdg1_991:not(#\9) {
|
|
1024
1024
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
1025
1025
|
flex-shrink: 0;
|
|
1026
1026
|
block-size: 100%;
|
|
@@ -1043,7 +1043,7 @@ viewport size and state of the Tools drawer.
|
|
|
1043
1043
|
in the side position.
|
|
1044
1044
|
*/
|
|
1045
1045
|
}
|
|
1046
|
-
@keyframes
|
|
1046
|
+
@keyframes awsui_openTools_hyvsj_gfdg1_1 {
|
|
1047
1047
|
from {
|
|
1048
1048
|
opacity: var(--awsui-tools-animation-starting-opacity-6b9ypa, 0);
|
|
1049
1049
|
inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
|
|
@@ -1053,44 +1053,44 @@ viewport size and state of the Tools drawer.
|
|
|
1053
1053
|
inline-size: var(--awsui-tools-width-6b9ypa);
|
|
1054
1054
|
}
|
|
1055
1055
|
}
|
|
1056
|
-
.
|
|
1056
|
+
.awsui_tools_hyvsj_gfdg1_991:not(#\9):not(.awsui_is-tools-open_hyvsj_gfdg1_650) {
|
|
1057
1057
|
inline-size: 0;
|
|
1058
1058
|
display: none;
|
|
1059
1059
|
}
|
|
1060
|
-
.
|
|
1060
|
+
.awsui_tools_hyvsj_gfdg1_991.awsui_is-tools-open_hyvsj_gfdg1_650:not(#\9) {
|
|
1061
1061
|
border-inline-start: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
|
|
1062
1062
|
}
|
|
1063
|
-
.
|
|
1064
|
-
animation:
|
|
1063
|
+
.awsui_tools_hyvsj_gfdg1_991.awsui_is-tools-open_hyvsj_gfdg1_650.awsui_animating_hyvsj_gfdg1_762:not(#\9) {
|
|
1064
|
+
animation: awsui_openTools_hyvsj_gfdg1_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
1065
1065
|
}
|
|
1066
1066
|
@media (prefers-reduced-motion: reduce) {
|
|
1067
|
-
.
|
|
1067
|
+
.awsui_tools_hyvsj_gfdg1_991.awsui_is-tools-open_hyvsj_gfdg1_650.awsui_animating_hyvsj_gfdg1_762:not(#\9) {
|
|
1068
1068
|
animation: none;
|
|
1069
1069
|
transition: none;
|
|
1070
1070
|
}
|
|
1071
1071
|
}
|
|
1072
|
-
.awsui-motion-disabled .
|
|
1072
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_gfdg1_991.awsui_is-tools-open_hyvsj_gfdg1_650.awsui_animating_hyvsj_gfdg1_762:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_gfdg1_991.awsui_is-tools-open_hyvsj_gfdg1_650.awsui_animating_hyvsj_gfdg1_762:not(#\9) {
|
|
1073
1073
|
animation: none;
|
|
1074
1074
|
transition: none;
|
|
1075
1075
|
}
|
|
1076
|
-
.
|
|
1076
|
+
.awsui-one-theme .awsui_tools_hyvsj_gfdg1_991:not(#\9) {
|
|
1077
1077
|
background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
|
|
1078
1078
|
}
|
|
1079
|
-
.
|
|
1079
|
+
.awsui_tools_hyvsj_gfdg1_991 > .awsui_animated-content_hyvsj_gfdg1_826:not(#\9) {
|
|
1080
1080
|
inline-size: var(--awsui-tools-width-6b9ypa);
|
|
1081
1081
|
}
|
|
1082
1082
|
@media (min-width: 689px) {
|
|
1083
|
-
.
|
|
1083
|
+
.awsui_tools_hyvsj_gfdg1_991.awsui_is-tools-open_hyvsj_gfdg1_650.awsui_has-tools-form-persistence_hyvsj_gfdg1_1083:not(#\9) {
|
|
1084
1084
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
|
|
1085
1085
|
}
|
|
1086
1086
|
}
|
|
1087
1087
|
@media (max-width: 688px) {
|
|
1088
|
-
.
|
|
1088
|
+
.awsui_tools_hyvsj_gfdg1_991:not(#\9) {
|
|
1089
1089
|
--awsui-tools-width-6b9ypa: 100vw;
|
|
1090
1090
|
}
|
|
1091
1091
|
}
|
|
1092
1092
|
|
|
1093
|
-
.awsui_hide-
|
|
1093
|
+
.awsui_hide-tools_hyvsj_gfdg1_1093:not(#\9) {
|
|
1094
1094
|
position: absolute;
|
|
1095
1095
|
inset-inline-end: var(--space-m-n2lypl, 16px);
|
|
1096
1096
|
inset-block-start: var(--size-vertical-panel-icon-offset-1tiizm, 15px);
|
|
@@ -1102,7 +1102,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1102
1102
|
the calculation used to determine the Split Panel maximum width in the
|
|
1103
1103
|
handleSplitPanelMaxWidth function in the context.
|
|
1104
1104
|
*/
|
|
1105
|
-
.awsui_show-
|
|
1105
|
+
.awsui_show-tools_hyvsj_gfdg1_1105:not(#\9) {
|
|
1106
1106
|
border-collapse: separate;
|
|
1107
1107
|
border-spacing: 0;
|
|
1108
1108
|
box-sizing: border-box;
|
|
@@ -1140,7 +1140,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1140
1140
|
take control in responsive viewports.
|
|
1141
1141
|
*/
|
|
1142
1142
|
}
|
|
1143
|
-
@keyframes
|
|
1143
|
+
@keyframes awsui_showButtons_hyvsj_gfdg1_1 {
|
|
1144
1144
|
0% {
|
|
1145
1145
|
opacity: 0;
|
|
1146
1146
|
}
|
|
@@ -1148,31 +1148,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1148
1148
|
opacity: 1;
|
|
1149
1149
|
}
|
|
1150
1150
|
}
|
|
1151
|
-
.awsui_show-
|
|
1151
|
+
.awsui_show-tools_hyvsj_gfdg1_1105:not(#\9):not(.awsui_has-tools-form_hyvsj_gfdg1_1083) {
|
|
1152
1152
|
display: none;
|
|
1153
1153
|
}
|
|
1154
1154
|
@media (min-width: 689px) {
|
|
1155
|
-
.awsui_show-
|
|
1155
|
+
.awsui_show-tools_hyvsj_gfdg1_1105.awsui_has-tools-form_hyvsj_gfdg1_1083:not(#\9) {
|
|
1156
1156
|
display: flex;
|
|
1157
1157
|
flex-direction: column;
|
|
1158
1158
|
gap: var(--space-xs-kw7k3v, 8px);
|
|
1159
1159
|
}
|
|
1160
|
-
.awsui_show-
|
|
1161
|
-
animation:
|
|
1160
|
+
.awsui_show-tools_hyvsj_gfdg1_1105.awsui_has-tools-form_hyvsj_gfdg1_1083.awsui_animating_hyvsj_gfdg1_762:not(#\9) {
|
|
1161
|
+
animation: awsui_showButtons_hyvsj_gfdg1_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
1162
1162
|
}
|
|
1163
1163
|
}
|
|
1164
1164
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1165
|
-
.awsui_show-
|
|
1165
|
+
.awsui_show-tools_hyvsj_gfdg1_1105.awsui_has-tools-form_hyvsj_gfdg1_1083.awsui_animating_hyvsj_gfdg1_762:not(#\9) {
|
|
1166
1166
|
animation: none;
|
|
1167
1167
|
transition: none;
|
|
1168
1168
|
}
|
|
1169
1169
|
}
|
|
1170
1170
|
@media (min-width: 689px) {
|
|
1171
|
-
.awsui-motion-disabled .awsui_show-
|
|
1171
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_gfdg1_1105.awsui_has-tools-form_hyvsj_gfdg1_1083.awsui_animating_hyvsj_gfdg1_762:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_gfdg1_1105.awsui_has-tools-form_hyvsj_gfdg1_1083.awsui_animating_hyvsj_gfdg1_762:not(#\9) {
|
|
1172
1172
|
animation: none;
|
|
1173
1173
|
transition: none;
|
|
1174
1174
|
}
|
|
1175
|
-
.awsui_show-
|
|
1175
|
+
.awsui_show-tools_hyvsj_gfdg1_1105.awsui_has-tools-form-persistence_hyvsj_gfdg1_1083:not(#\9) {
|
|
1176
1176
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
1177
1177
|
z-index: 1;
|
|
1178
1178
|
}
|
|
@@ -1182,7 +1182,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1182
1182
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1183
1183
|
SPDX-License-Identifier: Apache-2.0
|
|
1184
1184
|
*/
|
|
1185
|
-
.awsui_trigger-button-
|
|
1185
|
+
.awsui_trigger-button-styles_hyvsj_gfdg1_1185:not(#\9) {
|
|
1186
1186
|
background: var(--color-background-layout-toggle-default-q2nv0b, transparent);
|
|
1187
1187
|
border-start-start-radius: 50%;
|
|
1188
1188
|
border-start-end-radius: 50%;
|
|
@@ -1191,14 +1191,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1191
1191
|
block-size: var(--space-layout-toggle-diameter-vount6, 36px);
|
|
1192
1192
|
inline-size: var(--space-layout-toggle-diameter-vount6, 36px);
|
|
1193
1193
|
}
|
|
1194
|
-
.awsui_trigger-button-
|
|
1194
|
+
.awsui_trigger-button-styles_hyvsj_gfdg1_1185:not(#\9):hover {
|
|
1195
1195
|
background: var(--color-background-layout-toggle-hover-t77zty, #545b64);
|
|
1196
1196
|
}
|
|
1197
|
-
.awsui_trigger-button-
|
|
1197
|
+
.awsui_trigger-button-styles_hyvsj_gfdg1_1185:not(#\9):active {
|
|
1198
1198
|
background: var(--color-background-layout-toggle-active-ovmpb9, #2a2e33);
|
|
1199
1199
|
}
|
|
1200
1200
|
|
|
1201
|
-
.awsui_trigger-badge-
|
|
1201
|
+
.awsui_trigger-badge-wrapper_hyvsj_gfdg1_1201:not(#\9) {
|
|
1202
1202
|
position: absolute;
|
|
1203
1203
|
inset-block-start: 0;
|
|
1204
1204
|
inset-inline-start: 0;
|
|
@@ -1208,7 +1208,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1208
1208
|
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
1209
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1210
1210
|
}
|
|
1211
|
-
.awsui_trigger-badge-
|
|
1211
|
+
.awsui_trigger-badge-wrapper_hyvsj_gfdg1_1201:not(#\9):dir(rtl) {
|
|
1212
1212
|
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
1213
|
}
|
|
1214
1214
|
|
|
@@ -1217,7 +1217,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1217
1217
|
the calculation used to determine the Split Panel maximum width in the
|
|
1218
1218
|
handleSplitPanelMaxWidth function in the context.
|
|
1219
1219
|
*/
|
|
1220
|
-
.
|
|
1220
|
+
.awsui_trigger_hyvsj_gfdg1_1185:not(#\9) {
|
|
1221
1221
|
border-block: none;
|
|
1222
1222
|
border-inline: none;
|
|
1223
1223
|
padding-inline: 0;
|
|
@@ -1226,14 +1226,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1226
1226
|
pointer-events: auto;
|
|
1227
1227
|
position: relative;
|
|
1228
1228
|
}
|
|
1229
|
-
body[data-awsui-focus-visible=true] .
|
|
1229
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gfdg1_1185:not(#\9):focus {
|
|
1230
1230
|
position: relative;
|
|
1231
1231
|
}
|
|
1232
|
-
body[data-awsui-focus-visible=true] .
|
|
1232
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gfdg1_1185:not(#\9):focus {
|
|
1233
1233
|
outline: 2px dotted transparent;
|
|
1234
1234
|
outline-offset: calc(3px - 1px);
|
|
1235
1235
|
}
|
|
1236
|
-
body[data-awsui-focus-visible=true] .
|
|
1236
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gfdg1_1185:not(#\9):focus::before {
|
|
1237
1237
|
content: " ";
|
|
1238
1238
|
display: block;
|
|
1239
1239
|
position: absolute;
|
|
@@ -1247,49 +1247,49 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_7dhc2_1185:not(#\9):foc
|
|
|
1247
1247
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
|
|
1248
1248
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
1249
1249
|
}
|
|
1250
|
-
.
|
|
1250
|
+
.awsui_trigger_hyvsj_gfdg1_1185:not(#\9):focus {
|
|
1251
1251
|
outline: none;
|
|
1252
1252
|
}
|
|
1253
|
-
.
|
|
1253
|
+
.awsui_trigger_hyvsj_gfdg1_1185.awsui_selected_hyvsj_gfdg1_1253:not(#\9) {
|
|
1254
1254
|
background: var(--color-background-layout-toggle-selected-default-o4my1h, #0073bb);
|
|
1255
1255
|
color: var(--color-text-layout-toggle-selected-ofhd1q, #ffffff);
|
|
1256
1256
|
}
|
|
1257
|
-
.
|
|
1257
|
+
.awsui_trigger_hyvsj_gfdg1_1185.awsui_selected_hyvsj_gfdg1_1253:not(#\9):hover {
|
|
1258
1258
|
background: var(--color-background-layout-toggle-selected-hover-yuaxel, #0a4a74);
|
|
1259
1259
|
}
|
|
1260
|
-
.
|
|
1260
|
+
.awsui_trigger_hyvsj_gfdg1_1185.awsui_selected_hyvsj_gfdg1_1253:not(#\9):active {
|
|
1261
1261
|
background: var(--color-background-layout-toggle-selected-active-wfv72o, #0073bb);
|
|
1262
1262
|
}
|
|
1263
|
-
.
|
|
1263
|
+
.awsui_trigger_hyvsj_gfdg1_1185.awsui_selected_hyvsj_gfdg1_1253 > .awsui_trigger-badge-wrapper_hyvsj_gfdg1_1201:not(#\9) {
|
|
1264
1264
|
background: var(--color-background-layout-toggle-selected-default-o4my1h, #0073bb);
|
|
1265
1265
|
color: var(--color-text-layout-toggle-selected-ofhd1q, #ffffff);
|
|
1266
1266
|
}
|
|
1267
|
-
.
|
|
1267
|
+
.awsui_trigger_hyvsj_gfdg1_1185.awsui_selected_hyvsj_gfdg1_1253 > .awsui_trigger-badge-wrapper_hyvsj_gfdg1_1201:not(#\9):hover {
|
|
1268
1268
|
background: var(--color-background-layout-toggle-selected-hover-yuaxel, #0a4a74);
|
|
1269
1269
|
}
|
|
1270
|
-
.
|
|
1270
|
+
.awsui_trigger_hyvsj_gfdg1_1185.awsui_selected_hyvsj_gfdg1_1253 > .awsui_trigger-badge-wrapper_hyvsj_gfdg1_1201:not(#\9):active {
|
|
1271
1271
|
background: var(--color-background-layout-toggle-selected-active-wfv72o, #0073bb);
|
|
1272
1272
|
}
|
|
1273
|
-
.
|
|
1273
|
+
.awsui_trigger_hyvsj_gfdg1_1185.awsui_badge_hyvsj_gfdg1_1273:not(#\9), .awsui_trigger_hyvsj_gfdg1_1185.awsui_badge_hyvsj_gfdg1_1273:not(#\9):hover, .awsui_trigger_hyvsj_gfdg1_1185.awsui_badge_hyvsj_gfdg1_1273:not(#\9):active {
|
|
1274
1274
|
background: transparent;
|
|
1275
1275
|
}
|
|
1276
1276
|
|
|
1277
|
-
.awsui_trigger-
|
|
1277
|
+
.awsui_trigger-wrapper_hyvsj_gfdg1_1277:not(#\9) {
|
|
1278
1278
|
position: relative;
|
|
1279
1279
|
border-start-start-radius: 50%;
|
|
1280
1280
|
border-start-end-radius: 50%;
|
|
1281
1281
|
border-end-start-radius: 50%;
|
|
1282
1282
|
border-end-end-radius: 50%;
|
|
1283
1283
|
}
|
|
1284
|
-
.awsui_trigger-
|
|
1284
|
+
.awsui_trigger-wrapper_hyvsj_gfdg1_1277:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_gfdg1_680) {
|
|
1285
1285
|
box-shadow: var(--shadow-panel-toggle-rswlot, 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
1286
|
}
|
|
1287
1287
|
|
|
1288
|
-
.awsui_trigger-wrapper-tooltip-
|
|
1288
|
+
.awsui_trigger-wrapper-tooltip-visible_hyvsj_gfdg1_1288:not(#\9) {
|
|
1289
1289
|
/* used in test-utils*/
|
|
1290
1290
|
}
|
|
1291
1291
|
|
|
1292
|
-
.
|
|
1292
|
+
.awsui_dot_hyvsj_gfdg1_1292:not(#\9) {
|
|
1293
1293
|
position: absolute;
|
|
1294
1294
|
inline-size: 9px;
|
|
1295
1295
|
block-size: 9px;
|
|
@@ -1302,6 +1302,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_7dhc2_1185:not(#\9):foc
|
|
|
1302
1302
|
inset-inline-end: 0;
|
|
1303
1303
|
}
|
|
1304
1304
|
|
|
1305
|
-
.awsui_trigger-
|
|
1305
|
+
.awsui_trigger-tooltip_hyvsj_gfdg1_1305:not(#\9) {
|
|
1306
1306
|
/* used in test-utils */
|
|
1307
1307
|
}
|