@cloudscape-design/components-themeable 3.0.1163 → 3.0.1164
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/app-layout/visual-refresh/drawers.scss +1 -0
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss +3 -0
- package/lib/internal/scss/drawer/styles.scss +25 -0
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
- package/lib/internal/template/anchor-navigation/styles.scoped.css +21 -21
- package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +164 -163
- 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 +30 -30
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +84 -81
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map +1 -1
- package/lib/internal/template/attribute-editor/styles.css.js +15 -15
- package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
- package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
- package/lib/internal/template/box/styles.css.js +192 -192
- package/lib/internal/template/box/styles.scoped.css +242 -242
- package/lib/internal/template/box/styles.selectors.js +192 -192
- package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
- package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
- package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
- package/lib/internal/template/button/styles.css.js +22 -22
- package/lib/internal/template/button/styles.scoped.css +96 -96
- package/lib/internal/template/button/styles.selectors.js +22 -22
- package/lib/internal/template/button-dropdown/category-elements/styles.css.js +17 -17
- package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +27 -27
- package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +17 -17
- package/lib/internal/template/button-dropdown/item-element/styles.css.js +20 -20
- package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +35 -35
- package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +20 -20
- package/lib/internal/template/calendar/styles.css.js +21 -21
- package/lib/internal/template/calendar/styles.scoped.css +44 -44
- package/lib/internal/template/calendar/styles.selectors.js +21 -21
- package/lib/internal/template/cards/styles.css.js +39 -39
- package/lib/internal/template/cards/styles.scoped.css +51 -51
- package/lib/internal/template/cards/styles.selectors.js +39 -39
- package/lib/internal/template/code-editor/styles.css.js +33 -33
- package/lib/internal/template/code-editor/styles.scoped.css +187 -187
- package/lib/internal/template/code-editor/styles.selectors.js +33 -33
- package/lib/internal/template/collection-preferences/styles.css.js +36 -36
- package/lib/internal/template/collection-preferences/styles.scoped.css +38 -38
- package/lib/internal/template/collection-preferences/styles.selectors.js +36 -36
- package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +30 -30
- package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +56 -56
- package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +30 -30
- package/lib/internal/template/drawer/implementation.d.ts +1 -1
- package/lib/internal/template/drawer/implementation.d.ts.map +1 -1
- package/lib/internal/template/drawer/implementation.js +13 -4
- package/lib/internal/template/drawer/implementation.js.map +1 -1
- package/lib/internal/template/drawer/interfaces.d.ts +7 -0
- package/lib/internal/template/drawer/interfaces.d.ts.map +1 -1
- package/lib/internal/template/drawer/interfaces.js.map +1 -1
- package/lib/internal/template/drawer/styles.css.js +12 -8
- package/lib/internal/template/drawer/styles.scoped.css +35 -13
- package/lib/internal/template/drawer/styles.selectors.js +12 -8
- package/lib/internal/template/drawer/use-sticky-footer.d.ts +9 -0
- package/lib/internal/template/drawer/use-sticky-footer.d.ts.map +1 -0
- package/lib/internal/template/drawer/use-sticky-footer.js +35 -0
- package/lib/internal/template/drawer/use-sticky-footer.js.map +1 -0
- package/lib/internal/template/expandable-section/styles.css.js +35 -35
- package/lib/internal/template/expandable-section/styles.scoped.css +68 -68
- package/lib/internal/template/expandable-section/styles.selectors.js +35 -35
- package/lib/internal/template/help-panel/styles.css.js +6 -6
- package/lib/internal/template/help-panel/styles.scoped.css +75 -75
- package/lib/internal/template/help-panel/styles.selectors.js +6 -6
- package/lib/internal/template/icon/styles.css.js +39 -39
- package/lib/internal/template/icon/styles.scoped.css +87 -87
- package/lib/internal/template/icon/styles.selectors.js +39 -39
- package/lib/internal/template/internal/base-component/styles.scoped.css +504 -437
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +13 -13
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +29 -29
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +13 -13
- package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +28 -28
- package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +33 -33
- package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +28 -28
- package/lib/internal/template/internal/components/chart-series-details/styles.css.js +19 -19
- package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +33 -33
- package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +19 -19
- package/lib/internal/template/internal/components/option/styles.css.js +16 -16
- package/lib/internal/template/internal/components/option/styles.scoped.css +29 -29
- package/lib/internal/template/internal/components/option/styles.selectors.js +16 -16
- package/lib/internal/template/internal/components/selectable-item/styles.css.js +23 -23
- package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +54 -54
- package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +23 -23
- package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
- package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
- package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
- 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.js +8 -8
- package/lib/internal/template/internal/generated/theming/index.cjs +24 -24
- package/lib/internal/template/internal/generated/theming/index.js +24 -24
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.d.ts +3 -1
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.d.ts.map +1 -1
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js +2 -2
- package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js.map +1 -1
- package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
- package/lib/internal/template/key-value-pairs/styles.scoped.css +10 -10
- package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
- package/lib/internal/template/link/styles.css.js +20 -20
- package/lib/internal/template/link/styles.scoped.css +92 -92
- package/lib/internal/template/link/styles.selectors.js +20 -20
- package/lib/internal/template/pagination/styles.css.js +9 -9
- package/lib/internal/template/pagination/styles.scoped.css +24 -24
- package/lib/internal/template/pagination/styles.selectors.js +9 -9
- package/lib/internal/template/pie-chart/styles.css.js +27 -27
- package/lib/internal/template/pie-chart/styles.scoped.css +50 -50
- package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
- package/lib/internal/template/popover/internal.js +1 -1
- package/lib/internal/template/popover/internal.js.map +1 -1
- package/lib/internal/template/popover/styles.css.js +57 -57
- package/lib/internal/template/popover/styles.scoped.css +87 -87
- package/lib/internal/template/popover/styles.selectors.js +57 -57
- package/lib/internal/template/progress-bar/styles.css.js +19 -19
- package/lib/internal/template/progress-bar/styles.scoped.css +31 -31
- package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
- package/lib/internal/template/property-filter/styles.css.js +39 -39
- package/lib/internal/template/property-filter/styles.scoped.css +42 -42
- package/lib/internal/template/property-filter/styles.selectors.js +39 -39
- package/lib/internal/template/segmented-control/styles.css.js +16 -16
- package/lib/internal/template/segmented-control/styles.scoped.css +36 -36
- package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
- package/lib/internal/template/side-navigation/styles.css.js +30 -30
- package/lib/internal/template/side-navigation/styles.scoped.css +47 -47
- package/lib/internal/template/side-navigation/styles.selectors.js +30 -30
- package/lib/internal/template/split-panel/icons/styles.css.js +22 -22
- package/lib/internal/template/split-panel/icons/styles.scoped.css +27 -27
- package/lib/internal/template/split-panel/icons/styles.selectors.js +22 -22
- package/lib/internal/template/table/body-cell/styles.css.js +47 -47
- package/lib/internal/template/table/body-cell/styles.scoped.css +377 -377
- package/lib/internal/template/table/body-cell/styles.selectors.js +47 -47
- package/lib/internal/template/tag-editor/styles.css.js +3 -3
- package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
- package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
- package/lib/internal/template/test-utils/dom/drawer/index.d.ts +1 -0
- package/lib/internal/template/test-utils/dom/drawer/index.js +3 -0
- package/lib/internal/template/test-utils/dom/drawer/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/drawer/index.d.ts +1 -0
- package/lib/internal/template/test-utils/selectors/drawer/index.js +3 -0
- package/lib/internal/template/test-utils/selectors/drawer/index.js.map +1 -1
- package/lib/internal/template/text-content/styles.css.js +1 -1
- package/lib/internal/template/text-content/styles.scoped.css +66 -66
- package/lib/internal/template/text-content/styles.selectors.js +1 -1
- package/lib/internal/template/token/styles.css.js +14 -14
- package/lib/internal/template/token/styles.scoped.css +29 -29
- package/lib/internal/template/token/styles.selectors.js +14 -14
- package/lib/internal/template/top-navigation/styles.css.js +47 -47
- package/lib/internal/template/top-navigation/styles.scoped.css +66 -66
- package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +28 -28
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- 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_1lprv_149:not(#\9) {
|
|
150
150
|
display: contents;
|
|
151
151
|
}
|
|
152
|
-
div.
|
|
152
|
+
div.awsui_background_hyvsj_1lprv_149 > .awsui_scrolling-background_hyvsj_1lprv_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_13xjh_149 > .awsui_scrolling-background_hyvsj_13xjh_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_1lprv_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_13xjh_149 > .awsui_scrolling-background_hyvsj_13xjh_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_1lprv_176:not(#\9) {
|
|
177
177
|
background-color: transparent;
|
|
178
178
|
display: flex;
|
|
179
179
|
grid-column: 5;
|
|
@@ -184,16 +184,16 @@ div.awsui_background_hyvsj_13xjh_149 > .awsui_scrolling-background_hyvsj_13xjh_1
|
|
|
184
184
|
inset-block-start: var(--awsui-offset-top-d43v8n);
|
|
185
185
|
z-index: 830;
|
|
186
186
|
}
|
|
187
|
-
.awsui_drawers-
|
|
187
|
+
.awsui_drawers-container_hyvsj_1lprv_176.awsui_has-open-drawer_hyvsj_1lprv_187:not(#\9) {
|
|
188
188
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
189
189
|
}
|
|
190
190
|
@media (min-width: 689px) {
|
|
191
|
-
.awsui_drawers-
|
|
191
|
+
.awsui_drawers-container_hyvsj_1lprv_176:not(#\9) {
|
|
192
192
|
max-inline-size: calc(var(--awsui-layout-width-d43v8n) - var(--awsui-main-offset-left-d43v8n) - var(--awsui-default-min-content-width-d43v8n) - var(--awsui-content-gap-right-d43v8n));
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
@media (max-width: 688px) {
|
|
196
|
-
.awsui_drawers-
|
|
196
|
+
.awsui_drawers-container_hyvsj_1lprv_176:not(#\9) {
|
|
197
197
|
position: fixed;
|
|
198
198
|
inset-inline-end: 0;
|
|
199
199
|
z-index: 1001;
|
|
@@ -205,12 +205,12 @@ div.awsui_background_hyvsj_13xjh_149 > .awsui_scrolling-background_hyvsj_13xjh_1
|
|
|
205
205
|
relative to the body.
|
|
206
206
|
*/
|
|
207
207
|
}
|
|
208
|
-
.awsui_drawers-
|
|
208
|
+
.awsui_drawers-container_hyvsj_1lprv_176.awsui_disable-body-scroll_hyvsj_1lprv_208:not(#\9) {
|
|
209
209
|
inset-block-start: var(--awsui-header-height-d43v8n);
|
|
210
210
|
}
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
.awsui_drawers-desktop-triggers-
|
|
213
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1lprv_213:not(#\9) {
|
|
214
214
|
border-collapse: separate;
|
|
215
215
|
border-spacing: 0;
|
|
216
216
|
box-sizing: border-box;
|
|
@@ -248,22 +248,22 @@ div.awsui_background_hyvsj_13xjh_149 > .awsui_scrolling-background_hyvsj_13xjh_1
|
|
|
248
248
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
249
249
|
overscroll-behavior-y: contain;
|
|
250
250
|
}
|
|
251
|
-
.awsui_drawers-desktop-triggers-
|
|
251
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1lprv_213:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1lprv_251).awsui_has-open-drawer_hyvsj_1lprv_187 {
|
|
252
252
|
inline-size: 0;
|
|
253
253
|
}
|
|
254
|
-
.awsui_drawers-desktop-triggers-
|
|
254
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1lprv_213.awsui_has-multiple-triggers_hyvsj_1lprv_251.awsui_has-open-drawer_hyvsj_1lprv_187:not(#\9) {
|
|
255
255
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
256
256
|
}
|
|
257
|
-
.awsui_drawers-desktop-triggers-
|
|
257
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1lprv_213:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1lprv_251):not(.awsui_has-open-drawer_hyvsj_1lprv_187) {
|
|
258
258
|
inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
|
|
259
259
|
}
|
|
260
260
|
|
|
261
|
-
.awsui_drawers-mobile-triggers-
|
|
261
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_1lprv_261:not(#\9) {
|
|
262
262
|
display: flex;
|
|
263
263
|
justify-content: flex-end;
|
|
264
264
|
}
|
|
265
265
|
|
|
266
|
-
.awsui_drawers-trigger-
|
|
266
|
+
.awsui_drawers-trigger-content_hyvsj_1lprv_266:not(#\9) {
|
|
267
267
|
align-items: center;
|
|
268
268
|
display: flex;
|
|
269
269
|
flex-direction: column;
|
|
@@ -271,13 +271,13 @@ div.awsui_background_hyvsj_13xjh_149 > .awsui_scrolling-background_hyvsj_13xjh_1
|
|
|
271
271
|
padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
|
|
272
272
|
inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
|
|
273
273
|
}
|
|
274
|
-
.awsui_drawers-trigger-
|
|
274
|
+
.awsui_drawers-trigger-content_hyvsj_1lprv_266:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1lprv_251).awsui_has-open-drawer_hyvsj_1lprv_187 {
|
|
275
275
|
opacity: 0;
|
|
276
276
|
}
|
|
277
|
-
.awsui_drawers-trigger-
|
|
277
|
+
.awsui_drawers-trigger-content_hyvsj_1lprv_266:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1lprv_251):not(.awsui_has-open-drawer_hyvsj_1lprv_187) {
|
|
278
278
|
opacity: 1;
|
|
279
279
|
}
|
|
280
|
-
.awsui_drawers-trigger-
|
|
280
|
+
.awsui_drawers-trigger-content_hyvsj_1lprv_266 > .awsui_drawers-trigger-overflow_hyvsj_1lprv_280:not(#\9) {
|
|
281
281
|
padding-block: 0;
|
|
282
282
|
padding-inline: 1px;
|
|
283
283
|
display: flex;
|
|
@@ -286,14 +286,14 @@ div.awsui_background_hyvsj_13xjh_149 > .awsui_scrolling-background_hyvsj_13xjh_1
|
|
|
286
286
|
}
|
|
287
287
|
|
|
288
288
|
@media (max-width: 688px) {
|
|
289
|
-
.awsui_drawers-
|
|
289
|
+
.awsui_drawers-trigger_hyvsj_1lprv_266:not(#\9) {
|
|
290
290
|
inline-size: 40px;
|
|
291
291
|
display: flex;
|
|
292
292
|
justify-content: center;
|
|
293
293
|
}
|
|
294
294
|
}
|
|
295
295
|
|
|
296
|
-
.
|
|
296
|
+
.awsui_drawer_hyvsj_1lprv_176:not(#\9) {
|
|
297
297
|
--awsui-drawer-size-d43v8n: 290px;
|
|
298
298
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
299
299
|
border-color: transparent;
|
|
@@ -308,7 +308,7 @@ div.awsui_background_hyvsj_13xjh_149 > .awsui_scrolling-background_hyvsj_13xjh_1
|
|
|
308
308
|
pointer-events: auto;
|
|
309
309
|
word-wrap: break-word;
|
|
310
310
|
}
|
|
311
|
-
.
|
|
311
|
+
.awsui_drawer_hyvsj_1lprv_176 > .awsui_drawer-content-container_hyvsj_1lprv_311:not(#\9) {
|
|
312
312
|
grid-column: 1/span 2;
|
|
313
313
|
grid-row: 1;
|
|
314
314
|
inline-size: var(--awsui-drawer-size-d43v8n);
|
|
@@ -317,42 +317,43 @@ div.awsui_background_hyvsj_13xjh_149 > .awsui_scrolling-background_hyvsj_13xjh_1
|
|
|
317
317
|
grid-template-rows: var(--size-vertical-panel-icon-offset-1tiizm, 15px) auto 1fr;
|
|
318
318
|
overflow-y: auto;
|
|
319
319
|
}
|
|
320
|
-
.
|
|
320
|
+
.awsui_drawer_hyvsj_1lprv_176 > .awsui_drawer-content-container_hyvsj_1lprv_311 > .awsui_drawer-close-button_hyvsj_1lprv_320:not(#\9) {
|
|
321
321
|
grid-column: 3;
|
|
322
322
|
grid-row: 2;
|
|
323
323
|
z-index: 1;
|
|
324
324
|
}
|
|
325
|
-
.
|
|
325
|
+
.awsui_drawer_hyvsj_1lprv_176 > .awsui_drawer-content-container_hyvsj_1lprv_311 > .awsui_drawer-content_hyvsj_1lprv_311:not(#\9) {
|
|
326
326
|
grid-column: 1/span 4;
|
|
327
327
|
block-size: var(--awsui-content-height-d43v8n);
|
|
328
328
|
}
|
|
329
|
-
.
|
|
329
|
+
.awsui_drawer_hyvsj_1lprv_176 > .awsui_drawer-content-container_hyvsj_1lprv_311 > .awsui_drawer-content_hyvsj_1lprv_311.awsui_drawer-content-hidden_hyvsj_1lprv_329:not(#\9) {
|
|
330
330
|
display: none;
|
|
331
331
|
}
|
|
332
|
-
.
|
|
332
|
+
.awsui_drawer_hyvsj_1lprv_176 > .awsui_drawer-slider_hyvsj_1lprv_332:not(#\9) {
|
|
333
333
|
grid-column: 1;
|
|
334
334
|
grid-row: 1;
|
|
335
335
|
block-size: 100%;
|
|
336
336
|
display: flex;
|
|
337
337
|
align-items: center;
|
|
338
|
+
z-index: 850;
|
|
338
339
|
}
|
|
339
|
-
.
|
|
340
|
+
.awsui_drawer_hyvsj_1lprv_176:not(#\9):not(.awsui_is-drawer-open_hyvsj_1lprv_340) {
|
|
340
341
|
opacity: 0;
|
|
341
342
|
inline-size: 0;
|
|
342
343
|
}
|
|
343
|
-
.
|
|
344
|
+
.awsui_drawer_hyvsj_1lprv_176.awsui_is-drawer-open_hyvsj_1lprv_340:not(#\9) {
|
|
344
345
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
|
|
345
346
|
border-inline-start: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
|
|
346
347
|
opacity: 1;
|
|
347
348
|
inline-size: var(--awsui-drawer-size-d43v8n);
|
|
348
349
|
}
|
|
349
350
|
@media (min-width: 2541px) {
|
|
350
|
-
.
|
|
351
|
+
.awsui_drawer_hyvsj_1lprv_176.awsui_is-drawer-open_hyvsj_1lprv_340:not(#\9) {
|
|
351
352
|
--awsui-drawer-size-d43v8n: 320px;
|
|
352
353
|
}
|
|
353
354
|
}
|
|
354
355
|
@media (max-width: 688px) {
|
|
355
|
-
.
|
|
356
|
+
.awsui_drawer_hyvsj_1lprv_176.awsui_is-drawer-open_hyvsj_1lprv_340:not(#\9) {
|
|
356
357
|
--awsui-drawer-size-d43v8n: 100vw;
|
|
357
358
|
inline-size: 100vw;
|
|
358
359
|
}
|
|
@@ -362,7 +363,7 @@ div.awsui_background_hyvsj_13xjh_149 > .awsui_scrolling-background_hyvsj_13xjh_1
|
|
|
362
363
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
363
364
|
SPDX-License-Identifier: Apache-2.0
|
|
364
365
|
*/
|
|
365
|
-
header.
|
|
366
|
+
header.awsui_content_hyvsj_1lprv_366:not(#\9) {
|
|
366
367
|
grid-area: header;
|
|
367
368
|
}
|
|
368
369
|
|
|
@@ -387,7 +388,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
387
388
|
circumstances regardless of whether the minContentWidth property is
|
|
388
389
|
explicitly set in script.
|
|
389
390
|
*/
|
|
390
|
-
.
|
|
391
|
+
.awsui_layout_hyvsj_1lprv_391:not(#\9) {
|
|
391
392
|
--awsui-breadcrumbs-gap-d43v8n: 0px;
|
|
392
393
|
--awsui-content-gap-left-d43v8n: 0px;
|
|
393
394
|
--awsui-content-gap-right-d43v8n: 0px;
|
|
@@ -459,113 +460,113 @@ explicitly set in script.
|
|
|
459
460
|
*/
|
|
460
461
|
}
|
|
461
462
|
@media (min-width: 1401px) {
|
|
462
|
-
.
|
|
463
|
+
.awsui_layout_hyvsj_1lprv_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_1lprv_463) {
|
|
463
464
|
--awsui-default-max-content-width-d43v8n: 1280px;
|
|
464
465
|
}
|
|
465
466
|
}
|
|
466
467
|
@media (min-width: 1921px) {
|
|
467
|
-
.
|
|
468
|
+
.awsui_layout_hyvsj_1lprv_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_1lprv_463) {
|
|
468
469
|
--awsui-default-max-content-width-d43v8n: 1440px;
|
|
469
470
|
}
|
|
470
471
|
}
|
|
471
472
|
@media (min-width: 2541px) {
|
|
472
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_1lprv_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_1lprv_463) {
|
|
473
474
|
--awsui-default-max-content-width-d43v8n: 1620px;
|
|
474
475
|
}
|
|
475
476
|
}
|
|
476
477
|
@media (min-width: 1401px) {
|
|
477
|
-
.
|
|
478
|
+
.awsui_layout_hyvsj_1lprv_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_1lprv_463).awsui_content-type-dashboard_hyvsj_1lprv_478 {
|
|
478
479
|
--awsui-default-max-content-width-d43v8n: 1280px;
|
|
479
480
|
}
|
|
480
481
|
}
|
|
481
482
|
@media (min-width: 1921px) {
|
|
482
|
-
.
|
|
483
|
+
.awsui_layout_hyvsj_1lprv_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_1lprv_463).awsui_content-type-dashboard_hyvsj_1lprv_478 {
|
|
483
484
|
--awsui-default-max-content-width-d43v8n: 1620px;
|
|
484
485
|
}
|
|
485
486
|
}
|
|
486
487
|
@media (min-width: 2541px) {
|
|
487
|
-
.
|
|
488
|
+
.awsui_layout_hyvsj_1lprv_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_1lprv_463).awsui_content-type-dashboard_hyvsj_1lprv_478 {
|
|
488
489
|
--awsui-default-max-content-width-d43v8n: 2160px;
|
|
489
490
|
}
|
|
490
491
|
}
|
|
491
|
-
.
|
|
492
|
+
.awsui_layout_hyvsj_1lprv_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_1lprv_463).awsui_content-type-table_hyvsj_1lprv_492, .awsui_layout_hyvsj_1lprv_391:not(#\9):not(.awsui_has-max-content-width_hyvsj_1lprv_463).awsui_content-type-cards_hyvsj_1lprv_492 {
|
|
492
493
|
--awsui-default-max-content-width-d43v8n: 100%;
|
|
493
494
|
}
|
|
494
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_has-max-content-width_hyvsj_1lprv_463:not(#\9) {
|
|
495
496
|
--awsui-default-max-content-width-d43v8n: var(--awsui-max-content-width-d43v8n);
|
|
496
497
|
}
|
|
497
|
-
.
|
|
498
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_is-overlap-disabled_hyvsj_1lprv_498:not(#\9) {
|
|
498
499
|
--awsui-overlap-height-d43v8n: 0;
|
|
499
500
|
}
|
|
500
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_is-hide-mobile-toolbar_hyvsj_1lprv_501:not(#\9) {
|
|
501
502
|
--awsui-mobile-bar-height-d43v8n: 0px;
|
|
502
503
|
}
|
|
503
504
|
@media (min-width: 993px) {
|
|
504
|
-
.
|
|
505
|
+
.awsui_layout_hyvsj_1lprv_391:not(#\9) {
|
|
505
506
|
--awsui-default-min-content-width-d43v8n: var(--awsui-min-content-width-d43v8n, 280px);
|
|
506
507
|
}
|
|
507
508
|
}
|
|
508
509
|
@media (max-width: 992px) {
|
|
509
|
-
.
|
|
510
|
+
.awsui_layout_hyvsj_1lprv_391:not(#\9) {
|
|
510
511
|
--awsui-default-min-content-width-d43v8n: 0px;
|
|
511
512
|
}
|
|
512
513
|
}
|
|
513
514
|
@media (min-width: 689px) {
|
|
514
|
-
.
|
|
515
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_has-content-gap-left_hyvsj_1lprv_515:not(#\9) {
|
|
515
516
|
--awsui-content-gap-left-d43v8n: var(--space-layout-content-horizontal-q3zhej, 40px);
|
|
516
517
|
}
|
|
517
|
-
.
|
|
518
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_has-content-gap-right_hyvsj_1lprv_518:not(#\9) {
|
|
518
519
|
--awsui-content-gap-right-d43v8n: var(--space-layout-content-horizontal-q3zhej, 40px);
|
|
519
520
|
}
|
|
520
521
|
}
|
|
521
522
|
@media (max-width: 688px) {
|
|
522
|
-
.
|
|
523
|
+
.awsui_layout_hyvsj_1lprv_391:not(#\9) {
|
|
523
524
|
--awsui-content-gap-left-d43v8n: var(--space-l-3cws6j, 20px);
|
|
524
525
|
--awsui-content-gap-right-d43v8n: var(--space-l-3cws6j, 20px);
|
|
525
526
|
}
|
|
526
527
|
}
|
|
527
|
-
.
|
|
528
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_has-breadcrumbs_hyvsj_1lprv_528:not(#\9) {
|
|
528
529
|
--awsui-breadcrumbs-gap-d43v8n: var(--space-scaled-m-sw9kcx, 16px);
|
|
529
530
|
}
|
|
530
|
-
.
|
|
531
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_content-first-child-header_hyvsj_1lprv_531:not(#\9), .awsui_layout_hyvsj_1lprv_391.awsui_content-first-child-notifications_hyvsj_1lprv_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1lprv_528).awsui_has-header_hyvsj_1lprv_531 {
|
|
531
532
|
--awsui-header-gap-d43v8n: var(--space-scaled-xs-sppte9, 8px);
|
|
532
533
|
}
|
|
533
|
-
.
|
|
534
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_has-breadcrumbs_hyvsj_1lprv_528.awsui_has-header_hyvsj_1lprv_531:not(#\9) {
|
|
534
535
|
--awsui-header-gap-d43v8n: var(--space-scaled-xs-sppte9, 8px);
|
|
535
536
|
}
|
|
536
|
-
.
|
|
537
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_content-first-child-notifications_hyvsj_1lprv_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1lprv_528):not(.awsui_has-header_hyvsj_1lprv_531) {
|
|
537
538
|
--awsui-main-gap-d43v8n: var(--space-xs-kw7k3v, 8px);
|
|
538
539
|
}
|
|
539
|
-
.
|
|
540
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_has-breadcrumbs_hyvsj_1lprv_528:not(#\9):not(.awsui_has-header_hyvsj_1lprv_531) {
|
|
540
541
|
--awsui-main-gap-d43v8n: var(--space-scaled-xxs-jatbiv, 4px);
|
|
541
542
|
}
|
|
542
|
-
.
|
|
543
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_has-header_hyvsj_1lprv_531:not(#\9) {
|
|
543
544
|
--awsui-main-gap-d43v8n: var(--space-content-header-padding-bottom-hjkugf, 16px);
|
|
544
545
|
}
|
|
545
|
-
.
|
|
546
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_content-first-child-main_hyvsj_1lprv_546:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1lprv_546) {
|
|
546
547
|
--awsui-main-gap-d43v8n: var(--space-scaled-s-gjhvjd, 12px);
|
|
547
548
|
}
|
|
548
|
-
.
|
|
549
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_content-first-child-main_hyvsj_1lprv_546.awsui_disable-content-paddings_hyvsj_1lprv_546:not(#\9) {
|
|
549
550
|
--awsui-main-gap-d43v8n: 0px;
|
|
550
551
|
}
|
|
551
552
|
@media (max-width: 688px) {
|
|
552
|
-
.
|
|
553
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_content-first-child-header_hyvsj_1lprv_531:not(#\9) {
|
|
553
554
|
--awsui-header-gap-d43v8n: var(--space-scaled-s-gjhvjd, 12px);
|
|
554
555
|
}
|
|
555
|
-
.
|
|
556
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_content-first-child-notifications_hyvsj_1lprv_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1lprv_528).awsui_has-header_hyvsj_1lprv_531 {
|
|
556
557
|
--awsui-header-gap-d43v8n: var(--space-scaled-s-gjhvjd, 12px);
|
|
557
558
|
}
|
|
558
|
-
.
|
|
559
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_content-first-child-notifications_hyvsj_1lprv_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1lprv_528):not(.awsui_has-header_hyvsj_1lprv_531), .awsui_layout_hyvsj_1lprv_391.awsui_content-first-child-main_hyvsj_1lprv_546:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1lprv_546) {
|
|
559
560
|
--awsui-main-gap-d43v8n: var(--space-scaled-s-gjhvjd, 12px);
|
|
560
561
|
}
|
|
561
|
-
.
|
|
562
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_content-first-child-main_hyvsj_1lprv_546.awsui_disable-content-paddings_hyvsj_1lprv_546:not(#\9) {
|
|
562
563
|
--awsui-main-gap-d43v8n: 0px;
|
|
563
564
|
}
|
|
564
565
|
}
|
|
565
|
-
.
|
|
566
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_has-left-toggles-gutter_hyvsj_1lprv_566:not(#\9) {
|
|
566
567
|
--awsui-toggles-left-width-d43v8n: calc(var(--space-layout-toggle-padding-quc8b2, 12px) + 36px);
|
|
567
568
|
}
|
|
568
|
-
.
|
|
569
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_has-right-toggles-gutter_hyvsj_1lprv_569:not(#\9) {
|
|
569
570
|
--awsui-toggles-right-width-d43v8n: calc(var(--space-layout-toggle-padding-quc8b2, 12px) + 36px);
|
|
570
571
|
}
|
|
571
572
|
|
|
@@ -579,13 +580,13 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
579
580
|
position: sticky will be the value of the notifications height in addition to the
|
|
580
581
|
notifications top margin and some additional vertical space for aesthetics.
|
|
581
582
|
*/
|
|
582
|
-
.
|
|
583
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_disable-body-scroll_hyvsj_1lprv_208:not(#\9) {
|
|
583
584
|
--awsui-main-template-rows-d43v8n: 1fr auto;
|
|
584
585
|
--awsui-offset-top-d43v8n: 0px;
|
|
585
586
|
block-size: var(--awsui-content-height-d43v8n);
|
|
586
587
|
overflow-y: scroll;
|
|
587
588
|
}
|
|
588
|
-
.
|
|
589
|
+
.awsui_layout_hyvsj_1lprv_391.awsui_disable-body-scroll_hyvsj_1lprv_208.awsui_has-split-panel_hyvsj_1lprv_589.awsui_split-panel-position-bottom_hyvsj_1lprv_589:not(#\9) {
|
|
589
590
|
--awsui-main-template-rows-d43v8n: repeat(2, auto);
|
|
590
591
|
}
|
|
591
592
|
|
|
@@ -593,13 +594,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
593
594
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
594
595
|
when the navigation or tools drawers are open in responsive viewports.
|
|
595
596
|
*/
|
|
596
|
-
.awsui_block-body-
|
|
597
|
+
.awsui_block-body-scroll_hyvsj_1lprv_597:not(#\9) {
|
|
597
598
|
overflow: hidden;
|
|
598
599
|
}
|
|
599
600
|
|
|
600
601
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
601
|
-
.
|
|
602
|
-
.
|
|
602
|
+
.awsui_unfocusable_hyvsj_1lprv_602:not(#\9),
|
|
603
|
+
.awsui_unfocusable_hyvsj_1lprv_602 *:not(#\9) {
|
|
603
604
|
visibility: hidden !important;
|
|
604
605
|
}
|
|
605
606
|
|
|
@@ -608,7 +609,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
608
609
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
609
610
|
SPDX-License-Identifier: Apache-2.0
|
|
610
611
|
*/
|
|
611
|
-
.
|
|
612
|
+
.awsui_container_hyvsj_1lprv_612:not(#\9) {
|
|
612
613
|
grid-area: main;
|
|
613
614
|
padding-block-end: var(--space-layout-content-bottom-iu1izz, 20px);
|
|
614
615
|
/*
|
|
@@ -625,19 +626,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
625
626
|
on the right, we decrement the column end by one.
|
|
626
627
|
*/
|
|
627
628
|
}
|
|
628
|
-
.
|
|
629
|
+
.awsui_container_hyvsj_1lprv_612.awsui_has-split-panel_hyvsj_1lprv_589.awsui_split-panel-position-bottom_hyvsj_1lprv_589:not(#\9) {
|
|
629
630
|
padding-block-end: calc(var(--awsui-split-panel-height-d43v8n) + var(--space-layout-content-bottom-iu1izz, 20px));
|
|
630
631
|
}
|
|
631
|
-
.
|
|
632
|
+
.awsui_container_hyvsj_1lprv_612.awsui_disable-content-paddings_hyvsj_1lprv_546:not(#\9) {
|
|
632
633
|
grid-column: 1/6;
|
|
633
634
|
padding-block: 0;
|
|
634
635
|
padding-inline: 0;
|
|
635
636
|
}
|
|
636
637
|
@media (min-width: 689px) {
|
|
637
|
-
.
|
|
638
|
+
.awsui_container_hyvsj_1lprv_612.awsui_disable-content-paddings_hyvsj_1lprv_546.awsui_is-navigation-open_hyvsj_1lprv_638:not(#\9) {
|
|
638
639
|
grid-column-start: 2;
|
|
639
640
|
}
|
|
640
|
-
.
|
|
641
|
+
.awsui_container_hyvsj_1lprv_612.awsui_disable-content-paddings_hyvsj_1lprv_546.awsui_is-tools-open_hyvsj_1lprv_641:not(#\9), .awsui_container_hyvsj_1lprv_612.awsui_disable-content-paddings_hyvsj_1lprv_546.awsui_is-split-panel-open_hyvsj_1lprv_641.awsui_split-panel-position-side_hyvsj_1lprv_641:not(#\9), .awsui_container_hyvsj_1lprv_612.awsui_disable-content-paddings_hyvsj_1lprv_546.awsui_has-active-drawer_hyvsj_1lprv_641:not(#\9) {
|
|
641
642
|
grid-column-end: 5;
|
|
642
643
|
}
|
|
643
644
|
}
|
|
@@ -650,7 +651,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
650
651
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
651
652
|
SPDX-License-Identifier: Apache-2.0
|
|
652
653
|
*/
|
|
653
|
-
section.awsui_mobile-
|
|
654
|
+
section.awsui_mobile-toolbar_hyvsj_1lprv_654:not(#\9) {
|
|
654
655
|
align-items: center;
|
|
655
656
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
656
657
|
border-block-end: 1px solid var(--color-border-divider-default-ipvpev, #eaeded);
|
|
@@ -667,19 +668,19 @@ section.awsui_mobile-toolbar_hyvsj_13xjh_653:not(#\9) {
|
|
|
667
668
|
inset-block-start: var(--awsui-offset-top-d43v8n);
|
|
668
669
|
z-index: 1000;
|
|
669
670
|
}
|
|
670
|
-
section.awsui_mobile-
|
|
671
|
+
section.awsui_mobile-toolbar_hyvsj_1lprv_654:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1lprv_671) {
|
|
671
672
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
672
673
|
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));
|
|
673
674
|
}
|
|
674
|
-
section.awsui_mobile-
|
|
675
|
+
section.awsui_mobile-toolbar_hyvsj_1lprv_654 > .awsui_mobile-toolbar-nav_hyvsj_1lprv_675:not(#\9) {
|
|
675
676
|
grid-column: 1;
|
|
676
677
|
margin-inline-end: var(--space-m-n2lypl, 16px);
|
|
677
678
|
}
|
|
678
|
-
section.awsui_mobile-
|
|
679
|
+
section.awsui_mobile-toolbar_hyvsj_1lprv_654 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1lprv_679:not(#\9) {
|
|
679
680
|
grid-column: 2;
|
|
680
681
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
681
682
|
}
|
|
682
|
-
section.awsui_mobile-
|
|
683
|
+
section.awsui_mobile-toolbar_hyvsj_1lprv_654 > .awsui_mobile-toolbar-tools_hyvsj_1lprv_683:not(#\9) {
|
|
683
684
|
grid-column: 3;
|
|
684
685
|
margin-inline-start: var(--space-m-n2lypl, 16px);
|
|
685
686
|
}
|
|
@@ -688,7 +689,7 @@ section.awsui_mobile-toolbar_hyvsj_13xjh_653 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
688
689
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
689
690
|
SPDX-License-Identifier: Apache-2.0
|
|
690
691
|
*/
|
|
691
|
-
.awsui_navigation-
|
|
692
|
+
.awsui_navigation-container_hyvsj_1lprv_692:not(#\9) {
|
|
692
693
|
display: flex;
|
|
693
694
|
grid-column: 1;
|
|
694
695
|
grid-row: 1/span 9;
|
|
@@ -709,7 +710,7 @@ section.awsui_mobile-toolbar_hyvsj_13xjh_653 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
709
710
|
pointer-events: none;
|
|
710
711
|
}
|
|
711
712
|
@media (max-width: 688px) {
|
|
712
|
-
.awsui_navigation-
|
|
713
|
+
.awsui_navigation-container_hyvsj_1lprv_692:not(#\9) {
|
|
713
714
|
inset-inline-start: 0;
|
|
714
715
|
position: fixed;
|
|
715
716
|
z-index: 1001;
|
|
@@ -721,12 +722,12 @@ section.awsui_mobile-toolbar_hyvsj_13xjh_653 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
721
722
|
relative to the body.
|
|
722
723
|
*/
|
|
723
724
|
}
|
|
724
|
-
.awsui_navigation-
|
|
725
|
+
.awsui_navigation-container_hyvsj_1lprv_692.awsui_disable-body-scroll_hyvsj_1lprv_208:not(#\9) {
|
|
725
726
|
inset-block-start: var(--awsui-header-height-d43v8n);
|
|
726
727
|
}
|
|
727
728
|
}
|
|
728
729
|
|
|
729
|
-
nav.awsui_show-
|
|
730
|
+
nav.awsui_show-navigation_hyvsj_1lprv_730:not(#\9) {
|
|
730
731
|
padding-block: var(--space-scaled-s-gjhvjd, 12px);
|
|
731
732
|
padding-inline: var(--space-layout-toggle-padding-quc8b2, 12px);
|
|
732
733
|
/*
|
|
@@ -734,7 +735,7 @@ nav.awsui_show-navigation_hyvsj_13xjh_729:not(#\9) {
|
|
|
734
735
|
take control in responsive viewports.
|
|
735
736
|
*/
|
|
736
737
|
}
|
|
737
|
-
@keyframes
|
|
738
|
+
@keyframes awsui_showButtons_hyvsj_1lprv_1 {
|
|
738
739
|
0% {
|
|
739
740
|
opacity: 0;
|
|
740
741
|
}
|
|
@@ -742,31 +743,31 @@ nav.awsui_show-navigation_hyvsj_13xjh_729:not(#\9) {
|
|
|
742
743
|
opacity: 1;
|
|
743
744
|
}
|
|
744
745
|
}
|
|
745
|
-
nav.awsui_show-
|
|
746
|
+
nav.awsui_show-navigation_hyvsj_1lprv_730.awsui_is-navigation-open_hyvsj_1lprv_638:not(#\9) {
|
|
746
747
|
display: none;
|
|
747
748
|
}
|
|
748
749
|
@media (min-width: 689px) {
|
|
749
|
-
nav.awsui_show-
|
|
750
|
+
nav.awsui_show-navigation_hyvsj_1lprv_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_1lprv_638) {
|
|
750
751
|
display: block;
|
|
751
752
|
}
|
|
752
|
-
nav.awsui_show-
|
|
753
|
-
animation:
|
|
753
|
+
nav.awsui_show-navigation_hyvsj_1lprv_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_1lprv_638).awsui_animating_hyvsj_1lprv_753 {
|
|
754
|
+
animation: awsui_showButtons_hyvsj_1lprv_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
754
755
|
}
|
|
755
756
|
}
|
|
756
757
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
757
|
-
nav.awsui_show-
|
|
758
|
+
nav.awsui_show-navigation_hyvsj_1lprv_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_1lprv_638).awsui_animating_hyvsj_1lprv_753 {
|
|
758
759
|
animation: none;
|
|
759
760
|
transition: none;
|
|
760
761
|
}
|
|
761
762
|
}
|
|
762
763
|
@media (min-width: 689px) {
|
|
763
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
764
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1lprv_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_1lprv_638).awsui_animating_hyvsj_1lprv_753, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1lprv_730:not(#\9):not(.awsui_is-navigation-open_hyvsj_1lprv_638).awsui_animating_hyvsj_1lprv_753 {
|
|
764
765
|
animation: none;
|
|
765
766
|
transition: none;
|
|
766
767
|
}
|
|
767
768
|
}
|
|
768
769
|
|
|
769
|
-
nav.
|
|
770
|
+
nav.awsui_navigation_hyvsj_1lprv_692:not(#\9) {
|
|
770
771
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
771
772
|
inset-block-end: 0;
|
|
772
773
|
block-size: 100%;
|
|
@@ -786,7 +787,7 @@ nav.awsui_navigation_hyvsj_13xjh_691:not(#\9) {
|
|
|
786
787
|
prevent unwanted text wrapping.
|
|
787
788
|
*/
|
|
788
789
|
}
|
|
789
|
-
@keyframes
|
|
790
|
+
@keyframes awsui_openNavigation_hyvsj_1lprv_1 {
|
|
790
791
|
from {
|
|
791
792
|
opacity: 0;
|
|
792
793
|
inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
|
|
@@ -796,36 +797,36 @@ nav.awsui_navigation_hyvsj_13xjh_691:not(#\9) {
|
|
|
796
797
|
inline-size: var(--awsui-navigation-width-d43v8n);
|
|
797
798
|
}
|
|
798
799
|
}
|
|
799
|
-
nav.
|
|
800
|
+
nav.awsui_navigation_hyvsj_1lprv_692:not(#\9):not(.awsui_is-navigation-open_hyvsj_1lprv_638) {
|
|
800
801
|
inline-size: 0;
|
|
801
802
|
display: none;
|
|
802
803
|
}
|
|
803
|
-
nav.
|
|
804
|
-
animation:
|
|
804
|
+
nav.awsui_navigation_hyvsj_1lprv_692.awsui_is-navigation-open_hyvsj_1lprv_638.awsui_animating_hyvsj_1lprv_753:not(#\9) {
|
|
805
|
+
animation: awsui_openNavigation_hyvsj_1lprv_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
805
806
|
}
|
|
806
807
|
@media (prefers-reduced-motion: reduce) {
|
|
807
|
-
nav.
|
|
808
|
+
nav.awsui_navigation_hyvsj_1lprv_692.awsui_is-navigation-open_hyvsj_1lprv_638.awsui_animating_hyvsj_1lprv_753:not(#\9) {
|
|
808
809
|
animation: none;
|
|
809
810
|
transition: none;
|
|
810
811
|
}
|
|
811
812
|
}
|
|
812
|
-
.awsui-motion-disabled nav.
|
|
813
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1lprv_692.awsui_is-navigation-open_hyvsj_1lprv_638.awsui_animating_hyvsj_1lprv_753:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1lprv_692.awsui_is-navigation-open_hyvsj_1lprv_638.awsui_animating_hyvsj_1lprv_753:not(#\9) {
|
|
813
814
|
animation: none;
|
|
814
815
|
transition: none;
|
|
815
816
|
}
|
|
816
|
-
nav.
|
|
817
|
+
nav.awsui_navigation_hyvsj_1lprv_692 > .awsui_animated-content_hyvsj_1lprv_817:not(#\9) {
|
|
817
818
|
inline-size: var(--awsui-navigation-width-d43v8n);
|
|
818
819
|
}
|
|
819
|
-
nav.
|
|
820
|
+
nav.awsui_navigation_hyvsj_1lprv_692 > .awsui_content-container_hyvsj_1lprv_820:not(#\9) {
|
|
820
821
|
flex-grow: 1;
|
|
821
822
|
}
|
|
822
823
|
@media (max-width: 688px) {
|
|
823
|
-
nav.
|
|
824
|
+
nav.awsui_navigation_hyvsj_1lprv_692:not(#\9) {
|
|
824
825
|
--awsui-navigation-width-d43v8n: 100vw;
|
|
825
826
|
}
|
|
826
827
|
}
|
|
827
828
|
|
|
828
|
-
.awsui_hide-
|
|
829
|
+
.awsui_hide-navigation_hyvsj_1lprv_829:not(#\9) {
|
|
829
830
|
position: absolute;
|
|
830
831
|
inset-inline-end: var(--space-m-n2lypl, 16px);
|
|
831
832
|
inset-block-start: var(--size-vertical-panel-icon-offset-1tiizm, 15px);
|
|
@@ -835,24 +836,24 @@ nav.awsui_navigation_hyvsj_13xjh_691 > .awsui_content-container_hyvsj_13xjh_819:
|
|
|
835
836
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
836
837
|
SPDX-License-Identifier: Apache-2.0
|
|
837
838
|
*/
|
|
838
|
-
.
|
|
839
|
+
.awsui_notifications_hyvsj_1lprv_839:not(#\9) {
|
|
839
840
|
color: var(--color-text-body-default-5qid0u, #16191f);
|
|
840
841
|
grid-area: notifications;
|
|
841
842
|
z-index: 850;
|
|
842
843
|
}
|
|
843
|
-
.
|
|
844
|
+
.awsui_notifications_hyvsj_1lprv_839.awsui_has-notification-content_hyvsj_1lprv_844:not(#\9) {
|
|
844
845
|
padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
|
|
845
846
|
}
|
|
846
847
|
@media (min-width: 689px) {
|
|
847
|
-
.
|
|
848
|
+
.awsui_notifications_hyvsj_1lprv_839.awsui_sticky-notifications_hyvsj_1lprv_848:not(#\9) {
|
|
848
849
|
--awsui-flashbar-sticky-bottom-margin-d43v8n: var(--space-xxl-q0lyvp, 32px);
|
|
849
850
|
position: sticky;
|
|
850
851
|
inset-block-start: var(--awsui-offset-top-d43v8n);
|
|
851
852
|
}
|
|
852
|
-
.
|
|
853
|
+
.awsui_notifications_hyvsj_1lprv_839.awsui_sticky-notifications_hyvsj_1lprv_848:not(#\9):not(.awsui_high-contrast_hyvsj_1lprv_853) {
|
|
853
854
|
background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
854
855
|
}
|
|
855
|
-
.
|
|
856
|
+
.awsui_notifications_hyvsj_1lprv_839.awsui_has-notification-content_hyvsj_1lprv_844:not(#\9) {
|
|
856
857
|
padding-block-start: var(--space-xs-kw7k3v, 8px);
|
|
857
858
|
}
|
|
858
859
|
}
|
|
@@ -867,7 +868,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
867
868
|
consume the remaining vertical space in the grid after the notifications
|
|
868
869
|
and breadcrumbs.
|
|
869
870
|
*/
|
|
870
|
-
section.awsui_split-panel-
|
|
871
|
+
section.awsui_split-panel-bottom_hyvsj_1lprv_871:not(#\9) {
|
|
871
872
|
/*
|
|
872
873
|
The align self property will position the split panel at the bottom of the grid row.
|
|
873
874
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -903,7 +904,7 @@ section.awsui_split-panel-bottom_hyvsj_13xjh_870:not(#\9) {
|
|
|
903
904
|
apply the animation to the height property.
|
|
904
905
|
*/
|
|
905
906
|
}
|
|
906
|
-
@keyframes
|
|
907
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1lprv_1 {
|
|
907
908
|
from {
|
|
908
909
|
block-size: var(--awsui-split-panel-reported-header-size-d43v8n, 0);
|
|
909
910
|
}
|
|
@@ -911,39 +912,39 @@ section.awsui_split-panel-bottom_hyvsj_13xjh_870:not(#\9) {
|
|
|
911
912
|
block-size: var(--awsui-split-panel-reported-size-d43v8n);
|
|
912
913
|
}
|
|
913
914
|
}
|
|
914
|
-
section.awsui_split-panel-
|
|
915
|
+
section.awsui_split-panel-bottom_hyvsj_1lprv_871.awsui_disable-body-scroll_hyvsj_1lprv_208:not(#\9) {
|
|
915
916
|
inset-block-end: 0;
|
|
916
917
|
}
|
|
917
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-bottom_hyvsj_1lprv_871.awsui_is-navigation-open_hyvsj_1lprv_638.awsui_position-bottom_hyvsj_1lprv_918:not(#\9) {
|
|
918
919
|
grid-column-start: 2;
|
|
919
920
|
}
|
|
920
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-bottom_hyvsj_1lprv_871.awsui_has-open-drawer_hyvsj_1lprv_187.awsui_position-bottom_hyvsj_1lprv_918:not(#\9) {
|
|
921
922
|
grid-column-end: 5;
|
|
922
923
|
}
|
|
923
|
-
section.awsui_split-panel-
|
|
924
|
+
section.awsui_split-panel-bottom_hyvsj_1lprv_871.awsui_position-bottom_hyvsj_1lprv_918:not(#\9) {
|
|
924
925
|
display: block;
|
|
925
926
|
}
|
|
926
|
-
section.awsui_split-panel-
|
|
927
|
+
section.awsui_split-panel-bottom_hyvsj_1lprv_871:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1lprv_641).awsui_position-bottom_hyvsj_1lprv_918 {
|
|
927
928
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
928
929
|
}
|
|
929
|
-
section.awsui_split-panel-
|
|
930
|
+
section.awsui_split-panel-bottom_hyvsj_1lprv_871.awsui_is-split-panel-open_hyvsj_1lprv_641.awsui_position-bottom_hyvsj_1lprv_918:not(#\9) {
|
|
930
931
|
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));
|
|
931
932
|
}
|
|
932
|
-
section.awsui_split-panel-
|
|
933
|
-
animation:
|
|
933
|
+
section.awsui_split-panel-bottom_hyvsj_1lprv_871.awsui_is-split-panel-open_hyvsj_1lprv_641.awsui_position-bottom_hyvsj_1lprv_918.awsui_animating_hyvsj_1lprv_753:not(#\9) {
|
|
934
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1lprv_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
934
935
|
}
|
|
935
936
|
@media (prefers-reduced-motion: reduce) {
|
|
936
|
-
section.awsui_split-panel-
|
|
937
|
+
section.awsui_split-panel-bottom_hyvsj_1lprv_871.awsui_is-split-panel-open_hyvsj_1lprv_641.awsui_position-bottom_hyvsj_1lprv_918.awsui_animating_hyvsj_1lprv_753:not(#\9) {
|
|
937
938
|
animation: none;
|
|
938
939
|
transition: none;
|
|
939
940
|
}
|
|
940
941
|
}
|
|
941
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
942
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1lprv_871.awsui_is-split-panel-open_hyvsj_1lprv_641.awsui_position-bottom_hyvsj_1lprv_918.awsui_animating_hyvsj_1lprv_753:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1lprv_871.awsui_is-split-panel-open_hyvsj_1lprv_641.awsui_position-bottom_hyvsj_1lprv_918.awsui_animating_hyvsj_1lprv_753:not(#\9) {
|
|
942
943
|
animation: none;
|
|
943
944
|
transition: none;
|
|
944
945
|
}
|
|
945
946
|
|
|
946
|
-
section.awsui_split-panel-
|
|
947
|
+
section.awsui_split-panel-side_hyvsj_1lprv_947:not(#\9) {
|
|
947
948
|
block-size: 100%;
|
|
948
949
|
overflow-x: hidden;
|
|
949
950
|
pointer-events: auto;
|
|
@@ -953,15 +954,15 @@ section.awsui_split-panel-side_hyvsj_13xjh_946:not(#\9) {
|
|
|
953
954
|
be persistent in the DOM when closed.
|
|
954
955
|
*/
|
|
955
956
|
}
|
|
956
|
-
section.awsui_split-panel-
|
|
957
|
+
section.awsui_split-panel-side_hyvsj_1lprv_947:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1lprv_641), section.awsui_split-panel-side_hyvsj_1lprv_947.awsui_position-bottom_hyvsj_1lprv_918:not(#\9) {
|
|
957
958
|
inline-size: 0;
|
|
958
959
|
}
|
|
959
|
-
section.awsui_split-panel-
|
|
960
|
+
section.awsui_split-panel-side_hyvsj_1lprv_947.awsui_is-split-panel-open_hyvsj_1lprv_641.awsui_position-side_hyvsj_1lprv_960:not(#\9) {
|
|
960
961
|
max-inline-size: var(--awsui-split-panel-max-width-d43v8n, 280px);
|
|
961
962
|
min-inline-size: var(--awsui-split-panel-min-width-d43v8n, 280px);
|
|
962
963
|
border-inline-start: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
|
|
963
964
|
}
|
|
964
|
-
section.awsui_split-panel-
|
|
965
|
+
section.awsui_split-panel-side_hyvsj_1lprv_947.awsui_is-split-panel-open_hyvsj_1lprv_641.awsui_position-side_hyvsj_1lprv_960:not(#\9):not(.awsui_has-open-drawer_hyvsj_1lprv_187) {
|
|
965
966
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-panel-side-cxdqom, transparent);
|
|
966
967
|
}
|
|
967
968
|
|
|
@@ -978,7 +979,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
978
979
|
property. The content gap right is computed in the Layout styles based on the
|
|
979
980
|
viewport size and state of the Tools drawer.
|
|
980
981
|
*/
|
|
981
|
-
.awsui_tools-
|
|
982
|
+
.awsui_tools-container_hyvsj_1lprv_982:not(#\9) {
|
|
982
983
|
--awsui-tools-max-width-d43v8n: calc(var(--awsui-layout-width-d43v8n) - var(--awsui-main-offset-left-d43v8n) - var(--awsui-default-min-content-width-d43v8n) - var(--awsui-content-gap-right-d43v8n));
|
|
983
984
|
display: flex;
|
|
984
985
|
grid-column: 5;
|
|
@@ -991,7 +992,7 @@ viewport size and state of the Tools drawer.
|
|
|
991
992
|
pointer-events: none;
|
|
992
993
|
}
|
|
993
994
|
@media (max-width: 688px) {
|
|
994
|
-
.awsui_tools-
|
|
995
|
+
.awsui_tools-container_hyvsj_1lprv_982:not(#\9) {
|
|
995
996
|
--awsui-tools-max-width-d43v8n: none;
|
|
996
997
|
--awsui-tools-width-d43v8n: auto;
|
|
997
998
|
position: fixed;
|
|
@@ -1005,12 +1006,12 @@ viewport size and state of the Tools drawer.
|
|
|
1005
1006
|
relative to the body.
|
|
1006
1007
|
*/
|
|
1007
1008
|
}
|
|
1008
|
-
.awsui_tools-
|
|
1009
|
+
.awsui_tools-container_hyvsj_1lprv_982.awsui_disable-body-scroll_hyvsj_1lprv_208:not(#\9) {
|
|
1009
1010
|
inset-block-start: var(--awsui-header-height-d43v8n);
|
|
1010
1011
|
}
|
|
1011
1012
|
}
|
|
1012
1013
|
|
|
1013
|
-
.
|
|
1014
|
+
.awsui_tools_hyvsj_1lprv_982:not(#\9) {
|
|
1014
1015
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
1015
1016
|
flex-shrink: 0;
|
|
1016
1017
|
block-size: 100%;
|
|
@@ -1033,7 +1034,7 @@ viewport size and state of the Tools drawer.
|
|
|
1033
1034
|
in the side position.
|
|
1034
1035
|
*/
|
|
1035
1036
|
}
|
|
1036
|
-
@keyframes
|
|
1037
|
+
@keyframes awsui_openTools_hyvsj_1lprv_1 {
|
|
1037
1038
|
from {
|
|
1038
1039
|
opacity: var(--awsui-tools-animation-starting-opacity-d43v8n, 0);
|
|
1039
1040
|
inline-size: calc(var(--space-layout-toggle-padding-quc8b2, 12px) * 2 + var(--space-layout-toggle-diameter-vount6, 36px));
|
|
@@ -1043,41 +1044,41 @@ viewport size and state of the Tools drawer.
|
|
|
1043
1044
|
inline-size: var(--awsui-tools-width-d43v8n);
|
|
1044
1045
|
}
|
|
1045
1046
|
}
|
|
1046
|
-
.
|
|
1047
|
+
.awsui_tools_hyvsj_1lprv_982:not(#\9):not(.awsui_is-tools-open_hyvsj_1lprv_641) {
|
|
1047
1048
|
inline-size: 0;
|
|
1048
1049
|
display: none;
|
|
1049
1050
|
}
|
|
1050
|
-
.
|
|
1051
|
+
.awsui_tools_hyvsj_1lprv_982.awsui_is-tools-open_hyvsj_1lprv_641:not(#\9) {
|
|
1051
1052
|
border-inline-start: solid var(--border-divider-section-width-sznrdy, 1px) var(--color-border-divider-default-ipvpev, #eaeded);
|
|
1052
1053
|
}
|
|
1053
|
-
.
|
|
1054
|
-
animation:
|
|
1054
|
+
.awsui_tools_hyvsj_1lprv_982.awsui_is-tools-open_hyvsj_1lprv_641.awsui_animating_hyvsj_1lprv_753:not(#\9) {
|
|
1055
|
+
animation: awsui_openTools_hyvsj_1lprv_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
1055
1056
|
}
|
|
1056
1057
|
@media (prefers-reduced-motion: reduce) {
|
|
1057
|
-
.
|
|
1058
|
+
.awsui_tools_hyvsj_1lprv_982.awsui_is-tools-open_hyvsj_1lprv_641.awsui_animating_hyvsj_1lprv_753:not(#\9) {
|
|
1058
1059
|
animation: none;
|
|
1059
1060
|
transition: none;
|
|
1060
1061
|
}
|
|
1061
1062
|
}
|
|
1062
|
-
.awsui-motion-disabled .
|
|
1063
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1lprv_982.awsui_is-tools-open_hyvsj_1lprv_641.awsui_animating_hyvsj_1lprv_753:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1lprv_982.awsui_is-tools-open_hyvsj_1lprv_641.awsui_animating_hyvsj_1lprv_753:not(#\9) {
|
|
1063
1064
|
animation: none;
|
|
1064
1065
|
transition: none;
|
|
1065
1066
|
}
|
|
1066
|
-
.
|
|
1067
|
+
.awsui_tools_hyvsj_1lprv_982 > .awsui_animated-content_hyvsj_1lprv_817:not(#\9) {
|
|
1067
1068
|
inline-size: var(--awsui-tools-width-d43v8n);
|
|
1068
1069
|
}
|
|
1069
1070
|
@media (min-width: 689px) {
|
|
1070
|
-
.
|
|
1071
|
+
.awsui_tools_hyvsj_1lprv_982.awsui_is-tools-open_hyvsj_1lprv_641.awsui_has-tools-form-persistence_hyvsj_1lprv_1071:not(#\9) {
|
|
1071
1072
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
|
|
1072
1073
|
}
|
|
1073
1074
|
}
|
|
1074
1075
|
@media (max-width: 688px) {
|
|
1075
|
-
.
|
|
1076
|
+
.awsui_tools_hyvsj_1lprv_982:not(#\9) {
|
|
1076
1077
|
--awsui-tools-width-d43v8n: 100vw;
|
|
1077
1078
|
}
|
|
1078
1079
|
}
|
|
1079
1080
|
|
|
1080
|
-
.awsui_hide-
|
|
1081
|
+
.awsui_hide-tools_hyvsj_1lprv_1081:not(#\9) {
|
|
1081
1082
|
position: absolute;
|
|
1082
1083
|
inset-inline-end: var(--space-m-n2lypl, 16px);
|
|
1083
1084
|
inset-block-start: var(--size-vertical-panel-icon-offset-1tiizm, 15px);
|
|
@@ -1089,7 +1090,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1089
1090
|
the calculation used to determine the Split Panel maximum width in the
|
|
1090
1091
|
handleSplitPanelMaxWidth function in the context.
|
|
1091
1092
|
*/
|
|
1092
|
-
.awsui_show-
|
|
1093
|
+
.awsui_show-tools_hyvsj_1lprv_1093:not(#\9) {
|
|
1093
1094
|
border-collapse: separate;
|
|
1094
1095
|
border-spacing: 0;
|
|
1095
1096
|
box-sizing: border-box;
|
|
@@ -1127,7 +1128,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1127
1128
|
take control in responsive viewports.
|
|
1128
1129
|
*/
|
|
1129
1130
|
}
|
|
1130
|
-
@keyframes
|
|
1131
|
+
@keyframes awsui_showButtons_hyvsj_1lprv_1 {
|
|
1131
1132
|
0% {
|
|
1132
1133
|
opacity: 0;
|
|
1133
1134
|
}
|
|
@@ -1135,31 +1136,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1135
1136
|
opacity: 1;
|
|
1136
1137
|
}
|
|
1137
1138
|
}
|
|
1138
|
-
.awsui_show-
|
|
1139
|
+
.awsui_show-tools_hyvsj_1lprv_1093:not(#\9):not(.awsui_has-tools-form_hyvsj_1lprv_1071) {
|
|
1139
1140
|
display: none;
|
|
1140
1141
|
}
|
|
1141
1142
|
@media (min-width: 689px) {
|
|
1142
|
-
.awsui_show-
|
|
1143
|
+
.awsui_show-tools_hyvsj_1lprv_1093.awsui_has-tools-form_hyvsj_1lprv_1071:not(#\9) {
|
|
1143
1144
|
display: flex;
|
|
1144
1145
|
flex-direction: column;
|
|
1145
1146
|
gap: var(--space-xs-kw7k3v, 8px);
|
|
1146
1147
|
}
|
|
1147
|
-
.awsui_show-
|
|
1148
|
-
animation:
|
|
1148
|
+
.awsui_show-tools_hyvsj_1lprv_1093.awsui_has-tools-form_hyvsj_1lprv_1071.awsui_animating_hyvsj_1lprv_753:not(#\9) {
|
|
1149
|
+
animation: awsui_showButtons_hyvsj_1lprv_1 var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
|
|
1149
1150
|
}
|
|
1150
1151
|
}
|
|
1151
1152
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1152
|
-
.awsui_show-
|
|
1153
|
+
.awsui_show-tools_hyvsj_1lprv_1093.awsui_has-tools-form_hyvsj_1lprv_1071.awsui_animating_hyvsj_1lprv_753:not(#\9) {
|
|
1153
1154
|
animation: none;
|
|
1154
1155
|
transition: none;
|
|
1155
1156
|
}
|
|
1156
1157
|
}
|
|
1157
1158
|
@media (min-width: 689px) {
|
|
1158
|
-
.awsui-motion-disabled .awsui_show-
|
|
1159
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1lprv_1093.awsui_has-tools-form_hyvsj_1lprv_1071.awsui_animating_hyvsj_1lprv_753:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1lprv_1093.awsui_has-tools-form_hyvsj_1lprv_1071.awsui_animating_hyvsj_1lprv_753:not(#\9) {
|
|
1159
1160
|
animation: none;
|
|
1160
1161
|
transition: none;
|
|
1161
1162
|
}
|
|
1162
|
-
.awsui_show-
|
|
1163
|
+
.awsui_show-tools_hyvsj_1lprv_1093.awsui_has-tools-form-persistence_hyvsj_1lprv_1071:not(#\9) {
|
|
1163
1164
|
background-color: var(--color-background-container-content-aemn43, #ffffff);
|
|
1164
1165
|
z-index: 1;
|
|
1165
1166
|
}
|
|
@@ -1169,7 +1170,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1169
1170
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1170
1171
|
SPDX-License-Identifier: Apache-2.0
|
|
1171
1172
|
*/
|
|
1172
|
-
.awsui_trigger-button-
|
|
1173
|
+
.awsui_trigger-button-styles_hyvsj_1lprv_1173:not(#\9) {
|
|
1173
1174
|
background: var(--color-background-layout-toggle-default-q2nv0b, transparent);
|
|
1174
1175
|
border-start-start-radius: 50%;
|
|
1175
1176
|
border-start-end-radius: 50%;
|
|
@@ -1178,14 +1179,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1178
1179
|
block-size: var(--space-layout-toggle-diameter-vount6, 36px);
|
|
1179
1180
|
inline-size: var(--space-layout-toggle-diameter-vount6, 36px);
|
|
1180
1181
|
}
|
|
1181
|
-
.awsui_trigger-button-
|
|
1182
|
+
.awsui_trigger-button-styles_hyvsj_1lprv_1173:not(#\9):hover {
|
|
1182
1183
|
background: var(--color-background-layout-toggle-hover-t77zty, #545b64);
|
|
1183
1184
|
}
|
|
1184
|
-
.awsui_trigger-button-
|
|
1185
|
+
.awsui_trigger-button-styles_hyvsj_1lprv_1173:not(#\9):active {
|
|
1185
1186
|
background: var(--color-background-layout-toggle-active-ovmpb9, #2a2e33);
|
|
1186
1187
|
}
|
|
1187
1188
|
|
|
1188
|
-
.awsui_trigger-badge-
|
|
1189
|
+
.awsui_trigger-badge-wrapper_hyvsj_1lprv_1189:not(#\9) {
|
|
1189
1190
|
position: absolute;
|
|
1190
1191
|
inset-block-start: 0;
|
|
1191
1192
|
inset-inline-start: 0;
|
|
@@ -1195,7 +1196,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1195
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");
|
|
1196
1197
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1197
1198
|
}
|
|
1198
|
-
.awsui_trigger-badge-
|
|
1199
|
+
.awsui_trigger-badge-wrapper_hyvsj_1lprv_1189:not(#\9):dir(rtl) {
|
|
1199
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");
|
|
1200
1201
|
}
|
|
1201
1202
|
|
|
@@ -1204,7 +1205,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1204
1205
|
the calculation used to determine the Split Panel maximum width in the
|
|
1205
1206
|
handleSplitPanelMaxWidth function in the context.
|
|
1206
1207
|
*/
|
|
1207
|
-
.
|
|
1208
|
+
.awsui_trigger_hyvsj_1lprv_1173:not(#\9) {
|
|
1208
1209
|
border-block: none;
|
|
1209
1210
|
border-inline: none;
|
|
1210
1211
|
padding-inline: 0;
|
|
@@ -1213,14 +1214,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1213
1214
|
pointer-events: auto;
|
|
1214
1215
|
position: relative;
|
|
1215
1216
|
}
|
|
1216
|
-
body[data-awsui-focus-visible=true] .
|
|
1217
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1lprv_1173:not(#\9):focus {
|
|
1217
1218
|
position: relative;
|
|
1218
1219
|
}
|
|
1219
|
-
body[data-awsui-focus-visible=true] .
|
|
1220
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1lprv_1173:not(#\9):focus {
|
|
1220
1221
|
outline: 2px dotted transparent;
|
|
1221
1222
|
outline-offset: calc(3px - 1px);
|
|
1222
1223
|
}
|
|
1223
|
-
body[data-awsui-focus-visible=true] .
|
|
1224
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1lprv_1173:not(#\9):focus::before {
|
|
1224
1225
|
content: " ";
|
|
1225
1226
|
display: block;
|
|
1226
1227
|
position: absolute;
|
|
@@ -1234,49 +1235,49 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_13xjh_1172:not(#\9):foc
|
|
|
1234
1235
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
|
|
1235
1236
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
1236
1237
|
}
|
|
1237
|
-
.
|
|
1238
|
+
.awsui_trigger_hyvsj_1lprv_1173:not(#\9):focus {
|
|
1238
1239
|
outline: none;
|
|
1239
1240
|
}
|
|
1240
|
-
.
|
|
1241
|
+
.awsui_trigger_hyvsj_1lprv_1173.awsui_selected_hyvsj_1lprv_1241:not(#\9) {
|
|
1241
1242
|
background: var(--color-background-layout-toggle-selected-default-o4my1h, #0073bb);
|
|
1242
1243
|
color: var(--color-text-layout-toggle-selected-ofhd1q, #ffffff);
|
|
1243
1244
|
}
|
|
1244
|
-
.
|
|
1245
|
+
.awsui_trigger_hyvsj_1lprv_1173.awsui_selected_hyvsj_1lprv_1241:not(#\9):hover {
|
|
1245
1246
|
background: var(--color-background-layout-toggle-selected-hover-yuaxel, #0a4a74);
|
|
1246
1247
|
}
|
|
1247
|
-
.
|
|
1248
|
+
.awsui_trigger_hyvsj_1lprv_1173.awsui_selected_hyvsj_1lprv_1241:not(#\9):active {
|
|
1248
1249
|
background: var(--color-background-layout-toggle-selected-active-wfv72o, #0073bb);
|
|
1249
1250
|
}
|
|
1250
|
-
.
|
|
1251
|
+
.awsui_trigger_hyvsj_1lprv_1173.awsui_selected_hyvsj_1lprv_1241 > .awsui_trigger-badge-wrapper_hyvsj_1lprv_1189:not(#\9) {
|
|
1251
1252
|
background: var(--color-background-layout-toggle-selected-default-o4my1h, #0073bb);
|
|
1252
1253
|
color: var(--color-text-layout-toggle-selected-ofhd1q, #ffffff);
|
|
1253
1254
|
}
|
|
1254
|
-
.
|
|
1255
|
+
.awsui_trigger_hyvsj_1lprv_1173.awsui_selected_hyvsj_1lprv_1241 > .awsui_trigger-badge-wrapper_hyvsj_1lprv_1189:not(#\9):hover {
|
|
1255
1256
|
background: var(--color-background-layout-toggle-selected-hover-yuaxel, #0a4a74);
|
|
1256
1257
|
}
|
|
1257
|
-
.
|
|
1258
|
+
.awsui_trigger_hyvsj_1lprv_1173.awsui_selected_hyvsj_1lprv_1241 > .awsui_trigger-badge-wrapper_hyvsj_1lprv_1189:not(#\9):active {
|
|
1258
1259
|
background: var(--color-background-layout-toggle-selected-active-wfv72o, #0073bb);
|
|
1259
1260
|
}
|
|
1260
|
-
.
|
|
1261
|
+
.awsui_trigger_hyvsj_1lprv_1173.awsui_badge_hyvsj_1lprv_1261:not(#\9), .awsui_trigger_hyvsj_1lprv_1173.awsui_badge_hyvsj_1lprv_1261:not(#\9):hover, .awsui_trigger_hyvsj_1lprv_1173.awsui_badge_hyvsj_1lprv_1261:not(#\9):active {
|
|
1261
1262
|
background: transparent;
|
|
1262
1263
|
}
|
|
1263
1264
|
|
|
1264
|
-
.awsui_trigger-
|
|
1265
|
+
.awsui_trigger-wrapper_hyvsj_1lprv_1265:not(#\9) {
|
|
1265
1266
|
position: relative;
|
|
1266
1267
|
border-start-start-radius: 50%;
|
|
1267
1268
|
border-start-end-radius: 50%;
|
|
1268
1269
|
border-end-start-radius: 50%;
|
|
1269
1270
|
border-end-end-radius: 50%;
|
|
1270
1271
|
}
|
|
1271
|
-
.awsui_trigger-
|
|
1272
|
+
.awsui_trigger-wrapper_hyvsj_1lprv_1265:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1lprv_671) {
|
|
1272
1273
|
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));
|
|
1273
1274
|
}
|
|
1274
1275
|
|
|
1275
|
-
.awsui_trigger-wrapper-tooltip-
|
|
1276
|
+
.awsui_trigger-wrapper-tooltip-visible_hyvsj_1lprv_1276:not(#\9) {
|
|
1276
1277
|
/* used in test-utils*/
|
|
1277
1278
|
}
|
|
1278
1279
|
|
|
1279
|
-
.
|
|
1280
|
+
.awsui_dot_hyvsj_1lprv_1280:not(#\9) {
|
|
1280
1281
|
position: absolute;
|
|
1281
1282
|
inline-size: 9px;
|
|
1282
1283
|
block-size: 9px;
|
|
@@ -1289,6 +1290,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_13xjh_1172:not(#\9):foc
|
|
|
1289
1290
|
inset-inline-end: 0;
|
|
1290
1291
|
}
|
|
1291
1292
|
|
|
1292
|
-
.awsui_trigger-
|
|
1293
|
+
.awsui_trigger-tooltip_hyvsj_1lprv_1293:not(#\9) {
|
|
1293
1294
|
/* used in test-utils */
|
|
1294
1295
|
}
|