@cloudscape-design/components 3.0.651 → 3.0.652
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/alert/styles.css.js +25 -25
- package/alert/styles.scoped.css +41 -41
- package/alert/styles.selectors.js +25 -25
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +33 -33
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/skeleton/styles.css.js +11 -11
- package/app-layout/skeleton/styles.scoped.css +30 -30
- package/app-layout/skeleton/styles.selectors.js +11 -11
- package/app-layout/toggles/styles.css.js +2 -2
- package/app-layout/toggles/styles.scoped.css +8 -8
- package/app-layout/toggles/styles.selectors.js +2 -2
- package/app-layout/visual-refresh/styles.css.js +82 -82
- package/app-layout/visual-refresh/styles.scoped.css +263 -264
- package/app-layout/visual-refresh/styles.selectors.js +82 -82
- package/button/styles.css.js +19 -19
- package/button/styles.scoped.css +213 -213
- package/button/styles.selectors.js +19 -19
- package/calendar/styles.css.js +20 -20
- package/calendar/styles.scoped.css +46 -46
- package/calendar/styles.selectors.js +20 -20
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +7 -7
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +137 -137
- package/code-editor/styles.selectors.js +32 -32
- package/collection-preferences/content-display/styles.css.js +11 -11
- package/collection-preferences/content-display/styles.scoped.css +19 -19
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +46 -46
- package/collection-preferences/styles.selectors.js +37 -37
- package/content-layout/styles.css.js +14 -14
- package/content-layout/styles.scoped.css +27 -27
- package/content-layout/styles.selectors.js +14 -14
- package/date-range-picker/calendar/grids/styles.css.js +27 -27
- package/date-range-picker/calendar/grids/styles.scoped.css +46 -46
- package/date-range-picker/calendar/grids/styles.selectors.js +27 -27
- package/expandable-section/styles.css.js +32 -32
- package/expandable-section/styles.scoped.css +68 -68
- package/expandable-section/styles.selectors.js +32 -32
- package/file-upload/file-input/styles.css.js +4 -4
- package/file-upload/file-input/styles.scoped.css +9 -9
- package/file-upload/file-input/styles.selectors.js +4 -4
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +175 -175
- package/flashbar/styles.selectors.js +47 -47
- package/internal/components/button-trigger/styles.css.js +11 -11
- package/internal/components/button-trigger/styles.scoped.css +28 -28
- package/internal/components/button-trigger/styles.selectors.js +11 -11
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +17 -17
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +40 -40
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/filtering-token/styles.css.js +7 -7
- package/internal/components/filtering-token/styles.scoped.css +15 -15
- package/internal/components/filtering-token/styles.selectors.js +7 -7
- package/internal/components/handle/styles.css.js +2 -2
- package/internal/components/handle/styles.scoped.css +8 -8
- package/internal/components/handle/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +15 -15
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/panel-resize-handle/styles.css.js +5 -5
- package/internal/components/panel-resize-handle/styles.scoped.css +12 -12
- package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/custom-css-properties/index.d.ts +0 -1
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +55 -56
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +69 -69
- package/popover/styles.selectors.js +50 -50
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +17 -17
- package/radio-group/styles.selectors.js +9 -9
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +35 -35
- package/segmented-control/styles.selectors.js +14 -14
- package/slider/styles.css.js +25 -25
- package/slider/styles.scoped.css +71 -71
- package/slider/styles.selectors.js +25 -25
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +39 -39
- package/spinner/styles.selectors.js +13 -13
- package/table/body-cell/styles.css.js +45 -45
- package/table/body-cell/styles.scoped.css +365 -301
- package/table/body-cell/styles.selectors.js +45 -45
- package/table/body-cell/td-element.d.ts.map +1 -1
- package/table/body-cell/td-element.js +4 -3
- package/table/body-cell/td-element.js.map +1 -1
- package/table/expandable-rows/styles.css.js +3 -3
- package/table/expandable-rows/styles.scoped.css +15 -15
- package/table/expandable-rows/styles.selectors.js +3 -3
- package/table/header-cell/styles.css.js +26 -26
- package/table/header-cell/styles.scoped.css +148 -64
- package/table/header-cell/styles.selectors.js +26 -26
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +3 -1
- package/table/internal.js.map +1 -1
- package/table/resizer/styles.css.js +8 -8
- package/table/resizer/styles.scoped.css +16 -16
- package/table/resizer/styles.selectors.js +8 -8
- package/table/table-role/table-role-helper.d.ts +2 -1
- package/table/table-role/table-role-helper.d.ts.map +1 -1
- package/table/table-role/table-role-helper.js +2 -1
- package/table/table-role/table-role-helper.js.map +1 -1
- package/tabs/styles.css.js +22 -22
- package/tabs/styles.scoped.css +44 -44
- package/tabs/styles.selectors.js +22 -22
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +16 -16
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +9 -9
- package/token-group/styles.scoped.css +21 -21
- package/token-group/styles.selectors.js +9 -9
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +68 -68
- package/top-navigation/styles.selectors.js +47 -47
|
@@ -94,21 +94,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
94
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
|
-
div.
|
|
97
|
+
div.awsui_background_hyvsj_16gcr_97:not(#\9) {
|
|
98
98
|
display: contents;
|
|
99
99
|
}
|
|
100
|
-
div.
|
|
100
|
+
div.awsui_background_hyvsj_16gcr_97 > .awsui_scrolling-background_hyvsj_16gcr_100:not(#\9) {
|
|
101
101
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
102
102
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
103
103
|
grid-column: 1/span 5;
|
|
104
|
-
grid-row: 1/
|
|
104
|
+
grid-row: 1/9;
|
|
105
105
|
}
|
|
106
106
|
|
|
107
107
|
/*
|
|
108
108
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
109
109
|
SPDX-License-Identifier: Apache-2.0
|
|
110
110
|
*/
|
|
111
|
-
.
|
|
111
|
+
.awsui_breadcrumbs_hyvsj_16gcr_111:not(#\9) {
|
|
112
112
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
113
113
|
grid-area: breadcrumbs;
|
|
114
114
|
}
|
|
@@ -121,27 +121,27 @@ div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_10
|
|
|
121
121
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
122
122
|
SPDX-License-Identifier: Apache-2.0
|
|
123
123
|
*/
|
|
124
|
-
.awsui_drawers-
|
|
124
|
+
.awsui_drawers-container_hyvsj_16gcr_124:not(#\9) {
|
|
125
125
|
background-color: transparent;
|
|
126
126
|
display: flex;
|
|
127
127
|
grid-column: 5;
|
|
128
|
-
grid-row: 1/span
|
|
129
|
-
block-size: var(--awsui-content-height-
|
|
128
|
+
grid-row: 1/span 9;
|
|
129
|
+
block-size: var(--awsui-content-height-9rhwr5);
|
|
130
130
|
pointer-events: none;
|
|
131
131
|
position: sticky;
|
|
132
|
-
inset-block-start: var(--awsui-offset-top-
|
|
132
|
+
inset-block-start: var(--awsui-offset-top-9rhwr5);
|
|
133
133
|
z-index: 830;
|
|
134
134
|
}
|
|
135
|
-
.awsui_drawers-
|
|
135
|
+
.awsui_drawers-container_hyvsj_16gcr_124.awsui_has-open-drawer_hyvsj_16gcr_135:not(#\9) {
|
|
136
136
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
137
137
|
}
|
|
138
138
|
@media (min-width: 689px) {
|
|
139
|
-
.awsui_drawers-
|
|
140
|
-
max-inline-size: calc(var(--awsui-layout-width-
|
|
139
|
+
.awsui_drawers-container_hyvsj_16gcr_124:not(#\9) {
|
|
140
|
+
max-inline-size: calc(var(--awsui-layout-width-9rhwr5) - var(--awsui-main-offset-left-9rhwr5) - var(--awsui-default-min-content-width-9rhwr5) - var(--awsui-content-gap-right-9rhwr5));
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
143
|
@media (max-width: 688px) {
|
|
144
|
-
.awsui_drawers-
|
|
144
|
+
.awsui_drawers-container_hyvsj_16gcr_124:not(#\9) {
|
|
145
145
|
position: fixed;
|
|
146
146
|
inset-inline-end: 0;
|
|
147
147
|
z-index: 1001;
|
|
@@ -153,12 +153,12 @@ div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_10
|
|
|
153
153
|
relative to the body.
|
|
154
154
|
*/
|
|
155
155
|
}
|
|
156
|
-
.awsui_drawers-
|
|
157
|
-
inset-block-start: var(--awsui-header-height-
|
|
156
|
+
.awsui_drawers-container_hyvsj_16gcr_124.awsui_disable-body-scroll_hyvsj_16gcr_156:not(#\9) {
|
|
157
|
+
inset-block-start: var(--awsui-header-height-9rhwr5);
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
-
.awsui_drawers-desktop-triggers-
|
|
161
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_16gcr_161:not(#\9) {
|
|
162
162
|
border-collapse: separate;
|
|
163
163
|
border-spacing: 0;
|
|
164
164
|
box-sizing: border-box;
|
|
@@ -200,21 +200,21 @@ div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_10
|
|
|
200
200
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
201
201
|
overscroll-behavior-y: contain;
|
|
202
202
|
}
|
|
203
|
-
.awsui_drawers-desktop-triggers-
|
|
203
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_16gcr_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16gcr_202).awsui_has-open-drawer_hyvsj_16gcr_135 {
|
|
204
204
|
inline-size: 0;
|
|
205
205
|
}
|
|
206
|
-
.awsui_drawers-desktop-triggers-
|
|
206
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_16gcr_161.awsui_has-multiple-triggers_hyvsj_16gcr_202.awsui_has-open-drawer_hyvsj_16gcr_135:not(#\9) {
|
|
207
207
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
208
208
|
}
|
|
209
|
-
.awsui_drawers-desktop-triggers-
|
|
209
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_16gcr_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16gcr_202):not(.awsui_has-open-drawer_hyvsj_16gcr_135) {
|
|
210
210
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
.awsui_drawers-mobile-triggers-
|
|
213
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_16gcr_212:not(#\9) {
|
|
214
214
|
display: flex;
|
|
215
215
|
}
|
|
216
216
|
|
|
217
|
-
.awsui_drawers-trigger-
|
|
217
|
+
.awsui_drawers-trigger-content_hyvsj_16gcr_216:not(#\9) {
|
|
218
218
|
align-items: center;
|
|
219
219
|
display: flex;
|
|
220
220
|
flex-direction: column;
|
|
@@ -222,13 +222,13 @@ div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_10
|
|
|
222
222
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
223
223
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
224
224
|
}
|
|
225
|
-
.awsui_drawers-trigger-
|
|
225
|
+
.awsui_drawers-trigger-content_hyvsj_16gcr_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16gcr_202).awsui_has-open-drawer_hyvsj_16gcr_135 {
|
|
226
226
|
opacity: 0;
|
|
227
227
|
}
|
|
228
|
-
.awsui_drawers-trigger-
|
|
228
|
+
.awsui_drawers-trigger-content_hyvsj_16gcr_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_16gcr_202):not(.awsui_has-open-drawer_hyvsj_16gcr_135) {
|
|
229
229
|
opacity: 1;
|
|
230
230
|
}
|
|
231
|
-
.awsui_drawers-trigger-
|
|
231
|
+
.awsui_drawers-trigger-content_hyvsj_16gcr_216 > .awsui_drawers-trigger-overflow_hyvsj_16gcr_230:not(#\9) {
|
|
232
232
|
padding-block: 0;
|
|
233
233
|
padding-inline: 1px;
|
|
234
234
|
display: flex;
|
|
@@ -237,15 +237,15 @@ div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_10
|
|
|
237
237
|
}
|
|
238
238
|
|
|
239
239
|
@media (max-width: 688px) {
|
|
240
|
-
.awsui_drawers-
|
|
240
|
+
.awsui_drawers-trigger_hyvsj_16gcr_216:not(#\9) {
|
|
241
241
|
inline-size: 40px;
|
|
242
242
|
display: flex;
|
|
243
243
|
justify-content: center;
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
246
|
|
|
247
|
-
.
|
|
248
|
-
--awsui-drawer-size-
|
|
247
|
+
.awsui_drawer_hyvsj_16gcr_124:not(#\9) {
|
|
248
|
+
--awsui-drawer-size-9rhwr5: 290px;
|
|
249
249
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
250
250
|
border-color: transparent;
|
|
251
251
|
display: grid;
|
|
@@ -259,51 +259,51 @@ div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_10
|
|
|
259
259
|
pointer-events: auto;
|
|
260
260
|
word-wrap: break-word;
|
|
261
261
|
}
|
|
262
|
-
.
|
|
262
|
+
.awsui_drawer_hyvsj_16gcr_124 > .awsui_drawer-content-container_hyvsj_16gcr_261:not(#\9) {
|
|
263
263
|
grid-column: 1/span 2;
|
|
264
264
|
grid-row: 1;
|
|
265
|
-
inline-size: var(--awsui-drawer-size-
|
|
265
|
+
inline-size: var(--awsui-drawer-size-9rhwr5);
|
|
266
266
|
display: grid;
|
|
267
267
|
grid-template-columns: var(--space-m-udix3p, 16px) 1fr auto var(--space-m-udix3p, 16px);
|
|
268
268
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
269
269
|
overflow-y: auto;
|
|
270
270
|
}
|
|
271
|
-
.
|
|
271
|
+
.awsui_drawer_hyvsj_16gcr_124 > .awsui_drawer-content-container_hyvsj_16gcr_261 > .awsui_drawer-close-button_hyvsj_16gcr_270:not(#\9) {
|
|
272
272
|
grid-column: 3;
|
|
273
273
|
grid-row: 2;
|
|
274
274
|
z-index: 1;
|
|
275
275
|
}
|
|
276
|
-
.
|
|
276
|
+
.awsui_drawer_hyvsj_16gcr_124 > .awsui_drawer-content-container_hyvsj_16gcr_261 > .awsui_drawer-content_hyvsj_16gcr_261:not(#\9) {
|
|
277
277
|
grid-column: 1/span 4;
|
|
278
278
|
}
|
|
279
|
-
.
|
|
279
|
+
.awsui_drawer_hyvsj_16gcr_124 > .awsui_drawer-content-container_hyvsj_16gcr_261 > .awsui_drawer-content_hyvsj_16gcr_261.awsui_drawer-content-hidden_hyvsj_16gcr_278:not(#\9) {
|
|
280
280
|
display: none;
|
|
281
281
|
}
|
|
282
|
-
.
|
|
282
|
+
.awsui_drawer_hyvsj_16gcr_124 > .awsui_drawer-slider_hyvsj_16gcr_281:not(#\9) {
|
|
283
283
|
grid-column: 1;
|
|
284
284
|
grid-row: 1;
|
|
285
285
|
block-size: 100%;
|
|
286
286
|
display: flex;
|
|
287
287
|
align-items: center;
|
|
288
288
|
}
|
|
289
|
-
.
|
|
289
|
+
.awsui_drawer_hyvsj_16gcr_124:not(#\9):not(.awsui_is-drawer-open_hyvsj_16gcr_288) {
|
|
290
290
|
opacity: 0;
|
|
291
291
|
inline-size: 0;
|
|
292
292
|
}
|
|
293
|
-
.
|
|
293
|
+
.awsui_drawer_hyvsj_16gcr_124.awsui_is-drawer-open_hyvsj_16gcr_288:not(#\9) {
|
|
294
294
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
295
295
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
296
296
|
opacity: 1;
|
|
297
|
-
inline-size: var(--awsui-drawer-size-
|
|
297
|
+
inline-size: var(--awsui-drawer-size-9rhwr5);
|
|
298
298
|
}
|
|
299
299
|
@media (min-width: 2541px) {
|
|
300
|
-
.
|
|
301
|
-
--awsui-drawer-size-
|
|
300
|
+
.awsui_drawer_hyvsj_16gcr_124.awsui_is-drawer-open_hyvsj_16gcr_288:not(#\9) {
|
|
301
|
+
--awsui-drawer-size-9rhwr5: 320px;
|
|
302
302
|
}
|
|
303
303
|
}
|
|
304
304
|
@media (max-width: 688px) {
|
|
305
|
-
.
|
|
306
|
-
--awsui-drawer-size-
|
|
305
|
+
.awsui_drawer_hyvsj_16gcr_124.awsui_is-drawer-open_hyvsj_16gcr_288:not(#\9) {
|
|
306
|
+
--awsui-drawer-size-9rhwr5: 100vw;
|
|
307
307
|
inline-size: 100vw;
|
|
308
308
|
}
|
|
309
309
|
}
|
|
@@ -312,7 +312,7 @@ div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_10
|
|
|
312
312
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
313
313
|
SPDX-License-Identifier: Apache-2.0
|
|
314
314
|
*/
|
|
315
|
-
header.
|
|
315
|
+
header.awsui_content_hyvsj_16gcr_314:not(#\9) {
|
|
316
316
|
grid-area: header;
|
|
317
317
|
}
|
|
318
318
|
|
|
@@ -333,36 +333,35 @@ The minimum content width property is set to zero and applied under all
|
|
|
333
333
|
circumstances regardless of whether the minContentWidth property is
|
|
334
334
|
explicitly set in script.
|
|
335
335
|
*/
|
|
336
|
-
.
|
|
337
|
-
--awsui-breadcrumbs-gap-
|
|
338
|
-
--awsui-content-gap-left-
|
|
339
|
-
--awsui-content-gap-right-
|
|
340
|
-
--awsui-content-height-
|
|
341
|
-
--awsui-default-max-content-width-
|
|
342
|
-
--awsui-default-min-content-width-
|
|
343
|
-
--awsui-footer-height-
|
|
344
|
-
--awsui-header-gap-
|
|
345
|
-
--awsui-header-height-
|
|
346
|
-
--awsui-layout-width-
|
|
347
|
-
--awsui-main-gap-
|
|
348
|
-
--awsui-main-offset-left-
|
|
349
|
-
--awsui-main-template-rows-
|
|
350
|
-
--awsui-max-content-width-
|
|
351
|
-
--awsui-min-content-width-
|
|
352
|
-
--awsui-mobile-bar-height-
|
|
353
|
-
--awsui-notifications-
|
|
354
|
-
--awsui-
|
|
355
|
-
--awsui-
|
|
356
|
-
--awsui-
|
|
357
|
-
--awsui-toggles-
|
|
358
|
-
--awsui-toggles-right-width-7t5ed6: 0px;
|
|
336
|
+
.awsui_layout_hyvsj_16gcr_335:not(#\9) {
|
|
337
|
+
--awsui-breadcrumbs-gap-9rhwr5: 0px;
|
|
338
|
+
--awsui-content-gap-left-9rhwr5: 0px;
|
|
339
|
+
--awsui-content-gap-right-9rhwr5: 0px;
|
|
340
|
+
--awsui-content-height-9rhwr5: calc(100vh - var(--awsui-header-height-9rhwr5) - var(--awsui-footer-height-9rhwr5));
|
|
341
|
+
--awsui-default-max-content-width-9rhwr5: 1280px;
|
|
342
|
+
--awsui-default-min-content-width-9rhwr5: 0px;
|
|
343
|
+
--awsui-footer-height-9rhwr5: 0px;
|
|
344
|
+
--awsui-header-gap-9rhwr5: 0px;
|
|
345
|
+
--awsui-header-height-9rhwr5: 0px;
|
|
346
|
+
--awsui-layout-width-9rhwr5: 0px;
|
|
347
|
+
--awsui-main-gap-9rhwr5: 0px;
|
|
348
|
+
--awsui-main-offset-left-9rhwr5: 0px;
|
|
349
|
+
--awsui-main-template-rows-9rhwr5: 1fr;
|
|
350
|
+
--awsui-max-content-width-9rhwr5: 0px;
|
|
351
|
+
--awsui-min-content-width-9rhwr5: 280px;
|
|
352
|
+
--awsui-mobile-bar-height-9rhwr5: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
|
|
353
|
+
--awsui-notifications-height-9rhwr5: 0px;
|
|
354
|
+
--awsui-offset-top-9rhwr5: var(--awsui-header-height-9rhwr5);
|
|
355
|
+
--awsui-overlap-height-9rhwr5: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
|
|
356
|
+
--awsui-toggles-left-width-9rhwr5: 0px;
|
|
357
|
+
--awsui-toggles-right-width-9rhwr5: 0px;
|
|
359
358
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
360
359
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
361
360
|
display: grid;
|
|
362
|
-
grid-template-areas: ". . mobileToolbar . ." ". .
|
|
363
|
-
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-
|
|
364
|
-
grid-template-rows: auto
|
|
365
|
-
min-block-size: var(--awsui-content-height-
|
|
361
|
+
grid-template-areas: ". . mobileToolbar . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
|
|
362
|
+
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-9rhwr5), 1fr) minmax(var(--awsui-default-min-content-width-9rhwr5), var(--awsui-default-max-content-width-9rhwr5)) minmax(var(--awsui-content-gap-right-9rhwr5), 1fr) min-content;
|
|
363
|
+
grid-template-rows: auto auto var(--awsui-breadcrumbs-gap-9rhwr5) auto var(--awsui-header-gap-9rhwr5) auto var(--awsui-main-gap-9rhwr5) var(--awsui-overlap-height-9rhwr5) var(--awsui-main-template-rows-9rhwr5);
|
|
364
|
+
min-block-size: var(--awsui-content-height-9rhwr5);
|
|
366
365
|
position: relative;
|
|
367
366
|
/*
|
|
368
367
|
Add unified max-width for AppLayout content based on breakpoints. Only use the max content
|
|
@@ -406,114 +405,114 @@ explicitly set in script.
|
|
|
406
405
|
*/
|
|
407
406
|
}
|
|
408
407
|
@media (min-width: 1401px) {
|
|
409
|
-
.
|
|
410
|
-
--awsui-default-max-content-width-
|
|
408
|
+
.awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407) {
|
|
409
|
+
--awsui-default-max-content-width-9rhwr5: 1280px;
|
|
411
410
|
}
|
|
412
411
|
}
|
|
413
412
|
@media (min-width: 1921px) {
|
|
414
|
-
.
|
|
415
|
-
--awsui-default-max-content-width-
|
|
413
|
+
.awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407) {
|
|
414
|
+
--awsui-default-max-content-width-9rhwr5: 1440px;
|
|
416
415
|
}
|
|
417
416
|
}
|
|
418
417
|
@media (min-width: 2541px) {
|
|
419
|
-
.
|
|
420
|
-
--awsui-default-max-content-width-
|
|
418
|
+
.awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407) {
|
|
419
|
+
--awsui-default-max-content-width-9rhwr5: 1620px;
|
|
421
420
|
}
|
|
422
421
|
}
|
|
423
422
|
@media (min-width: 1401px) {
|
|
424
|
-
.
|
|
425
|
-
--awsui-default-max-content-width-
|
|
423
|
+
.awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407).awsui_content-type-dashboard_hyvsj_16gcr_422 {
|
|
424
|
+
--awsui-default-max-content-width-9rhwr5: 1280px;
|
|
426
425
|
}
|
|
427
426
|
}
|
|
428
427
|
@media (min-width: 1921px) {
|
|
429
|
-
.
|
|
430
|
-
--awsui-default-max-content-width-
|
|
428
|
+
.awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407).awsui_content-type-dashboard_hyvsj_16gcr_422 {
|
|
429
|
+
--awsui-default-max-content-width-9rhwr5: 1620px;
|
|
431
430
|
}
|
|
432
431
|
}
|
|
433
432
|
@media (min-width: 2541px) {
|
|
434
|
-
.
|
|
435
|
-
--awsui-default-max-content-width-
|
|
433
|
+
.awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407).awsui_content-type-dashboard_hyvsj_16gcr_422 {
|
|
434
|
+
--awsui-default-max-content-width-9rhwr5: 2160px;
|
|
436
435
|
}
|
|
437
436
|
}
|
|
438
|
-
.
|
|
439
|
-
--awsui-default-max-content-width-
|
|
437
|
+
.awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407).awsui_content-type-table_hyvsj_16gcr_436, .awsui_layout_hyvsj_16gcr_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_16gcr_407).awsui_content-type-cards_hyvsj_16gcr_436 {
|
|
438
|
+
--awsui-default-max-content-width-9rhwr5: 100%;
|
|
440
439
|
}
|
|
441
|
-
.
|
|
442
|
-
--awsui-default-max-content-width-
|
|
440
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_has-max-content-width_hyvsj_16gcr_407:not(#\9) {
|
|
441
|
+
--awsui-default-max-content-width-9rhwr5: var(--awsui-max-content-width-9rhwr5);
|
|
443
442
|
}
|
|
444
|
-
.
|
|
445
|
-
--awsui-overlap-height-
|
|
443
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_is-overlap-disabled_hyvsj_16gcr_442:not(#\9) {
|
|
444
|
+
--awsui-overlap-height-9rhwr5: 0;
|
|
446
445
|
}
|
|
447
|
-
.
|
|
448
|
-
--awsui-mobile-bar-height-
|
|
446
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_is-hide-mobile-toolbar_hyvsj_16gcr_445:not(#\9) {
|
|
447
|
+
--awsui-mobile-bar-height-9rhwr5: 0px;
|
|
449
448
|
}
|
|
450
449
|
@media (min-width: 993px) {
|
|
451
|
-
.
|
|
452
|
-
--awsui-default-min-content-width-
|
|
450
|
+
.awsui_layout_hyvsj_16gcr_335:not(#\9) {
|
|
451
|
+
--awsui-default-min-content-width-9rhwr5: var(--awsui-min-content-width-9rhwr5, 280px);
|
|
453
452
|
}
|
|
454
453
|
}
|
|
455
454
|
@media (max-width: 992px) {
|
|
456
|
-
.
|
|
457
|
-
--awsui-default-min-content-width-
|
|
455
|
+
.awsui_layout_hyvsj_16gcr_335:not(#\9) {
|
|
456
|
+
--awsui-default-min-content-width-9rhwr5: 0px;
|
|
458
457
|
}
|
|
459
458
|
}
|
|
460
459
|
@media (min-width: 689px) {
|
|
461
|
-
.
|
|
462
|
-
--awsui-content-gap-left-
|
|
460
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_has-content-gap-left_hyvsj_16gcr_459:not(#\9) {
|
|
461
|
+
--awsui-content-gap-left-9rhwr5: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
463
462
|
}
|
|
464
|
-
.
|
|
465
|
-
--awsui-content-gap-right-
|
|
463
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_has-content-gap-right_hyvsj_16gcr_462:not(#\9) {
|
|
464
|
+
--awsui-content-gap-right-9rhwr5: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
466
465
|
}
|
|
467
466
|
}
|
|
468
467
|
@media (max-width: 688px) {
|
|
469
|
-
.
|
|
470
|
-
--awsui-content-gap-left-
|
|
471
|
-
--awsui-content-gap-right-
|
|
468
|
+
.awsui_layout_hyvsj_16gcr_335:not(#\9) {
|
|
469
|
+
--awsui-content-gap-left-9rhwr5: var(--space-l-t419sm, 20px);
|
|
470
|
+
--awsui-content-gap-right-9rhwr5: var(--space-l-t419sm, 20px);
|
|
472
471
|
}
|
|
473
472
|
}
|
|
474
|
-
.
|
|
475
|
-
--awsui-breadcrumbs-gap-
|
|
473
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_has-breadcrumbs_hyvsj_16gcr_472:not(#\9) {
|
|
474
|
+
--awsui-breadcrumbs-gap-9rhwr5: var(--space-scaled-m-mo5yse, 16px);
|
|
476
475
|
}
|
|
477
|
-
.
|
|
478
|
-
--awsui-header-gap-
|
|
476
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-header_hyvsj_16gcr_475:not(#\9), .awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-notifications_hyvsj_16gcr_475:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16gcr_472).awsui_has-header_hyvsj_16gcr_475 {
|
|
477
|
+
--awsui-header-gap-9rhwr5: var(--space-scaled-xs-26e2du, 8px);
|
|
479
478
|
}
|
|
480
|
-
.
|
|
481
|
-
--awsui-header-gap-
|
|
479
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_has-breadcrumbs_hyvsj_16gcr_472.awsui_has-header_hyvsj_16gcr_475:not(#\9) {
|
|
480
|
+
--awsui-header-gap-9rhwr5: var(--space-scaled-xs-26e2du, 8px);
|
|
482
481
|
}
|
|
483
|
-
.
|
|
484
|
-
--awsui-main-gap-
|
|
482
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-notifications_hyvsj_16gcr_475:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16gcr_472):not(.awsui_has-header_hyvsj_16gcr_475) {
|
|
483
|
+
--awsui-main-gap-9rhwr5: var(--space-xs-zb16t3, 8px);
|
|
485
484
|
}
|
|
486
|
-
.
|
|
487
|
-
--awsui-main-gap-
|
|
485
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_has-breadcrumbs_hyvsj_16gcr_472:not(#\9):not(.awsui_has-header_hyvsj_16gcr_475) {
|
|
486
|
+
--awsui-main-gap-9rhwr5: var(--space-scaled-xxs-7597g1, 4px);
|
|
488
487
|
}
|
|
489
|
-
.
|
|
490
|
-
--awsui-main-gap-
|
|
488
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_has-header_hyvsj_16gcr_475:not(#\9) {
|
|
489
|
+
--awsui-main-gap-9rhwr5: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
491
490
|
}
|
|
492
|
-
.
|
|
493
|
-
--awsui-main-gap-
|
|
491
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-main_hyvsj_16gcr_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_16gcr_490) {
|
|
492
|
+
--awsui-main-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
|
|
494
493
|
}
|
|
495
|
-
.
|
|
496
|
-
--awsui-main-gap-
|
|
494
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-main_hyvsj_16gcr_490.awsui_disable-content-paddings_hyvsj_16gcr_490:not(#\9) {
|
|
495
|
+
--awsui-main-gap-9rhwr5: 0px;
|
|
497
496
|
}
|
|
498
497
|
@media (max-width: 688px) {
|
|
499
|
-
.
|
|
500
|
-
--awsui-header-gap-
|
|
498
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-header_hyvsj_16gcr_475:not(#\9) {
|
|
499
|
+
--awsui-header-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
|
|
501
500
|
}
|
|
502
|
-
.
|
|
503
|
-
--awsui-header-gap-
|
|
501
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-notifications_hyvsj_16gcr_475:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16gcr_472).awsui_has-header_hyvsj_16gcr_475 {
|
|
502
|
+
--awsui-header-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
|
|
504
503
|
}
|
|
505
|
-
.
|
|
506
|
-
--awsui-main-gap-
|
|
504
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-notifications_hyvsj_16gcr_475:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_16gcr_472):not(.awsui_has-header_hyvsj_16gcr_475), .awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-main_hyvsj_16gcr_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_16gcr_490) {
|
|
505
|
+
--awsui-main-gap-9rhwr5: var(--space-scaled-s-aqzyko, 12px);
|
|
507
506
|
}
|
|
508
|
-
.
|
|
509
|
-
--awsui-main-gap-
|
|
507
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_content-first-child-main_hyvsj_16gcr_490.awsui_disable-content-paddings_hyvsj_16gcr_490:not(#\9) {
|
|
508
|
+
--awsui-main-gap-9rhwr5: 0px;
|
|
510
509
|
}
|
|
511
510
|
}
|
|
512
|
-
.
|
|
513
|
-
--awsui-toggles-left-width-
|
|
511
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_has-left-toggles-gutter_hyvsj_16gcr_510:not(#\9) {
|
|
512
|
+
--awsui-toggles-left-width-9rhwr5: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
514
513
|
}
|
|
515
|
-
.
|
|
516
|
-
--awsui-toggles-right-width-
|
|
514
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_has-right-toggles-gutter_hyvsj_16gcr_513:not(#\9) {
|
|
515
|
+
--awsui-toggles-right-width-9rhwr5: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
517
516
|
}
|
|
518
517
|
|
|
519
518
|
/*
|
|
@@ -526,27 +525,27 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
526
525
|
position: sticky will be the value of the notifications height in addition to the
|
|
527
526
|
notifications top margin and some additional vertical space for aesthetics.
|
|
528
527
|
*/
|
|
529
|
-
.
|
|
530
|
-
--awsui-main-template-rows-
|
|
531
|
-
--awsui-offset-top-
|
|
532
|
-
block-size: var(--awsui-content-height-
|
|
528
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_disable-body-scroll_hyvsj_16gcr_156:not(#\9) {
|
|
529
|
+
--awsui-main-template-rows-9rhwr5: 1fr auto;
|
|
530
|
+
--awsui-offset-top-9rhwr5: 0px;
|
|
531
|
+
block-size: var(--awsui-content-height-9rhwr5);
|
|
533
532
|
overflow-y: scroll;
|
|
534
533
|
}
|
|
535
|
-
.
|
|
536
|
-
--awsui-main-template-rows-
|
|
534
|
+
.awsui_layout_hyvsj_16gcr_335.awsui_disable-body-scroll_hyvsj_16gcr_156.awsui_has-split-panel_hyvsj_16gcr_533.awsui_split-panel-position-bottom_hyvsj_16gcr_533:not(#\9) {
|
|
535
|
+
--awsui-main-template-rows-9rhwr5: repeat(2, auto);
|
|
537
536
|
}
|
|
538
537
|
|
|
539
538
|
/*
|
|
540
539
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
541
540
|
when the navigation or tools drawers are open in responsive viewports.
|
|
542
541
|
*/
|
|
543
|
-
.awsui_block-body-
|
|
542
|
+
.awsui_block-body-scroll_hyvsj_16gcr_541:not(#\9) {
|
|
544
543
|
overflow: hidden;
|
|
545
544
|
}
|
|
546
545
|
|
|
547
546
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
548
|
-
.
|
|
549
|
-
.
|
|
547
|
+
.awsui_unfocusable_hyvsj_16gcr_546:not(#\9),
|
|
548
|
+
.awsui_unfocusable_hyvsj_16gcr_546 *:not(#\9) {
|
|
550
549
|
visibility: hidden !important;
|
|
551
550
|
}
|
|
552
551
|
|
|
@@ -555,7 +554,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
555
554
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
556
555
|
SPDX-License-Identifier: Apache-2.0
|
|
557
556
|
*/
|
|
558
|
-
.
|
|
557
|
+
.awsui_container_hyvsj_16gcr_556:not(#\9) {
|
|
559
558
|
grid-area: main;
|
|
560
559
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
561
560
|
/*
|
|
@@ -572,19 +571,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
572
571
|
on the right, we decrement the column end by one.
|
|
573
572
|
*/
|
|
574
573
|
}
|
|
575
|
-
.
|
|
576
|
-
padding-block-end: calc(var(--awsui-split-panel-height-
|
|
574
|
+
.awsui_container_hyvsj_16gcr_556.awsui_has-split-panel_hyvsj_16gcr_533.awsui_split-panel-position-bottom_hyvsj_16gcr_533:not(#\9) {
|
|
575
|
+
padding-block-end: calc(var(--awsui-split-panel-height-9rhwr5) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
577
576
|
}
|
|
578
|
-
.
|
|
577
|
+
.awsui_container_hyvsj_16gcr_556.awsui_disable-content-paddings_hyvsj_16gcr_490:not(#\9) {
|
|
579
578
|
grid-column: 1/6;
|
|
580
579
|
padding-block: 0;
|
|
581
580
|
padding-inline: 0;
|
|
582
581
|
}
|
|
583
582
|
@media (min-width: 689px) {
|
|
584
|
-
.
|
|
583
|
+
.awsui_container_hyvsj_16gcr_556.awsui_disable-content-paddings_hyvsj_16gcr_490.awsui_is-navigation-open_hyvsj_16gcr_582:not(#\9) {
|
|
585
584
|
grid-column-start: 2;
|
|
586
585
|
}
|
|
587
|
-
.
|
|
586
|
+
.awsui_container_hyvsj_16gcr_556.awsui_disable-content-paddings_hyvsj_16gcr_490.awsui_is-tools-open_hyvsj_16gcr_585:not(#\9), .awsui_container_hyvsj_16gcr_556.awsui_disable-content-paddings_hyvsj_16gcr_490.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_split-panel-position-side_hyvsj_16gcr_585:not(#\9), .awsui_container_hyvsj_16gcr_556.awsui_disable-content-paddings_hyvsj_16gcr_490.awsui_has-active-drawer_hyvsj_16gcr_585:not(#\9) {
|
|
588
587
|
grid-column-end: 5;
|
|
589
588
|
}
|
|
590
589
|
}
|
|
@@ -593,13 +592,13 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
593
592
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
594
593
|
SPDX-License-Identifier: Apache-2.0
|
|
595
594
|
*/
|
|
596
|
-
section.awsui_mobile-
|
|
595
|
+
section.awsui_mobile-toolbar_hyvsj_16gcr_594:not(#\9) {
|
|
597
596
|
align-items: center;
|
|
598
597
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
599
598
|
border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
600
599
|
box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
|
|
601
600
|
box-sizing: border-box;
|
|
602
|
-
block-size: var(--awsui-mobile-bar-height-
|
|
601
|
+
block-size: var(--awsui-mobile-bar-height-9rhwr5);
|
|
603
602
|
display: grid;
|
|
604
603
|
grid-area: mobileToolbar;
|
|
605
604
|
grid-column: 1/span 5;
|
|
@@ -607,22 +606,22 @@ section.awsui_mobile-toolbar_hyvsj_1cs1p_595:not(#\9) {
|
|
|
607
606
|
padding-block: 0;
|
|
608
607
|
padding-inline: var(--space-m-udix3p, 16px);
|
|
609
608
|
position: sticky;
|
|
610
|
-
inset-block-start: var(--awsui-offset-top-
|
|
609
|
+
inset-block-start: var(--awsui-offset-top-9rhwr5);
|
|
611
610
|
z-index: 1000;
|
|
612
611
|
}
|
|
613
|
-
section.awsui_mobile-
|
|
612
|
+
section.awsui_mobile-toolbar_hyvsj_16gcr_594:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_16gcr_611) {
|
|
614
613
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
615
614
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
616
615
|
}
|
|
617
|
-
section.awsui_mobile-
|
|
616
|
+
section.awsui_mobile-toolbar_hyvsj_16gcr_594 > .awsui_mobile-toolbar-nav_hyvsj_16gcr_615:not(#\9) {
|
|
618
617
|
grid-column: 1;
|
|
619
618
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
620
619
|
}
|
|
621
|
-
section.awsui_mobile-
|
|
620
|
+
section.awsui_mobile-toolbar_hyvsj_16gcr_594 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_16gcr_619:not(#\9) {
|
|
622
621
|
grid-column: 2;
|
|
623
622
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
624
623
|
}
|
|
625
|
-
section.awsui_mobile-
|
|
624
|
+
section.awsui_mobile-toolbar_hyvsj_16gcr_594 > .awsui_mobile-toolbar-tools_hyvsj_16gcr_623:not(#\9) {
|
|
626
625
|
grid-column: 3;
|
|
627
626
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
628
627
|
}
|
|
@@ -631,13 +630,13 @@ section.awsui_mobile-toolbar_hyvsj_1cs1p_595 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
631
630
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
632
631
|
SPDX-License-Identifier: Apache-2.0
|
|
633
632
|
*/
|
|
634
|
-
.awsui_navigation-
|
|
633
|
+
.awsui_navigation-container_hyvsj_16gcr_632:not(#\9) {
|
|
635
634
|
display: flex;
|
|
636
635
|
grid-column: 1;
|
|
637
|
-
grid-row: 1/span
|
|
638
|
-
block-size: var(--awsui-content-height-
|
|
636
|
+
grid-row: 1/span 9;
|
|
637
|
+
block-size: var(--awsui-content-height-9rhwr5);
|
|
639
638
|
position: sticky;
|
|
640
|
-
inset-block-start: var(--awsui-offset-top-
|
|
639
|
+
inset-block-start: var(--awsui-offset-top-9rhwr5);
|
|
641
640
|
z-index: 830;
|
|
642
641
|
/*
|
|
643
642
|
The navigation and tools containers (that contain the toggle buttons)
|
|
@@ -652,7 +651,7 @@ section.awsui_mobile-toolbar_hyvsj_1cs1p_595 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
652
651
|
pointer-events: none;
|
|
653
652
|
}
|
|
654
653
|
@media (max-width: 688px) {
|
|
655
|
-
.awsui_navigation-
|
|
654
|
+
.awsui_navigation-container_hyvsj_16gcr_632:not(#\9) {
|
|
656
655
|
inset-inline-start: 0;
|
|
657
656
|
position: fixed;
|
|
658
657
|
z-index: 1001;
|
|
@@ -664,12 +663,12 @@ section.awsui_mobile-toolbar_hyvsj_1cs1p_595 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
664
663
|
relative to the body.
|
|
665
664
|
*/
|
|
666
665
|
}
|
|
667
|
-
.awsui_navigation-
|
|
668
|
-
inset-block-start: var(--awsui-header-height-
|
|
666
|
+
.awsui_navigation-container_hyvsj_16gcr_632.awsui_disable-body-scroll_hyvsj_16gcr_156:not(#\9) {
|
|
667
|
+
inset-block-start: var(--awsui-header-height-9rhwr5);
|
|
669
668
|
}
|
|
670
669
|
}
|
|
671
670
|
|
|
672
|
-
nav.awsui_show-
|
|
671
|
+
nav.awsui_show-navigation_hyvsj_16gcr_670:not(#\9) {
|
|
673
672
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
674
673
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
675
674
|
/*
|
|
@@ -677,7 +676,7 @@ nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9) {
|
|
|
677
676
|
take control in responsive viewports.
|
|
678
677
|
*/
|
|
679
678
|
}
|
|
680
|
-
@keyframes
|
|
679
|
+
@keyframes awsui_showButtons_hyvsj_16gcr_1 {
|
|
681
680
|
0% {
|
|
682
681
|
opacity: 0;
|
|
683
682
|
}
|
|
@@ -685,31 +684,31 @@ nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9) {
|
|
|
685
684
|
opacity: 1;
|
|
686
685
|
}
|
|
687
686
|
}
|
|
688
|
-
nav.awsui_show-
|
|
687
|
+
nav.awsui_show-navigation_hyvsj_16gcr_670.awsui_is-navigation-open_hyvsj_16gcr_582:not(#\9) {
|
|
689
688
|
display: none;
|
|
690
689
|
}
|
|
691
690
|
@media (min-width: 689px) {
|
|
692
|
-
nav.awsui_show-
|
|
691
|
+
nav.awsui_show-navigation_hyvsj_16gcr_670:not(#\9):not(.awsui_is-navigation-open_hyvsj_16gcr_582) {
|
|
693
692
|
display: block;
|
|
694
693
|
}
|
|
695
|
-
nav.awsui_show-
|
|
696
|
-
animation:
|
|
694
|
+
nav.awsui_show-navigation_hyvsj_16gcr_670:not(#\9):not(.awsui_is-navigation-open_hyvsj_16gcr_582).awsui_animating_hyvsj_16gcr_693 {
|
|
695
|
+
animation: awsui_showButtons_hyvsj_16gcr_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
697
696
|
}
|
|
698
697
|
}
|
|
699
698
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
700
|
-
nav.awsui_show-
|
|
699
|
+
nav.awsui_show-navigation_hyvsj_16gcr_670:not(#\9):not(.awsui_is-navigation-open_hyvsj_16gcr_582).awsui_animating_hyvsj_16gcr_693 {
|
|
701
700
|
animation: none;
|
|
702
701
|
transition: none;
|
|
703
702
|
}
|
|
704
703
|
}
|
|
705
704
|
@media (min-width: 689px) {
|
|
706
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
705
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_16gcr_670:not(#\9):not(.awsui_is-navigation-open_hyvsj_16gcr_582).awsui_animating_hyvsj_16gcr_693, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_16gcr_670:not(#\9):not(.awsui_is-navigation-open_hyvsj_16gcr_582).awsui_animating_hyvsj_16gcr_693 {
|
|
707
706
|
animation: none;
|
|
708
707
|
transition: none;
|
|
709
708
|
}
|
|
710
709
|
}
|
|
711
710
|
|
|
712
|
-
nav.
|
|
711
|
+
nav.awsui_navigation_hyvsj_16gcr_632:not(#\9) {
|
|
713
712
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
714
713
|
inset-block-end: 0;
|
|
715
714
|
block-size: 100%;
|
|
@@ -727,43 +726,43 @@ nav.awsui_navigation_hyvsj_1cs1p_633:not(#\9) {
|
|
|
727
726
|
prevent unwanted text wrapping.
|
|
728
727
|
*/
|
|
729
728
|
}
|
|
730
|
-
@keyframes
|
|
729
|
+
@keyframes awsui_openNavigation_hyvsj_16gcr_1 {
|
|
731
730
|
from {
|
|
732
731
|
opacity: 0;
|
|
733
732
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
734
733
|
}
|
|
735
734
|
to {
|
|
736
735
|
opacity: 1;
|
|
737
|
-
inline-size: var(--awsui-navigation-width-
|
|
736
|
+
inline-size: var(--awsui-navigation-width-9rhwr5);
|
|
738
737
|
}
|
|
739
738
|
}
|
|
740
|
-
nav.
|
|
739
|
+
nav.awsui_navigation_hyvsj_16gcr_632:not(#\9):not(.awsui_is-navigation-open_hyvsj_16gcr_582) {
|
|
741
740
|
inline-size: 0;
|
|
742
741
|
display: none;
|
|
743
742
|
}
|
|
744
|
-
nav.
|
|
745
|
-
animation:
|
|
743
|
+
nav.awsui_navigation_hyvsj_16gcr_632.awsui_is-navigation-open_hyvsj_16gcr_582.awsui_animating_hyvsj_16gcr_693:not(#\9) {
|
|
744
|
+
animation: awsui_openNavigation_hyvsj_16gcr_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
746
745
|
}
|
|
747
746
|
@media (prefers-reduced-motion: reduce) {
|
|
748
|
-
nav.
|
|
747
|
+
nav.awsui_navigation_hyvsj_16gcr_632.awsui_is-navigation-open_hyvsj_16gcr_582.awsui_animating_hyvsj_16gcr_693:not(#\9) {
|
|
749
748
|
animation: none;
|
|
750
749
|
transition: none;
|
|
751
750
|
}
|
|
752
751
|
}
|
|
753
|
-
.awsui-motion-disabled nav.
|
|
752
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_16gcr_632.awsui_is-navigation-open_hyvsj_16gcr_582.awsui_animating_hyvsj_16gcr_693:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_16gcr_632.awsui_is-navigation-open_hyvsj_16gcr_582.awsui_animating_hyvsj_16gcr_693:not(#\9) {
|
|
754
753
|
animation: none;
|
|
755
754
|
transition: none;
|
|
756
755
|
}
|
|
757
|
-
nav.
|
|
758
|
-
inline-size: var(--awsui-navigation-width-
|
|
756
|
+
nav.awsui_navigation_hyvsj_16gcr_632 > .awsui_animated-content_hyvsj_16gcr_755:not(#\9) {
|
|
757
|
+
inline-size: var(--awsui-navigation-width-9rhwr5);
|
|
759
758
|
}
|
|
760
759
|
@media (max-width: 688px) {
|
|
761
|
-
nav.
|
|
762
|
-
--awsui-navigation-width-
|
|
760
|
+
nav.awsui_navigation_hyvsj_16gcr_632:not(#\9) {
|
|
761
|
+
--awsui-navigation-width-9rhwr5: 100vw;
|
|
763
762
|
}
|
|
764
763
|
}
|
|
765
764
|
|
|
766
|
-
.awsui_hide-
|
|
765
|
+
.awsui_hide-navigation_hyvsj_16gcr_764:not(#\9) {
|
|
767
766
|
position: absolute;
|
|
768
767
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
769
768
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -773,24 +772,24 @@ nav.awsui_navigation_hyvsj_1cs1p_633 > .awsui_animated-content_hyvsj_1cs1p_756:n
|
|
|
773
772
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
774
773
|
SPDX-License-Identifier: Apache-2.0
|
|
775
774
|
*/
|
|
776
|
-
.
|
|
775
|
+
.awsui_notifications_hyvsj_16gcr_774:not(#\9) {
|
|
777
776
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
778
777
|
grid-area: notifications;
|
|
779
778
|
z-index: 850;
|
|
780
779
|
}
|
|
781
|
-
.
|
|
780
|
+
.awsui_notifications_hyvsj_16gcr_774.awsui_has-notification-content_hyvsj_16gcr_779:not(#\9) {
|
|
782
781
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
783
782
|
}
|
|
784
783
|
@media (min-width: 689px) {
|
|
785
|
-
.
|
|
786
|
-
--awsui-flashbar-sticky-bottom-margin-
|
|
784
|
+
.awsui_notifications_hyvsj_16gcr_774.awsui_sticky-notifications_hyvsj_16gcr_783:not(#\9) {
|
|
785
|
+
--awsui-flashbar-sticky-bottom-margin-9rhwr5: var(--space-xxl-cu2m1r, 32px);
|
|
787
786
|
position: sticky;
|
|
788
|
-
inset-block-start: var(--awsui-offset-top-
|
|
787
|
+
inset-block-start: var(--awsui-offset-top-9rhwr5);
|
|
789
788
|
}
|
|
790
|
-
.
|
|
789
|
+
.awsui_notifications_hyvsj_16gcr_774.awsui_sticky-notifications_hyvsj_16gcr_783:not(#\9):not(.awsui_high-contrast_hyvsj_16gcr_788) {
|
|
791
790
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
792
791
|
}
|
|
793
|
-
.
|
|
792
|
+
.awsui_notifications_hyvsj_16gcr_774.awsui_has-notification-content_hyvsj_16gcr_779:not(#\9) {
|
|
794
793
|
padding-block-start: var(--space-xs-zb16t3, 8px);
|
|
795
794
|
}
|
|
796
795
|
}
|
|
@@ -805,16 +804,16 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
805
804
|
consume the remaining vertical space in the grid after the notifications
|
|
806
805
|
and breadcrumbs.
|
|
807
806
|
*/
|
|
808
|
-
section.awsui_split-panel-
|
|
807
|
+
section.awsui_split-panel-bottom_hyvsj_16gcr_806:not(#\9) {
|
|
809
808
|
/*
|
|
810
809
|
The align self property will position the split panel at the bottom of the grid row.
|
|
811
810
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
812
811
|
*/
|
|
813
812
|
align-self: end;
|
|
814
|
-
inset-block-end: var(--awsui-footer-height-
|
|
813
|
+
inset-block-end: var(--awsui-footer-height-9rhwr5);
|
|
815
814
|
display: none;
|
|
816
815
|
grid-column: 1/6;
|
|
817
|
-
grid-row:
|
|
816
|
+
grid-row: 9;
|
|
818
817
|
block-size: auto;
|
|
819
818
|
overflow-y: hidden;
|
|
820
819
|
/*
|
|
@@ -841,47 +840,47 @@ section.awsui_split-panel-bottom_hyvsj_1cs1p_807:not(#\9) {
|
|
|
841
840
|
apply the animation to the height property.
|
|
842
841
|
*/
|
|
843
842
|
}
|
|
844
|
-
@keyframes
|
|
843
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_16gcr_1 {
|
|
845
844
|
from {
|
|
846
|
-
block-size: var(--awsui-split-panel-reported-header-size-
|
|
845
|
+
block-size: var(--awsui-split-panel-reported-header-size-9rhwr5, 0);
|
|
847
846
|
}
|
|
848
847
|
to {
|
|
849
|
-
block-size: var(--awsui-split-panel-reported-size-
|
|
848
|
+
block-size: var(--awsui-split-panel-reported-size-9rhwr5);
|
|
850
849
|
}
|
|
851
850
|
}
|
|
852
|
-
section.awsui_split-panel-
|
|
851
|
+
section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_disable-body-scroll_hyvsj_16gcr_156:not(#\9) {
|
|
853
852
|
inset-block-end: 0;
|
|
854
853
|
}
|
|
855
|
-
section.awsui_split-panel-
|
|
854
|
+
section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_is-navigation-open_hyvsj_16gcr_582.awsui_position-bottom_hyvsj_16gcr_853:not(#\9) {
|
|
856
855
|
grid-column-start: 2;
|
|
857
856
|
}
|
|
858
|
-
section.awsui_split-panel-
|
|
857
|
+
section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_has-open-drawer_hyvsj_16gcr_135.awsui_position-bottom_hyvsj_16gcr_853:not(#\9) {
|
|
859
858
|
grid-column-end: 5;
|
|
860
859
|
}
|
|
861
|
-
section.awsui_split-panel-
|
|
860
|
+
section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_position-bottom_hyvsj_16gcr_853:not(#\9) {
|
|
862
861
|
display: block;
|
|
863
862
|
}
|
|
864
|
-
section.awsui_split-panel-
|
|
863
|
+
section.awsui_split-panel-bottom_hyvsj_16gcr_806:not(#\9):not(.awsui_is-split-panel-open_hyvsj_16gcr_585).awsui_position-bottom_hyvsj_16gcr_853 {
|
|
865
864
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
866
865
|
}
|
|
867
|
-
section.awsui_split-panel-
|
|
866
|
+
section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_position-bottom_hyvsj_16gcr_853:not(#\9) {
|
|
868
867
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
869
868
|
}
|
|
870
|
-
section.awsui_split-panel-
|
|
871
|
-
animation:
|
|
869
|
+
section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_position-bottom_hyvsj_16gcr_853.awsui_animating_hyvsj_16gcr_693:not(#\9) {
|
|
870
|
+
animation: awsui_openSplitPanelBottom_hyvsj_16gcr_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
872
871
|
}
|
|
873
872
|
@media (prefers-reduced-motion: reduce) {
|
|
874
|
-
section.awsui_split-panel-
|
|
873
|
+
section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_position-bottom_hyvsj_16gcr_853.awsui_animating_hyvsj_16gcr_693:not(#\9) {
|
|
875
874
|
animation: none;
|
|
876
875
|
transition: none;
|
|
877
876
|
}
|
|
878
877
|
}
|
|
879
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
878
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_position-bottom_hyvsj_16gcr_853.awsui_animating_hyvsj_16gcr_693:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_16gcr_806.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_position-bottom_hyvsj_16gcr_853.awsui_animating_hyvsj_16gcr_693:not(#\9) {
|
|
880
879
|
animation: none;
|
|
881
880
|
transition: none;
|
|
882
881
|
}
|
|
883
882
|
|
|
884
|
-
section.awsui_split-panel-
|
|
883
|
+
section.awsui_split-panel-side_hyvsj_16gcr_882:not(#\9) {
|
|
885
884
|
block-size: 100%;
|
|
886
885
|
overflow-x: hidden;
|
|
887
886
|
pointer-events: auto;
|
|
@@ -891,15 +890,15 @@ section.awsui_split-panel-side_hyvsj_1cs1p_883:not(#\9) {
|
|
|
891
890
|
be persistent in the DOM when closed.
|
|
892
891
|
*/
|
|
893
892
|
}
|
|
894
|
-
section.awsui_split-panel-
|
|
893
|
+
section.awsui_split-panel-side_hyvsj_16gcr_882:not(#\9):not(.awsui_is-split-panel-open_hyvsj_16gcr_585), section.awsui_split-panel-side_hyvsj_16gcr_882.awsui_position-bottom_hyvsj_16gcr_853:not(#\9) {
|
|
895
894
|
inline-size: 0;
|
|
896
895
|
}
|
|
897
|
-
section.awsui_split-panel-
|
|
898
|
-
max-inline-size: var(--awsui-split-panel-max-width-
|
|
899
|
-
min-inline-size: var(--awsui-split-panel-min-width-
|
|
896
|
+
section.awsui_split-panel-side_hyvsj_16gcr_882.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_position-side_hyvsj_16gcr_895:not(#\9) {
|
|
897
|
+
max-inline-size: var(--awsui-split-panel-max-width-9rhwr5, 280px);
|
|
898
|
+
min-inline-size: var(--awsui-split-panel-min-width-9rhwr5, 280px);
|
|
900
899
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
901
900
|
}
|
|
902
|
-
section.awsui_split-panel-
|
|
901
|
+
section.awsui_split-panel-side_hyvsj_16gcr_882.awsui_is-split-panel-open_hyvsj_16gcr_585.awsui_position-side_hyvsj_16gcr_895:not(#\9):not(.awsui_has-open-drawer_hyvsj_16gcr_135) {
|
|
903
902
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
904
903
|
}
|
|
905
904
|
|
|
@@ -916,22 +915,22 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
916
915
|
property. The content gap right is computed in the Layout styles based on the
|
|
917
916
|
viewport size and state of the Tools drawer.
|
|
918
917
|
*/
|
|
919
|
-
.awsui_tools-
|
|
920
|
-
--awsui-tools-max-width-
|
|
918
|
+
.awsui_tools-container_hyvsj_16gcr_917:not(#\9) {
|
|
919
|
+
--awsui-tools-max-width-9rhwr5: calc(var(--awsui-layout-width-9rhwr5) - var(--awsui-main-offset-left-9rhwr5) - var(--awsui-default-min-content-width-9rhwr5) - var(--awsui-content-gap-right-9rhwr5));
|
|
921
920
|
display: flex;
|
|
922
921
|
grid-column: 5;
|
|
923
|
-
grid-row: 1/span
|
|
924
|
-
block-size: var(--awsui-content-height-
|
|
925
|
-
max-inline-size: var(--awsui-tools-max-width-
|
|
922
|
+
grid-row: 1/span 9;
|
|
923
|
+
block-size: var(--awsui-content-height-9rhwr5);
|
|
924
|
+
max-inline-size: var(--awsui-tools-max-width-9rhwr5);
|
|
926
925
|
position: sticky;
|
|
927
|
-
inset-block-start: var(--awsui-offset-top-
|
|
926
|
+
inset-block-start: var(--awsui-offset-top-9rhwr5);
|
|
928
927
|
z-index: 830;
|
|
929
928
|
pointer-events: none;
|
|
930
929
|
}
|
|
931
930
|
@media (max-width: 688px) {
|
|
932
|
-
.awsui_tools-
|
|
933
|
-
--awsui-tools-max-width-
|
|
934
|
-
--awsui-tools-width-
|
|
931
|
+
.awsui_tools-container_hyvsj_16gcr_917:not(#\9) {
|
|
932
|
+
--awsui-tools-max-width-9rhwr5: none;
|
|
933
|
+
--awsui-tools-width-9rhwr5: auto;
|
|
935
934
|
position: fixed;
|
|
936
935
|
inset-inline-end: 0;
|
|
937
936
|
z-index: 1001;
|
|
@@ -943,12 +942,12 @@ viewport size and state of the Tools drawer.
|
|
|
943
942
|
relative to the body.
|
|
944
943
|
*/
|
|
945
944
|
}
|
|
946
|
-
.awsui_tools-
|
|
947
|
-
inset-block-start: var(--awsui-header-height-
|
|
945
|
+
.awsui_tools-container_hyvsj_16gcr_917.awsui_disable-body-scroll_hyvsj_16gcr_156:not(#\9) {
|
|
946
|
+
inset-block-start: var(--awsui-header-height-9rhwr5);
|
|
948
947
|
}
|
|
949
948
|
}
|
|
950
949
|
|
|
951
|
-
.
|
|
950
|
+
.awsui_tools_hyvsj_16gcr_917:not(#\9) {
|
|
952
951
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
953
952
|
flex-shrink: 0;
|
|
954
953
|
block-size: 100%;
|
|
@@ -971,51 +970,51 @@ viewport size and state of the Tools drawer.
|
|
|
971
970
|
in the side position.
|
|
972
971
|
*/
|
|
973
972
|
}
|
|
974
|
-
@keyframes
|
|
973
|
+
@keyframes awsui_openTools_hyvsj_16gcr_1 {
|
|
975
974
|
from {
|
|
976
|
-
opacity: var(--awsui-tools-animation-starting-opacity-
|
|
975
|
+
opacity: var(--awsui-tools-animation-starting-opacity-9rhwr5, 0);
|
|
977
976
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
978
977
|
}
|
|
979
978
|
to {
|
|
980
979
|
opacity: 1;
|
|
981
|
-
inline-size: var(--awsui-tools-width-
|
|
980
|
+
inline-size: var(--awsui-tools-width-9rhwr5);
|
|
982
981
|
}
|
|
983
982
|
}
|
|
984
|
-
.
|
|
983
|
+
.awsui_tools_hyvsj_16gcr_917:not(#\9):not(.awsui_is-tools-open_hyvsj_16gcr_585) {
|
|
985
984
|
inline-size: 0;
|
|
986
985
|
display: none;
|
|
987
986
|
}
|
|
988
|
-
.
|
|
987
|
+
.awsui_tools_hyvsj_16gcr_917.awsui_is-tools-open_hyvsj_16gcr_585:not(#\9) {
|
|
989
988
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
990
989
|
}
|
|
991
|
-
.
|
|
992
|
-
animation:
|
|
990
|
+
.awsui_tools_hyvsj_16gcr_917.awsui_is-tools-open_hyvsj_16gcr_585.awsui_animating_hyvsj_16gcr_693:not(#\9) {
|
|
991
|
+
animation: awsui_openTools_hyvsj_16gcr_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
993
992
|
}
|
|
994
993
|
@media (prefers-reduced-motion: reduce) {
|
|
995
|
-
.
|
|
994
|
+
.awsui_tools_hyvsj_16gcr_917.awsui_is-tools-open_hyvsj_16gcr_585.awsui_animating_hyvsj_16gcr_693:not(#\9) {
|
|
996
995
|
animation: none;
|
|
997
996
|
transition: none;
|
|
998
997
|
}
|
|
999
998
|
}
|
|
1000
|
-
.awsui-motion-disabled .
|
|
999
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_16gcr_917.awsui_is-tools-open_hyvsj_16gcr_585.awsui_animating_hyvsj_16gcr_693:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_16gcr_917.awsui_is-tools-open_hyvsj_16gcr_585.awsui_animating_hyvsj_16gcr_693:not(#\9) {
|
|
1001
1000
|
animation: none;
|
|
1002
1001
|
transition: none;
|
|
1003
1002
|
}
|
|
1004
|
-
.
|
|
1005
|
-
inline-size: var(--awsui-tools-width-
|
|
1003
|
+
.awsui_tools_hyvsj_16gcr_917 > .awsui_animated-content_hyvsj_16gcr_755:not(#\9) {
|
|
1004
|
+
inline-size: var(--awsui-tools-width-9rhwr5);
|
|
1006
1005
|
}
|
|
1007
1006
|
@media (min-width: 689px) {
|
|
1008
|
-
.
|
|
1007
|
+
.awsui_tools_hyvsj_16gcr_917.awsui_is-tools-open_hyvsj_16gcr_585.awsui_has-tools-form-persistence_hyvsj_16gcr_1006:not(#\9) {
|
|
1009
1008
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1010
1009
|
}
|
|
1011
1010
|
}
|
|
1012
1011
|
@media (max-width: 688px) {
|
|
1013
|
-
.
|
|
1014
|
-
--awsui-tools-width-
|
|
1012
|
+
.awsui_tools_hyvsj_16gcr_917:not(#\9) {
|
|
1013
|
+
--awsui-tools-width-9rhwr5: 100vw;
|
|
1015
1014
|
}
|
|
1016
1015
|
}
|
|
1017
1016
|
|
|
1018
|
-
.awsui_hide-
|
|
1017
|
+
.awsui_hide-tools_hyvsj_16gcr_1016:not(#\9) {
|
|
1019
1018
|
position: absolute;
|
|
1020
1019
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1021
1020
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1027,7 +1026,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1027
1026
|
the calculation used to determine the Split Panel maximum width in the
|
|
1028
1027
|
handleSplitPanelMaxWidth function in the context.
|
|
1029
1028
|
*/
|
|
1030
|
-
.awsui_show-
|
|
1029
|
+
.awsui_show-tools_hyvsj_16gcr_1028:not(#\9) {
|
|
1031
1030
|
border-collapse: separate;
|
|
1032
1031
|
border-spacing: 0;
|
|
1033
1032
|
box-sizing: border-box;
|
|
@@ -1069,7 +1068,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1069
1068
|
take control in responsive viewports.
|
|
1070
1069
|
*/
|
|
1071
1070
|
}
|
|
1072
|
-
@keyframes
|
|
1071
|
+
@keyframes awsui_showButtons_hyvsj_16gcr_1 {
|
|
1073
1072
|
0% {
|
|
1074
1073
|
opacity: 0;
|
|
1075
1074
|
}
|
|
@@ -1077,31 +1076,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1077
1076
|
opacity: 1;
|
|
1078
1077
|
}
|
|
1079
1078
|
}
|
|
1080
|
-
.awsui_show-
|
|
1079
|
+
.awsui_show-tools_hyvsj_16gcr_1028:not(#\9):not(.awsui_has-tools-form_hyvsj_16gcr_1006) {
|
|
1081
1080
|
display: none;
|
|
1082
1081
|
}
|
|
1083
1082
|
@media (min-width: 689px) {
|
|
1084
|
-
.awsui_show-
|
|
1083
|
+
.awsui_show-tools_hyvsj_16gcr_1028.awsui_has-tools-form_hyvsj_16gcr_1006:not(#\9) {
|
|
1085
1084
|
display: flex;
|
|
1086
1085
|
flex-direction: column;
|
|
1087
1086
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1088
1087
|
}
|
|
1089
|
-
.awsui_show-
|
|
1090
|
-
animation:
|
|
1088
|
+
.awsui_show-tools_hyvsj_16gcr_1028.awsui_has-tools-form_hyvsj_16gcr_1006.awsui_animating_hyvsj_16gcr_693:not(#\9) {
|
|
1089
|
+
animation: awsui_showButtons_hyvsj_16gcr_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1091
1090
|
}
|
|
1092
1091
|
}
|
|
1093
1092
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1094
|
-
.awsui_show-
|
|
1093
|
+
.awsui_show-tools_hyvsj_16gcr_1028.awsui_has-tools-form_hyvsj_16gcr_1006.awsui_animating_hyvsj_16gcr_693:not(#\9) {
|
|
1095
1094
|
animation: none;
|
|
1096
1095
|
transition: none;
|
|
1097
1096
|
}
|
|
1098
1097
|
}
|
|
1099
1098
|
@media (min-width: 689px) {
|
|
1100
|
-
.awsui-motion-disabled .awsui_show-
|
|
1099
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_16gcr_1028.awsui_has-tools-form_hyvsj_16gcr_1006.awsui_animating_hyvsj_16gcr_693:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_16gcr_1028.awsui_has-tools-form_hyvsj_16gcr_1006.awsui_animating_hyvsj_16gcr_693:not(#\9) {
|
|
1101
1100
|
animation: none;
|
|
1102
1101
|
transition: none;
|
|
1103
1102
|
}
|
|
1104
|
-
.awsui_show-
|
|
1103
|
+
.awsui_show-tools_hyvsj_16gcr_1028.awsui_has-tools-form-persistence_hyvsj_16gcr_1006:not(#\9) {
|
|
1105
1104
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1106
1105
|
z-index: 1;
|
|
1107
1106
|
}
|
|
@@ -1111,7 +1110,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1111
1110
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1112
1111
|
SPDX-License-Identifier: Apache-2.0
|
|
1113
1112
|
*/
|
|
1114
|
-
.awsui_trigger-badge-
|
|
1113
|
+
.awsui_trigger-badge-wrapper_hyvsj_16gcr_1111:not(#\9) {
|
|
1115
1114
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1116
1115
|
border-start-start-radius: 50%;
|
|
1117
1116
|
border-start-end-radius: 50%;
|
|
@@ -1128,13 +1127,13 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1128
1127
|
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");
|
|
1129
1128
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1130
1129
|
}
|
|
1131
|
-
.awsui_trigger-badge-
|
|
1130
|
+
.awsui_trigger-badge-wrapper_hyvsj_16gcr_1111:not(#\9):hover {
|
|
1132
1131
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1133
1132
|
}
|
|
1134
|
-
.awsui_trigger-badge-
|
|
1133
|
+
.awsui_trigger-badge-wrapper_hyvsj_16gcr_1111:not(#\9):active {
|
|
1135
1134
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1136
1135
|
}
|
|
1137
|
-
.awsui_trigger-badge-
|
|
1136
|
+
.awsui_trigger-badge-wrapper_hyvsj_16gcr_1111:not(#\9):dir(rtl) {
|
|
1138
1137
|
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");
|
|
1139
1138
|
}
|
|
1140
1139
|
|
|
@@ -1143,7 +1142,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1143
1142
|
the calculation used to determine the Split Panel maximum width in the
|
|
1144
1143
|
handleSplitPanelMaxWidth function in the context.
|
|
1145
1144
|
*/
|
|
1146
|
-
.
|
|
1145
|
+
.awsui_trigger_hyvsj_16gcr_1111:not(#\9) {
|
|
1147
1146
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1148
1147
|
border-start-start-radius: 50%;
|
|
1149
1148
|
border-start-end-radius: 50%;
|
|
@@ -1159,72 +1158,72 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1159
1158
|
pointer-events: auto;
|
|
1160
1159
|
position: relative;
|
|
1161
1160
|
}
|
|
1162
|
-
.
|
|
1161
|
+
.awsui_trigger_hyvsj_16gcr_1111:not(#\9):hover {
|
|
1163
1162
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1164
1163
|
}
|
|
1165
|
-
.
|
|
1164
|
+
.awsui_trigger_hyvsj_16gcr_1111:not(#\9):active {
|
|
1166
1165
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1167
1166
|
}
|
|
1168
|
-
body[data-awsui-focus-visible=true] .
|
|
1167
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16gcr_1111:not(#\9):focus {
|
|
1169
1168
|
position: relative;
|
|
1170
1169
|
}
|
|
1171
|
-
body[data-awsui-focus-visible=true] .
|
|
1170
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16gcr_1111:not(#\9):focus {
|
|
1172
1171
|
outline: 2px dotted transparent;
|
|
1173
1172
|
outline-offset: calc(3px - 1px);
|
|
1174
1173
|
}
|
|
1175
|
-
body[data-awsui-focus-visible=true] .
|
|
1174
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16gcr_1111:not(#\9):focus::before {
|
|
1176
1175
|
content: " ";
|
|
1177
1176
|
display: block;
|
|
1178
1177
|
position: absolute;
|
|
1179
1178
|
inset-inline-start: calc(-1 * 3px);
|
|
1180
1179
|
inset-block-start: calc(-1 * 3px);
|
|
1181
|
-
inline-size: calc(100% +
|
|
1182
|
-
block-size: calc(100% +
|
|
1180
|
+
inline-size: calc(100% + 3px + 3px);
|
|
1181
|
+
block-size: calc(100% + 3px + 3px);
|
|
1183
1182
|
border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1184
1183
|
border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1185
1184
|
border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1186
1185
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1187
1186
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1188
1187
|
}
|
|
1189
|
-
.
|
|
1188
|
+
.awsui_trigger_hyvsj_16gcr_1111:not(#\9):focus {
|
|
1190
1189
|
outline: none;
|
|
1191
1190
|
}
|
|
1192
|
-
.
|
|
1191
|
+
.awsui_trigger_hyvsj_16gcr_1111.awsui_selected_hyvsj_16gcr_1189:not(#\9) {
|
|
1193
1192
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1194
1193
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1195
1194
|
}
|
|
1196
|
-
.
|
|
1195
|
+
.awsui_trigger_hyvsj_16gcr_1111.awsui_selected_hyvsj_16gcr_1189:not(#\9):hover {
|
|
1197
1196
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1198
1197
|
}
|
|
1199
|
-
.
|
|
1198
|
+
.awsui_trigger_hyvsj_16gcr_1111.awsui_selected_hyvsj_16gcr_1189:not(#\9):active {
|
|
1200
1199
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1201
1200
|
}
|
|
1202
|
-
.
|
|
1201
|
+
.awsui_trigger_hyvsj_16gcr_1111.awsui_selected_hyvsj_16gcr_1189 > .awsui_trigger-badge-wrapper_hyvsj_16gcr_1111:not(#\9) {
|
|
1203
1202
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1204
1203
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1205
1204
|
}
|
|
1206
|
-
.
|
|
1205
|
+
.awsui_trigger_hyvsj_16gcr_1111.awsui_selected_hyvsj_16gcr_1189 > .awsui_trigger-badge-wrapper_hyvsj_16gcr_1111:not(#\9):hover {
|
|
1207
1206
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1208
1207
|
}
|
|
1209
|
-
.
|
|
1208
|
+
.awsui_trigger_hyvsj_16gcr_1111.awsui_selected_hyvsj_16gcr_1189 > .awsui_trigger-badge-wrapper_hyvsj_16gcr_1111:not(#\9):active {
|
|
1210
1209
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1211
1210
|
}
|
|
1212
|
-
.
|
|
1211
|
+
.awsui_trigger_hyvsj_16gcr_1111.awsui_badge_hyvsj_16gcr_1209:not(#\9), .awsui_trigger_hyvsj_16gcr_1111.awsui_badge_hyvsj_16gcr_1209:not(#\9):hover, .awsui_trigger_hyvsj_16gcr_1111.awsui_badge_hyvsj_16gcr_1209:not(#\9):active {
|
|
1213
1212
|
background: transparent;
|
|
1214
1213
|
}
|
|
1215
1214
|
|
|
1216
|
-
.awsui_trigger-
|
|
1215
|
+
.awsui_trigger-wrapper_hyvsj_16gcr_1213:not(#\9) {
|
|
1217
1216
|
position: relative;
|
|
1218
1217
|
border-start-start-radius: 50%;
|
|
1219
1218
|
border-start-end-radius: 50%;
|
|
1220
1219
|
border-end-start-radius: 50%;
|
|
1221
1220
|
border-end-end-radius: 50%;
|
|
1222
1221
|
}
|
|
1223
|
-
.awsui_trigger-
|
|
1222
|
+
.awsui_trigger-wrapper_hyvsj_16gcr_1213:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_16gcr_611) {
|
|
1224
1223
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1225
1224
|
}
|
|
1226
1225
|
|
|
1227
|
-
.
|
|
1226
|
+
.awsui_dot_hyvsj_16gcr_1224:not(#\9) {
|
|
1228
1227
|
position: absolute;
|
|
1229
1228
|
inline-size: 9px;
|
|
1230
1229
|
block-size: 9px;
|