@cloudscape-design/components 3.0.392 → 3.0.394
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/app-layout/mobile-toolbar/index.js +1 -1
- package/app-layout/mobile-toolbar/index.js.map +1 -1
- package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
- package/app-layout/visual-refresh/drawers.js +2 -1
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +75 -75
- package/app-layout/visual-refresh/styles.scoped.css +179 -179
- package/app-layout/visual-refresh/styles.selectors.js +75 -75
- package/autosuggest/internal.js +1 -1
- package/autosuggest/internal.js.map +1 -1
- package/internal/components/autosuggest-input/index.js +1 -1
- package/internal/components/autosuggest-input/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/pie-chart/labels.d.ts.map +1 -1
- package/pie-chart/labels.js +15 -12
- package/pie-chart/labels.js.map +1 -1
- package/pie-chart/utils.d.ts +4 -1
- package/pie-chart/utils.d.ts.map +1 -1
- package/pie-chart/utils.js +40 -7
- package/pie-chart/utils.js.map +1 -1
- package/property-filter/index.d.ts.map +1 -1
- package/property-filter/index.js +2 -2
- package/property-filter/index.js.map +1 -1
- package/property-filter/interfaces.d.ts +5 -0
- package/property-filter/interfaces.d.ts.map +1 -1
- package/property-filter/interfaces.js.map +1 -1
- package/property-filter/property-filter-autosuggest.js +1 -1
- package/property-filter/property-filter-autosuggest.js.map +1 -1
- package/property-filter/styles.css.js +31 -30
- package/property-filter/styles.scoped.css +33 -32
- package/property-filter/styles.selectors.js +31 -30
- package/test-utils/dom/property-filter/index.d.ts +8 -0
- package/test-utils/dom/property-filter/index.js +12 -0
- package/test-utils/dom/property-filter/index.js.map +1 -1
- package/test-utils/selectors/property-filter/index.d.ts +8 -0
- package/test-utils/selectors/property-filter/index.js +12 -0
- package/test-utils/selectors/property-filter/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
|
@@ -90,16 +90,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
div.
|
|
93
|
+
div.awsui_background_hyvsj_1jtpy_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_1jtpy_93 > .awsui_scrolling-background_hyvsj_1jtpy_96:not(#\9) {
|
|
97
97
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
98
98
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
99
99
|
grid-column: 1/span 5;
|
|
100
100
|
grid-row: 1/10;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_1jtpy_93 > .awsui_sticky-background_hyvsj_1jtpy_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
104
|
grid-column: 1/span 5;
|
|
105
105
|
grid-row: 1/10;
|
|
@@ -107,10 +107,10 @@ div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-y98gph);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_1jtpy_93 > .awsui_sticky-background_hyvsj_1jtpy_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1jtpy_110) {
|
|
111
111
|
height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_1jtpy_93 > .awsui_sticky-background_hyvsj_1jtpy_102.awsui_has-sticky-notifications_hyvsj_1jtpy_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
115
|
var(--awsui-notifications-gap-y98gph) + var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph)
|
|
116
116
|
);
|
|
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102.a
|
|
|
120
120
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
121
121
|
SPDX-License-Identifier: Apache-2.0
|
|
122
122
|
*/
|
|
123
|
-
.
|
|
123
|
+
.awsui_breadcrumbs_hyvsj_1jtpy_123:not(#\9) {
|
|
124
124
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
125
125
|
grid-area: breadcrumbs;
|
|
126
126
|
/*
|
|
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_1jtpy_123.awsui_has-sticky-background_hyvsj_1jtpy_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102.a
|
|
|
142
142
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
143
143
|
SPDX-License-Identifier: Apache-2.0
|
|
144
144
|
*/
|
|
145
|
-
.awsui_drawers-
|
|
145
|
+
.awsui_drawers-container_hyvsj_1jtpy_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
@@ -152,31 +152,31 @@ div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102.a
|
|
|
152
152
|
position: sticky;
|
|
153
153
|
top: var(--awsui-offset-top-y98gph);
|
|
154
154
|
z-index: 830;
|
|
155
|
-
transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
156
155
|
}
|
|
157
|
-
.awsui_drawers-
|
|
156
|
+
.awsui_drawers-container_hyvsj_1jtpy_145.awsui_has-open-drawer_hyvsj_1jtpy_156:not(#\9) {
|
|
158
157
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
159
158
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
159
|
+
transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
160
160
|
}
|
|
161
161
|
@media (prefers-reduced-motion: reduce) {
|
|
162
|
-
.awsui_drawers-
|
|
162
|
+
.awsui_drawers-container_hyvsj_1jtpy_145.awsui_has-open-drawer_hyvsj_1jtpy_156:not(#\9) {
|
|
163
163
|
animation: none;
|
|
164
164
|
transition: none;
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
|
-
.awsui-motion-disabled .awsui_drawers-
|
|
167
|
+
.awsui-motion-disabled .awsui_drawers-container_hyvsj_1jtpy_145.awsui_has-open-drawer_hyvsj_1jtpy_156:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_1jtpy_145.awsui_has-open-drawer_hyvsj_1jtpy_156:not(#\9) {
|
|
168
168
|
animation: none;
|
|
169
169
|
transition: none;
|
|
170
170
|
}
|
|
171
171
|
@media (min-width: 689px) {
|
|
172
|
-
.awsui_drawers-
|
|
172
|
+
.awsui_drawers-container_hyvsj_1jtpy_145:not(#\9) {
|
|
173
173
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
174
174
|
max-width: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
|
|
175
175
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
@media (max-width: 688px) {
|
|
179
|
-
.awsui_drawers-
|
|
179
|
+
.awsui_drawers-container_hyvsj_1jtpy_145:not(#\9) {
|
|
180
180
|
position: fixed;
|
|
181
181
|
right: 0;
|
|
182
182
|
z-index: 1001;
|
|
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102.a
|
|
|
188
188
|
relative to the body.
|
|
189
189
|
*/
|
|
190
190
|
}
|
|
191
|
-
.awsui_drawers-
|
|
191
|
+
.awsui_drawers-container_hyvsj_1jtpy_145.awsui_disable-body-scroll_hyvsj_1jtpy_191:not(#\9) {
|
|
192
192
|
top: var(--awsui-header-height-y98gph);
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.awsui_drawers-desktop-triggers-
|
|
196
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1jtpy_196:not(#\9) {
|
|
197
197
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
198
198
|
border-collapse: separate;
|
|
199
199
|
border-spacing: 0;
|
|
@@ -238,43 +238,43 @@ div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102.a
|
|
|
238
238
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
239
239
|
overscroll-behavior-y: contain;
|
|
240
240
|
}
|
|
241
|
-
.awsui_drawers-desktop-triggers-
|
|
241
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1jtpy_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jtpy_215).awsui_has-open-drawer_hyvsj_1jtpy_156 {
|
|
242
242
|
width: 0;
|
|
243
243
|
}
|
|
244
|
-
.awsui_drawers-desktop-triggers-
|
|
244
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1jtpy_196.awsui_has-multiple-triggers_hyvsj_1jtpy_215.awsui_has-open-drawer_hyvsj_1jtpy_156:not(#\9) {
|
|
245
245
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
246
246
|
transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
247
247
|
}
|
|
248
248
|
@media (prefers-reduced-motion: reduce) {
|
|
249
|
-
.awsui_drawers-desktop-triggers-
|
|
249
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1jtpy_196.awsui_has-multiple-triggers_hyvsj_1jtpy_215.awsui_has-open-drawer_hyvsj_1jtpy_156:not(#\9) {
|
|
250
250
|
animation: none;
|
|
251
251
|
transition: none;
|
|
252
252
|
}
|
|
253
253
|
}
|
|
254
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
254
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_1jtpy_196.awsui_has-multiple-triggers_hyvsj_1jtpy_215.awsui_has-open-drawer_hyvsj_1jtpy_156:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_1jtpy_196.awsui_has-multiple-triggers_hyvsj_1jtpy_215.awsui_has-open-drawer_hyvsj_1jtpy_156:not(#\9) {
|
|
255
255
|
animation: none;
|
|
256
256
|
transition: none;
|
|
257
257
|
}
|
|
258
|
-
.awsui_drawers-desktop-triggers-
|
|
258
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1jtpy_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jtpy_215):not(.awsui_has-open-drawer_hyvsj_1jtpy_156) {
|
|
259
259
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
260
260
|
transition: width var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
261
261
|
}
|
|
262
262
|
@media (prefers-reduced-motion: reduce) {
|
|
263
|
-
.awsui_drawers-desktop-triggers-
|
|
263
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1jtpy_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jtpy_215):not(.awsui_has-open-drawer_hyvsj_1jtpy_156) {
|
|
264
264
|
animation: none;
|
|
265
265
|
transition: none;
|
|
266
266
|
}
|
|
267
267
|
}
|
|
268
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
268
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_1jtpy_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jtpy_215):not(.awsui_has-open-drawer_hyvsj_1jtpy_156), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_1jtpy_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jtpy_215):not(.awsui_has-open-drawer_hyvsj_1jtpy_156) {
|
|
269
269
|
animation: none;
|
|
270
270
|
transition: none;
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.awsui_drawers-mobile-triggers-
|
|
273
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_1jtpy_247:not(#\9) {
|
|
274
274
|
display: flex;
|
|
275
275
|
}
|
|
276
276
|
|
|
277
|
-
.awsui_drawers-trigger-
|
|
277
|
+
.awsui_drawers-trigger-content_hyvsj_1jtpy_251:not(#\9) {
|
|
278
278
|
align-items: center;
|
|
279
279
|
display: flex;
|
|
280
280
|
flex-direction: column;
|
|
@@ -282,25 +282,25 @@ div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102.a
|
|
|
282
282
|
padding-top: var(--space-scaled-s-aqzyko, 12px);
|
|
283
283
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
284
284
|
}
|
|
285
|
-
.awsui_drawers-trigger-
|
|
285
|
+
.awsui_drawers-trigger-content_hyvsj_1jtpy_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jtpy_215).awsui_has-open-drawer_hyvsj_1jtpy_156 {
|
|
286
286
|
opacity: 0;
|
|
287
287
|
}
|
|
288
|
-
.awsui_drawers-trigger-
|
|
288
|
+
.awsui_drawers-trigger-content_hyvsj_1jtpy_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jtpy_215):not(.awsui_has-open-drawer_hyvsj_1jtpy_156) {
|
|
289
289
|
opacity: 1;
|
|
290
290
|
transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
291
291
|
transition-delay: calc(var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) / 1.5);
|
|
292
292
|
}
|
|
293
293
|
@media (prefers-reduced-motion: reduce) {
|
|
294
|
-
.awsui_drawers-trigger-
|
|
294
|
+
.awsui_drawers-trigger-content_hyvsj_1jtpy_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jtpy_215):not(.awsui_has-open-drawer_hyvsj_1jtpy_156) {
|
|
295
295
|
animation: none;
|
|
296
296
|
transition: none;
|
|
297
297
|
}
|
|
298
298
|
}
|
|
299
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
299
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_1jtpy_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jtpy_215):not(.awsui_has-open-drawer_hyvsj_1jtpy_156), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_1jtpy_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jtpy_215):not(.awsui_has-open-drawer_hyvsj_1jtpy_156) {
|
|
300
300
|
animation: none;
|
|
301
301
|
transition: none;
|
|
302
302
|
}
|
|
303
|
-
.awsui_drawers-trigger-
|
|
303
|
+
.awsui_drawers-trigger-content_hyvsj_1jtpy_251 > .awsui_drawers-trigger-overflow_hyvsj_1jtpy_277:not(#\9) {
|
|
304
304
|
padding: 0 1px;
|
|
305
305
|
display: flex;
|
|
306
306
|
align-items: center;
|
|
@@ -308,14 +308,14 @@ div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102.a
|
|
|
308
308
|
}
|
|
309
309
|
|
|
310
310
|
@media (max-width: 688px) {
|
|
311
|
-
.awsui_drawers-
|
|
311
|
+
.awsui_drawers-trigger_hyvsj_1jtpy_251:not(#\9) {
|
|
312
312
|
width: 40px;
|
|
313
313
|
display: flex;
|
|
314
314
|
justify-content: center;
|
|
315
315
|
}
|
|
316
316
|
}
|
|
317
317
|
|
|
318
|
-
.
|
|
318
|
+
.awsui_drawer_hyvsj_1jtpy_145:not(#\9) {
|
|
319
319
|
--awsui-drawer-size-y98gph: 290px;
|
|
320
320
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
321
321
|
border-color: transparent;
|
|
@@ -331,39 +331,39 @@ div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102.a
|
|
|
331
331
|
pointer-events: auto;
|
|
332
332
|
word-wrap: break-word;
|
|
333
333
|
}
|
|
334
|
-
.
|
|
334
|
+
.awsui_drawer_hyvsj_1jtpy_145 > .awsui_drawer-close-button_hyvsj_1jtpy_308:not(#\9) {
|
|
335
335
|
grid-column: 3;
|
|
336
336
|
grid-row: 2;
|
|
337
337
|
z-index: 1;
|
|
338
338
|
}
|
|
339
|
-
.
|
|
339
|
+
.awsui_drawer_hyvsj_1jtpy_145 > .awsui_drawer-content_hyvsj_1jtpy_313:not(#\9) {
|
|
340
340
|
grid-column: 1/span 4;
|
|
341
341
|
grid-row: 1/span 3;
|
|
342
342
|
width: var(--awsui-drawer-size-y98gph);
|
|
343
343
|
}
|
|
344
|
-
.
|
|
344
|
+
.awsui_drawer_hyvsj_1jtpy_145 > .awsui_drawer-slider_hyvsj_1jtpy_318:not(#\9) {
|
|
345
345
|
grid-column: 1;
|
|
346
|
-
grid-row: 3;
|
|
346
|
+
grid-row: 1/span 3;
|
|
347
347
|
height: 100%;
|
|
348
348
|
display: flex;
|
|
349
349
|
align-items: center;
|
|
350
350
|
}
|
|
351
|
-
.
|
|
351
|
+
.awsui_drawer_hyvsj_1jtpy_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_1jtpy_325) {
|
|
352
352
|
opacity: 0;
|
|
353
353
|
width: 0;
|
|
354
354
|
}
|
|
355
|
-
.
|
|
355
|
+
.awsui_drawer_hyvsj_1jtpy_145.awsui_is-drawer-open_hyvsj_1jtpy_325:not(#\9) {
|
|
356
356
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
357
357
|
opacity: 1;
|
|
358
358
|
width: var(--awsui-drawer-size-y98gph);
|
|
359
359
|
}
|
|
360
360
|
@media (min-width: 2541px) {
|
|
361
|
-
.
|
|
361
|
+
.awsui_drawer_hyvsj_1jtpy_145.awsui_is-drawer-open_hyvsj_1jtpy_325:not(#\9) {
|
|
362
362
|
--awsui-drawer-size-y98gph: 320px;
|
|
363
363
|
}
|
|
364
364
|
}
|
|
365
365
|
@media (max-width: 688px) {
|
|
366
|
-
.
|
|
366
|
+
.awsui_drawer_hyvsj_1jtpy_145.awsui_is-drawer-open_hyvsj_1jtpy_325:not(#\9) {
|
|
367
367
|
--awsui-drawer-size-y98gph: 100vw;
|
|
368
368
|
width: 100vw;
|
|
369
369
|
}
|
|
@@ -373,7 +373,7 @@ div.awsui_background_hyvsj_qzxoz_93 > .awsui_sticky-background_hyvsj_qzxoz_102.a
|
|
|
373
373
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
374
374
|
SPDX-License-Identifier: Apache-2.0
|
|
375
375
|
*/
|
|
376
|
-
header.
|
|
376
|
+
header.awsui_content_hyvsj_1jtpy_350:not(#\9) {
|
|
377
377
|
grid-area: header;
|
|
378
378
|
}
|
|
379
379
|
|
|
@@ -394,7 +394,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
394
394
|
circumstances regardless of whether the minContentWidth property is
|
|
395
395
|
explicitly set in script.
|
|
396
396
|
*/
|
|
397
|
-
.
|
|
397
|
+
.awsui_layout_hyvsj_1jtpy_371:not(#\9) {
|
|
398
398
|
--awsui-breadcrumbs-gap-y98gph: 0px;
|
|
399
399
|
--awsui-content-gap-left-y98gph: 0px;
|
|
400
400
|
--awsui-content-gap-right-y98gph: 0px;
|
|
@@ -477,133 +477,133 @@ explicitly set in script.
|
|
|
477
477
|
*/
|
|
478
478
|
}
|
|
479
479
|
@media (min-width: 1401px) {
|
|
480
|
-
.
|
|
480
|
+
.awsui_layout_hyvsj_1jtpy_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jtpy_454) {
|
|
481
481
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
482
482
|
}
|
|
483
483
|
}
|
|
484
484
|
@media (min-width: 1921px) {
|
|
485
|
-
.
|
|
485
|
+
.awsui_layout_hyvsj_1jtpy_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jtpy_454) {
|
|
486
486
|
--awsui-default-max-content-width-y98gph: 1440px;
|
|
487
487
|
}
|
|
488
488
|
}
|
|
489
489
|
@media (min-width: 2541px) {
|
|
490
|
-
.
|
|
490
|
+
.awsui_layout_hyvsj_1jtpy_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jtpy_454) {
|
|
491
491
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
492
492
|
}
|
|
493
493
|
}
|
|
494
494
|
@media (min-width: 1401px) {
|
|
495
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_1jtpy_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jtpy_454).awsui_content-type-dashboard_hyvsj_1jtpy_469 {
|
|
496
496
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
497
497
|
}
|
|
498
498
|
}
|
|
499
499
|
@media (min-width: 1921px) {
|
|
500
|
-
.
|
|
500
|
+
.awsui_layout_hyvsj_1jtpy_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jtpy_454).awsui_content-type-dashboard_hyvsj_1jtpy_469 {
|
|
501
501
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
502
502
|
}
|
|
503
503
|
}
|
|
504
504
|
@media (min-width: 2541px) {
|
|
505
|
-
.
|
|
505
|
+
.awsui_layout_hyvsj_1jtpy_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jtpy_454).awsui_content-type-dashboard_hyvsj_1jtpy_469 {
|
|
506
506
|
--awsui-default-max-content-width-y98gph: 2160px;
|
|
507
507
|
}
|
|
508
508
|
}
|
|
509
|
-
.
|
|
509
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_has-max-content-width_hyvsj_1jtpy_454:not(#\9) {
|
|
510
510
|
--awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
|
|
511
511
|
}
|
|
512
|
-
.
|
|
512
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_is-overlap-disabled_hyvsj_1jtpy_486:not(#\9) {
|
|
513
513
|
--awsui-overlap-height-y98gph: 0;
|
|
514
514
|
}
|
|
515
515
|
@media (min-width: 993px) {
|
|
516
|
-
.
|
|
516
|
+
.awsui_layout_hyvsj_1jtpy_371:not(#\9) {
|
|
517
517
|
--awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
|
|
518
518
|
}
|
|
519
519
|
}
|
|
520
520
|
@media (max-width: 992px) {
|
|
521
|
-
.
|
|
521
|
+
.awsui_layout_hyvsj_1jtpy_371:not(#\9) {
|
|
522
522
|
--awsui-default-min-content-width-y98gph: 0px;
|
|
523
523
|
}
|
|
524
524
|
}
|
|
525
|
-
.
|
|
525
|
+
.awsui_layout_hyvsj_1jtpy_371:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1jtpy_110):not(.awsui_has-sticky-background_hyvsj_1jtpy_133) {
|
|
526
526
|
--awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
|
|
527
527
|
}
|
|
528
|
-
.
|
|
528
|
+
.awsui_layout_hyvsj_1jtpy_371:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1jtpy_110).awsui_has-sticky-background_hyvsj_1jtpy_133 {
|
|
529
529
|
--awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
|
|
530
530
|
}
|
|
531
|
-
.
|
|
531
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_has-sticky-notifications_hyvsj_1jtpy_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_1jtpy_133) {
|
|
532
532
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
533
533
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
534
534
|
var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
|
|
535
535
|
);
|
|
536
536
|
}
|
|
537
|
-
.
|
|
537
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_has-sticky-notifications_hyvsj_1jtpy_110.awsui_has-sticky-background_hyvsj_1jtpy_133:not(#\9) {
|
|
538
538
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
539
539
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
540
540
|
var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
|
|
541
541
|
);
|
|
542
542
|
}
|
|
543
543
|
@media (min-width: 689px) {
|
|
544
|
-
.
|
|
544
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_has-content-gap-left_hyvsj_1jtpy_518:not(#\9) {
|
|
545
545
|
--awsui-content-gap-left-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
546
546
|
}
|
|
547
|
-
.
|
|
547
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_has-content-gap-right_hyvsj_1jtpy_521:not(#\9) {
|
|
548
548
|
--awsui-content-gap-right-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
549
549
|
}
|
|
550
550
|
}
|
|
551
551
|
@media (max-width: 688px) {
|
|
552
|
-
.
|
|
552
|
+
.awsui_layout_hyvsj_1jtpy_371:not(#\9) {
|
|
553
553
|
--awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
|
|
554
554
|
--awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
|
|
555
555
|
}
|
|
556
556
|
}
|
|
557
|
-
.
|
|
557
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_content-first-child-notifications_hyvsj_1jtpy_531:not(#\9) {
|
|
558
558
|
--awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
559
559
|
}
|
|
560
|
-
.
|
|
560
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_has-breadcrumbs_hyvsj_1jtpy_534:not(#\9) {
|
|
561
561
|
--awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
562
562
|
}
|
|
563
|
-
.
|
|
563
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_content-first-child-header_hyvsj_1jtpy_537:not(#\9), .awsui_layout_hyvsj_1jtpy_371.awsui_content-first-child-notifications_hyvsj_1jtpy_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1jtpy_534).awsui_has-header_hyvsj_1jtpy_537 {
|
|
564
564
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
565
565
|
}
|
|
566
|
-
.
|
|
566
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_has-breadcrumbs_hyvsj_1jtpy_534.awsui_has-header_hyvsj_1jtpy_537:not(#\9) {
|
|
567
567
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
568
568
|
}
|
|
569
|
-
.
|
|
569
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_content-first-child-notifications_hyvsj_1jtpy_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1jtpy_534):not(.awsui_has-header_hyvsj_1jtpy_537) {
|
|
570
570
|
--awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
571
571
|
}
|
|
572
|
-
.
|
|
572
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_has-breadcrumbs_hyvsj_1jtpy_534:not(#\9):not(.awsui_has-header_hyvsj_1jtpy_537) {
|
|
573
573
|
--awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
|
|
574
574
|
}
|
|
575
|
-
.
|
|
575
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_has-breadcrumbs_hyvsj_1jtpy_534:not(#\9):not(.awsui_has-header_hyvsj_1jtpy_537).awsui_is-overlap-disabled_hyvsj_1jtpy_486 {
|
|
576
576
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
577
577
|
}
|
|
578
|
-
.
|
|
578
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_has-breadcrumbs_hyvsj_1jtpy_534:not(#\9):not(.awsui_has-header_hyvsj_1jtpy_537):not(.awsui_is-overlap-disabled_hyvsj_1jtpy_486) {
|
|
579
579
|
--awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
|
|
580
580
|
}
|
|
581
|
-
.
|
|
581
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_has-header_hyvsj_1jtpy_537:not(#\9) {
|
|
582
582
|
--awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
583
583
|
}
|
|
584
|
-
.
|
|
584
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_content-first-child-main_hyvsj_1jtpy_558:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1jtpy_486), .awsui_layout_hyvsj_1jtpy_371.awsui_content-first-child-main_hyvsj_1jtpy_558.awsui_is-overlap-disabled_hyvsj_1jtpy_486:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1jtpy_558) {
|
|
585
585
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
586
586
|
}
|
|
587
587
|
@media (min-width: 689px) {
|
|
588
|
-
.
|
|
588
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_content-first-child-main_hyvsj_1jtpy_558:not(#\9):not(.awsui_has-header_hyvsj_1jtpy_537) {
|
|
589
589
|
--awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
|
|
590
590
|
--awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
|
|
591
591
|
}
|
|
592
592
|
}
|
|
593
593
|
@media (max-width: 688px) {
|
|
594
|
-
.
|
|
594
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_content-first-child-notifications_hyvsj_1jtpy_531:not(#\9) {
|
|
595
595
|
--awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
596
596
|
}
|
|
597
|
-
.
|
|
597
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_content-first-child-header_hyvsj_1jtpy_537:not(#\9) {
|
|
598
598
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
599
599
|
}
|
|
600
|
-
.
|
|
600
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_content-first-child-notifications_hyvsj_1jtpy_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1jtpy_534).awsui_has-header_hyvsj_1jtpy_537 {
|
|
601
601
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
602
602
|
}
|
|
603
|
-
.
|
|
603
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_content-first-child-notifications_hyvsj_1jtpy_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1jtpy_534):not(.awsui_has-header_hyvsj_1jtpy_537), .awsui_layout_hyvsj_1jtpy_371.awsui_content-first-child-main_hyvsj_1jtpy_558:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1jtpy_486) {
|
|
604
604
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
605
605
|
}
|
|
606
|
-
.
|
|
606
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_content-first-child-main_hyvsj_1jtpy_558.awsui_is-overlap-disabled_hyvsj_1jtpy_486:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1jtpy_558) {
|
|
607
607
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
608
608
|
}
|
|
609
609
|
}
|
|
@@ -618,19 +618,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
618
618
|
position: sticky will be the value of the notifications height in addition to the
|
|
619
619
|
notifications top margin and some additional vertical space for aesthetics.
|
|
620
620
|
*/
|
|
621
|
-
.
|
|
621
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_disable-body-scroll_hyvsj_1jtpy_191:not(#\9) {
|
|
622
622
|
--awsui-main-template-rows-y98gph: 1fr auto;
|
|
623
623
|
--awsui-offset-top-y98gph: 0px;
|
|
624
624
|
height: var(--awsui-content-height-y98gph);
|
|
625
625
|
overflow-y: scroll;
|
|
626
626
|
}
|
|
627
|
-
.
|
|
627
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_disable-body-scroll_hyvsj_1jtpy_191.awsui_has-split-panel_hyvsj_1jtpy_601.awsui_split-panel-position-bottom_hyvsj_1jtpy_601:not(#\9) {
|
|
628
628
|
--awsui-main-template-rows-y98gph: repeat(2, auto);
|
|
629
629
|
}
|
|
630
|
-
.
|
|
630
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_disable-body-scroll_hyvsj_1jtpy_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1jtpy_110) {
|
|
631
631
|
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
632
632
|
}
|
|
633
|
-
.
|
|
633
|
+
.awsui_layout_hyvsj_1jtpy_371.awsui_disable-body-scroll_hyvsj_1jtpy_191.awsui_has-sticky-notifications_hyvsj_1jtpy_110:not(#\9) {
|
|
634
634
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
635
635
|
var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
636
636
|
);
|
|
@@ -640,13 +640,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
640
640
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
641
641
|
when the navigation or tools drawers are open in responsive viewports.
|
|
642
642
|
*/
|
|
643
|
-
.awsui_block-body-
|
|
643
|
+
.awsui_block-body-scroll_hyvsj_1jtpy_617:not(#\9) {
|
|
644
644
|
overflow: hidden;
|
|
645
645
|
}
|
|
646
646
|
|
|
647
647
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
648
|
-
.
|
|
649
|
-
.
|
|
648
|
+
.awsui_unfocusable_hyvsj_1jtpy_622:not(#\9),
|
|
649
|
+
.awsui_unfocusable_hyvsj_1jtpy_622 *:not(#\9) {
|
|
650
650
|
visibility: hidden !important;
|
|
651
651
|
}
|
|
652
652
|
|
|
@@ -655,7 +655,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
655
655
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
656
656
|
SPDX-License-Identifier: Apache-2.0
|
|
657
657
|
*/
|
|
658
|
-
.
|
|
658
|
+
.awsui_container_hyvsj_1jtpy_632:not(#\9) {
|
|
659
659
|
grid-area: main;
|
|
660
660
|
padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
661
661
|
/*
|
|
@@ -672,18 +672,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
672
672
|
on the right, we decrement the column end by one.
|
|
673
673
|
*/
|
|
674
674
|
}
|
|
675
|
-
.
|
|
675
|
+
.awsui_container_hyvsj_1jtpy_632.awsui_has-split-panel_hyvsj_1jtpy_601.awsui_split-panel-position-bottom_hyvsj_1jtpy_601:not(#\9) {
|
|
676
676
|
padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
677
677
|
}
|
|
678
|
-
.
|
|
678
|
+
.awsui_container_hyvsj_1jtpy_632.awsui_disable-content-paddings_hyvsj_1jtpy_558:not(#\9) {
|
|
679
679
|
grid-column: 1/6;
|
|
680
680
|
padding: 0;
|
|
681
681
|
}
|
|
682
682
|
@media (min-width: 689px) {
|
|
683
|
-
.
|
|
683
|
+
.awsui_container_hyvsj_1jtpy_632.awsui_disable-content-paddings_hyvsj_1jtpy_558.awsui_is-navigation-open_hyvsj_1jtpy_657:not(#\9) {
|
|
684
684
|
grid-column-start: 2;
|
|
685
685
|
}
|
|
686
|
-
.
|
|
686
|
+
.awsui_container_hyvsj_1jtpy_632.awsui_disable-content-paddings_hyvsj_1jtpy_558.awsui_is-tools-open_hyvsj_1jtpy_660:not(#\9), .awsui_container_hyvsj_1jtpy_632.awsui_disable-content-paddings_hyvsj_1jtpy_558.awsui_is-split-panel-open_hyvsj_1jtpy_660.awsui_split-panel-position-side_hyvsj_1jtpy_660:not(#\9) {
|
|
687
687
|
grid-column-end: 5;
|
|
688
688
|
}
|
|
689
689
|
}
|
|
@@ -692,7 +692,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
692
692
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
693
693
|
SPDX-License-Identifier: Apache-2.0
|
|
694
694
|
*/
|
|
695
|
-
section.awsui_mobile-
|
|
695
|
+
section.awsui_mobile-toolbar_hyvsj_1jtpy_669:not(#\9) {
|
|
696
696
|
align-items: center;
|
|
697
697
|
background-color: var(--color-background-home-header-2rudu7, #000716);
|
|
698
698
|
border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
@@ -708,15 +708,15 @@ section.awsui_mobile-toolbar_hyvsj_qzxoz_669:not(#\9) {
|
|
|
708
708
|
top: var(--awsui-offset-top-y98gph);
|
|
709
709
|
z-index: 1000;
|
|
710
710
|
}
|
|
711
|
-
section.awsui_mobile-
|
|
711
|
+
section.awsui_mobile-toolbar_hyvsj_1jtpy_669 > .awsui_mobile-toolbar-nav_hyvsj_1jtpy_685:not(#\9) {
|
|
712
712
|
grid-column: 1;
|
|
713
713
|
margin-right: var(--space-m-udix3p, 16px);
|
|
714
714
|
}
|
|
715
|
-
section.awsui_mobile-
|
|
715
|
+
section.awsui_mobile-toolbar_hyvsj_1jtpy_669 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1jtpy_689:not(#\9) {
|
|
716
716
|
grid-column: 2;
|
|
717
717
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
718
718
|
}
|
|
719
|
-
section.awsui_mobile-
|
|
719
|
+
section.awsui_mobile-toolbar_hyvsj_1jtpy_669 > .awsui_mobile-toolbar-tools_hyvsj_1jtpy_693:not(#\9) {
|
|
720
720
|
grid-column: 3;
|
|
721
721
|
margin-left: var(--space-m-udix3p, 16px);
|
|
722
722
|
}
|
|
@@ -725,7 +725,7 @@ section.awsui_mobile-toolbar_hyvsj_qzxoz_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
725
725
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
726
726
|
SPDX-License-Identifier: Apache-2.0
|
|
727
727
|
*/
|
|
728
|
-
.awsui_navigation-
|
|
728
|
+
.awsui_navigation-container_hyvsj_1jtpy_702:not(#\9) {
|
|
729
729
|
--awsui-navigation-width-y98gph: 280px;
|
|
730
730
|
display: flex;
|
|
731
731
|
grid-column: 1;
|
|
@@ -747,12 +747,12 @@ section.awsui_mobile-toolbar_hyvsj_qzxoz_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
747
747
|
pointer-events: none;
|
|
748
748
|
}
|
|
749
749
|
@media (min-width: 2541px) {
|
|
750
|
-
.awsui_navigation-
|
|
750
|
+
.awsui_navigation-container_hyvsj_1jtpy_702:not(#\9) {
|
|
751
751
|
--awsui-navigation-width-y98gph: 320px;
|
|
752
752
|
}
|
|
753
753
|
}
|
|
754
754
|
@media (max-width: 688px) {
|
|
755
|
-
.awsui_navigation-
|
|
755
|
+
.awsui_navigation-container_hyvsj_1jtpy_702:not(#\9) {
|
|
756
756
|
left: 0;
|
|
757
757
|
position: fixed;
|
|
758
758
|
z-index: 1001;
|
|
@@ -764,19 +764,19 @@ section.awsui_mobile-toolbar_hyvsj_qzxoz_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
764
764
|
relative to the body.
|
|
765
765
|
*/
|
|
766
766
|
}
|
|
767
|
-
.awsui_navigation-
|
|
767
|
+
.awsui_navigation-container_hyvsj_1jtpy_702.awsui_disable-body-scroll_hyvsj_1jtpy_191:not(#\9) {
|
|
768
768
|
top: var(--awsui-header-height-y98gph);
|
|
769
769
|
}
|
|
770
770
|
}
|
|
771
771
|
|
|
772
|
-
nav.awsui_show-
|
|
772
|
+
nav.awsui_show-navigation_hyvsj_1jtpy_746:not(#\9) {
|
|
773
773
|
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
|
|
774
774
|
/*
|
|
775
775
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
776
776
|
take control in responsive viewports.
|
|
777
777
|
*/
|
|
778
778
|
}
|
|
779
|
-
@keyframes
|
|
779
|
+
@keyframes awsui_showButtons_hyvsj_1jtpy_1 {
|
|
780
780
|
0% {
|
|
781
781
|
opacity: 0;
|
|
782
782
|
}
|
|
@@ -784,31 +784,31 @@ nav.awsui_show-navigation_hyvsj_qzxoz_746:not(#\9) {
|
|
|
784
784
|
opacity: 1;
|
|
785
785
|
}
|
|
786
786
|
}
|
|
787
|
-
nav.awsui_show-
|
|
787
|
+
nav.awsui_show-navigation_hyvsj_1jtpy_746.awsui_is-navigation-open_hyvsj_1jtpy_657:not(#\9) {
|
|
788
788
|
display: none;
|
|
789
789
|
}
|
|
790
790
|
@media (min-width: 689px) {
|
|
791
|
-
nav.awsui_show-
|
|
791
|
+
nav.awsui_show-navigation_hyvsj_1jtpy_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jtpy_657) {
|
|
792
792
|
display: block;
|
|
793
793
|
}
|
|
794
|
-
nav.awsui_show-
|
|
795
|
-
animation:
|
|
794
|
+
nav.awsui_show-navigation_hyvsj_1jtpy_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jtpy_657).awsui_animating_hyvsj_1jtpy_768 {
|
|
795
|
+
animation: awsui_showButtons_hyvsj_1jtpy_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
796
796
|
}
|
|
797
797
|
}
|
|
798
798
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
799
|
-
nav.awsui_show-
|
|
799
|
+
nav.awsui_show-navigation_hyvsj_1jtpy_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jtpy_657).awsui_animating_hyvsj_1jtpy_768 {
|
|
800
800
|
animation: none;
|
|
801
801
|
transition: none;
|
|
802
802
|
}
|
|
803
803
|
}
|
|
804
804
|
@media (min-width: 689px) {
|
|
805
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
805
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1jtpy_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jtpy_657).awsui_animating_hyvsj_1jtpy_768, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1jtpy_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jtpy_657).awsui_animating_hyvsj_1jtpy_768 {
|
|
806
806
|
animation: none;
|
|
807
807
|
transition: none;
|
|
808
808
|
}
|
|
809
809
|
}
|
|
810
810
|
|
|
811
|
-
nav.
|
|
811
|
+
nav.awsui_navigation_hyvsj_1jtpy_702:not(#\9) {
|
|
812
812
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
813
813
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
814
814
|
bottom: 0;
|
|
@@ -826,7 +826,7 @@ nav.awsui_navigation_hyvsj_qzxoz_702:not(#\9) {
|
|
|
826
826
|
prevent unwanted text wrapping.
|
|
827
827
|
*/
|
|
828
828
|
}
|
|
829
|
-
@keyframes
|
|
829
|
+
@keyframes awsui_openNavigation_hyvsj_1jtpy_1 {
|
|
830
830
|
from {
|
|
831
831
|
opacity: 0;
|
|
832
832
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -836,33 +836,33 @@ nav.awsui_navigation_hyvsj_qzxoz_702:not(#\9) {
|
|
|
836
836
|
width: var(--awsui-navigation-width-y98gph);
|
|
837
837
|
}
|
|
838
838
|
}
|
|
839
|
-
nav.
|
|
839
|
+
nav.awsui_navigation_hyvsj_1jtpy_702:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jtpy_657) {
|
|
840
840
|
width: 0;
|
|
841
841
|
display: none;
|
|
842
842
|
}
|
|
843
|
-
nav.
|
|
844
|
-
animation:
|
|
843
|
+
nav.awsui_navigation_hyvsj_1jtpy_702.awsui_is-navigation-open_hyvsj_1jtpy_657.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
844
|
+
animation: awsui_openNavigation_hyvsj_1jtpy_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
845
845
|
}
|
|
846
846
|
@media (prefers-reduced-motion: reduce) {
|
|
847
|
-
nav.
|
|
847
|
+
nav.awsui_navigation_hyvsj_1jtpy_702.awsui_is-navigation-open_hyvsj_1jtpy_657.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
848
848
|
animation: none;
|
|
849
849
|
transition: none;
|
|
850
850
|
}
|
|
851
851
|
}
|
|
852
|
-
.awsui-motion-disabled nav.
|
|
852
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1jtpy_702.awsui_is-navigation-open_hyvsj_1jtpy_657.awsui_animating_hyvsj_1jtpy_768:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1jtpy_702.awsui_is-navigation-open_hyvsj_1jtpy_657.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
853
853
|
animation: none;
|
|
854
854
|
transition: none;
|
|
855
855
|
}
|
|
856
|
-
nav.
|
|
856
|
+
nav.awsui_navigation_hyvsj_1jtpy_702 > .awsui_animated-content_hyvsj_1jtpy_830:not(#\9) {
|
|
857
857
|
width: var(--awsui-navigation-width-y98gph);
|
|
858
858
|
}
|
|
859
859
|
@media (max-width: 688px) {
|
|
860
|
-
nav.
|
|
860
|
+
nav.awsui_navigation_hyvsj_1jtpy_702:not(#\9) {
|
|
861
861
|
--awsui-navigation-width-y98gph: 100vw;
|
|
862
862
|
}
|
|
863
863
|
}
|
|
864
864
|
|
|
865
|
-
.awsui_hide-
|
|
865
|
+
.awsui_hide-navigation_hyvsj_1jtpy_839:not(#\9) {
|
|
866
866
|
position: absolute;
|
|
867
867
|
right: var(--space-m-udix3p, 16px);
|
|
868
868
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -872,13 +872,13 @@ nav.awsui_navigation_hyvsj_qzxoz_702 > .awsui_animated-content_hyvsj_qzxoz_830:n
|
|
|
872
872
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
873
873
|
SPDX-License-Identifier: Apache-2.0
|
|
874
874
|
*/
|
|
875
|
-
.
|
|
875
|
+
.awsui_notifications_hyvsj_1jtpy_849:not(#\9) {
|
|
876
876
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
877
877
|
grid-area: notifications;
|
|
878
878
|
z-index: 850;
|
|
879
879
|
}
|
|
880
880
|
@media (min-width: 689px) {
|
|
881
|
-
.
|
|
881
|
+
.awsui_notifications_hyvsj_1jtpy_849.awsui_sticky-notifications_hyvsj_1jtpy_855:not(#\9) {
|
|
882
882
|
--awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
|
|
883
883
|
position: sticky;
|
|
884
884
|
top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
|
|
@@ -895,7 +895,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
895
895
|
consume the remaining vertical space in the grid after the notifications
|
|
896
896
|
and breadcrumbs.
|
|
897
897
|
*/
|
|
898
|
-
section.awsui_split-panel-
|
|
898
|
+
section.awsui_split-panel-bottom_hyvsj_1jtpy_872:not(#\9) {
|
|
899
899
|
/*
|
|
900
900
|
The align self property will position the split panel at the bottom of the grid row.
|
|
901
901
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -931,7 +931,7 @@ section.awsui_split-panel-bottom_hyvsj_qzxoz_872:not(#\9) {
|
|
|
931
931
|
apply the animation to the height property.
|
|
932
932
|
*/
|
|
933
933
|
}
|
|
934
|
-
@keyframes
|
|
934
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1jtpy_1 {
|
|
935
935
|
from {
|
|
936
936
|
height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
|
|
937
937
|
}
|
|
@@ -939,39 +939,39 @@ section.awsui_split-panel-bottom_hyvsj_qzxoz_872:not(#\9) {
|
|
|
939
939
|
height: var(--awsui-split-panel-reported-size-y98gph);
|
|
940
940
|
}
|
|
941
941
|
}
|
|
942
|
-
section.awsui_split-panel-
|
|
942
|
+
section.awsui_split-panel-bottom_hyvsj_1jtpy_872.awsui_disable-body-scroll_hyvsj_1jtpy_191:not(#\9) {
|
|
943
943
|
bottom: 0;
|
|
944
944
|
}
|
|
945
|
-
section.awsui_split-panel-
|
|
945
|
+
section.awsui_split-panel-bottom_hyvsj_1jtpy_872.awsui_is-navigation-open_hyvsj_1jtpy_657.awsui_position-bottom_hyvsj_1jtpy_919:not(#\9) {
|
|
946
946
|
grid-column-start: 2;
|
|
947
947
|
}
|
|
948
|
-
section.awsui_split-panel-
|
|
948
|
+
section.awsui_split-panel-bottom_hyvsj_1jtpy_872.awsui_has-open-drawer_hyvsj_1jtpy_156.awsui_position-bottom_hyvsj_1jtpy_919:not(#\9) {
|
|
949
949
|
grid-column-end: 5;
|
|
950
950
|
}
|
|
951
|
-
section.awsui_split-panel-
|
|
951
|
+
section.awsui_split-panel-bottom_hyvsj_1jtpy_872.awsui_position-bottom_hyvsj_1jtpy_919:not(#\9) {
|
|
952
952
|
display: block;
|
|
953
953
|
}
|
|
954
|
-
section.awsui_split-panel-
|
|
954
|
+
section.awsui_split-panel-bottom_hyvsj_1jtpy_872:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1jtpy_660).awsui_position-bottom_hyvsj_1jtpy_919 {
|
|
955
955
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
956
956
|
}
|
|
957
|
-
section.awsui_split-panel-
|
|
957
|
+
section.awsui_split-panel-bottom_hyvsj_1jtpy_872.awsui_is-split-panel-open_hyvsj_1jtpy_660.awsui_position-bottom_hyvsj_1jtpy_919:not(#\9) {
|
|
958
958
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
959
959
|
}
|
|
960
|
-
section.awsui_split-panel-
|
|
961
|
-
animation:
|
|
960
|
+
section.awsui_split-panel-bottom_hyvsj_1jtpy_872.awsui_is-split-panel-open_hyvsj_1jtpy_660.awsui_position-bottom_hyvsj_1jtpy_919.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
961
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1jtpy_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
962
962
|
}
|
|
963
963
|
@media (prefers-reduced-motion: reduce) {
|
|
964
|
-
section.awsui_split-panel-
|
|
964
|
+
section.awsui_split-panel-bottom_hyvsj_1jtpy_872.awsui_is-split-panel-open_hyvsj_1jtpy_660.awsui_position-bottom_hyvsj_1jtpy_919.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
965
965
|
animation: none;
|
|
966
966
|
transition: none;
|
|
967
967
|
}
|
|
968
968
|
}
|
|
969
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
969
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1jtpy_872.awsui_is-split-panel-open_hyvsj_1jtpy_660.awsui_position-bottom_hyvsj_1jtpy_919.awsui_animating_hyvsj_1jtpy_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1jtpy_872.awsui_is-split-panel-open_hyvsj_1jtpy_660.awsui_position-bottom_hyvsj_1jtpy_919.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
970
970
|
animation: none;
|
|
971
971
|
transition: none;
|
|
972
972
|
}
|
|
973
973
|
|
|
974
|
-
section.awsui_split-panel-
|
|
974
|
+
section.awsui_split-panel-side_hyvsj_1jtpy_948:not(#\9) {
|
|
975
975
|
height: 100%;
|
|
976
976
|
overflow-x: hidden;
|
|
977
977
|
pointer-events: auto;
|
|
@@ -986,7 +986,7 @@ section.awsui_split-panel-side_hyvsj_qzxoz_948:not(#\9) {
|
|
|
986
986
|
prevent unwanted text wrapping.
|
|
987
987
|
*/
|
|
988
988
|
}
|
|
989
|
-
@keyframes
|
|
989
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_1jtpy_1 {
|
|
990
990
|
from {
|
|
991
991
|
opacity: 0;
|
|
992
992
|
width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
@@ -996,28 +996,28 @@ section.awsui_split-panel-side_hyvsj_qzxoz_948:not(#\9) {
|
|
|
996
996
|
width: var(--awsui-split-panel-reported-size-y98gph);
|
|
997
997
|
}
|
|
998
998
|
}
|
|
999
|
-
section.awsui_split-panel-
|
|
999
|
+
section.awsui_split-panel-side_hyvsj_1jtpy_948:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1jtpy_660), section.awsui_split-panel-side_hyvsj_1jtpy_948.awsui_position-bottom_hyvsj_1jtpy_919:not(#\9) {
|
|
1000
1000
|
width: 0;
|
|
1001
1001
|
}
|
|
1002
|
-
section.awsui_split-panel-
|
|
1002
|
+
section.awsui_split-panel-side_hyvsj_1jtpy_948.awsui_is-split-panel-open_hyvsj_1jtpy_660.awsui_position-side_hyvsj_1jtpy_976:not(#\9) {
|
|
1003
1003
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1004
1004
|
max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
|
|
1005
1005
|
min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
1006
1006
|
}
|
|
1007
|
-
section.awsui_split-panel-
|
|
1008
|
-
animation:
|
|
1007
|
+
section.awsui_split-panel-side_hyvsj_1jtpy_948.awsui_is-split-panel-open_hyvsj_1jtpy_660.awsui_position-side_hyvsj_1jtpy_976.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
1008
|
+
animation: awsui_openSplitPanelSide_hyvsj_1jtpy_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1009
1009
|
}
|
|
1010
1010
|
@media (prefers-reduced-motion: reduce) {
|
|
1011
|
-
section.awsui_split-panel-
|
|
1011
|
+
section.awsui_split-panel-side_hyvsj_1jtpy_948.awsui_is-split-panel-open_hyvsj_1jtpy_660.awsui_position-side_hyvsj_1jtpy_976.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
1012
1012
|
animation: none;
|
|
1013
1013
|
transition: none;
|
|
1014
1014
|
}
|
|
1015
1015
|
}
|
|
1016
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1016
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_1jtpy_948.awsui_is-split-panel-open_hyvsj_1jtpy_660.awsui_position-side_hyvsj_1jtpy_976.awsui_animating_hyvsj_1jtpy_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_1jtpy_948.awsui_is-split-panel-open_hyvsj_1jtpy_660.awsui_position-side_hyvsj_1jtpy_976.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
1017
1017
|
animation: none;
|
|
1018
1018
|
transition: none;
|
|
1019
1019
|
}
|
|
1020
|
-
section.awsui_split-panel-
|
|
1020
|
+
section.awsui_split-panel-side_hyvsj_1jtpy_948 > .awsui_animated-content_hyvsj_1jtpy_830:not(#\9) {
|
|
1021
1021
|
height: 100%;
|
|
1022
1022
|
max-width: inherit;
|
|
1023
1023
|
width: var(--awsui-split-panel-reported-size-y98gph);
|
|
@@ -1036,7 +1036,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1036
1036
|
property. The content gap right is computed in the Layout styles based on the
|
|
1037
1037
|
viewport size and state of the Tools drawer.
|
|
1038
1038
|
*/
|
|
1039
|
-
.awsui_tools-
|
|
1039
|
+
.awsui_tools-container_hyvsj_1jtpy_1013:not(#\9) {
|
|
1040
1040
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1041
1041
|
--awsui-tools-max-width-y98gph: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
|
|
1042
1042
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1052,12 +1052,12 @@ viewport size and state of the Tools drawer.
|
|
|
1052
1052
|
pointer-events: none;
|
|
1053
1053
|
}
|
|
1054
1054
|
@media (min-width: 2541px) {
|
|
1055
|
-
.awsui_tools-
|
|
1055
|
+
.awsui_tools-container_hyvsj_1jtpy_1013:not(#\9) {
|
|
1056
1056
|
--awsui-tools-width-y98gph: 360px;
|
|
1057
1057
|
}
|
|
1058
1058
|
}
|
|
1059
1059
|
@media (max-width: 688px) {
|
|
1060
|
-
.awsui_tools-
|
|
1060
|
+
.awsui_tools-container_hyvsj_1jtpy_1013:not(#\9) {
|
|
1061
1061
|
--awsui-tools-max-width-y98gph: none;
|
|
1062
1062
|
--awsui-tools-width-y98gph: auto;
|
|
1063
1063
|
position: fixed;
|
|
@@ -1071,12 +1071,12 @@ viewport size and state of the Tools drawer.
|
|
|
1071
1071
|
relative to the body.
|
|
1072
1072
|
*/
|
|
1073
1073
|
}
|
|
1074
|
-
.awsui_tools-
|
|
1074
|
+
.awsui_tools-container_hyvsj_1jtpy_1013.awsui_disable-body-scroll_hyvsj_1jtpy_191:not(#\9) {
|
|
1075
1075
|
top: var(--awsui-header-height-y98gph);
|
|
1076
1076
|
}
|
|
1077
1077
|
}
|
|
1078
1078
|
|
|
1079
|
-
.
|
|
1079
|
+
.awsui_tools_hyvsj_1jtpy_1013:not(#\9) {
|
|
1080
1080
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1081
1081
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1082
1082
|
flex-shrink: 0;
|
|
@@ -1100,7 +1100,7 @@ viewport size and state of the Tools drawer.
|
|
|
1100
1100
|
in the side position.
|
|
1101
1101
|
*/
|
|
1102
1102
|
}
|
|
1103
|
-
@keyframes
|
|
1103
|
+
@keyframes awsui_openTools_hyvsj_1jtpy_1 {
|
|
1104
1104
|
from {
|
|
1105
1105
|
opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
|
|
1106
1106
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -1110,38 +1110,38 @@ viewport size and state of the Tools drawer.
|
|
|
1110
1110
|
width: var(--awsui-tools-width-y98gph);
|
|
1111
1111
|
}
|
|
1112
1112
|
}
|
|
1113
|
-
.
|
|
1113
|
+
.awsui_tools_hyvsj_1jtpy_1013:not(#\9):not(.awsui_is-tools-open_hyvsj_1jtpy_660) {
|
|
1114
1114
|
width: 0;
|
|
1115
1115
|
display: none;
|
|
1116
1116
|
}
|
|
1117
|
-
.
|
|
1118
|
-
animation:
|
|
1117
|
+
.awsui_tools_hyvsj_1jtpy_1013.awsui_is-tools-open_hyvsj_1jtpy_660.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
1118
|
+
animation: awsui_openTools_hyvsj_1jtpy_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1119
1119
|
}
|
|
1120
1120
|
@media (prefers-reduced-motion: reduce) {
|
|
1121
|
-
.
|
|
1121
|
+
.awsui_tools_hyvsj_1jtpy_1013.awsui_is-tools-open_hyvsj_1jtpy_660.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
1122
1122
|
animation: none;
|
|
1123
1123
|
transition: none;
|
|
1124
1124
|
}
|
|
1125
1125
|
}
|
|
1126
|
-
.awsui-motion-disabled .
|
|
1126
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1jtpy_1013.awsui_is-tools-open_hyvsj_1jtpy_660.awsui_animating_hyvsj_1jtpy_768:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1jtpy_1013.awsui_is-tools-open_hyvsj_1jtpy_660.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
1127
1127
|
animation: none;
|
|
1128
1128
|
transition: none;
|
|
1129
1129
|
}
|
|
1130
|
-
.
|
|
1130
|
+
.awsui_tools_hyvsj_1jtpy_1013 > .awsui_animated-content_hyvsj_1jtpy_830:not(#\9) {
|
|
1131
1131
|
width: var(--awsui-tools-width-y98gph);
|
|
1132
1132
|
}
|
|
1133
1133
|
@media (min-width: 689px) {
|
|
1134
|
-
.
|
|
1134
|
+
.awsui_tools_hyvsj_1jtpy_1013.awsui_is-tools-open_hyvsj_1jtpy_660.awsui_has-tools-form-persistence_hyvsj_1jtpy_1108:not(#\9) {
|
|
1135
1135
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
1136
1136
|
}
|
|
1137
1137
|
}
|
|
1138
1138
|
@media (max-width: 688px) {
|
|
1139
|
-
.
|
|
1139
|
+
.awsui_tools_hyvsj_1jtpy_1013:not(#\9) {
|
|
1140
1140
|
--awsui-tools-width-y98gph: 100vw;
|
|
1141
1141
|
}
|
|
1142
1142
|
}
|
|
1143
1143
|
|
|
1144
|
-
.awsui_hide-
|
|
1144
|
+
.awsui_hide-tools_hyvsj_1jtpy_1118:not(#\9) {
|
|
1145
1145
|
position: absolute;
|
|
1146
1146
|
right: var(--space-m-udix3p, 16px);
|
|
1147
1147
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1153,7 +1153,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1153
1153
|
the calculation used to determine the Split Panel maximum width in the
|
|
1154
1154
|
handleSplitPanelMaxWidth function in the context.
|
|
1155
1155
|
*/
|
|
1156
|
-
.awsui_show-
|
|
1156
|
+
.awsui_show-tools_hyvsj_1jtpy_1130:not(#\9) {
|
|
1157
1157
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1158
1158
|
border-collapse: separate;
|
|
1159
1159
|
border-spacing: 0;
|
|
@@ -1197,7 +1197,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1197
1197
|
take control in responsive viewports.
|
|
1198
1198
|
*/
|
|
1199
1199
|
}
|
|
1200
|
-
@keyframes
|
|
1200
|
+
@keyframes awsui_showButtons_hyvsj_1jtpy_1 {
|
|
1201
1201
|
0% {
|
|
1202
1202
|
opacity: 0;
|
|
1203
1203
|
}
|
|
@@ -1205,31 +1205,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1205
1205
|
opacity: 1;
|
|
1206
1206
|
}
|
|
1207
1207
|
}
|
|
1208
|
-
.awsui_show-
|
|
1208
|
+
.awsui_show-tools_hyvsj_1jtpy_1130:not(#\9):not(.awsui_has-tools-form_hyvsj_1jtpy_1108) {
|
|
1209
1209
|
display: none;
|
|
1210
1210
|
}
|
|
1211
1211
|
@media (min-width: 689px) {
|
|
1212
|
-
.awsui_show-
|
|
1212
|
+
.awsui_show-tools_hyvsj_1jtpy_1130.awsui_has-tools-form_hyvsj_1jtpy_1108:not(#\9) {
|
|
1213
1213
|
display: flex;
|
|
1214
1214
|
flex-direction: column;
|
|
1215
1215
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1216
1216
|
}
|
|
1217
|
-
.awsui_show-
|
|
1218
|
-
animation:
|
|
1217
|
+
.awsui_show-tools_hyvsj_1jtpy_1130.awsui_has-tools-form_hyvsj_1jtpy_1108.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
1218
|
+
animation: awsui_showButtons_hyvsj_1jtpy_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1219
1219
|
}
|
|
1220
1220
|
}
|
|
1221
1221
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1222
|
-
.awsui_show-
|
|
1222
|
+
.awsui_show-tools_hyvsj_1jtpy_1130.awsui_has-tools-form_hyvsj_1jtpy_1108.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
1223
1223
|
animation: none;
|
|
1224
1224
|
transition: none;
|
|
1225
1225
|
}
|
|
1226
1226
|
}
|
|
1227
1227
|
@media (min-width: 689px) {
|
|
1228
|
-
.awsui-motion-disabled .awsui_show-
|
|
1228
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1jtpy_1130.awsui_has-tools-form_hyvsj_1jtpy_1108.awsui_animating_hyvsj_1jtpy_768:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1jtpy_1130.awsui_has-tools-form_hyvsj_1jtpy_1108.awsui_animating_hyvsj_1jtpy_768:not(#\9) {
|
|
1229
1229
|
animation: none;
|
|
1230
1230
|
transition: none;
|
|
1231
1231
|
}
|
|
1232
|
-
.awsui_show-
|
|
1232
|
+
.awsui_show-tools_hyvsj_1jtpy_1130.awsui_has-tools-form-persistence_hyvsj_1jtpy_1108:not(#\9) {
|
|
1233
1233
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1234
1234
|
z-index: 1;
|
|
1235
1235
|
}
|
|
@@ -1239,7 +1239,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1239
1239
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1240
1240
|
SPDX-License-Identifier: Apache-2.0
|
|
1241
1241
|
*/
|
|
1242
|
-
.awsui_trigger-badge-
|
|
1242
|
+
.awsui_trigger-badge-wrapper_hyvsj_1jtpy_1190:not(#\9) {
|
|
1243
1243
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1244
1244
|
border-radius: 50%;
|
|
1245
1245
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1252,10 +1252,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1252
1252
|
align-items: center;
|
|
1253
1253
|
clip-path: path("M38.0215 11.3161C37.1068 11.7545 36.0821 12 35 12C31.134 12 28 8.86599 28 5C28 3.91794 28.2455 2.89322 28.6839 1.97851C26.0575 0.710652 23.1118 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 16.8882 39.2893 13.9425 38.0215 11.3161Z");
|
|
1254
1254
|
}
|
|
1255
|
-
.awsui_trigger-badge-
|
|
1255
|
+
.awsui_trigger-badge-wrapper_hyvsj_1jtpy_1190:not(#\9):hover {
|
|
1256
1256
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1257
1257
|
}
|
|
1258
|
-
.awsui_trigger-badge-
|
|
1258
|
+
.awsui_trigger-badge-wrapper_hyvsj_1jtpy_1190:not(#\9):active {
|
|
1259
1259
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1260
1260
|
}
|
|
1261
1261
|
|
|
@@ -1264,7 +1264,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1264
1264
|
the calculation used to determine the Split Panel maximum width in the
|
|
1265
1265
|
handleSplitPanelMaxWidth function in the context.
|
|
1266
1266
|
*/
|
|
1267
|
-
.
|
|
1267
|
+
.awsui_trigger_hyvsj_1jtpy_1190:not(#\9) {
|
|
1268
1268
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1269
1269
|
border-radius: 50%;
|
|
1270
1270
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1276,20 +1276,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1276
1276
|
pointer-events: auto;
|
|
1277
1277
|
position: relative;
|
|
1278
1278
|
}
|
|
1279
|
-
.
|
|
1279
|
+
.awsui_trigger_hyvsj_1jtpy_1190:not(#\9):hover {
|
|
1280
1280
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1281
1281
|
}
|
|
1282
|
-
.
|
|
1282
|
+
.awsui_trigger_hyvsj_1jtpy_1190:not(#\9):active {
|
|
1283
1283
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1284
1284
|
}
|
|
1285
|
-
body[data-awsui-focus-visible=true] .
|
|
1285
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jtpy_1190:not(#\9):focus {
|
|
1286
1286
|
position: relative;
|
|
1287
1287
|
}
|
|
1288
|
-
body[data-awsui-focus-visible=true] .
|
|
1288
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jtpy_1190:not(#\9):focus {
|
|
1289
1289
|
outline: 2px dotted transparent;
|
|
1290
1290
|
outline-offset: calc(3px - 1px);
|
|
1291
1291
|
}
|
|
1292
|
-
body[data-awsui-focus-visible=true] .
|
|
1292
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jtpy_1190:not(#\9):focus::before {
|
|
1293
1293
|
content: " ";
|
|
1294
1294
|
display: block;
|
|
1295
1295
|
position: absolute;
|
|
@@ -1300,40 +1300,40 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_qzxoz_1190:not(#\9):foc
|
|
|
1300
1300
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1301
1301
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1302
1302
|
}
|
|
1303
|
-
.
|
|
1303
|
+
.awsui_trigger_hyvsj_1jtpy_1190:not(#\9):focus {
|
|
1304
1304
|
outline: none;
|
|
1305
1305
|
}
|
|
1306
|
-
.
|
|
1306
|
+
.awsui_trigger_hyvsj_1jtpy_1190.awsui_selected_hyvsj_1jtpy_1254:not(#\9) {
|
|
1307
1307
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1308
1308
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1309
1309
|
}
|
|
1310
|
-
.
|
|
1310
|
+
.awsui_trigger_hyvsj_1jtpy_1190.awsui_selected_hyvsj_1jtpy_1254:not(#\9):hover {
|
|
1311
1311
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1312
1312
|
}
|
|
1313
|
-
.
|
|
1313
|
+
.awsui_trigger_hyvsj_1jtpy_1190.awsui_selected_hyvsj_1jtpy_1254:not(#\9):active {
|
|
1314
1314
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1315
1315
|
}
|
|
1316
|
-
.
|
|
1316
|
+
.awsui_trigger_hyvsj_1jtpy_1190.awsui_selected_hyvsj_1jtpy_1254 > .awsui_trigger-badge-wrapper_hyvsj_1jtpy_1190:not(#\9) {
|
|
1317
1317
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1318
1318
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1319
1319
|
}
|
|
1320
|
-
.
|
|
1320
|
+
.awsui_trigger_hyvsj_1jtpy_1190.awsui_selected_hyvsj_1jtpy_1254 > .awsui_trigger-badge-wrapper_hyvsj_1jtpy_1190:not(#\9):hover {
|
|
1321
1321
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1322
1322
|
}
|
|
1323
|
-
.
|
|
1323
|
+
.awsui_trigger_hyvsj_1jtpy_1190.awsui_selected_hyvsj_1jtpy_1254 > .awsui_trigger-badge-wrapper_hyvsj_1jtpy_1190:not(#\9):active {
|
|
1324
1324
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1325
1325
|
}
|
|
1326
|
-
.
|
|
1326
|
+
.awsui_trigger_hyvsj_1jtpy_1190.awsui_badge_hyvsj_1jtpy_1274:not(#\9), .awsui_trigger_hyvsj_1jtpy_1190.awsui_badge_hyvsj_1jtpy_1274:not(#\9):hover, .awsui_trigger_hyvsj_1jtpy_1190.awsui_badge_hyvsj_1jtpy_1274:not(#\9):active {
|
|
1327
1327
|
background: transparent;
|
|
1328
1328
|
}
|
|
1329
1329
|
|
|
1330
|
-
.awsui_trigger-
|
|
1330
|
+
.awsui_trigger-wrapper_hyvsj_1jtpy_1278:not(#\9) {
|
|
1331
1331
|
position: relative;
|
|
1332
1332
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1333
1333
|
border-radius: 50%;
|
|
1334
1334
|
}
|
|
1335
1335
|
|
|
1336
|
-
.
|
|
1336
|
+
.awsui_dot_hyvsj_1jtpy_1284:not(#\9) {
|
|
1337
1337
|
position: absolute;
|
|
1338
1338
|
width: 10px;
|
|
1339
1339
|
height: 10px;
|