@cloudscape-design/components 3.0.365 → 3.0.367
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/defaults.d.ts +1 -2
- package/app-layout/defaults.d.ts.map +1 -1
- package/app-layout/defaults.js.map +1 -1
- package/app-layout/drawer/drawers-helpers.d.ts +7 -0
- package/app-layout/drawer/drawers-helpers.d.ts.map +1 -0
- package/app-layout/drawer/drawers-helpers.js +24 -0
- package/app-layout/drawer/drawers-helpers.js.map +1 -0
- package/app-layout/drawer/index.d.ts +1 -1
- package/app-layout/drawer/index.d.ts.map +1 -1
- package/app-layout/drawer/index.js +41 -18
- package/app-layout/drawer/index.js.map +1 -1
- package/app-layout/drawer/interfaces.d.ts +8 -3
- package/app-layout/drawer/interfaces.d.ts.map +1 -1
- package/app-layout/drawer/interfaces.js.map +1 -1
- package/app-layout/drawer/overflow-menu.d.ts +13 -0
- package/app-layout/drawer/overflow-menu.d.ts.map +1 -0
- package/app-layout/drawer/overflow-menu.js +17 -0
- package/app-layout/drawer/overflow-menu.js.map +1 -0
- package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
- package/app-layout/drawer/resizable-drawer.js +6 -2
- package/app-layout/drawer/resizable-drawer.js.map +1 -1
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +46 -124
- package/app-layout/index.js.map +1 -1
- package/app-layout/mobile-toolbar/index.d.ts +1 -0
- package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
- package/app-layout/mobile-toolbar/index.js +15 -5
- package/app-layout/mobile-toolbar/index.js.map +1 -1
- package/app-layout/toggles/index.js +2 -2
- package/app-layout/toggles/index.js.map +1 -1
- package/app-layout/toggles/interfaces.d.ts +1 -0
- package/app-layout/toggles/interfaces.d.ts.map +1 -1
- package/app-layout/toggles/interfaces.js.map +1 -1
- package/app-layout/utils/use-drawers.d.ts +29 -0
- package/app-layout/utils/use-drawers.d.ts.map +1 -0
- package/app-layout/utils/use-drawers.js +87 -0
- package/app-layout/utils/use-drawers.js.map +1 -0
- package/app-layout/utils/use-resize.d.ts +8 -4
- package/app-layout/utils/use-resize.d.ts.map +1 -1
- package/app-layout/utils/use-resize.js +5 -37
- package/app-layout/utils/use-resize.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts +6 -4
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +20 -38
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
- package/app-layout/visual-refresh/drawers.js +50 -25
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/mobile-toolbar.js +2 -2
- package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
- package/app-layout/visual-refresh/split-panel.js +1 -1
- package/app-layout/visual-refresh/split-panel.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +74 -69
- package/app-layout/visual-refresh/styles.scoped.css +197 -167
- package/app-layout/visual-refresh/styles.selectors.js +74 -69
- package/app-layout/visual-refresh/tools.js +1 -1
- package/app-layout/visual-refresh/tools.js.map +1 -1
- package/app-layout/visual-refresh/trigger-button.d.ts +1 -0
- package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
- package/app-layout/visual-refresh/trigger-button.js +8 -5
- package/app-layout/visual-refresh/trigger-button.js.map +1 -1
- package/button/icon-helper.d.ts +1 -0
- package/button/icon-helper.d.ts.map +1 -1
- package/button/icon-helper.js +2 -2
- package/button/icon-helper.js.map +1 -1
- package/button/internal.d.ts +2 -0
- package/button/internal.d.ts.map +1 -1
- package/button/internal.js +2 -1
- package/button/internal.js.map +1 -1
- package/button-dropdown/interfaces.d.ts +10 -1
- package/button-dropdown/interfaces.d.ts.map +1 -1
- package/button-dropdown/interfaces.js.map +1 -1
- package/button-dropdown/internal.d.ts.map +1 -1
- package/button-dropdown/internal.js +15 -1
- package/button-dropdown/internal.js.map +1 -1
- package/button-dropdown/item-element/index.d.ts +4 -0
- package/button-dropdown/item-element/index.d.ts.map +1 -1
- package/button-dropdown/item-element/index.js +1 -1
- package/button-dropdown/item-element/index.js.map +1 -1
- package/icon/styles.css.js +21 -21
- package/icon/styles.scoped.css +54 -54
- package/icon/styles.selectors.js +21 -21
- package/internal/base-component/styles.scoped.css +5 -0
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/theming/index.cjs +31 -0
- package/internal/generated/theming/index.js +31 -0
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/popover/interfaces.d.ts +4 -0
- package/popover/interfaces.d.ts.map +1 -1
- package/popover/interfaces.js.map +1 -1
- package/popover/internal.js +2 -2
- package/popover/internal.js.map +1 -1
- package/property-filter/index.d.ts.map +1 -1
- package/property-filter/index.js +2 -1
- package/property-filter/index.js.map +1 -1
- package/property-filter/styles.css.js +30 -29
- package/property-filter/styles.scoped.css +38 -32
- package/property-filter/styles.selectors.js +30 -29
|
@@ -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_jgnob_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_jgnob_93 > .awsui_scrolling-background_hyvsj_jgnob_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_jgnob_93 > .awsui_sticky-background_hyvsj_jgnob_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_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-zw2xxa);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_jgnob_93 > .awsui_sticky-background_hyvsj_jgnob_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_jgnob_110) {
|
|
111
111
|
height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-zw2xxa));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_jgnob_93 > .awsui_sticky-background_hyvsj_jgnob_102.awsui_has-sticky-notifications_hyvsj_jgnob_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
115
|
var(--awsui-notifications-gap-zw2xxa) + var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-zw2xxa)
|
|
116
116
|
);
|
|
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_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_jgnob_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_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_jgnob_123.awsui_has-sticky-background_hyvsj_jgnob_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_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_jgnob_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
@@ -154,29 +154,29 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
|
|
|
154
154
|
z-index: 830;
|
|
155
155
|
transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
156
156
|
}
|
|
157
|
-
.awsui_drawers-
|
|
157
|
+
.awsui_drawers-container_hyvsj_jgnob_145.awsui_has-open-drawer_hyvsj_jgnob_157:not(#\9) {
|
|
158
158
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
159
159
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
160
160
|
}
|
|
161
161
|
@media (prefers-reduced-motion: reduce) {
|
|
162
|
-
.awsui_drawers-
|
|
162
|
+
.awsui_drawers-container_hyvsj_jgnob_145: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_jgnob_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_jgnob_145: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_jgnob_145:not(#\9) {
|
|
173
173
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
174
174
|
max-width: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
|
|
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_jgnob_145:not(#\9) {
|
|
180
180
|
position: fixed;
|
|
181
181
|
right: 0;
|
|
182
182
|
z-index: 1001;
|
|
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
|
|
|
188
188
|
relative to the body.
|
|
189
189
|
*/
|
|
190
190
|
}
|
|
191
|
-
.awsui_drawers-
|
|
191
|
+
.awsui_drawers-container_hyvsj_jgnob_145.awsui_disable-body-scroll_hyvsj_jgnob_191:not(#\9) {
|
|
192
192
|
top: var(--awsui-header-height-zw2xxa);
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.awsui_drawers-desktop-triggers-
|
|
196
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_jgnob_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,39 +238,43 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_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_jgnob_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215).awsui_has-open-drawer_hyvsj_jgnob_157 {
|
|
242
242
|
width: 0;
|
|
243
243
|
}
|
|
244
|
-
.awsui_drawers-desktop-triggers-
|
|
244
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_jgnob_196.awsui_has-multiple-triggers_hyvsj_jgnob_215.awsui_has-open-drawer_hyvsj_jgnob_157: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_jgnob_196.awsui_has-multiple-triggers_hyvsj_jgnob_215.awsui_has-open-drawer_hyvsj_jgnob_157: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_jgnob_196.awsui_has-multiple-triggers_hyvsj_jgnob_215.awsui_has-open-drawer_hyvsj_jgnob_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_jgnob_196.awsui_has-multiple-triggers_hyvsj_jgnob_215.awsui_has-open-drawer_hyvsj_jgnob_157:not(#\9) {
|
|
255
255
|
animation: none;
|
|
256
256
|
transition: none;
|
|
257
257
|
}
|
|
258
|
-
.awsui_drawers-desktop-triggers-
|
|
258
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_jgnob_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157) {
|
|
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_jgnob_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157) {
|
|
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_jgnob_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_jgnob_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157) {
|
|
269
269
|
animation: none;
|
|
270
270
|
transition: none;
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.awsui_drawers-
|
|
273
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_jgnob_247:not(#\9) {
|
|
274
|
+
display: flex;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
.awsui_drawers-trigger-content_hyvsj_jgnob_251:not(#\9) {
|
|
274
278
|
align-items: center;
|
|
275
279
|
display: flex;
|
|
276
280
|
flex-direction: column;
|
|
@@ -278,33 +282,40 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
|
|
|
278
282
|
padding-top: var(--space-scaled-s-aqzyko, 12px);
|
|
279
283
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
280
284
|
}
|
|
281
|
-
.awsui_drawers-trigger-
|
|
285
|
+
.awsui_drawers-trigger-content_hyvsj_jgnob_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215).awsui_has-open-drawer_hyvsj_jgnob_157 {
|
|
282
286
|
opacity: 0;
|
|
283
287
|
}
|
|
284
|
-
.awsui_drawers-trigger-
|
|
288
|
+
.awsui_drawers-trigger-content_hyvsj_jgnob_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157) {
|
|
285
289
|
opacity: 1;
|
|
286
290
|
transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
287
291
|
transition-delay: calc(var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) / 1.5);
|
|
288
292
|
}
|
|
289
293
|
@media (prefers-reduced-motion: reduce) {
|
|
290
|
-
.awsui_drawers-trigger-
|
|
294
|
+
.awsui_drawers-trigger-content_hyvsj_jgnob_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157) {
|
|
291
295
|
animation: none;
|
|
292
296
|
transition: none;
|
|
293
297
|
}
|
|
294
298
|
}
|
|
295
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
299
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_jgnob_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_jgnob_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_jgnob_215):not(.awsui_has-open-drawer_hyvsj_jgnob_157) {
|
|
296
300
|
animation: none;
|
|
297
301
|
transition: none;
|
|
298
302
|
}
|
|
303
|
+
.awsui_drawers-trigger-content_hyvsj_jgnob_251 > .awsui_drawers-trigger-overflow_hyvsj_jgnob_277:not(#\9) {
|
|
304
|
+
padding: 0 1px;
|
|
305
|
+
display: flex;
|
|
306
|
+
align-items: center;
|
|
307
|
+
justify-content: center;
|
|
308
|
+
}
|
|
299
309
|
|
|
300
310
|
@media (max-width: 688px) {
|
|
301
|
-
.awsui_drawers-
|
|
311
|
+
.awsui_drawers-trigger_hyvsj_jgnob_251:not(#\9) {
|
|
302
312
|
width: 40px;
|
|
303
|
-
|
|
313
|
+
display: flex;
|
|
314
|
+
justify-content: center;
|
|
304
315
|
}
|
|
305
316
|
}
|
|
306
317
|
|
|
307
|
-
.
|
|
318
|
+
.awsui_drawer_hyvsj_jgnob_145:not(#\9) {
|
|
308
319
|
--awsui-drawer-size-zw2xxa: 290px;
|
|
309
320
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
310
321
|
border-color: transparent;
|
|
@@ -320,39 +331,39 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
|
|
|
320
331
|
pointer-events: auto;
|
|
321
332
|
word-wrap: break-word;
|
|
322
333
|
}
|
|
323
|
-
.
|
|
334
|
+
.awsui_drawer_hyvsj_jgnob_145 > .awsui_drawer-close-button_hyvsj_jgnob_308:not(#\9) {
|
|
324
335
|
grid-column: 3;
|
|
325
336
|
grid-row: 2;
|
|
326
337
|
z-index: 1;
|
|
327
338
|
}
|
|
328
|
-
.
|
|
339
|
+
.awsui_drawer_hyvsj_jgnob_145 > .awsui_drawer-content_hyvsj_jgnob_313:not(#\9) {
|
|
329
340
|
grid-column: 1/span 4;
|
|
330
341
|
grid-row: 1/span 3;
|
|
331
342
|
width: var(--awsui-drawer-size-zw2xxa);
|
|
332
343
|
}
|
|
333
|
-
.
|
|
344
|
+
.awsui_drawer_hyvsj_jgnob_145 > .awsui_drawer-slider_hyvsj_jgnob_318:not(#\9) {
|
|
334
345
|
grid-column: 1;
|
|
335
346
|
grid-row: 3;
|
|
336
347
|
height: 100%;
|
|
337
348
|
display: flex;
|
|
338
349
|
align-items: center;
|
|
339
350
|
}
|
|
340
|
-
.
|
|
351
|
+
.awsui_drawer_hyvsj_jgnob_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_jgnob_325) {
|
|
341
352
|
opacity: 0;
|
|
342
353
|
width: 0;
|
|
343
354
|
}
|
|
344
|
-
.
|
|
355
|
+
.awsui_drawer_hyvsj_jgnob_145.awsui_is-drawer-open_hyvsj_jgnob_325:not(#\9) {
|
|
345
356
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
346
357
|
opacity: 1;
|
|
347
358
|
width: var(--awsui-drawer-size-zw2xxa);
|
|
348
359
|
}
|
|
349
360
|
@media (min-width: 2541px) {
|
|
350
|
-
.
|
|
361
|
+
.awsui_drawer_hyvsj_jgnob_145.awsui_is-drawer-open_hyvsj_jgnob_325:not(#\9) {
|
|
351
362
|
--awsui-drawer-size-zw2xxa: 320px;
|
|
352
363
|
}
|
|
353
364
|
}
|
|
354
365
|
@media (max-width: 688px) {
|
|
355
|
-
.
|
|
366
|
+
.awsui_drawer_hyvsj_jgnob_145.awsui_is-drawer-open_hyvsj_jgnob_325:not(#\9) {
|
|
356
367
|
--awsui-drawer-size-zw2xxa: 100vw;
|
|
357
368
|
width: 100vw;
|
|
358
369
|
}
|
|
@@ -362,7 +373,7 @@ div.awsui_background_hyvsj_li5wi_93 > .awsui_sticky-background_hyvsj_li5wi_102.a
|
|
|
362
373
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
363
374
|
SPDX-License-Identifier: Apache-2.0
|
|
364
375
|
*/
|
|
365
|
-
header.
|
|
376
|
+
header.awsui_content_hyvsj_jgnob_350:not(#\9) {
|
|
366
377
|
grid-area: header;
|
|
367
378
|
}
|
|
368
379
|
|
|
@@ -383,7 +394,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
383
394
|
circumstances regardless of whether the minContentWidth property is
|
|
384
395
|
explicitly set in script.
|
|
385
396
|
*/
|
|
386
|
-
.
|
|
397
|
+
.awsui_layout_hyvsj_jgnob_371:not(#\9) {
|
|
387
398
|
--awsui-breadcrumbs-gap-zw2xxa: 0px;
|
|
388
399
|
--awsui-content-gap-left-zw2xxa: 0px;
|
|
389
400
|
--awsui-content-gap-right-zw2xxa: 0px;
|
|
@@ -466,133 +477,133 @@ explicitly set in script.
|
|
|
466
477
|
*/
|
|
467
478
|
}
|
|
468
479
|
@media (min-width: 1401px) {
|
|
469
|
-
.
|
|
480
|
+
.awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_jgnob_454) {
|
|
470
481
|
--awsui-default-max-content-width-zw2xxa: 1280px;
|
|
471
482
|
}
|
|
472
483
|
}
|
|
473
484
|
@media (min-width: 1921px) {
|
|
474
|
-
.
|
|
485
|
+
.awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_jgnob_454) {
|
|
475
486
|
--awsui-default-max-content-width-zw2xxa: 1440px;
|
|
476
487
|
}
|
|
477
488
|
}
|
|
478
489
|
@media (min-width: 2541px) {
|
|
479
|
-
.
|
|
490
|
+
.awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_jgnob_454) {
|
|
480
491
|
--awsui-default-max-content-width-zw2xxa: 1620px;
|
|
481
492
|
}
|
|
482
493
|
}
|
|
483
494
|
@media (min-width: 1401px) {
|
|
484
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_jgnob_454).awsui_content-type-dashboard_hyvsj_jgnob_469 {
|
|
485
496
|
--awsui-default-max-content-width-zw2xxa: 1280px;
|
|
486
497
|
}
|
|
487
498
|
}
|
|
488
499
|
@media (min-width: 1921px) {
|
|
489
|
-
.
|
|
500
|
+
.awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_jgnob_454).awsui_content-type-dashboard_hyvsj_jgnob_469 {
|
|
490
501
|
--awsui-default-max-content-width-zw2xxa: 1620px;
|
|
491
502
|
}
|
|
492
503
|
}
|
|
493
504
|
@media (min-width: 2541px) {
|
|
494
|
-
.
|
|
505
|
+
.awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_jgnob_454).awsui_content-type-dashboard_hyvsj_jgnob_469 {
|
|
495
506
|
--awsui-default-max-content-width-zw2xxa: 2160px;
|
|
496
507
|
}
|
|
497
508
|
}
|
|
498
|
-
.
|
|
509
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_has-max-content-width_hyvsj_jgnob_454:not(#\9) {
|
|
499
510
|
--awsui-default-max-content-width-zw2xxa: var(--awsui-max-content-width-zw2xxa);
|
|
500
511
|
}
|
|
501
|
-
.
|
|
512
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_is-overlap-disabled_hyvsj_jgnob_486:not(#\9) {
|
|
502
513
|
--awsui-overlap-height-zw2xxa: 0;
|
|
503
514
|
}
|
|
504
515
|
@media (min-width: 993px) {
|
|
505
|
-
.
|
|
516
|
+
.awsui_layout_hyvsj_jgnob_371:not(#\9) {
|
|
506
517
|
--awsui-default-min-content-width-zw2xxa: var(--awsui-min-content-width-zw2xxa, 280px);
|
|
507
518
|
}
|
|
508
519
|
}
|
|
509
520
|
@media (max-width: 992px) {
|
|
510
|
-
.
|
|
521
|
+
.awsui_layout_hyvsj_jgnob_371:not(#\9) {
|
|
511
522
|
--awsui-default-min-content-width-zw2xxa: 0px;
|
|
512
523
|
}
|
|
513
524
|
}
|
|
514
|
-
.
|
|
525
|
+
.awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_jgnob_110):not(.awsui_has-sticky-background_hyvsj_jgnob_133) {
|
|
515
526
|
--awsui-offset-top-with-notifications-zw2xxa: var(--awsui-header-height-zw2xxa);
|
|
516
527
|
}
|
|
517
|
-
.
|
|
528
|
+
.awsui_layout_hyvsj_jgnob_371:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_jgnob_110).awsui_has-sticky-background_hyvsj_jgnob_133 {
|
|
518
529
|
--awsui-offset-top-with-notifications-zw2xxa: calc(var(--awsui-header-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px));
|
|
519
530
|
}
|
|
520
|
-
.
|
|
531
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_has-sticky-notifications_hyvsj_jgnob_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_jgnob_133) {
|
|
521
532
|
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
522
533
|
var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
|
|
523
534
|
var(--awsui-notifications-height-zw2xxa) + var(--space-xxxs-zbmxqb, 2px)
|
|
524
535
|
);
|
|
525
536
|
}
|
|
526
|
-
.
|
|
537
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_has-sticky-notifications_hyvsj_jgnob_110.awsui_has-sticky-background_hyvsj_jgnob_133:not(#\9) {
|
|
527
538
|
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
528
539
|
var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
|
|
529
540
|
var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px)
|
|
530
541
|
);
|
|
531
542
|
}
|
|
532
543
|
@media (min-width: 689px) {
|
|
533
|
-
.
|
|
544
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_has-content-gap-left_hyvsj_jgnob_518:not(#\9) {
|
|
534
545
|
--awsui-content-gap-left-zw2xxa: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
535
546
|
}
|
|
536
|
-
.
|
|
547
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_has-content-gap-right_hyvsj_jgnob_521:not(#\9) {
|
|
537
548
|
--awsui-content-gap-right-zw2xxa: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
538
549
|
}
|
|
539
550
|
}
|
|
540
551
|
@media (max-width: 688px) {
|
|
541
|
-
.
|
|
552
|
+
.awsui_layout_hyvsj_jgnob_371:not(#\9) {
|
|
542
553
|
--awsui-content-gap-left-zw2xxa: var(--space-l-t419sm, 20px);
|
|
543
554
|
--awsui-content-gap-right-zw2xxa: var(--space-l-t419sm, 20px);
|
|
544
555
|
}
|
|
545
556
|
}
|
|
546
|
-
.
|
|
557
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-notifications_hyvsj_jgnob_531:not(#\9) {
|
|
547
558
|
--awsui-notifications-gap-zw2xxa: var(--space-xs-zb16t3, 8px);
|
|
548
559
|
}
|
|
549
|
-
.
|
|
560
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_has-breadcrumbs_hyvsj_jgnob_534:not(#\9) {
|
|
550
561
|
--awsui-breadcrumbs-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
|
|
551
562
|
}
|
|
552
|
-
.
|
|
563
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-header_hyvsj_jgnob_537:not(#\9), .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-notifications_hyvsj_jgnob_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_jgnob_534).awsui_has-header_hyvsj_jgnob_537 {
|
|
553
564
|
--awsui-header-gap-zw2xxa: var(--space-scaled-xs-26e2du, 8px);
|
|
554
565
|
}
|
|
555
|
-
.
|
|
566
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_has-breadcrumbs_hyvsj_jgnob_534.awsui_has-header_hyvsj_jgnob_537:not(#\9) {
|
|
556
567
|
--awsui-header-gap-zw2xxa: var(--space-scaled-xs-26e2du, 8px);
|
|
557
568
|
}
|
|
558
|
-
.
|
|
569
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-notifications_hyvsj_jgnob_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_jgnob_534):not(.awsui_has-header_hyvsj_jgnob_537) {
|
|
559
570
|
--awsui-main-gap-zw2xxa: var(--space-xs-zb16t3, 8px);
|
|
560
571
|
}
|
|
561
|
-
.
|
|
572
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_has-breadcrumbs_hyvsj_jgnob_534:not(#\9):not(.awsui_has-header_hyvsj_jgnob_537) {
|
|
562
573
|
--awsui-container-first-gap-zw2xxa: calc(var(--awsui-breadcrumbs-gap-zw2xxa) - var(--awsui-main-gap-zw2xxa));
|
|
563
574
|
}
|
|
564
|
-
.
|
|
575
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_has-breadcrumbs_hyvsj_jgnob_534:not(#\9):not(.awsui_has-header_hyvsj_jgnob_537).awsui_is-overlap-disabled_hyvsj_jgnob_486 {
|
|
565
576
|
--awsui-main-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
|
|
566
577
|
}
|
|
567
|
-
.
|
|
578
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_has-breadcrumbs_hyvsj_jgnob_534:not(#\9):not(.awsui_has-header_hyvsj_jgnob_537):not(.awsui_is-overlap-disabled_hyvsj_jgnob_486) {
|
|
568
579
|
--awsui-main-gap-zw2xxa: var(--space-scaled-xxs-7597g1, 4px);
|
|
569
580
|
}
|
|
570
|
-
.
|
|
581
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_has-header_hyvsj_jgnob_537:not(#\9) {
|
|
571
582
|
--awsui-main-gap-zw2xxa: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
572
583
|
}
|
|
573
|
-
.
|
|
584
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-main_hyvsj_jgnob_558:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_jgnob_486), .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-main_hyvsj_jgnob_558.awsui_is-overlap-disabled_hyvsj_jgnob_486:not(#\9):not(.awsui_disable-content-paddings_hyvsj_jgnob_558) {
|
|
574
585
|
--awsui-main-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
|
|
575
586
|
}
|
|
576
587
|
@media (min-width: 689px) {
|
|
577
|
-
.
|
|
588
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-main_hyvsj_jgnob_558:not(#\9):not(.awsui_has-header_hyvsj_jgnob_537) {
|
|
578
589
|
--awsui-container-first-overlap-extension-zw2xxa: var(--space-m-udix3p, 16px);
|
|
579
590
|
--awsui-container-first-gap-zw2xxa: var(--space-xxs-p8yyaw, 4px);
|
|
580
591
|
}
|
|
581
592
|
}
|
|
582
593
|
@media (max-width: 688px) {
|
|
583
|
-
.
|
|
594
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-notifications_hyvsj_jgnob_531:not(#\9) {
|
|
584
595
|
--awsui-notifications-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
|
|
585
596
|
}
|
|
586
|
-
.
|
|
597
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-header_hyvsj_jgnob_537:not(#\9) {
|
|
587
598
|
--awsui-header-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
|
|
588
599
|
}
|
|
589
|
-
.
|
|
600
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-notifications_hyvsj_jgnob_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_jgnob_534).awsui_has-header_hyvsj_jgnob_537 {
|
|
590
601
|
--awsui-header-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
|
|
591
602
|
}
|
|
592
|
-
.
|
|
603
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-notifications_hyvsj_jgnob_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_jgnob_534):not(.awsui_has-header_hyvsj_jgnob_537), .awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-main_hyvsj_jgnob_558:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_jgnob_486) {
|
|
593
604
|
--awsui-main-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
|
|
594
605
|
}
|
|
595
|
-
.
|
|
606
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_content-first-child-main_hyvsj_jgnob_558.awsui_is-overlap-disabled_hyvsj_jgnob_486:not(#\9):not(.awsui_disable-content-paddings_hyvsj_jgnob_558) {
|
|
596
607
|
--awsui-main-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
|
|
597
608
|
}
|
|
598
609
|
}
|
|
@@ -607,19 +618,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
607
618
|
position: sticky will be the value of the notifications height in addition to the
|
|
608
619
|
notifications top margin and some additional vertical space for aesthetics.
|
|
609
620
|
*/
|
|
610
|
-
.
|
|
621
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_disable-body-scroll_hyvsj_jgnob_191:not(#\9) {
|
|
611
622
|
--awsui-main-template-rows-zw2xxa: 1fr auto;
|
|
612
623
|
--awsui-offset-top-zw2xxa: 0px;
|
|
613
624
|
height: var(--awsui-content-height-zw2xxa);
|
|
614
625
|
overflow-y: scroll;
|
|
615
626
|
}
|
|
616
|
-
.
|
|
627
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_disable-body-scroll_hyvsj_jgnob_191.awsui_has-split-panel_hyvsj_jgnob_601.awsui_split-panel-position-bottom_hyvsj_jgnob_601:not(#\9) {
|
|
617
628
|
--awsui-main-template-rows-zw2xxa: repeat(2, auto);
|
|
618
629
|
}
|
|
619
|
-
.
|
|
630
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_disable-body-scroll_hyvsj_jgnob_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_jgnob_110) {
|
|
620
631
|
--awsui-offset-top-with-notifications-zw2xxa: 0px;
|
|
621
632
|
}
|
|
622
|
-
.
|
|
633
|
+
.awsui_layout_hyvsj_jgnob_371.awsui_disable-body-scroll_hyvsj_jgnob_191.awsui_has-sticky-notifications_hyvsj_jgnob_110:not(#\9) {
|
|
623
634
|
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
624
635
|
var(--awsui-notifications-height-zw2xxa) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
625
636
|
);
|
|
@@ -629,13 +640,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
629
640
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
630
641
|
when the navigation or tools drawers are open in responsive viewports.
|
|
631
642
|
*/
|
|
632
|
-
.awsui_block-body-
|
|
643
|
+
.awsui_block-body-scroll_hyvsj_jgnob_617:not(#\9) {
|
|
633
644
|
overflow: hidden;
|
|
634
645
|
}
|
|
635
646
|
|
|
636
647
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
637
|
-
.
|
|
638
|
-
.
|
|
648
|
+
.awsui_unfocusable_hyvsj_jgnob_622:not(#\9),
|
|
649
|
+
.awsui_unfocusable_hyvsj_jgnob_622 *:not(#\9) {
|
|
639
650
|
visibility: hidden !important;
|
|
640
651
|
}
|
|
641
652
|
|
|
@@ -644,7 +655,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
644
655
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
645
656
|
SPDX-License-Identifier: Apache-2.0
|
|
646
657
|
*/
|
|
647
|
-
.
|
|
658
|
+
.awsui_container_hyvsj_jgnob_632:not(#\9) {
|
|
648
659
|
grid-area: main;
|
|
649
660
|
padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
650
661
|
/*
|
|
@@ -661,18 +672,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
661
672
|
on the right, we decrement the column end by one.
|
|
662
673
|
*/
|
|
663
674
|
}
|
|
664
|
-
.
|
|
675
|
+
.awsui_container_hyvsj_jgnob_632.awsui_has-split-panel_hyvsj_jgnob_601.awsui_split-panel-position-bottom_hyvsj_jgnob_601:not(#\9) {
|
|
665
676
|
padding-bottom: calc(var(--awsui-split-panel-height-zw2xxa) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
666
677
|
}
|
|
667
|
-
.
|
|
678
|
+
.awsui_container_hyvsj_jgnob_632.awsui_disable-content-paddings_hyvsj_jgnob_558:not(#\9) {
|
|
668
679
|
grid-column: 1/6;
|
|
669
680
|
padding: 0;
|
|
670
681
|
}
|
|
671
682
|
@media (min-width: 689px) {
|
|
672
|
-
.
|
|
683
|
+
.awsui_container_hyvsj_jgnob_632.awsui_disable-content-paddings_hyvsj_jgnob_558.awsui_is-navigation-open_hyvsj_jgnob_657:not(#\9) {
|
|
673
684
|
grid-column-start: 2;
|
|
674
685
|
}
|
|
675
|
-
.
|
|
686
|
+
.awsui_container_hyvsj_jgnob_632.awsui_disable-content-paddings_hyvsj_jgnob_558.awsui_is-tools-open_hyvsj_jgnob_660:not(#\9), .awsui_container_hyvsj_jgnob_632.awsui_disable-content-paddings_hyvsj_jgnob_558.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_split-panel-position-side_hyvsj_jgnob_660:not(#\9) {
|
|
676
687
|
grid-column-end: 5;
|
|
677
688
|
}
|
|
678
689
|
}
|
|
@@ -681,7 +692,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
681
692
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
682
693
|
SPDX-License-Identifier: Apache-2.0
|
|
683
694
|
*/
|
|
684
|
-
section.awsui_mobile-
|
|
695
|
+
section.awsui_mobile-toolbar_hyvsj_jgnob_669:not(#\9) {
|
|
685
696
|
align-items: center;
|
|
686
697
|
background-color: var(--color-background-home-header-2rudu7, #000716);
|
|
687
698
|
border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
@@ -697,15 +708,15 @@ section.awsui_mobile-toolbar_hyvsj_li5wi_658:not(#\9) {
|
|
|
697
708
|
top: var(--awsui-offset-top-zw2xxa);
|
|
698
709
|
z-index: 1000;
|
|
699
710
|
}
|
|
700
|
-
section.awsui_mobile-
|
|
711
|
+
section.awsui_mobile-toolbar_hyvsj_jgnob_669 > .awsui_mobile-toolbar-nav_hyvsj_jgnob_685:not(#\9) {
|
|
701
712
|
grid-column: 1;
|
|
702
713
|
margin-right: var(--space-m-udix3p, 16px);
|
|
703
714
|
}
|
|
704
|
-
section.awsui_mobile-
|
|
715
|
+
section.awsui_mobile-toolbar_hyvsj_jgnob_669 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_jgnob_689:not(#\9) {
|
|
705
716
|
grid-column: 2;
|
|
706
717
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
707
718
|
}
|
|
708
|
-
section.awsui_mobile-
|
|
719
|
+
section.awsui_mobile-toolbar_hyvsj_jgnob_669 > .awsui_mobile-toolbar-tools_hyvsj_jgnob_693:not(#\9) {
|
|
709
720
|
grid-column: 3;
|
|
710
721
|
margin-left: var(--space-m-udix3p, 16px);
|
|
711
722
|
}
|
|
@@ -714,7 +725,7 @@ section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
714
725
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
715
726
|
SPDX-License-Identifier: Apache-2.0
|
|
716
727
|
*/
|
|
717
|
-
.awsui_navigation-
|
|
728
|
+
.awsui_navigation-container_hyvsj_jgnob_702:not(#\9) {
|
|
718
729
|
--awsui-navigation-width-zw2xxa: 280px;
|
|
719
730
|
display: flex;
|
|
720
731
|
grid-column: 1;
|
|
@@ -736,12 +747,12 @@ section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
736
747
|
pointer-events: none;
|
|
737
748
|
}
|
|
738
749
|
@media (min-width: 2541px) {
|
|
739
|
-
.awsui_navigation-
|
|
750
|
+
.awsui_navigation-container_hyvsj_jgnob_702:not(#\9) {
|
|
740
751
|
--awsui-navigation-width-zw2xxa: 320px;
|
|
741
752
|
}
|
|
742
753
|
}
|
|
743
754
|
@media (max-width: 688px) {
|
|
744
|
-
.awsui_navigation-
|
|
755
|
+
.awsui_navigation-container_hyvsj_jgnob_702:not(#\9) {
|
|
745
756
|
left: 0;
|
|
746
757
|
position: fixed;
|
|
747
758
|
z-index: 1001;
|
|
@@ -753,19 +764,19 @@ section.awsui_mobile-toolbar_hyvsj_li5wi_658 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
753
764
|
relative to the body.
|
|
754
765
|
*/
|
|
755
766
|
}
|
|
756
|
-
.awsui_navigation-
|
|
767
|
+
.awsui_navigation-container_hyvsj_jgnob_702.awsui_disable-body-scroll_hyvsj_jgnob_191:not(#\9) {
|
|
757
768
|
top: var(--awsui-header-height-zw2xxa);
|
|
758
769
|
}
|
|
759
770
|
}
|
|
760
771
|
|
|
761
|
-
nav.awsui_show-
|
|
772
|
+
nav.awsui_show-navigation_hyvsj_jgnob_746:not(#\9) {
|
|
762
773
|
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
|
|
763
774
|
/*
|
|
764
775
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
765
776
|
take control in responsive viewports.
|
|
766
777
|
*/
|
|
767
778
|
}
|
|
768
|
-
@keyframes
|
|
779
|
+
@keyframes awsui_showButtons_hyvsj_jgnob_1 {
|
|
769
780
|
0% {
|
|
770
781
|
opacity: 0;
|
|
771
782
|
}
|
|
@@ -773,31 +784,31 @@ nav.awsui_show-navigation_hyvsj_li5wi_735:not(#\9) {
|
|
|
773
784
|
opacity: 1;
|
|
774
785
|
}
|
|
775
786
|
}
|
|
776
|
-
nav.awsui_show-
|
|
787
|
+
nav.awsui_show-navigation_hyvsj_jgnob_746.awsui_is-navigation-open_hyvsj_jgnob_657:not(#\9) {
|
|
777
788
|
display: none;
|
|
778
789
|
}
|
|
779
790
|
@media (min-width: 689px) {
|
|
780
|
-
nav.awsui_show-
|
|
791
|
+
nav.awsui_show-navigation_hyvsj_jgnob_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_jgnob_657) {
|
|
781
792
|
display: block;
|
|
782
793
|
}
|
|
783
|
-
nav.awsui_show-
|
|
784
|
-
animation:
|
|
794
|
+
nav.awsui_show-navigation_hyvsj_jgnob_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_jgnob_657).awsui_animating_hyvsj_jgnob_768 {
|
|
795
|
+
animation: awsui_showButtons_hyvsj_jgnob_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
785
796
|
}
|
|
786
797
|
}
|
|
787
798
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
788
|
-
nav.awsui_show-
|
|
799
|
+
nav.awsui_show-navigation_hyvsj_jgnob_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_jgnob_657).awsui_animating_hyvsj_jgnob_768 {
|
|
789
800
|
animation: none;
|
|
790
801
|
transition: none;
|
|
791
802
|
}
|
|
792
803
|
}
|
|
793
804
|
@media (min-width: 689px) {
|
|
794
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
805
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_jgnob_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_jgnob_657).awsui_animating_hyvsj_jgnob_768, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_jgnob_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_jgnob_657).awsui_animating_hyvsj_jgnob_768 {
|
|
795
806
|
animation: none;
|
|
796
807
|
transition: none;
|
|
797
808
|
}
|
|
798
809
|
}
|
|
799
810
|
|
|
800
|
-
nav.
|
|
811
|
+
nav.awsui_navigation_hyvsj_jgnob_702:not(#\9) {
|
|
801
812
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
802
813
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
803
814
|
bottom: 0;
|
|
@@ -815,7 +826,7 @@ nav.awsui_navigation_hyvsj_li5wi_691:not(#\9) {
|
|
|
815
826
|
prevent unwanted text wrapping.
|
|
816
827
|
*/
|
|
817
828
|
}
|
|
818
|
-
@keyframes
|
|
829
|
+
@keyframes awsui_openNavigation_hyvsj_jgnob_1 {
|
|
819
830
|
from {
|
|
820
831
|
opacity: 0;
|
|
821
832
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -825,33 +836,33 @@ nav.awsui_navigation_hyvsj_li5wi_691:not(#\9) {
|
|
|
825
836
|
width: var(--awsui-navigation-width-zw2xxa);
|
|
826
837
|
}
|
|
827
838
|
}
|
|
828
|
-
nav.
|
|
839
|
+
nav.awsui_navigation_hyvsj_jgnob_702:not(#\9):not(.awsui_is-navigation-open_hyvsj_jgnob_657) {
|
|
829
840
|
width: 0;
|
|
830
841
|
display: none;
|
|
831
842
|
}
|
|
832
|
-
nav.
|
|
833
|
-
animation:
|
|
843
|
+
nav.awsui_navigation_hyvsj_jgnob_702.awsui_is-navigation-open_hyvsj_jgnob_657.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
844
|
+
animation: awsui_openNavigation_hyvsj_jgnob_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
834
845
|
}
|
|
835
846
|
@media (prefers-reduced-motion: reduce) {
|
|
836
|
-
nav.
|
|
847
|
+
nav.awsui_navigation_hyvsj_jgnob_702.awsui_is-navigation-open_hyvsj_jgnob_657.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
837
848
|
animation: none;
|
|
838
849
|
transition: none;
|
|
839
850
|
}
|
|
840
851
|
}
|
|
841
|
-
.awsui-motion-disabled nav.
|
|
852
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_jgnob_702.awsui_is-navigation-open_hyvsj_jgnob_657.awsui_animating_hyvsj_jgnob_768:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_jgnob_702.awsui_is-navigation-open_hyvsj_jgnob_657.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
842
853
|
animation: none;
|
|
843
854
|
transition: none;
|
|
844
855
|
}
|
|
845
|
-
nav.
|
|
856
|
+
nav.awsui_navigation_hyvsj_jgnob_702 > .awsui_animated-content_hyvsj_jgnob_830:not(#\9) {
|
|
846
857
|
width: var(--awsui-navigation-width-zw2xxa);
|
|
847
858
|
}
|
|
848
859
|
@media (max-width: 688px) {
|
|
849
|
-
nav.
|
|
860
|
+
nav.awsui_navigation_hyvsj_jgnob_702:not(#\9) {
|
|
850
861
|
--awsui-navigation-width-zw2xxa: 100vw;
|
|
851
862
|
}
|
|
852
863
|
}
|
|
853
864
|
|
|
854
|
-
.awsui_hide-
|
|
865
|
+
.awsui_hide-navigation_hyvsj_jgnob_839:not(#\9) {
|
|
855
866
|
position: absolute;
|
|
856
867
|
right: var(--space-m-udix3p, 16px);
|
|
857
868
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -861,13 +872,13 @@ nav.awsui_navigation_hyvsj_li5wi_691 > .awsui_animated-content_hyvsj_li5wi_819:n
|
|
|
861
872
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
862
873
|
SPDX-License-Identifier: Apache-2.0
|
|
863
874
|
*/
|
|
864
|
-
.
|
|
875
|
+
.awsui_notifications_hyvsj_jgnob_849:not(#\9) {
|
|
865
876
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
866
877
|
grid-area: notifications;
|
|
867
878
|
z-index: 850;
|
|
868
879
|
}
|
|
869
880
|
@media (min-width: 689px) {
|
|
870
|
-
.
|
|
881
|
+
.awsui_notifications_hyvsj_jgnob_849.awsui_sticky-notifications_hyvsj_jgnob_855:not(#\9) {
|
|
871
882
|
--awsui-flashbar-sticky-bottom-margin-zw2xxa: var(--space-xxl-cu2m1r, 32px);
|
|
872
883
|
position: sticky;
|
|
873
884
|
top: calc(var(--awsui-offset-top-zw2xxa) + var(--space-xs-zb16t3, 8px));
|
|
@@ -884,7 +895,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
884
895
|
consume the remaining vertical space in the grid after the notifications
|
|
885
896
|
and breadcrumbs.
|
|
886
897
|
*/
|
|
887
|
-
section.awsui_split-panel-
|
|
898
|
+
section.awsui_split-panel-bottom_hyvsj_jgnob_872:not(#\9) {
|
|
888
899
|
/*
|
|
889
900
|
The align self property will position the split panel at the bottom of the grid row.
|
|
890
901
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -895,6 +906,7 @@ section.awsui_split-panel-bottom_hyvsj_li5wi_861:not(#\9) {
|
|
|
895
906
|
grid-column: 1/6;
|
|
896
907
|
grid-row: 10;
|
|
897
908
|
height: auto;
|
|
909
|
+
overflow-y: hidden;
|
|
898
910
|
/*
|
|
899
911
|
The position sticky will work in conjunction with the align self: end; property.
|
|
900
912
|
If the grid row scrolls beyond the viewport, the sticky bottom position
|
|
@@ -919,7 +931,7 @@ section.awsui_split-panel-bottom_hyvsj_li5wi_861:not(#\9) {
|
|
|
919
931
|
apply the animation to the height property.
|
|
920
932
|
*/
|
|
921
933
|
}
|
|
922
|
-
@keyframes
|
|
934
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_jgnob_1 {
|
|
923
935
|
from {
|
|
924
936
|
height: var(--awsui-split-panel-reported-header-size-zw2xxa, 0);
|
|
925
937
|
}
|
|
@@ -927,39 +939,39 @@ section.awsui_split-panel-bottom_hyvsj_li5wi_861:not(#\9) {
|
|
|
927
939
|
height: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
928
940
|
}
|
|
929
941
|
}
|
|
930
|
-
section.awsui_split-panel-
|
|
942
|
+
section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_disable-body-scroll_hyvsj_jgnob_191:not(#\9) {
|
|
931
943
|
bottom: 0;
|
|
932
944
|
}
|
|
933
|
-
section.awsui_split-panel-
|
|
945
|
+
section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_is-navigation-open_hyvsj_jgnob_657.awsui_position-bottom_hyvsj_jgnob_919:not(#\9) {
|
|
934
946
|
grid-column-start: 2;
|
|
935
947
|
}
|
|
936
|
-
section.awsui_split-panel-
|
|
948
|
+
section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_has-open-drawer_hyvsj_jgnob_157.awsui_position-bottom_hyvsj_jgnob_919:not(#\9) {
|
|
937
949
|
grid-column-end: 5;
|
|
938
950
|
}
|
|
939
|
-
section.awsui_split-panel-
|
|
951
|
+
section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_position-bottom_hyvsj_jgnob_919:not(#\9) {
|
|
940
952
|
display: block;
|
|
941
953
|
}
|
|
942
|
-
section.awsui_split-panel-
|
|
954
|
+
section.awsui_split-panel-bottom_hyvsj_jgnob_872:not(#\9):not(.awsui_is-split-panel-open_hyvsj_jgnob_660).awsui_position-bottom_hyvsj_jgnob_919 {
|
|
943
955
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
944
956
|
}
|
|
945
|
-
section.awsui_split-panel-
|
|
957
|
+
section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-bottom_hyvsj_jgnob_919:not(#\9) {
|
|
946
958
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
947
959
|
}
|
|
948
|
-
section.awsui_split-panel-
|
|
949
|
-
animation:
|
|
960
|
+
section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-bottom_hyvsj_jgnob_919.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
961
|
+
animation: awsui_openSplitPanelBottom_hyvsj_jgnob_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
950
962
|
}
|
|
951
963
|
@media (prefers-reduced-motion: reduce) {
|
|
952
|
-
section.awsui_split-panel-
|
|
964
|
+
section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-bottom_hyvsj_jgnob_919.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
953
965
|
animation: none;
|
|
954
966
|
transition: none;
|
|
955
967
|
}
|
|
956
968
|
}
|
|
957
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
969
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-bottom_hyvsj_jgnob_919.awsui_animating_hyvsj_jgnob_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_jgnob_872.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-bottom_hyvsj_jgnob_919.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
958
970
|
animation: none;
|
|
959
971
|
transition: none;
|
|
960
972
|
}
|
|
961
973
|
|
|
962
|
-
section.awsui_split-panel-
|
|
974
|
+
section.awsui_split-panel-side_hyvsj_jgnob_948:not(#\9) {
|
|
963
975
|
height: 100%;
|
|
964
976
|
overflow-x: hidden;
|
|
965
977
|
pointer-events: auto;
|
|
@@ -974,7 +986,7 @@ section.awsui_split-panel-side_hyvsj_li5wi_936:not(#\9) {
|
|
|
974
986
|
prevent unwanted text wrapping.
|
|
975
987
|
*/
|
|
976
988
|
}
|
|
977
|
-
@keyframes
|
|
989
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_jgnob_1 {
|
|
978
990
|
from {
|
|
979
991
|
opacity: 0;
|
|
980
992
|
width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
|
|
@@ -984,28 +996,28 @@ section.awsui_split-panel-side_hyvsj_li5wi_936:not(#\9) {
|
|
|
984
996
|
width: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
985
997
|
}
|
|
986
998
|
}
|
|
987
|
-
section.awsui_split-panel-
|
|
999
|
+
section.awsui_split-panel-side_hyvsj_jgnob_948:not(#\9):not(.awsui_is-split-panel-open_hyvsj_jgnob_660), section.awsui_split-panel-side_hyvsj_jgnob_948.awsui_position-bottom_hyvsj_jgnob_919:not(#\9) {
|
|
988
1000
|
width: 0;
|
|
989
1001
|
}
|
|
990
|
-
section.awsui_split-panel-
|
|
1002
|
+
section.awsui_split-panel-side_hyvsj_jgnob_948.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-side_hyvsj_jgnob_976:not(#\9) {
|
|
991
1003
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
992
1004
|
max-width: var(--awsui-split-panel-max-width-zw2xxa, 280px);
|
|
993
1005
|
min-width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
|
|
994
1006
|
}
|
|
995
|
-
section.awsui_split-panel-
|
|
996
|
-
animation:
|
|
1007
|
+
section.awsui_split-panel-side_hyvsj_jgnob_948.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-side_hyvsj_jgnob_976.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
1008
|
+
animation: awsui_openSplitPanelSide_hyvsj_jgnob_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
997
1009
|
}
|
|
998
1010
|
@media (prefers-reduced-motion: reduce) {
|
|
999
|
-
section.awsui_split-panel-
|
|
1011
|
+
section.awsui_split-panel-side_hyvsj_jgnob_948.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-side_hyvsj_jgnob_976.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
1000
1012
|
animation: none;
|
|
1001
1013
|
transition: none;
|
|
1002
1014
|
}
|
|
1003
1015
|
}
|
|
1004
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1016
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_jgnob_948.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-side_hyvsj_jgnob_976.awsui_animating_hyvsj_jgnob_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_jgnob_948.awsui_is-split-panel-open_hyvsj_jgnob_660.awsui_position-side_hyvsj_jgnob_976.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
1005
1017
|
animation: none;
|
|
1006
1018
|
transition: none;
|
|
1007
1019
|
}
|
|
1008
|
-
section.awsui_split-panel-
|
|
1020
|
+
section.awsui_split-panel-side_hyvsj_jgnob_948 > .awsui_animated-content_hyvsj_jgnob_830:not(#\9) {
|
|
1009
1021
|
height: 100%;
|
|
1010
1022
|
max-width: inherit;
|
|
1011
1023
|
width: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
@@ -1024,7 +1036,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1024
1036
|
property. The content gap right is computed in the Layout styles based on the
|
|
1025
1037
|
viewport size and state of the Tools drawer.
|
|
1026
1038
|
*/
|
|
1027
|
-
.awsui_tools-
|
|
1039
|
+
.awsui_tools-container_hyvsj_jgnob_1013:not(#\9) {
|
|
1028
1040
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1029
1041
|
--awsui-tools-max-width-zw2xxa: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
|
|
1030
1042
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1040,12 +1052,12 @@ viewport size and state of the Tools drawer.
|
|
|
1040
1052
|
pointer-events: none;
|
|
1041
1053
|
}
|
|
1042
1054
|
@media (min-width: 2541px) {
|
|
1043
|
-
.awsui_tools-
|
|
1055
|
+
.awsui_tools-container_hyvsj_jgnob_1013:not(#\9) {
|
|
1044
1056
|
--awsui-tools-width-zw2xxa: 360px;
|
|
1045
1057
|
}
|
|
1046
1058
|
}
|
|
1047
1059
|
@media (max-width: 688px) {
|
|
1048
|
-
.awsui_tools-
|
|
1060
|
+
.awsui_tools-container_hyvsj_jgnob_1013:not(#\9) {
|
|
1049
1061
|
--awsui-tools-max-width-zw2xxa: none;
|
|
1050
1062
|
--awsui-tools-width-zw2xxa: auto;
|
|
1051
1063
|
position: fixed;
|
|
@@ -1059,12 +1071,12 @@ viewport size and state of the Tools drawer.
|
|
|
1059
1071
|
relative to the body.
|
|
1060
1072
|
*/
|
|
1061
1073
|
}
|
|
1062
|
-
.awsui_tools-
|
|
1074
|
+
.awsui_tools-container_hyvsj_jgnob_1013.awsui_disable-body-scroll_hyvsj_jgnob_191:not(#\9) {
|
|
1063
1075
|
top: var(--awsui-header-height-zw2xxa);
|
|
1064
1076
|
}
|
|
1065
1077
|
}
|
|
1066
1078
|
|
|
1067
|
-
.
|
|
1079
|
+
.awsui_tools_hyvsj_jgnob_1013:not(#\9) {
|
|
1068
1080
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1069
1081
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1070
1082
|
flex-shrink: 0;
|
|
@@ -1088,7 +1100,7 @@ viewport size and state of the Tools drawer.
|
|
|
1088
1100
|
in the side position.
|
|
1089
1101
|
*/
|
|
1090
1102
|
}
|
|
1091
|
-
@keyframes
|
|
1103
|
+
@keyframes awsui_openTools_hyvsj_jgnob_1 {
|
|
1092
1104
|
from {
|
|
1093
1105
|
opacity: var(--awsui-tools-animation-starting-opacity-zw2xxa, 0);
|
|
1094
1106
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -1098,38 +1110,38 @@ viewport size and state of the Tools drawer.
|
|
|
1098
1110
|
width: var(--awsui-tools-width-zw2xxa);
|
|
1099
1111
|
}
|
|
1100
1112
|
}
|
|
1101
|
-
.
|
|
1113
|
+
.awsui_tools_hyvsj_jgnob_1013:not(#\9):not(.awsui_is-tools-open_hyvsj_jgnob_660) {
|
|
1102
1114
|
width: 0;
|
|
1103
1115
|
display: none;
|
|
1104
1116
|
}
|
|
1105
|
-
.
|
|
1106
|
-
animation:
|
|
1117
|
+
.awsui_tools_hyvsj_jgnob_1013.awsui_is-tools-open_hyvsj_jgnob_660.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
1118
|
+
animation: awsui_openTools_hyvsj_jgnob_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1107
1119
|
}
|
|
1108
1120
|
@media (prefers-reduced-motion: reduce) {
|
|
1109
|
-
.
|
|
1121
|
+
.awsui_tools_hyvsj_jgnob_1013.awsui_is-tools-open_hyvsj_jgnob_660.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
1110
1122
|
animation: none;
|
|
1111
1123
|
transition: none;
|
|
1112
1124
|
}
|
|
1113
1125
|
}
|
|
1114
|
-
.awsui-motion-disabled .
|
|
1126
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_jgnob_1013.awsui_is-tools-open_hyvsj_jgnob_660.awsui_animating_hyvsj_jgnob_768:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_jgnob_1013.awsui_is-tools-open_hyvsj_jgnob_660.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
1115
1127
|
animation: none;
|
|
1116
1128
|
transition: none;
|
|
1117
1129
|
}
|
|
1118
|
-
.
|
|
1130
|
+
.awsui_tools_hyvsj_jgnob_1013 > .awsui_animated-content_hyvsj_jgnob_830:not(#\9) {
|
|
1119
1131
|
width: var(--awsui-tools-width-zw2xxa);
|
|
1120
1132
|
}
|
|
1121
1133
|
@media (min-width: 689px) {
|
|
1122
|
-
.
|
|
1134
|
+
.awsui_tools_hyvsj_jgnob_1013.awsui_is-tools-open_hyvsj_jgnob_660.awsui_has-tools-form-persistence_hyvsj_jgnob_1108:not(#\9) {
|
|
1123
1135
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
1124
1136
|
}
|
|
1125
1137
|
}
|
|
1126
1138
|
@media (max-width: 688px) {
|
|
1127
|
-
.
|
|
1139
|
+
.awsui_tools_hyvsj_jgnob_1013:not(#\9) {
|
|
1128
1140
|
--awsui-tools-width-zw2xxa: 100vw;
|
|
1129
1141
|
}
|
|
1130
1142
|
}
|
|
1131
1143
|
|
|
1132
|
-
.awsui_hide-
|
|
1144
|
+
.awsui_hide-tools_hyvsj_jgnob_1118:not(#\9) {
|
|
1133
1145
|
position: absolute;
|
|
1134
1146
|
right: var(--space-m-udix3p, 16px);
|
|
1135
1147
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1141,7 +1153,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1141
1153
|
the calculation used to determine the Split Panel maximum width in the
|
|
1142
1154
|
handleSplitPanelMaxWidth function in the context.
|
|
1143
1155
|
*/
|
|
1144
|
-
.awsui_show-
|
|
1156
|
+
.awsui_show-tools_hyvsj_jgnob_1130:not(#\9) {
|
|
1145
1157
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1146
1158
|
border-collapse: separate;
|
|
1147
1159
|
border-spacing: 0;
|
|
@@ -1185,7 +1197,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1185
1197
|
take control in responsive viewports.
|
|
1186
1198
|
*/
|
|
1187
1199
|
}
|
|
1188
|
-
@keyframes
|
|
1200
|
+
@keyframes awsui_showButtons_hyvsj_jgnob_1 {
|
|
1189
1201
|
0% {
|
|
1190
1202
|
opacity: 0;
|
|
1191
1203
|
}
|
|
@@ -1193,31 +1205,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1193
1205
|
opacity: 1;
|
|
1194
1206
|
}
|
|
1195
1207
|
}
|
|
1196
|
-
.awsui_show-
|
|
1208
|
+
.awsui_show-tools_hyvsj_jgnob_1130:not(#\9):not(.awsui_has-tools-form_hyvsj_jgnob_1108) {
|
|
1197
1209
|
display: none;
|
|
1198
1210
|
}
|
|
1199
1211
|
@media (min-width: 689px) {
|
|
1200
|
-
.awsui_show-
|
|
1212
|
+
.awsui_show-tools_hyvsj_jgnob_1130.awsui_has-tools-form_hyvsj_jgnob_1108:not(#\9) {
|
|
1201
1213
|
display: flex;
|
|
1202
1214
|
flex-direction: column;
|
|
1203
1215
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1204
1216
|
}
|
|
1205
|
-
.awsui_show-
|
|
1206
|
-
animation:
|
|
1217
|
+
.awsui_show-tools_hyvsj_jgnob_1130.awsui_has-tools-form_hyvsj_jgnob_1108.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
1218
|
+
animation: awsui_showButtons_hyvsj_jgnob_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1207
1219
|
}
|
|
1208
1220
|
}
|
|
1209
1221
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1210
|
-
.awsui_show-
|
|
1222
|
+
.awsui_show-tools_hyvsj_jgnob_1130.awsui_has-tools-form_hyvsj_jgnob_1108.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
1211
1223
|
animation: none;
|
|
1212
1224
|
transition: none;
|
|
1213
1225
|
}
|
|
1214
1226
|
}
|
|
1215
1227
|
@media (min-width: 689px) {
|
|
1216
|
-
.awsui-motion-disabled .awsui_show-
|
|
1228
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_jgnob_1130.awsui_has-tools-form_hyvsj_jgnob_1108.awsui_animating_hyvsj_jgnob_768:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_jgnob_1130.awsui_has-tools-form_hyvsj_jgnob_1108.awsui_animating_hyvsj_jgnob_768:not(#\9) {
|
|
1217
1229
|
animation: none;
|
|
1218
1230
|
transition: none;
|
|
1219
1231
|
}
|
|
1220
|
-
.awsui_show-
|
|
1232
|
+
.awsui_show-tools_hyvsj_jgnob_1130.awsui_has-tools-form-persistence_hyvsj_jgnob_1108:not(#\9) {
|
|
1221
1233
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1222
1234
|
z-index: 1;
|
|
1223
1235
|
}
|
|
@@ -1232,7 +1244,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1232
1244
|
the calculation used to determine the Split Panel maximum width in the
|
|
1233
1245
|
handleSplitPanelMaxWidth function in the context.
|
|
1234
1246
|
*/
|
|
1235
|
-
.
|
|
1247
|
+
.awsui_trigger_hyvsj_jgnob_1195:not(#\9) {
|
|
1236
1248
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1237
1249
|
border: none;
|
|
1238
1250
|
border-radius: 50%;
|
|
@@ -1243,15 +1255,16 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1243
1255
|
padding: 0 var(--space-s-34lx8l, 12px);
|
|
1244
1256
|
pointer-events: auto;
|
|
1245
1257
|
width: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
1258
|
+
position: relative;
|
|
1246
1259
|
}
|
|
1247
|
-
body[data-awsui-focus-visible=true] .
|
|
1260
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_jgnob_1195:not(#\9):focus {
|
|
1248
1261
|
position: relative;
|
|
1249
1262
|
}
|
|
1250
|
-
body[data-awsui-focus-visible=true] .
|
|
1263
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_jgnob_1195:not(#\9):focus {
|
|
1251
1264
|
outline: 2px dotted transparent;
|
|
1252
1265
|
outline-offset: calc(3px - 1px);
|
|
1253
1266
|
}
|
|
1254
|
-
body[data-awsui-focus-visible=true] .
|
|
1267
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_jgnob_1195:not(#\9):focus::before {
|
|
1255
1268
|
content: " ";
|
|
1256
1269
|
display: block;
|
|
1257
1270
|
position: absolute;
|
|
@@ -1262,25 +1275,42 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_li5wi_1183:not(#\9):foc
|
|
|
1262
1275
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1263
1276
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1264
1277
|
}
|
|
1265
|
-
.
|
|
1278
|
+
.awsui_trigger_hyvsj_jgnob_1195:not(#\9):focus {
|
|
1266
1279
|
outline: none;
|
|
1267
1280
|
}
|
|
1268
|
-
.
|
|
1281
|
+
.awsui_trigger_hyvsj_jgnob_1195:not(#\9):hover {
|
|
1269
1282
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1270
1283
|
}
|
|
1271
|
-
.
|
|
1284
|
+
.awsui_trigger_hyvsj_jgnob_1195:not(#\9):active {
|
|
1272
1285
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1273
1286
|
}
|
|
1274
|
-
.
|
|
1287
|
+
.awsui_trigger_hyvsj_jgnob_1195.awsui_selected_hyvsj_jgnob_1235:not(#\9) {
|
|
1275
1288
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1276
1289
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1277
1290
|
}
|
|
1278
|
-
.
|
|
1291
|
+
.awsui_trigger_hyvsj_jgnob_1195.awsui_selected_hyvsj_jgnob_1235:not(#\9):hover {
|
|
1279
1292
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1280
1293
|
}
|
|
1281
|
-
.
|
|
1294
|
+
.awsui_trigger_hyvsj_jgnob_1195.awsui_selected_hyvsj_jgnob_1235:not(#\9):active {
|
|
1282
1295
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1283
1296
|
}
|
|
1297
|
+
.awsui_trigger_hyvsj_jgnob_1195.awsui_badge_hyvsj_jgnob_1245:not(#\9) {
|
|
1298
|
+
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");
|
|
1299
|
+
}
|
|
1300
|
+
|
|
1301
|
+
.awsui_trigger-wrapper_hyvsj_jgnob_1249:not(#\9) {
|
|
1302
|
+
position: relative;
|
|
1303
|
+
}
|
|
1304
|
+
|
|
1305
|
+
.awsui_dot_hyvsj_jgnob_1253:not(#\9) {
|
|
1306
|
+
position: absolute;
|
|
1307
|
+
width: 10px;
|
|
1308
|
+
height: 10px;
|
|
1309
|
+
border-radius: 8px;
|
|
1310
|
+
background-color: var(--color-background-badge-icon-q1kfox, #d91515);
|
|
1311
|
+
top: 0;
|
|
1312
|
+
right: 0;
|
|
1313
|
+
}
|
|
1284
1314
|
|
|
1285
1315
|
/*
|
|
1286
1316
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|