@cloudscape-design/components 3.0.636 → 3.0.638
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/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +31 -31
- 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/index.d.ts +4 -0
- package/app-layout/skeleton/index.d.ts.map +1 -0
- package/app-layout/skeleton/index.js +10 -0
- package/app-layout/skeleton/index.js.map +1 -0
- package/app-layout/skeleton/layout.d.ts +8 -0
- package/app-layout/skeleton/layout.d.ts.map +1 -0
- package/app-layout/skeleton/layout.js +27 -0
- package/app-layout/skeleton/layout.js.map +1 -0
- package/app-layout/skeleton/styles.css.js +16 -0
- package/app-layout/skeleton/styles.scoped.css +180 -0
- package/app-layout/skeleton/styles.selectors.js +17 -0
- package/app-layout/visual-refresh/main.d.ts.map +1 -1
- package/app-layout/visual-refresh/main.js +2 -2
- package/app-layout/visual-refresh/main.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +81 -81
- package/app-layout/visual-refresh/styles.scoped.css +258 -258
- package/app-layout/visual-refresh/styles.selectors.js +81 -81
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +171 -171
- package/flashbar/styles.selectors.js +47 -47
- package/internal/base-component/styles.scoped.css +3 -0
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +41 -41
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/custom-css-properties/index.js +51 -51
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/generated/styles/tokens.d.ts +1 -0
- package/internal/generated/styles/tokens.js +1 -0
- package/internal/generated/theming/index.cjs +11 -0
- package/internal/generated/theming/index.js +11 -0
- package/internal/hooks/use-performance-marks.d.ts.map +1 -1
- package/internal/hooks/use-performance-marks.js +4 -2
- package/internal/hooks/use-performance-marks.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/dom.d.ts.map +1 -1
- package/internal/utils/dom.js +3 -1
- package/internal/utils/dom.js.map +1 -1
- package/package.json +1 -1
- package/progress-bar/index.d.ts +1 -1
- package/progress-bar/index.d.ts.map +1 -1
- package/progress-bar/index.js +6 -4
- package/progress-bar/index.js.map +1 -1
- package/progress-bar/interfaces.d.ts +4 -0
- package/progress-bar/interfaces.d.ts.map +1 -1
- package/progress-bar/interfaces.js.map +1 -1
- package/progress-bar/internal.d.ts +4 -2
- package/progress-bar/internal.d.ts.map +1 -1
- package/progress-bar/internal.js +4 -4
- package/progress-bar/internal.js.map +1 -1
- 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/split-panel/icons/resize-handler.d.ts.map +1 -1
- package/split-panel/icons/resize-handler.js +1 -1
- package/split-panel/icons/resize-handler.js.map +1 -1
- package/split-panel/styles.css.js +57 -57
- package/split-panel/styles.scoped.css +78 -77
- package/split-panel/styles.selectors.js +57 -57
|
@@ -96,29 +96,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
96
96
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
97
|
SPDX-License-Identifier: Apache-2.0
|
|
98
98
|
*/
|
|
99
|
-
div.
|
|
99
|
+
div.awsui_background_hyvsj_1qwwo_99:not(#\9) {
|
|
100
100
|
display: contents;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_1qwwo_99 > .awsui_scrolling-background_hyvsj_1qwwo_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
104
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
105
105
|
grid-column: 1/span 5;
|
|
106
106
|
grid-row: 1/10;
|
|
107
107
|
}
|
|
108
|
-
div.
|
|
108
|
+
div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_108:not(#\9) {
|
|
109
109
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
110
110
|
grid-column: 1/span 5;
|
|
111
111
|
grid-row: 1/10;
|
|
112
112
|
position: sticky;
|
|
113
|
-
inset-block-start: var(--awsui-header-height-
|
|
113
|
+
inset-block-start: var(--awsui-header-height-epuq3n);
|
|
114
114
|
z-index: 799;
|
|
115
115
|
}
|
|
116
|
-
div.
|
|
117
|
-
block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-
|
|
116
|
+
div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1qwwo_116) {
|
|
117
|
+
block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-epuq3n));
|
|
118
118
|
}
|
|
119
|
-
div.
|
|
119
|
+
div.awsui_background_hyvsj_1qwwo_99 > .awsui_sticky-background_hyvsj_1qwwo_108.awsui_has-sticky-notifications_hyvsj_1qwwo_116:not(#\9) {
|
|
120
120
|
block-size: calc(
|
|
121
|
-
var(--awsui-notifications-gap-
|
|
121
|
+
var(--awsui-notifications-gap-epuq3n) + var(--awsui-notifications-height-epuq3n) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-epuq3n)
|
|
122
122
|
);
|
|
123
123
|
}
|
|
124
124
|
|
|
@@ -126,7 +126,7 @@ div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108.a
|
|
|
126
126
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
127
127
|
SPDX-License-Identifier: Apache-2.0
|
|
128
128
|
*/
|
|
129
|
-
.
|
|
129
|
+
.awsui_breadcrumbs_hyvsj_1qwwo_129:not(#\9) {
|
|
130
130
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
131
131
|
grid-area: breadcrumbs;
|
|
132
132
|
/*
|
|
@@ -136,7 +136,7 @@ div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108.a
|
|
|
136
136
|
be lifted so it doesn't render behind the background element.
|
|
137
137
|
*/
|
|
138
138
|
}
|
|
139
|
-
.
|
|
139
|
+
.awsui_breadcrumbs_hyvsj_1qwwo_129.awsui_has-sticky-background_hyvsj_1qwwo_139:not(#\9) {
|
|
140
140
|
z-index: 799;
|
|
141
141
|
}
|
|
142
142
|
|
|
@@ -148,29 +148,29 @@ div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108.a
|
|
|
148
148
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
149
149
|
SPDX-License-Identifier: Apache-2.0
|
|
150
150
|
*/
|
|
151
|
-
.awsui_drawers-
|
|
151
|
+
.awsui_drawers-container_hyvsj_1qwwo_151:not(#\9) {
|
|
152
152
|
background-color: transparent;
|
|
153
153
|
display: flex;
|
|
154
154
|
grid-column: 5;
|
|
155
155
|
grid-row: 1/span 10;
|
|
156
|
-
block-size: var(--awsui-content-height-
|
|
156
|
+
block-size: var(--awsui-content-height-epuq3n);
|
|
157
157
|
pointer-events: none;
|
|
158
158
|
position: sticky;
|
|
159
|
-
inset-block-start: var(--awsui-offset-top-
|
|
159
|
+
inset-block-start: var(--awsui-offset-top-epuq3n);
|
|
160
160
|
z-index: 830;
|
|
161
161
|
}
|
|
162
|
-
.awsui_drawers-
|
|
162
|
+
.awsui_drawers-container_hyvsj_1qwwo_151.awsui_has-open-drawer_hyvsj_1qwwo_162:not(#\9) {
|
|
163
163
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
164
164
|
}
|
|
165
165
|
@media (min-width: 689px) {
|
|
166
|
-
.awsui_drawers-
|
|
166
|
+
.awsui_drawers-container_hyvsj_1qwwo_151:not(#\9) {
|
|
167
167
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
168
|
-
max-inline-size: calc(var(--awsui-layout-width-
|
|
168
|
+
max-inline-size: calc(var(--awsui-layout-width-epuq3n) - var(--awsui-main-offset-left-epuq3n) - var(--awsui-default-min-content-width-epuq3n) - var(--awsui-content-gap-right-epuq3n));
|
|
169
169
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
170
170
|
}
|
|
171
171
|
}
|
|
172
172
|
@media (max-width: 688px) {
|
|
173
|
-
.awsui_drawers-
|
|
173
|
+
.awsui_drawers-container_hyvsj_1qwwo_151:not(#\9) {
|
|
174
174
|
position: fixed;
|
|
175
175
|
inset-inline-end: 0;
|
|
176
176
|
z-index: 1001;
|
|
@@ -182,12 +182,12 @@ div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108.a
|
|
|
182
182
|
relative to the body.
|
|
183
183
|
*/
|
|
184
184
|
}
|
|
185
|
-
.awsui_drawers-
|
|
186
|
-
inset-block-start: var(--awsui-header-height-
|
|
185
|
+
.awsui_drawers-container_hyvsj_1qwwo_151.awsui_disable-body-scroll_hyvsj_1qwwo_185:not(#\9) {
|
|
186
|
+
inset-block-start: var(--awsui-header-height-epuq3n);
|
|
187
187
|
}
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
.awsui_drawers-desktop-triggers-
|
|
190
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1qwwo_190:not(#\9) {
|
|
191
191
|
border-collapse: separate;
|
|
192
192
|
border-spacing: 0;
|
|
193
193
|
box-sizing: border-box;
|
|
@@ -229,21 +229,21 @@ div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108.a
|
|
|
229
229
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
230
230
|
overscroll-behavior-y: contain;
|
|
231
231
|
}
|
|
232
|
-
.awsui_drawers-desktop-triggers-
|
|
232
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1qwwo_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1qwwo_231).awsui_has-open-drawer_hyvsj_1qwwo_162 {
|
|
233
233
|
inline-size: 0;
|
|
234
234
|
}
|
|
235
|
-
.awsui_drawers-desktop-triggers-
|
|
235
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1qwwo_190.awsui_has-multiple-triggers_hyvsj_1qwwo_231.awsui_has-open-drawer_hyvsj_1qwwo_162:not(#\9) {
|
|
236
236
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
237
237
|
}
|
|
238
|
-
.awsui_drawers-desktop-triggers-
|
|
238
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1qwwo_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1qwwo_231):not(.awsui_has-open-drawer_hyvsj_1qwwo_162) {
|
|
239
239
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
-
.awsui_drawers-mobile-triggers-
|
|
242
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_1qwwo_241:not(#\9) {
|
|
243
243
|
display: flex;
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
-
.awsui_drawers-trigger-
|
|
246
|
+
.awsui_drawers-trigger-content_hyvsj_1qwwo_245:not(#\9) {
|
|
247
247
|
align-items: center;
|
|
248
248
|
display: flex;
|
|
249
249
|
flex-direction: column;
|
|
@@ -251,13 +251,13 @@ div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108.a
|
|
|
251
251
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
252
252
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
253
253
|
}
|
|
254
|
-
.awsui_drawers-trigger-
|
|
254
|
+
.awsui_drawers-trigger-content_hyvsj_1qwwo_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1qwwo_231).awsui_has-open-drawer_hyvsj_1qwwo_162 {
|
|
255
255
|
opacity: 0;
|
|
256
256
|
}
|
|
257
|
-
.awsui_drawers-trigger-
|
|
257
|
+
.awsui_drawers-trigger-content_hyvsj_1qwwo_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1qwwo_231):not(.awsui_has-open-drawer_hyvsj_1qwwo_162) {
|
|
258
258
|
opacity: 1;
|
|
259
259
|
}
|
|
260
|
-
.awsui_drawers-trigger-
|
|
260
|
+
.awsui_drawers-trigger-content_hyvsj_1qwwo_245 > .awsui_drawers-trigger-overflow_hyvsj_1qwwo_259:not(#\9) {
|
|
261
261
|
padding-block: 0;
|
|
262
262
|
padding-inline: 1px;
|
|
263
263
|
display: flex;
|
|
@@ -266,15 +266,15 @@ div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108.a
|
|
|
266
266
|
}
|
|
267
267
|
|
|
268
268
|
@media (max-width: 688px) {
|
|
269
|
-
.awsui_drawers-
|
|
269
|
+
.awsui_drawers-trigger_hyvsj_1qwwo_245:not(#\9) {
|
|
270
270
|
inline-size: 40px;
|
|
271
271
|
display: flex;
|
|
272
272
|
justify-content: center;
|
|
273
273
|
}
|
|
274
274
|
}
|
|
275
275
|
|
|
276
|
-
.
|
|
277
|
-
--awsui-drawer-size-
|
|
276
|
+
.awsui_drawer_hyvsj_1qwwo_151:not(#\9) {
|
|
277
|
+
--awsui-drawer-size-epuq3n: 290px;
|
|
278
278
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
279
279
|
border-color: transparent;
|
|
280
280
|
display: grid;
|
|
@@ -288,51 +288,51 @@ div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108.a
|
|
|
288
288
|
pointer-events: auto;
|
|
289
289
|
word-wrap: break-word;
|
|
290
290
|
}
|
|
291
|
-
.
|
|
291
|
+
.awsui_drawer_hyvsj_1qwwo_151 > .awsui_drawer-content-container_hyvsj_1qwwo_290:not(#\9) {
|
|
292
292
|
grid-column: 1/span 2;
|
|
293
293
|
grid-row: 1;
|
|
294
|
-
inline-size: var(--awsui-drawer-size-
|
|
294
|
+
inline-size: var(--awsui-drawer-size-epuq3n);
|
|
295
295
|
display: grid;
|
|
296
296
|
grid-template-columns: var(--space-m-udix3p, 16px) 1fr auto var(--space-m-udix3p, 16px);
|
|
297
297
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
298
298
|
overflow-y: auto;
|
|
299
299
|
}
|
|
300
|
-
.
|
|
300
|
+
.awsui_drawer_hyvsj_1qwwo_151 > .awsui_drawer-content-container_hyvsj_1qwwo_290 > .awsui_drawer-close-button_hyvsj_1qwwo_299:not(#\9) {
|
|
301
301
|
grid-column: 3;
|
|
302
302
|
grid-row: 2;
|
|
303
303
|
z-index: 1;
|
|
304
304
|
}
|
|
305
|
-
.
|
|
305
|
+
.awsui_drawer_hyvsj_1qwwo_151 > .awsui_drawer-content-container_hyvsj_1qwwo_290 > .awsui_drawer-content_hyvsj_1qwwo_290:not(#\9) {
|
|
306
306
|
grid-column: 1/span 4;
|
|
307
307
|
}
|
|
308
|
-
.
|
|
308
|
+
.awsui_drawer_hyvsj_1qwwo_151 > .awsui_drawer-content-container_hyvsj_1qwwo_290 > .awsui_drawer-content_hyvsj_1qwwo_290.awsui_drawer-content-hidden_hyvsj_1qwwo_307:not(#\9) {
|
|
309
309
|
display: none;
|
|
310
310
|
}
|
|
311
|
-
.
|
|
311
|
+
.awsui_drawer_hyvsj_1qwwo_151 > .awsui_drawer-slider_hyvsj_1qwwo_310:not(#\9) {
|
|
312
312
|
grid-column: 1;
|
|
313
313
|
grid-row: 1;
|
|
314
314
|
block-size: 100%;
|
|
315
315
|
display: flex;
|
|
316
316
|
align-items: center;
|
|
317
317
|
}
|
|
318
|
-
.
|
|
318
|
+
.awsui_drawer_hyvsj_1qwwo_151:not(#\9):not(.awsui_is-drawer-open_hyvsj_1qwwo_317) {
|
|
319
319
|
opacity: 0;
|
|
320
320
|
inline-size: 0;
|
|
321
321
|
}
|
|
322
|
-
.
|
|
322
|
+
.awsui_drawer_hyvsj_1qwwo_151.awsui_is-drawer-open_hyvsj_1qwwo_317:not(#\9) {
|
|
323
323
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
324
324
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
325
325
|
opacity: 1;
|
|
326
|
-
inline-size: var(--awsui-drawer-size-
|
|
326
|
+
inline-size: var(--awsui-drawer-size-epuq3n);
|
|
327
327
|
}
|
|
328
328
|
@media (min-width: 2541px) {
|
|
329
|
-
.
|
|
330
|
-
--awsui-drawer-size-
|
|
329
|
+
.awsui_drawer_hyvsj_1qwwo_151.awsui_is-drawer-open_hyvsj_1qwwo_317:not(#\9) {
|
|
330
|
+
--awsui-drawer-size-epuq3n: 320px;
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
333
|
@media (max-width: 688px) {
|
|
334
|
-
.
|
|
335
|
-
--awsui-drawer-size-
|
|
334
|
+
.awsui_drawer_hyvsj_1qwwo_151.awsui_is-drawer-open_hyvsj_1qwwo_317:not(#\9) {
|
|
335
|
+
--awsui-drawer-size-epuq3n: 100vw;
|
|
336
336
|
inline-size: 100vw;
|
|
337
337
|
}
|
|
338
338
|
}
|
|
@@ -341,7 +341,7 @@ div.awsui_background_hyvsj_1ribg_99 > .awsui_sticky-background_hyvsj_1ribg_108.a
|
|
|
341
341
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
342
342
|
SPDX-License-Identifier: Apache-2.0
|
|
343
343
|
*/
|
|
344
|
-
header.
|
|
344
|
+
header.awsui_content_hyvsj_1qwwo_343:not(#\9) {
|
|
345
345
|
grid-area: header;
|
|
346
346
|
}
|
|
347
347
|
|
|
@@ -362,34 +362,34 @@ The minimum content width property is set to zero and applied under all
|
|
|
362
362
|
circumstances regardless of whether the minContentWidth property is
|
|
363
363
|
explicitly set in script.
|
|
364
364
|
*/
|
|
365
|
-
.
|
|
366
|
-
--awsui-breadcrumbs-gap-
|
|
367
|
-
--awsui-content-gap-left-
|
|
368
|
-
--awsui-content-gap-right-
|
|
369
|
-
--awsui-content-height-
|
|
370
|
-
--awsui-default-max-content-width-
|
|
371
|
-
--awsui-default-min-content-width-
|
|
372
|
-
--awsui-footer-height-
|
|
373
|
-
--awsui-header-gap-
|
|
374
|
-
--awsui-header-height-
|
|
375
|
-
--awsui-layout-width-
|
|
376
|
-
--awsui-main-gap-
|
|
377
|
-
--awsui-main-offset-left-
|
|
378
|
-
--awsui-main-template-rows-
|
|
379
|
-
--awsui-max-content-width-
|
|
380
|
-
--awsui-min-content-width-
|
|
381
|
-
--awsui-mobile-bar-height-
|
|
382
|
-
--awsui-notifications-gap-
|
|
383
|
-
--awsui-notifications-height-
|
|
384
|
-
--awsui-offset-top-
|
|
385
|
-
--awsui-overlap-height-
|
|
365
|
+
.awsui_layout_hyvsj_1qwwo_364:not(#\9) {
|
|
366
|
+
--awsui-breadcrumbs-gap-epuq3n: 0px;
|
|
367
|
+
--awsui-content-gap-left-epuq3n: 0px;
|
|
368
|
+
--awsui-content-gap-right-epuq3n: 0px;
|
|
369
|
+
--awsui-content-height-epuq3n: calc(100vh - var(--awsui-header-height-epuq3n) - var(--awsui-footer-height-epuq3n));
|
|
370
|
+
--awsui-default-max-content-width-epuq3n: 1280px;
|
|
371
|
+
--awsui-default-min-content-width-epuq3n: 0px;
|
|
372
|
+
--awsui-footer-height-epuq3n: 0px;
|
|
373
|
+
--awsui-header-gap-epuq3n: 0px;
|
|
374
|
+
--awsui-header-height-epuq3n: 0px;
|
|
375
|
+
--awsui-layout-width-epuq3n: 0px;
|
|
376
|
+
--awsui-main-gap-epuq3n: 0px;
|
|
377
|
+
--awsui-main-offset-left-epuq3n: 0px;
|
|
378
|
+
--awsui-main-template-rows-epuq3n: 1fr;
|
|
379
|
+
--awsui-max-content-width-epuq3n: 0px;
|
|
380
|
+
--awsui-min-content-width-epuq3n: 280px;
|
|
381
|
+
--awsui-mobile-bar-height-epuq3n: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
|
|
382
|
+
--awsui-notifications-gap-epuq3n: 0px;
|
|
383
|
+
--awsui-notifications-height-epuq3n: 0px;
|
|
384
|
+
--awsui-offset-top-epuq3n: var(--awsui-header-height-epuq3n);
|
|
385
|
+
--awsui-overlap-height-epuq3n: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
|
|
386
386
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
387
387
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
388
388
|
display: grid;
|
|
389
389
|
grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
|
|
390
|
-
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-
|
|
391
|
-
grid-template-rows: auto var(--awsui-notifications-gap-
|
|
392
|
-
min-block-size: var(--awsui-content-height-
|
|
390
|
+
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-epuq3n), 1fr) minmax(var(--awsui-default-min-content-width-epuq3n), var(--awsui-default-max-content-width-epuq3n)) minmax(var(--awsui-content-gap-right-epuq3n), 1fr) min-content;
|
|
391
|
+
grid-template-rows: auto var(--awsui-notifications-gap-epuq3n) auto var(--awsui-breadcrumbs-gap-epuq3n) auto var(--awsui-header-gap-epuq3n) auto var(--awsui-main-gap-epuq3n) var(--awsui-overlap-height-epuq3n) var(--awsui-main-template-rows-epuq3n);
|
|
392
|
+
min-block-size: var(--awsui-content-height-epuq3n);
|
|
393
393
|
position: relative;
|
|
394
394
|
/*
|
|
395
395
|
Add unified max-width for AppLayout content based on breakpoints. Only use the max content
|
|
@@ -433,113 +433,113 @@ explicitly set in script.
|
|
|
433
433
|
*/
|
|
434
434
|
}
|
|
435
435
|
@media (min-width: 1401px) {
|
|
436
|
-
.
|
|
437
|
-
--awsui-default-max-content-width-
|
|
436
|
+
.awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435) {
|
|
437
|
+
--awsui-default-max-content-width-epuq3n: 1280px;
|
|
438
438
|
}
|
|
439
439
|
}
|
|
440
440
|
@media (min-width: 1921px) {
|
|
441
|
-
.
|
|
442
|
-
--awsui-default-max-content-width-
|
|
441
|
+
.awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435) {
|
|
442
|
+
--awsui-default-max-content-width-epuq3n: 1440px;
|
|
443
443
|
}
|
|
444
444
|
}
|
|
445
445
|
@media (min-width: 2541px) {
|
|
446
|
-
.
|
|
447
|
-
--awsui-default-max-content-width-
|
|
446
|
+
.awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435) {
|
|
447
|
+
--awsui-default-max-content-width-epuq3n: 1620px;
|
|
448
448
|
}
|
|
449
449
|
}
|
|
450
450
|
@media (min-width: 1401px) {
|
|
451
|
-
.
|
|
452
|
-
--awsui-default-max-content-width-
|
|
451
|
+
.awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435).awsui_content-type-dashboard_hyvsj_1qwwo_450 {
|
|
452
|
+
--awsui-default-max-content-width-epuq3n: 1280px;
|
|
453
453
|
}
|
|
454
454
|
}
|
|
455
455
|
@media (min-width: 1921px) {
|
|
456
|
-
.
|
|
457
|
-
--awsui-default-max-content-width-
|
|
456
|
+
.awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435).awsui_content-type-dashboard_hyvsj_1qwwo_450 {
|
|
457
|
+
--awsui-default-max-content-width-epuq3n: 1620px;
|
|
458
458
|
}
|
|
459
459
|
}
|
|
460
460
|
@media (min-width: 2541px) {
|
|
461
|
-
.
|
|
462
|
-
--awsui-default-max-content-width-
|
|
461
|
+
.awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435).awsui_content-type-dashboard_hyvsj_1qwwo_450 {
|
|
462
|
+
--awsui-default-max-content-width-epuq3n: 2160px;
|
|
463
463
|
}
|
|
464
464
|
}
|
|
465
|
-
.
|
|
466
|
-
--awsui-default-max-content-width-
|
|
465
|
+
.awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435).awsui_content-type-table_hyvsj_1qwwo_464, .awsui_layout_hyvsj_1qwwo_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1qwwo_435).awsui_content-type-cards_hyvsj_1qwwo_464 {
|
|
466
|
+
--awsui-default-max-content-width-epuq3n: 100%;
|
|
467
467
|
}
|
|
468
|
-
.
|
|
469
|
-
--awsui-default-max-content-width-
|
|
468
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_has-max-content-width_hyvsj_1qwwo_435:not(#\9) {
|
|
469
|
+
--awsui-default-max-content-width-epuq3n: var(--awsui-max-content-width-epuq3n);
|
|
470
470
|
}
|
|
471
|
-
.
|
|
472
|
-
--awsui-overlap-height-
|
|
471
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_is-overlap-disabled_hyvsj_1qwwo_470:not(#\9) {
|
|
472
|
+
--awsui-overlap-height-epuq3n: 0;
|
|
473
473
|
}
|
|
474
|
-
.
|
|
475
|
-
--awsui-mobile-bar-height-
|
|
474
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_is-hide-mobile-toolbar_hyvsj_1qwwo_473:not(#\9) {
|
|
475
|
+
--awsui-mobile-bar-height-epuq3n: 0px;
|
|
476
476
|
}
|
|
477
477
|
@media (min-width: 993px) {
|
|
478
|
-
.
|
|
479
|
-
--awsui-default-min-content-width-
|
|
478
|
+
.awsui_layout_hyvsj_1qwwo_364:not(#\9) {
|
|
479
|
+
--awsui-default-min-content-width-epuq3n: var(--awsui-min-content-width-epuq3n, 280px);
|
|
480
480
|
}
|
|
481
481
|
}
|
|
482
482
|
@media (max-width: 992px) {
|
|
483
|
-
.
|
|
484
|
-
--awsui-default-min-content-width-
|
|
483
|
+
.awsui_layout_hyvsj_1qwwo_364:not(#\9) {
|
|
484
|
+
--awsui-default-min-content-width-epuq3n: 0px;
|
|
485
485
|
}
|
|
486
486
|
}
|
|
487
487
|
@media (min-width: 689px) {
|
|
488
|
-
.
|
|
489
|
-
--awsui-content-gap-left-
|
|
488
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_has-content-gap-left_hyvsj_1qwwo_487:not(#\9) {
|
|
489
|
+
--awsui-content-gap-left-epuq3n: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
490
490
|
}
|
|
491
|
-
.
|
|
492
|
-
--awsui-content-gap-right-
|
|
491
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_has-content-gap-right_hyvsj_1qwwo_490:not(#\9) {
|
|
492
|
+
--awsui-content-gap-right-epuq3n: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
493
493
|
}
|
|
494
494
|
}
|
|
495
495
|
@media (max-width: 688px) {
|
|
496
|
-
.
|
|
497
|
-
--awsui-content-gap-left-
|
|
498
|
-
--awsui-content-gap-right-
|
|
496
|
+
.awsui_layout_hyvsj_1qwwo_364:not(#\9) {
|
|
497
|
+
--awsui-content-gap-left-epuq3n: var(--space-l-t419sm, 20px);
|
|
498
|
+
--awsui-content-gap-right-epuq3n: var(--space-l-t419sm, 20px);
|
|
499
499
|
}
|
|
500
500
|
}
|
|
501
|
-
.
|
|
502
|
-
--awsui-notifications-gap-
|
|
501
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-notifications_hyvsj_1qwwo_500:not(#\9) {
|
|
502
|
+
--awsui-notifications-gap-epuq3n: var(--space-xs-zb16t3, 8px);
|
|
503
503
|
}
|
|
504
|
-
.
|
|
505
|
-
--awsui-breadcrumbs-gap-
|
|
504
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_has-breadcrumbs_hyvsj_1qwwo_503:not(#\9) {
|
|
505
|
+
--awsui-breadcrumbs-gap-epuq3n: var(--space-scaled-m-mo5yse, 16px);
|
|
506
506
|
}
|
|
507
|
-
.
|
|
508
|
-
--awsui-header-gap-
|
|
507
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-header_hyvsj_1qwwo_506:not(#\9), .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-notifications_hyvsj_1qwwo_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1qwwo_503).awsui_has-header_hyvsj_1qwwo_506 {
|
|
508
|
+
--awsui-header-gap-epuq3n: var(--space-scaled-xs-26e2du, 8px);
|
|
509
509
|
}
|
|
510
|
-
.
|
|
511
|
-
--awsui-header-gap-
|
|
510
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_has-breadcrumbs_hyvsj_1qwwo_503.awsui_has-header_hyvsj_1qwwo_506:not(#\9) {
|
|
511
|
+
--awsui-header-gap-epuq3n: var(--space-scaled-xs-26e2du, 8px);
|
|
512
512
|
}
|
|
513
|
-
.
|
|
514
|
-
--awsui-main-gap-
|
|
513
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-notifications_hyvsj_1qwwo_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1qwwo_503):not(.awsui_has-header_hyvsj_1qwwo_506) {
|
|
514
|
+
--awsui-main-gap-epuq3n: var(--space-xs-zb16t3, 8px);
|
|
515
515
|
}
|
|
516
|
-
.
|
|
517
|
-
--awsui-main-gap-
|
|
516
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_has-breadcrumbs_hyvsj_1qwwo_503:not(#\9):not(.awsui_has-header_hyvsj_1qwwo_506).awsui_is-overlap-disabled_hyvsj_1qwwo_470 {
|
|
517
|
+
--awsui-main-gap-epuq3n: var(--space-scaled-m-mo5yse, 16px);
|
|
518
518
|
}
|
|
519
|
-
.
|
|
520
|
-
--awsui-main-gap-
|
|
519
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_has-breadcrumbs_hyvsj_1qwwo_503:not(#\9):not(.awsui_has-header_hyvsj_1qwwo_506):not(.awsui_is-overlap-disabled_hyvsj_1qwwo_470) {
|
|
520
|
+
--awsui-main-gap-epuq3n: var(--space-scaled-xxs-7597g1, 4px);
|
|
521
521
|
}
|
|
522
|
-
.
|
|
523
|
-
--awsui-main-gap-
|
|
522
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_has-header_hyvsj_1qwwo_506:not(#\9) {
|
|
523
|
+
--awsui-main-gap-epuq3n: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
524
524
|
}
|
|
525
|
-
.
|
|
526
|
-
--awsui-main-gap-
|
|
525
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-main_hyvsj_1qwwo_524:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1qwwo_470), .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-main_hyvsj_1qwwo_524.awsui_is-overlap-disabled_hyvsj_1qwwo_470:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1qwwo_524) {
|
|
526
|
+
--awsui-main-gap-epuq3n: var(--space-scaled-s-aqzyko, 12px);
|
|
527
527
|
}
|
|
528
528
|
@media (max-width: 688px) {
|
|
529
|
-
.
|
|
530
|
-
--awsui-notifications-gap-
|
|
529
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-notifications_hyvsj_1qwwo_500:not(#\9) {
|
|
530
|
+
--awsui-notifications-gap-epuq3n: var(--space-scaled-s-aqzyko, 12px);
|
|
531
531
|
}
|
|
532
|
-
.
|
|
533
|
-
--awsui-header-gap-
|
|
532
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-header_hyvsj_1qwwo_506:not(#\9) {
|
|
533
|
+
--awsui-header-gap-epuq3n: var(--space-scaled-s-aqzyko, 12px);
|
|
534
534
|
}
|
|
535
|
-
.
|
|
536
|
-
--awsui-header-gap-
|
|
535
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-notifications_hyvsj_1qwwo_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1qwwo_503).awsui_has-header_hyvsj_1qwwo_506 {
|
|
536
|
+
--awsui-header-gap-epuq3n: var(--space-scaled-s-aqzyko, 12px);
|
|
537
537
|
}
|
|
538
|
-
.
|
|
539
|
-
--awsui-main-gap-
|
|
538
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-notifications_hyvsj_1qwwo_500:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1qwwo_503):not(.awsui_has-header_hyvsj_1qwwo_506), .awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-main_hyvsj_1qwwo_524:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1qwwo_470) {
|
|
539
|
+
--awsui-main-gap-epuq3n: var(--space-scaled-s-aqzyko, 12px);
|
|
540
540
|
}
|
|
541
|
-
.
|
|
542
|
-
--awsui-main-gap-
|
|
541
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_content-first-child-main_hyvsj_1qwwo_524.awsui_is-overlap-disabled_hyvsj_1qwwo_470:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1qwwo_524) {
|
|
542
|
+
--awsui-main-gap-epuq3n: var(--space-scaled-m-mo5yse, 16px);
|
|
543
543
|
}
|
|
544
544
|
}
|
|
545
545
|
|
|
@@ -553,27 +553,27 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
553
553
|
position: sticky will be the value of the notifications height in addition to the
|
|
554
554
|
notifications top margin and some additional vertical space for aesthetics.
|
|
555
555
|
*/
|
|
556
|
-
.
|
|
557
|
-
--awsui-main-template-rows-
|
|
558
|
-
--awsui-offset-top-
|
|
559
|
-
block-size: var(--awsui-content-height-
|
|
556
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_disable-body-scroll_hyvsj_1qwwo_185:not(#\9) {
|
|
557
|
+
--awsui-main-template-rows-epuq3n: 1fr auto;
|
|
558
|
+
--awsui-offset-top-epuq3n: 0px;
|
|
559
|
+
block-size: var(--awsui-content-height-epuq3n);
|
|
560
560
|
overflow-y: scroll;
|
|
561
561
|
}
|
|
562
|
-
.
|
|
563
|
-
--awsui-main-template-rows-
|
|
562
|
+
.awsui_layout_hyvsj_1qwwo_364.awsui_disable-body-scroll_hyvsj_1qwwo_185.awsui_has-split-panel_hyvsj_1qwwo_561.awsui_split-panel-position-bottom_hyvsj_1qwwo_561:not(#\9) {
|
|
563
|
+
--awsui-main-template-rows-epuq3n: repeat(2, auto);
|
|
564
564
|
}
|
|
565
565
|
|
|
566
566
|
/*
|
|
567
567
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
568
568
|
when the navigation or tools drawers are open in responsive viewports.
|
|
569
569
|
*/
|
|
570
|
-
.awsui_block-body-
|
|
570
|
+
.awsui_block-body-scroll_hyvsj_1qwwo_569:not(#\9) {
|
|
571
571
|
overflow: hidden;
|
|
572
572
|
}
|
|
573
573
|
|
|
574
574
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
575
|
-
.
|
|
576
|
-
.
|
|
575
|
+
.awsui_unfocusable_hyvsj_1qwwo_574:not(#\9),
|
|
576
|
+
.awsui_unfocusable_hyvsj_1qwwo_574 *:not(#\9) {
|
|
577
577
|
visibility: hidden !important;
|
|
578
578
|
}
|
|
579
579
|
|
|
@@ -582,7 +582,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
582
582
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
583
583
|
SPDX-License-Identifier: Apache-2.0
|
|
584
584
|
*/
|
|
585
|
-
.
|
|
585
|
+
.awsui_container_hyvsj_1qwwo_584:not(#\9) {
|
|
586
586
|
grid-area: main;
|
|
587
587
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
588
588
|
/*
|
|
@@ -599,19 +599,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
599
599
|
on the right, we decrement the column end by one.
|
|
600
600
|
*/
|
|
601
601
|
}
|
|
602
|
-
.
|
|
603
|
-
padding-block-end: calc(var(--awsui-split-panel-height-
|
|
602
|
+
.awsui_container_hyvsj_1qwwo_584.awsui_has-split-panel_hyvsj_1qwwo_561.awsui_split-panel-position-bottom_hyvsj_1qwwo_561:not(#\9) {
|
|
603
|
+
padding-block-end: calc(var(--awsui-split-panel-height-epuq3n) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
604
604
|
}
|
|
605
|
-
.
|
|
605
|
+
.awsui_container_hyvsj_1qwwo_584.awsui_disable-content-paddings_hyvsj_1qwwo_524:not(#\9) {
|
|
606
606
|
grid-column: 1/6;
|
|
607
607
|
padding-block: 0;
|
|
608
608
|
padding-inline: 0;
|
|
609
609
|
}
|
|
610
610
|
@media (min-width: 689px) {
|
|
611
|
-
.
|
|
611
|
+
.awsui_container_hyvsj_1qwwo_584.awsui_disable-content-paddings_hyvsj_1qwwo_524.awsui_is-navigation-open_hyvsj_1qwwo_610:not(#\9) {
|
|
612
612
|
grid-column-start: 2;
|
|
613
613
|
}
|
|
614
|
-
.
|
|
614
|
+
.awsui_container_hyvsj_1qwwo_584.awsui_disable-content-paddings_hyvsj_1qwwo_524.awsui_is-tools-open_hyvsj_1qwwo_613:not(#\9), .awsui_container_hyvsj_1qwwo_584.awsui_disable-content-paddings_hyvsj_1qwwo_524.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_split-panel-position-side_hyvsj_1qwwo_613:not(#\9), .awsui_container_hyvsj_1qwwo_584.awsui_disable-content-paddings_hyvsj_1qwwo_524.awsui_has-active-drawer_hyvsj_1qwwo_613:not(#\9) {
|
|
615
615
|
grid-column-end: 5;
|
|
616
616
|
}
|
|
617
617
|
}
|
|
@@ -620,13 +620,13 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
620
620
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
621
621
|
SPDX-License-Identifier: Apache-2.0
|
|
622
622
|
*/
|
|
623
|
-
section.awsui_mobile-
|
|
623
|
+
section.awsui_mobile-toolbar_hyvsj_1qwwo_622:not(#\9) {
|
|
624
624
|
align-items: center;
|
|
625
625
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
626
626
|
border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
627
627
|
box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
|
|
628
628
|
box-sizing: border-box;
|
|
629
|
-
block-size: var(--awsui-mobile-bar-height-
|
|
629
|
+
block-size: var(--awsui-mobile-bar-height-epuq3n);
|
|
630
630
|
display: grid;
|
|
631
631
|
grid-area: mobileToolbar;
|
|
632
632
|
grid-column: 1/span 5;
|
|
@@ -634,22 +634,22 @@ section.awsui_mobile-toolbar_hyvsj_1ribg_622:not(#\9) {
|
|
|
634
634
|
padding-block: 0;
|
|
635
635
|
padding-inline: var(--space-m-udix3p, 16px);
|
|
636
636
|
position: sticky;
|
|
637
|
-
inset-block-start: var(--awsui-offset-top-
|
|
637
|
+
inset-block-start: var(--awsui-offset-top-epuq3n);
|
|
638
638
|
z-index: 1000;
|
|
639
639
|
}
|
|
640
|
-
section.awsui_mobile-
|
|
640
|
+
section.awsui_mobile-toolbar_hyvsj_1qwwo_622:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1qwwo_639) {
|
|
641
641
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
642
642
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
643
643
|
}
|
|
644
|
-
section.awsui_mobile-
|
|
644
|
+
section.awsui_mobile-toolbar_hyvsj_1qwwo_622 > .awsui_mobile-toolbar-nav_hyvsj_1qwwo_643:not(#\9) {
|
|
645
645
|
grid-column: 1;
|
|
646
646
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
647
647
|
}
|
|
648
|
-
section.awsui_mobile-
|
|
648
|
+
section.awsui_mobile-toolbar_hyvsj_1qwwo_622 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1qwwo_647:not(#\9) {
|
|
649
649
|
grid-column: 2;
|
|
650
650
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
651
651
|
}
|
|
652
|
-
section.awsui_mobile-
|
|
652
|
+
section.awsui_mobile-toolbar_hyvsj_1qwwo_622 > .awsui_mobile-toolbar-tools_hyvsj_1qwwo_651:not(#\9) {
|
|
653
653
|
grid-column: 3;
|
|
654
654
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
655
655
|
}
|
|
@@ -658,13 +658,13 @@ section.awsui_mobile-toolbar_hyvsj_1ribg_622 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
658
658
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
659
659
|
SPDX-License-Identifier: Apache-2.0
|
|
660
660
|
*/
|
|
661
|
-
.awsui_navigation-
|
|
661
|
+
.awsui_navigation-container_hyvsj_1qwwo_660:not(#\9) {
|
|
662
662
|
display: flex;
|
|
663
663
|
grid-column: 1;
|
|
664
664
|
grid-row: 1/span 10;
|
|
665
|
-
block-size: var(--awsui-content-height-
|
|
665
|
+
block-size: var(--awsui-content-height-epuq3n);
|
|
666
666
|
position: sticky;
|
|
667
|
-
inset-block-start: var(--awsui-offset-top-
|
|
667
|
+
inset-block-start: var(--awsui-offset-top-epuq3n);
|
|
668
668
|
z-index: 830;
|
|
669
669
|
/*
|
|
670
670
|
The navigation and tools containers (that contain the toggle buttons)
|
|
@@ -679,7 +679,7 @@ section.awsui_mobile-toolbar_hyvsj_1ribg_622 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
679
679
|
pointer-events: none;
|
|
680
680
|
}
|
|
681
681
|
@media (max-width: 688px) {
|
|
682
|
-
.awsui_navigation-
|
|
682
|
+
.awsui_navigation-container_hyvsj_1qwwo_660:not(#\9) {
|
|
683
683
|
inset-inline-start: 0;
|
|
684
684
|
position: fixed;
|
|
685
685
|
z-index: 1001;
|
|
@@ -691,12 +691,12 @@ section.awsui_mobile-toolbar_hyvsj_1ribg_622 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
691
691
|
relative to the body.
|
|
692
692
|
*/
|
|
693
693
|
}
|
|
694
|
-
.awsui_navigation-
|
|
695
|
-
inset-block-start: var(--awsui-header-height-
|
|
694
|
+
.awsui_navigation-container_hyvsj_1qwwo_660.awsui_disable-body-scroll_hyvsj_1qwwo_185:not(#\9) {
|
|
695
|
+
inset-block-start: var(--awsui-header-height-epuq3n);
|
|
696
696
|
}
|
|
697
697
|
}
|
|
698
698
|
|
|
699
|
-
nav.awsui_show-
|
|
699
|
+
nav.awsui_show-navigation_hyvsj_1qwwo_698:not(#\9) {
|
|
700
700
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
701
701
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
702
702
|
/*
|
|
@@ -704,7 +704,7 @@ nav.awsui_show-navigation_hyvsj_1ribg_698:not(#\9) {
|
|
|
704
704
|
take control in responsive viewports.
|
|
705
705
|
*/
|
|
706
706
|
}
|
|
707
|
-
@keyframes
|
|
707
|
+
@keyframes awsui_showButtons_hyvsj_1qwwo_1 {
|
|
708
708
|
0% {
|
|
709
709
|
opacity: 0;
|
|
710
710
|
}
|
|
@@ -712,31 +712,31 @@ nav.awsui_show-navigation_hyvsj_1ribg_698:not(#\9) {
|
|
|
712
712
|
opacity: 1;
|
|
713
713
|
}
|
|
714
714
|
}
|
|
715
|
-
nav.awsui_show-
|
|
715
|
+
nav.awsui_show-navigation_hyvsj_1qwwo_698.awsui_is-navigation-open_hyvsj_1qwwo_610:not(#\9) {
|
|
716
716
|
display: none;
|
|
717
717
|
}
|
|
718
718
|
@media (min-width: 689px) {
|
|
719
|
-
nav.awsui_show-
|
|
719
|
+
nav.awsui_show-navigation_hyvsj_1qwwo_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1qwwo_610) {
|
|
720
720
|
display: block;
|
|
721
721
|
}
|
|
722
|
-
nav.awsui_show-
|
|
723
|
-
animation:
|
|
722
|
+
nav.awsui_show-navigation_hyvsj_1qwwo_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1qwwo_610).awsui_animating_hyvsj_1qwwo_721 {
|
|
723
|
+
animation: awsui_showButtons_hyvsj_1qwwo_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
724
724
|
}
|
|
725
725
|
}
|
|
726
726
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
727
|
-
nav.awsui_show-
|
|
727
|
+
nav.awsui_show-navigation_hyvsj_1qwwo_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1qwwo_610).awsui_animating_hyvsj_1qwwo_721 {
|
|
728
728
|
animation: none;
|
|
729
729
|
transition: none;
|
|
730
730
|
}
|
|
731
731
|
}
|
|
732
732
|
@media (min-width: 689px) {
|
|
733
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
733
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1qwwo_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1qwwo_610).awsui_animating_hyvsj_1qwwo_721, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1qwwo_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_1qwwo_610).awsui_animating_hyvsj_1qwwo_721 {
|
|
734
734
|
animation: none;
|
|
735
735
|
transition: none;
|
|
736
736
|
}
|
|
737
737
|
}
|
|
738
738
|
|
|
739
|
-
nav.
|
|
739
|
+
nav.awsui_navigation_hyvsj_1qwwo_660:not(#\9) {
|
|
740
740
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
741
741
|
inset-block-end: 0;
|
|
742
742
|
block-size: 100%;
|
|
@@ -754,43 +754,43 @@ nav.awsui_navigation_hyvsj_1ribg_660:not(#\9) {
|
|
|
754
754
|
prevent unwanted text wrapping.
|
|
755
755
|
*/
|
|
756
756
|
}
|
|
757
|
-
@keyframes
|
|
757
|
+
@keyframes awsui_openNavigation_hyvsj_1qwwo_1 {
|
|
758
758
|
from {
|
|
759
759
|
opacity: 0;
|
|
760
760
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
761
761
|
}
|
|
762
762
|
to {
|
|
763
763
|
opacity: 1;
|
|
764
|
-
inline-size: var(--awsui-navigation-width-
|
|
764
|
+
inline-size: var(--awsui-navigation-width-epuq3n);
|
|
765
765
|
}
|
|
766
766
|
}
|
|
767
|
-
nav.
|
|
767
|
+
nav.awsui_navigation_hyvsj_1qwwo_660:not(#\9):not(.awsui_is-navigation-open_hyvsj_1qwwo_610) {
|
|
768
768
|
inline-size: 0;
|
|
769
769
|
display: none;
|
|
770
770
|
}
|
|
771
|
-
nav.
|
|
772
|
-
animation:
|
|
771
|
+
nav.awsui_navigation_hyvsj_1qwwo_660.awsui_is-navigation-open_hyvsj_1qwwo_610.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
|
|
772
|
+
animation: awsui_openNavigation_hyvsj_1qwwo_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
773
773
|
}
|
|
774
774
|
@media (prefers-reduced-motion: reduce) {
|
|
775
|
-
nav.
|
|
775
|
+
nav.awsui_navigation_hyvsj_1qwwo_660.awsui_is-navigation-open_hyvsj_1qwwo_610.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
|
|
776
776
|
animation: none;
|
|
777
777
|
transition: none;
|
|
778
778
|
}
|
|
779
779
|
}
|
|
780
|
-
.awsui-motion-disabled nav.
|
|
780
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1qwwo_660.awsui_is-navigation-open_hyvsj_1qwwo_610.awsui_animating_hyvsj_1qwwo_721:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1qwwo_660.awsui_is-navigation-open_hyvsj_1qwwo_610.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
|
|
781
781
|
animation: none;
|
|
782
782
|
transition: none;
|
|
783
783
|
}
|
|
784
|
-
nav.
|
|
785
|
-
inline-size: var(--awsui-navigation-width-
|
|
784
|
+
nav.awsui_navigation_hyvsj_1qwwo_660 > .awsui_animated-content_hyvsj_1qwwo_783:not(#\9) {
|
|
785
|
+
inline-size: var(--awsui-navigation-width-epuq3n);
|
|
786
786
|
}
|
|
787
787
|
@media (max-width: 688px) {
|
|
788
|
-
nav.
|
|
789
|
-
--awsui-navigation-width-
|
|
788
|
+
nav.awsui_navigation_hyvsj_1qwwo_660:not(#\9) {
|
|
789
|
+
--awsui-navigation-width-epuq3n: 100vw;
|
|
790
790
|
}
|
|
791
791
|
}
|
|
792
792
|
|
|
793
|
-
.awsui_hide-
|
|
793
|
+
.awsui_hide-navigation_hyvsj_1qwwo_792:not(#\9) {
|
|
794
794
|
position: absolute;
|
|
795
795
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
796
796
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -800,16 +800,16 @@ nav.awsui_navigation_hyvsj_1ribg_660 > .awsui_animated-content_hyvsj_1ribg_783:n
|
|
|
800
800
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
801
801
|
SPDX-License-Identifier: Apache-2.0
|
|
802
802
|
*/
|
|
803
|
-
.
|
|
803
|
+
.awsui_notifications_hyvsj_1qwwo_802:not(#\9) {
|
|
804
804
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
805
805
|
grid-area: notifications;
|
|
806
806
|
z-index: 850;
|
|
807
807
|
}
|
|
808
808
|
@media (min-width: 689px) {
|
|
809
|
-
.
|
|
810
|
-
--awsui-flashbar-sticky-bottom-margin-
|
|
809
|
+
.awsui_notifications_hyvsj_1qwwo_802.awsui_sticky-notifications_hyvsj_1qwwo_808:not(#\9) {
|
|
810
|
+
--awsui-flashbar-sticky-bottom-margin-epuq3n: var(--space-xxl-cu2m1r, 32px);
|
|
811
811
|
position: sticky;
|
|
812
|
-
inset-block-start: calc(var(--awsui-offset-top-
|
|
812
|
+
inset-block-start: calc(var(--awsui-offset-top-epuq3n) + var(--space-xs-zb16t3, 8px));
|
|
813
813
|
}
|
|
814
814
|
}
|
|
815
815
|
|
|
@@ -823,13 +823,13 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
823
823
|
consume the remaining vertical space in the grid after the notifications
|
|
824
824
|
and breadcrumbs.
|
|
825
825
|
*/
|
|
826
|
-
section.awsui_split-panel-
|
|
826
|
+
section.awsui_split-panel-bottom_hyvsj_1qwwo_825:not(#\9) {
|
|
827
827
|
/*
|
|
828
828
|
The align self property will position the split panel at the bottom of the grid row.
|
|
829
829
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
830
830
|
*/
|
|
831
831
|
align-self: end;
|
|
832
|
-
inset-block-end: var(--awsui-footer-height-
|
|
832
|
+
inset-block-end: var(--awsui-footer-height-epuq3n);
|
|
833
833
|
display: none;
|
|
834
834
|
grid-column: 1/6;
|
|
835
835
|
grid-row: 10;
|
|
@@ -859,47 +859,47 @@ section.awsui_split-panel-bottom_hyvsj_1ribg_825:not(#\9) {
|
|
|
859
859
|
apply the animation to the height property.
|
|
860
860
|
*/
|
|
861
861
|
}
|
|
862
|
-
@keyframes
|
|
862
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1qwwo_1 {
|
|
863
863
|
from {
|
|
864
|
-
block-size: var(--awsui-split-panel-reported-header-size-
|
|
864
|
+
block-size: var(--awsui-split-panel-reported-header-size-epuq3n, 0);
|
|
865
865
|
}
|
|
866
866
|
to {
|
|
867
|
-
block-size: var(--awsui-split-panel-reported-size-
|
|
867
|
+
block-size: var(--awsui-split-panel-reported-size-epuq3n);
|
|
868
868
|
}
|
|
869
869
|
}
|
|
870
|
-
section.awsui_split-panel-
|
|
870
|
+
section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_disable-body-scroll_hyvsj_1qwwo_185:not(#\9) {
|
|
871
871
|
inset-block-end: 0;
|
|
872
872
|
}
|
|
873
|
-
section.awsui_split-panel-
|
|
873
|
+
section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_is-navigation-open_hyvsj_1qwwo_610.awsui_position-bottom_hyvsj_1qwwo_872:not(#\9) {
|
|
874
874
|
grid-column-start: 2;
|
|
875
875
|
}
|
|
876
|
-
section.awsui_split-panel-
|
|
876
|
+
section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_has-open-drawer_hyvsj_1qwwo_162.awsui_position-bottom_hyvsj_1qwwo_872:not(#\9) {
|
|
877
877
|
grid-column-end: 5;
|
|
878
878
|
}
|
|
879
|
-
section.awsui_split-panel-
|
|
879
|
+
section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_position-bottom_hyvsj_1qwwo_872:not(#\9) {
|
|
880
880
|
display: block;
|
|
881
881
|
}
|
|
882
|
-
section.awsui_split-panel-
|
|
882
|
+
section.awsui_split-panel-bottom_hyvsj_1qwwo_825:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1qwwo_613).awsui_position-bottom_hyvsj_1qwwo_872 {
|
|
883
883
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
884
884
|
}
|
|
885
|
-
section.awsui_split-panel-
|
|
885
|
+
section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_position-bottom_hyvsj_1qwwo_872:not(#\9) {
|
|
886
886
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
887
887
|
}
|
|
888
|
-
section.awsui_split-panel-
|
|
889
|
-
animation:
|
|
888
|
+
section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_position-bottom_hyvsj_1qwwo_872.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
|
|
889
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1qwwo_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
890
890
|
}
|
|
891
891
|
@media (prefers-reduced-motion: reduce) {
|
|
892
|
-
section.awsui_split-panel-
|
|
892
|
+
section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_position-bottom_hyvsj_1qwwo_872.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
|
|
893
893
|
animation: none;
|
|
894
894
|
transition: none;
|
|
895
895
|
}
|
|
896
896
|
}
|
|
897
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
897
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_position-bottom_hyvsj_1qwwo_872.awsui_animating_hyvsj_1qwwo_721:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1qwwo_825.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_position-bottom_hyvsj_1qwwo_872.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
|
|
898
898
|
animation: none;
|
|
899
899
|
transition: none;
|
|
900
900
|
}
|
|
901
901
|
|
|
902
|
-
section.awsui_split-panel-
|
|
902
|
+
section.awsui_split-panel-side_hyvsj_1qwwo_901:not(#\9) {
|
|
903
903
|
block-size: 100%;
|
|
904
904
|
overflow-x: hidden;
|
|
905
905
|
pointer-events: auto;
|
|
@@ -909,15 +909,15 @@ section.awsui_split-panel-side_hyvsj_1ribg_901:not(#\9) {
|
|
|
909
909
|
be persistent in the DOM when closed.
|
|
910
910
|
*/
|
|
911
911
|
}
|
|
912
|
-
section.awsui_split-panel-
|
|
912
|
+
section.awsui_split-panel-side_hyvsj_1qwwo_901:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1qwwo_613), section.awsui_split-panel-side_hyvsj_1qwwo_901.awsui_position-bottom_hyvsj_1qwwo_872:not(#\9) {
|
|
913
913
|
inline-size: 0;
|
|
914
914
|
}
|
|
915
|
-
section.awsui_split-panel-
|
|
916
|
-
max-inline-size: var(--awsui-split-panel-max-width-
|
|
917
|
-
min-inline-size: var(--awsui-split-panel-min-width-
|
|
915
|
+
section.awsui_split-panel-side_hyvsj_1qwwo_901.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_position-side_hyvsj_1qwwo_914:not(#\9) {
|
|
916
|
+
max-inline-size: var(--awsui-split-panel-max-width-epuq3n, 280px);
|
|
917
|
+
min-inline-size: var(--awsui-split-panel-min-width-epuq3n, 280px);
|
|
918
918
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
919
919
|
}
|
|
920
|
-
section.awsui_split-panel-
|
|
920
|
+
section.awsui_split-panel-side_hyvsj_1qwwo_901.awsui_is-split-panel-open_hyvsj_1qwwo_613.awsui_position-side_hyvsj_1qwwo_914:not(#\9):not(.awsui_has-open-drawer_hyvsj_1qwwo_162) {
|
|
921
921
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
922
922
|
}
|
|
923
923
|
|
|
@@ -934,24 +934,24 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
934
934
|
property. The content gap right is computed in the Layout styles based on the
|
|
935
935
|
viewport size and state of the Tools drawer.
|
|
936
936
|
*/
|
|
937
|
-
.awsui_tools-
|
|
937
|
+
.awsui_tools-container_hyvsj_1qwwo_936:not(#\9) {
|
|
938
938
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
939
|
-
--awsui-tools-max-width-
|
|
939
|
+
--awsui-tools-max-width-epuq3n: calc(var(--awsui-layout-width-epuq3n) - var(--awsui-main-offset-left-epuq3n) - var(--awsui-default-min-content-width-epuq3n) - var(--awsui-content-gap-right-epuq3n));
|
|
940
940
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
941
941
|
display: flex;
|
|
942
942
|
grid-column: 5;
|
|
943
943
|
grid-row: 1/span 10;
|
|
944
|
-
block-size: var(--awsui-content-height-
|
|
945
|
-
max-inline-size: var(--awsui-tools-max-width-
|
|
944
|
+
block-size: var(--awsui-content-height-epuq3n);
|
|
945
|
+
max-inline-size: var(--awsui-tools-max-width-epuq3n);
|
|
946
946
|
position: sticky;
|
|
947
|
-
inset-block-start: var(--awsui-offset-top-
|
|
947
|
+
inset-block-start: var(--awsui-offset-top-epuq3n);
|
|
948
948
|
z-index: 830;
|
|
949
949
|
pointer-events: none;
|
|
950
950
|
}
|
|
951
951
|
@media (max-width: 688px) {
|
|
952
|
-
.awsui_tools-
|
|
953
|
-
--awsui-tools-max-width-
|
|
954
|
-
--awsui-tools-width-
|
|
952
|
+
.awsui_tools-container_hyvsj_1qwwo_936:not(#\9) {
|
|
953
|
+
--awsui-tools-max-width-epuq3n: none;
|
|
954
|
+
--awsui-tools-width-epuq3n: auto;
|
|
955
955
|
position: fixed;
|
|
956
956
|
inset-inline-end: 0;
|
|
957
957
|
z-index: 1001;
|
|
@@ -963,12 +963,12 @@ viewport size and state of the Tools drawer.
|
|
|
963
963
|
relative to the body.
|
|
964
964
|
*/
|
|
965
965
|
}
|
|
966
|
-
.awsui_tools-
|
|
967
|
-
inset-block-start: var(--awsui-header-height-
|
|
966
|
+
.awsui_tools-container_hyvsj_1qwwo_936.awsui_disable-body-scroll_hyvsj_1qwwo_185:not(#\9) {
|
|
967
|
+
inset-block-start: var(--awsui-header-height-epuq3n);
|
|
968
968
|
}
|
|
969
969
|
}
|
|
970
970
|
|
|
971
|
-
.
|
|
971
|
+
.awsui_tools_hyvsj_1qwwo_936:not(#\9) {
|
|
972
972
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
973
973
|
flex-shrink: 0;
|
|
974
974
|
block-size: 100%;
|
|
@@ -991,51 +991,51 @@ viewport size and state of the Tools drawer.
|
|
|
991
991
|
in the side position.
|
|
992
992
|
*/
|
|
993
993
|
}
|
|
994
|
-
@keyframes
|
|
994
|
+
@keyframes awsui_openTools_hyvsj_1qwwo_1 {
|
|
995
995
|
from {
|
|
996
|
-
opacity: var(--awsui-tools-animation-starting-opacity-
|
|
996
|
+
opacity: var(--awsui-tools-animation-starting-opacity-epuq3n, 0);
|
|
997
997
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
998
998
|
}
|
|
999
999
|
to {
|
|
1000
1000
|
opacity: 1;
|
|
1001
|
-
inline-size: var(--awsui-tools-width-
|
|
1001
|
+
inline-size: var(--awsui-tools-width-epuq3n);
|
|
1002
1002
|
}
|
|
1003
1003
|
}
|
|
1004
|
-
.
|
|
1004
|
+
.awsui_tools_hyvsj_1qwwo_936:not(#\9):not(.awsui_is-tools-open_hyvsj_1qwwo_613) {
|
|
1005
1005
|
inline-size: 0;
|
|
1006
1006
|
display: none;
|
|
1007
1007
|
}
|
|
1008
|
-
.
|
|
1008
|
+
.awsui_tools_hyvsj_1qwwo_936.awsui_is-tools-open_hyvsj_1qwwo_613:not(#\9) {
|
|
1009
1009
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1010
1010
|
}
|
|
1011
|
-
.
|
|
1012
|
-
animation:
|
|
1011
|
+
.awsui_tools_hyvsj_1qwwo_936.awsui_is-tools-open_hyvsj_1qwwo_613.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
|
|
1012
|
+
animation: awsui_openTools_hyvsj_1qwwo_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1013
1013
|
}
|
|
1014
1014
|
@media (prefers-reduced-motion: reduce) {
|
|
1015
|
-
.
|
|
1015
|
+
.awsui_tools_hyvsj_1qwwo_936.awsui_is-tools-open_hyvsj_1qwwo_613.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
|
|
1016
1016
|
animation: none;
|
|
1017
1017
|
transition: none;
|
|
1018
1018
|
}
|
|
1019
1019
|
}
|
|
1020
|
-
.awsui-motion-disabled .
|
|
1020
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1qwwo_936.awsui_is-tools-open_hyvsj_1qwwo_613.awsui_animating_hyvsj_1qwwo_721:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1qwwo_936.awsui_is-tools-open_hyvsj_1qwwo_613.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
|
|
1021
1021
|
animation: none;
|
|
1022
1022
|
transition: none;
|
|
1023
1023
|
}
|
|
1024
|
-
.
|
|
1025
|
-
inline-size: var(--awsui-tools-width-
|
|
1024
|
+
.awsui_tools_hyvsj_1qwwo_936 > .awsui_animated-content_hyvsj_1qwwo_783:not(#\9) {
|
|
1025
|
+
inline-size: var(--awsui-tools-width-epuq3n);
|
|
1026
1026
|
}
|
|
1027
1027
|
@media (min-width: 689px) {
|
|
1028
|
-
.
|
|
1028
|
+
.awsui_tools_hyvsj_1qwwo_936.awsui_is-tools-open_hyvsj_1qwwo_613.awsui_has-tools-form-persistence_hyvsj_1qwwo_1027:not(#\9) {
|
|
1029
1029
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1030
1030
|
}
|
|
1031
1031
|
}
|
|
1032
1032
|
@media (max-width: 688px) {
|
|
1033
|
-
.
|
|
1034
|
-
--awsui-tools-width-
|
|
1033
|
+
.awsui_tools_hyvsj_1qwwo_936:not(#\9) {
|
|
1034
|
+
--awsui-tools-width-epuq3n: 100vw;
|
|
1035
1035
|
}
|
|
1036
1036
|
}
|
|
1037
1037
|
|
|
1038
|
-
.awsui_hide-
|
|
1038
|
+
.awsui_hide-tools_hyvsj_1qwwo_1037:not(#\9) {
|
|
1039
1039
|
position: absolute;
|
|
1040
1040
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1041
1041
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1047,7 +1047,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1047
1047
|
the calculation used to determine the Split Panel maximum width in the
|
|
1048
1048
|
handleSplitPanelMaxWidth function in the context.
|
|
1049
1049
|
*/
|
|
1050
|
-
.awsui_show-
|
|
1050
|
+
.awsui_show-tools_hyvsj_1qwwo_1049:not(#\9) {
|
|
1051
1051
|
border-collapse: separate;
|
|
1052
1052
|
border-spacing: 0;
|
|
1053
1053
|
box-sizing: border-box;
|
|
@@ -1089,7 +1089,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1089
1089
|
take control in responsive viewports.
|
|
1090
1090
|
*/
|
|
1091
1091
|
}
|
|
1092
|
-
@keyframes
|
|
1092
|
+
@keyframes awsui_showButtons_hyvsj_1qwwo_1 {
|
|
1093
1093
|
0% {
|
|
1094
1094
|
opacity: 0;
|
|
1095
1095
|
}
|
|
@@ -1097,31 +1097,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1097
1097
|
opacity: 1;
|
|
1098
1098
|
}
|
|
1099
1099
|
}
|
|
1100
|
-
.awsui_show-
|
|
1100
|
+
.awsui_show-tools_hyvsj_1qwwo_1049:not(#\9):not(.awsui_has-tools-form_hyvsj_1qwwo_1027) {
|
|
1101
1101
|
display: none;
|
|
1102
1102
|
}
|
|
1103
1103
|
@media (min-width: 689px) {
|
|
1104
|
-
.awsui_show-
|
|
1104
|
+
.awsui_show-tools_hyvsj_1qwwo_1049.awsui_has-tools-form_hyvsj_1qwwo_1027:not(#\9) {
|
|
1105
1105
|
display: flex;
|
|
1106
1106
|
flex-direction: column;
|
|
1107
1107
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1108
1108
|
}
|
|
1109
|
-
.awsui_show-
|
|
1110
|
-
animation:
|
|
1109
|
+
.awsui_show-tools_hyvsj_1qwwo_1049.awsui_has-tools-form_hyvsj_1qwwo_1027.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
|
|
1110
|
+
animation: awsui_showButtons_hyvsj_1qwwo_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1111
1111
|
}
|
|
1112
1112
|
}
|
|
1113
1113
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1114
|
-
.awsui_show-
|
|
1114
|
+
.awsui_show-tools_hyvsj_1qwwo_1049.awsui_has-tools-form_hyvsj_1qwwo_1027.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
|
|
1115
1115
|
animation: none;
|
|
1116
1116
|
transition: none;
|
|
1117
1117
|
}
|
|
1118
1118
|
}
|
|
1119
1119
|
@media (min-width: 689px) {
|
|
1120
|
-
.awsui-motion-disabled .awsui_show-
|
|
1120
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1qwwo_1049.awsui_has-tools-form_hyvsj_1qwwo_1027.awsui_animating_hyvsj_1qwwo_721:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1qwwo_1049.awsui_has-tools-form_hyvsj_1qwwo_1027.awsui_animating_hyvsj_1qwwo_721:not(#\9) {
|
|
1121
1121
|
animation: none;
|
|
1122
1122
|
transition: none;
|
|
1123
1123
|
}
|
|
1124
|
-
.awsui_show-
|
|
1124
|
+
.awsui_show-tools_hyvsj_1qwwo_1049.awsui_has-tools-form-persistence_hyvsj_1qwwo_1027:not(#\9) {
|
|
1125
1125
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1126
1126
|
z-index: 1;
|
|
1127
1127
|
}
|
|
@@ -1131,7 +1131,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1131
1131
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1132
1132
|
SPDX-License-Identifier: Apache-2.0
|
|
1133
1133
|
*/
|
|
1134
|
-
.awsui_trigger-badge-
|
|
1134
|
+
.awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132:not(#\9) {
|
|
1135
1135
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1136
1136
|
border-start-start-radius: 50%;
|
|
1137
1137
|
border-start-end-radius: 50%;
|
|
@@ -1147,13 +1147,13 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1147
1147
|
align-items: center;
|
|
1148
1148
|
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");
|
|
1149
1149
|
}
|
|
1150
|
-
.awsui_trigger-badge-
|
|
1150
|
+
.awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132:not(#\9):hover {
|
|
1151
1151
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1152
1152
|
}
|
|
1153
|
-
.awsui_trigger-badge-
|
|
1153
|
+
.awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132:not(#\9):active {
|
|
1154
1154
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1155
1155
|
}
|
|
1156
|
-
.awsui_trigger-badge-
|
|
1156
|
+
.awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132:not(#\9):dir(rtl) {
|
|
1157
1157
|
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");
|
|
1158
1158
|
}
|
|
1159
1159
|
|
|
@@ -1162,7 +1162,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1162
1162
|
the calculation used to determine the Split Panel maximum width in the
|
|
1163
1163
|
handleSplitPanelMaxWidth function in the context.
|
|
1164
1164
|
*/
|
|
1165
|
-
.
|
|
1165
|
+
.awsui_trigger_hyvsj_1qwwo_1132:not(#\9) {
|
|
1166
1166
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1167
1167
|
border-start-start-radius: 50%;
|
|
1168
1168
|
border-start-end-radius: 50%;
|
|
@@ -1178,20 +1178,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1178
1178
|
pointer-events: auto;
|
|
1179
1179
|
position: relative;
|
|
1180
1180
|
}
|
|
1181
|
-
.
|
|
1181
|
+
.awsui_trigger_hyvsj_1qwwo_1132:not(#\9):hover {
|
|
1182
1182
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1183
1183
|
}
|
|
1184
|
-
.
|
|
1184
|
+
.awsui_trigger_hyvsj_1qwwo_1132:not(#\9):active {
|
|
1185
1185
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1186
1186
|
}
|
|
1187
|
-
body[data-awsui-focus-visible=true] .
|
|
1187
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1qwwo_1132:not(#\9):focus {
|
|
1188
1188
|
position: relative;
|
|
1189
1189
|
}
|
|
1190
|
-
body[data-awsui-focus-visible=true] .
|
|
1190
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1qwwo_1132:not(#\9):focus {
|
|
1191
1191
|
outline: 2px dotted transparent;
|
|
1192
1192
|
outline-offset: calc(3px - 1px);
|
|
1193
1193
|
}
|
|
1194
|
-
body[data-awsui-focus-visible=true] .
|
|
1194
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1qwwo_1132:not(#\9):focus::before {
|
|
1195
1195
|
content: " ";
|
|
1196
1196
|
display: block;
|
|
1197
1197
|
position: absolute;
|
|
@@ -1205,45 +1205,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1ribg_1132:not(#\9):foc
|
|
|
1205
1205
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1206
1206
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1207
1207
|
}
|
|
1208
|
-
.
|
|
1208
|
+
.awsui_trigger_hyvsj_1qwwo_1132:not(#\9):focus {
|
|
1209
1209
|
outline: none;
|
|
1210
1210
|
}
|
|
1211
|
-
.
|
|
1211
|
+
.awsui_trigger_hyvsj_1qwwo_1132.awsui_selected_hyvsj_1qwwo_1209:not(#\9) {
|
|
1212
1212
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1213
1213
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1214
1214
|
}
|
|
1215
|
-
.
|
|
1215
|
+
.awsui_trigger_hyvsj_1qwwo_1132.awsui_selected_hyvsj_1qwwo_1209:not(#\9):hover {
|
|
1216
1216
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1217
1217
|
}
|
|
1218
|
-
.
|
|
1218
|
+
.awsui_trigger_hyvsj_1qwwo_1132.awsui_selected_hyvsj_1qwwo_1209:not(#\9):active {
|
|
1219
1219
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1220
1220
|
}
|
|
1221
|
-
.
|
|
1221
|
+
.awsui_trigger_hyvsj_1qwwo_1132.awsui_selected_hyvsj_1qwwo_1209 > .awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132:not(#\9) {
|
|
1222
1222
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1223
1223
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1224
1224
|
}
|
|
1225
|
-
.
|
|
1225
|
+
.awsui_trigger_hyvsj_1qwwo_1132.awsui_selected_hyvsj_1qwwo_1209 > .awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132:not(#\9):hover {
|
|
1226
1226
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1227
1227
|
}
|
|
1228
|
-
.
|
|
1228
|
+
.awsui_trigger_hyvsj_1qwwo_1132.awsui_selected_hyvsj_1qwwo_1209 > .awsui_trigger-badge-wrapper_hyvsj_1qwwo_1132:not(#\9):active {
|
|
1229
1229
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1230
1230
|
}
|
|
1231
|
-
.
|
|
1231
|
+
.awsui_trigger_hyvsj_1qwwo_1132.awsui_badge_hyvsj_1qwwo_1229:not(#\9), .awsui_trigger_hyvsj_1qwwo_1132.awsui_badge_hyvsj_1qwwo_1229:not(#\9):hover, .awsui_trigger_hyvsj_1qwwo_1132.awsui_badge_hyvsj_1qwwo_1229:not(#\9):active {
|
|
1232
1232
|
background: transparent;
|
|
1233
1233
|
}
|
|
1234
1234
|
|
|
1235
|
-
.awsui_trigger-
|
|
1235
|
+
.awsui_trigger-wrapper_hyvsj_1qwwo_1233:not(#\9) {
|
|
1236
1236
|
position: relative;
|
|
1237
1237
|
border-start-start-radius: 50%;
|
|
1238
1238
|
border-start-end-radius: 50%;
|
|
1239
1239
|
border-end-start-radius: 50%;
|
|
1240
1240
|
border-end-end-radius: 50%;
|
|
1241
1241
|
}
|
|
1242
|
-
.awsui_trigger-
|
|
1242
|
+
.awsui_trigger-wrapper_hyvsj_1qwwo_1233:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1qwwo_639) {
|
|
1243
1243
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1244
1244
|
}
|
|
1245
1245
|
|
|
1246
|
-
.
|
|
1246
|
+
.awsui_dot_hyvsj_1qwwo_1244:not(#\9) {
|
|
1247
1247
|
position: absolute;
|
|
1248
1248
|
inline-size: 9px;
|
|
1249
1249
|
block-size: 9px;
|