@cloudscape-design/components 3.0.394 → 3.0.396
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/drawer/index.d.ts.map +1 -1
- package/app-layout/drawer/index.js +5 -6
- package/app-layout/drawer/index.js.map +1 -1
- package/app-layout/drawer/interfaces.d.ts +2 -0
- package/app-layout/drawer/interfaces.d.ts.map +1 -1
- package/app-layout/drawer/interfaces.js.map +1 -1
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +25 -15
- package/app-layout/index.js.map +1 -1
- package/app-layout/mobile-toolbar/index.d.ts +3 -2
- package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
- package/app-layout/mobile-toolbar/index.js +5 -6
- package/app-layout/mobile-toolbar/index.js.map +1 -1
- package/app-layout/test-classes/styles.css.js +17 -19
- package/app-layout/test-classes/styles.scoped.css +17 -25
- package/app-layout/test-classes/styles.selectors.js +17 -19
- package/app-layout/utils/use-drawers.d.ts +5 -3
- package/app-layout/utils/use-drawers.d.ts.map +1 -1
- package/app-layout/utils/use-drawers.js +36 -18
- package/app-layout/utils/use-drawers.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts +2 -1
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +6 -2
- 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 +19 -39
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/layout.js +1 -1
- package/app-layout/visual-refresh/layout.js.map +1 -1
- package/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
- package/app-layout/visual-refresh/mobile-toolbar.js +4 -6
- package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
- package/app-layout/visual-refresh/split-panel.d.ts +3 -0
- package/app-layout/visual-refresh/split-panel.d.ts.map +1 -1
- package/app-layout/visual-refresh/split-panel.js +7 -7
- package/app-layout/visual-refresh/split-panel.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +74 -75
- package/app-layout/visual-refresh/styles.scoped.css +171 -204
- package/app-layout/visual-refresh/styles.selectors.js +74 -75
- package/app-layout/visual-refresh/tools.d.ts +0 -6
- package/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/app-layout/visual-refresh/tools.js +2 -17
- package/app-layout/visual-refresh/tools.js.map +1 -1
- package/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
- package/button-dropdown/category-elements/expandable-category-element.js +1 -2
- package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -2
- package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
- package/button-dropdown/item-element/index.d.ts.map +1 -1
- package/button-dropdown/item-element/index.js +1 -2
- package/button-dropdown/item-element/index.js.map +1 -1
- package/date-range-picker/index.d.ts.map +1 -1
- package/date-range-picker/index.js +5 -4
- package/date-range-picker/index.js.map +1 -1
- package/header/internal.d.ts.map +1 -1
- package/header/internal.js +3 -1
- package/header/internal.js.map +1 -1
- package/header/styles.css.js +33 -32
- package/header/styles.scoped.css +54 -48
- package/header/styles.selectors.js +33 -32
- package/internal/components/button-trigger/index.d.ts +1 -0
- package/internal/components/button-trigger/index.d.ts.map +1 -1
- package/internal/components/button-trigger/index.js +2 -2
- package/internal/components/button-trigger/index.js.map +1 -1
- package/internal/components/button-trigger/styles.css.js +10 -9
- package/internal/components/button-trigger/styles.scoped.css +27 -23
- package/internal/components/button-trigger/styles.selectors.js +10 -9
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/multiselect/index.d.ts.map +1 -1
- package/multiselect/index.js +3 -1
- package/multiselect/index.js.map +1 -1
- package/multiselect/interfaces.d.ts +1 -0
- package/multiselect/interfaces.d.ts.map +1 -1
- package/multiselect/interfaces.js.map +1 -1
- package/multiselect/internal.d.ts +3 -1
- package/multiselect/internal.d.ts.map +1 -1
- package/multiselect/internal.js +3 -3
- package/multiselect/internal.js.map +1 -1
- package/package.json +1 -1
- package/select/parts/styles.css.js +16 -9
- package/select/parts/styles.scoped.css +58 -9
- package/select/parts/styles.selectors.js +16 -9
- package/select/parts/trigger.d.ts +3 -1
- package/select/parts/trigger.d.ts.map +1 -1
- package/select/parts/trigger.js +22 -3
- package/select/parts/trigger.js.map +1 -1
- package/test-utils/dom/app-layout/index.d.ts +1 -3
- package/test-utils/dom/app-layout/index.js +1 -7
- package/test-utils/dom/app-layout/index.js.map +1 -1
- package/test-utils/selectors/app-layout/index.d.ts +1 -3
- package/test-utils/selectors/app-layout/index.js +1 -7
- package/test-utils/selectors/app-layout/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_ftcro_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_ftcro_93 > .awsui_scrolling-background_hyvsj_ftcro_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_ftcro_93 > .awsui_sticky-background_hyvsj_ftcro_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_1jtpy_93 > .awsui_sticky-background_hyvsj_1jtpy_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-y98gph);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_ftcro_93 > .awsui_sticky-background_hyvsj_ftcro_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ftcro_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_ftcro_93 > .awsui_sticky-background_hyvsj_ftcro_102.awsui_has-sticky-notifications_hyvsj_ftcro_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_1jtpy_93 > .awsui_sticky-background_hyvsj_1jtpy_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_ftcro_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_1jtpy_93 > .awsui_sticky-background_hyvsj_1jtpy_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_ftcro_123.awsui_has-sticky-background_hyvsj_ftcro_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_1jtpy_93 > .awsui_sticky-background_hyvsj_1jtpy_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_ftcro_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
@@ -153,30 +153,30 @@ div.awsui_background_hyvsj_1jtpy_93 > .awsui_sticky-background_hyvsj_1jtpy_102.a
|
|
|
153
153
|
top: var(--awsui-offset-top-y98gph);
|
|
154
154
|
z-index: 830;
|
|
155
155
|
}
|
|
156
|
-
.awsui_drawers-
|
|
156
|
+
.awsui_drawers-container_hyvsj_ftcro_145.awsui_has-open-drawer_hyvsj_ftcro_156:not(#\9) {
|
|
157
157
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
158
158
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
159
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_ftcro_145.awsui_has-open-drawer_hyvsj_ftcro_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_ftcro_145.awsui_has-open-drawer_hyvsj_ftcro_156:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_ftcro_145.awsui_has-open-drawer_hyvsj_ftcro_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_ftcro_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_ftcro_145:not(#\9) {
|
|
180
180
|
position: fixed;
|
|
181
181
|
right: 0;
|
|
182
182
|
z-index: 1001;
|
|
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_1jtpy_93 > .awsui_sticky-background_hyvsj_1jtpy_102.a
|
|
|
188
188
|
relative to the body.
|
|
189
189
|
*/
|
|
190
190
|
}
|
|
191
|
-
.awsui_drawers-
|
|
191
|
+
.awsui_drawers-container_hyvsj_ftcro_145.awsui_disable-body-scroll_hyvsj_ftcro_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_ftcro_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_1jtpy_93 > .awsui_sticky-background_hyvsj_1jtpy_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_ftcro_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ftcro_215).awsui_has-open-drawer_hyvsj_ftcro_156 {
|
|
242
242
|
width: 0;
|
|
243
243
|
}
|
|
244
|
-
.awsui_drawers-desktop-triggers-
|
|
244
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_ftcro_196.awsui_has-multiple-triggers_hyvsj_ftcro_215.awsui_has-open-drawer_hyvsj_ftcro_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_ftcro_196.awsui_has-multiple-triggers_hyvsj_ftcro_215.awsui_has-open-drawer_hyvsj_ftcro_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_ftcro_196.awsui_has-multiple-triggers_hyvsj_ftcro_215.awsui_has-open-drawer_hyvsj_ftcro_156:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_ftcro_196.awsui_has-multiple-triggers_hyvsj_ftcro_215.awsui_has-open-drawer_hyvsj_ftcro_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_ftcro_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ftcro_215):not(.awsui_has-open-drawer_hyvsj_ftcro_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_ftcro_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ftcro_215):not(.awsui_has-open-drawer_hyvsj_ftcro_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_ftcro_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ftcro_215):not(.awsui_has-open-drawer_hyvsj_ftcro_156), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_ftcro_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ftcro_215):not(.awsui_has-open-drawer_hyvsj_ftcro_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_ftcro_247:not(#\9) {
|
|
274
274
|
display: flex;
|
|
275
275
|
}
|
|
276
276
|
|
|
277
|
-
.awsui_drawers-trigger-
|
|
277
|
+
.awsui_drawers-trigger-content_hyvsj_ftcro_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_1jtpy_93 > .awsui_sticky-background_hyvsj_1jtpy_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_ftcro_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ftcro_215).awsui_has-open-drawer_hyvsj_ftcro_156 {
|
|
286
286
|
opacity: 0;
|
|
287
287
|
}
|
|
288
|
-
.awsui_drawers-trigger-
|
|
288
|
+
.awsui_drawers-trigger-content_hyvsj_ftcro_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ftcro_215):not(.awsui_has-open-drawer_hyvsj_ftcro_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_ftcro_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ftcro_215):not(.awsui_has-open-drawer_hyvsj_ftcro_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_ftcro_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ftcro_215):not(.awsui_has-open-drawer_hyvsj_ftcro_156), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_ftcro_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_ftcro_215):not(.awsui_has-open-drawer_hyvsj_ftcro_156) {
|
|
300
300
|
animation: none;
|
|
301
301
|
transition: none;
|
|
302
302
|
}
|
|
303
|
-
.awsui_drawers-trigger-
|
|
303
|
+
.awsui_drawers-trigger-content_hyvsj_ftcro_251 > .awsui_drawers-trigger-overflow_hyvsj_ftcro_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_1jtpy_93 > .awsui_sticky-background_hyvsj_1jtpy_102.a
|
|
|
308
308
|
}
|
|
309
309
|
|
|
310
310
|
@media (max-width: 688px) {
|
|
311
|
-
.awsui_drawers-
|
|
311
|
+
.awsui_drawers-trigger_hyvsj_ftcro_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_ftcro_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_1jtpy_93 > .awsui_sticky-background_hyvsj_1jtpy_102.a
|
|
|
331
331
|
pointer-events: auto;
|
|
332
332
|
word-wrap: break-word;
|
|
333
333
|
}
|
|
334
|
-
.
|
|
334
|
+
.awsui_drawer_hyvsj_ftcro_145 > .awsui_drawer-close-button_hyvsj_ftcro_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_ftcro_145 > .awsui_drawer-content_hyvsj_ftcro_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_ftcro_145 > .awsui_drawer-slider_hyvsj_ftcro_318:not(#\9) {
|
|
345
345
|
grid-column: 1;
|
|
346
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_ftcro_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_ftcro_325) {
|
|
352
352
|
opacity: 0;
|
|
353
353
|
width: 0;
|
|
354
354
|
}
|
|
355
|
-
.
|
|
355
|
+
.awsui_drawer_hyvsj_ftcro_145.awsui_is-drawer-open_hyvsj_ftcro_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_ftcro_145.awsui_is-drawer-open_hyvsj_ftcro_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_ftcro_145.awsui_is-drawer-open_hyvsj_ftcro_325:not(#\9) {
|
|
367
367
|
--awsui-drawer-size-y98gph: 100vw;
|
|
368
368
|
width: 100vw;
|
|
369
369
|
}
|
|
@@ -373,7 +373,7 @@ div.awsui_background_hyvsj_1jtpy_93 > .awsui_sticky-background_hyvsj_1jtpy_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_ftcro_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_ftcro_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_ftcro_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_ftcro_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_ftcro_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_ftcro_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_ftcro_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_ftcro_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_ftcro_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_ftcro_454).awsui_content-type-dashboard_hyvsj_ftcro_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_ftcro_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_ftcro_454).awsui_content-type-dashboard_hyvsj_ftcro_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_ftcro_371:not(#\9):not(.awsui_has-max-content-width_hyvsj_ftcro_454).awsui_content-type-dashboard_hyvsj_ftcro_469 {
|
|
506
506
|
--awsui-default-max-content-width-y98gph: 2160px;
|
|
507
507
|
}
|
|
508
508
|
}
|
|
509
|
-
.
|
|
509
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_has-max-content-width_hyvsj_ftcro_454:not(#\9) {
|
|
510
510
|
--awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
|
|
511
511
|
}
|
|
512
|
-
.
|
|
512
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_is-overlap-disabled_hyvsj_ftcro_486:not(#\9) {
|
|
513
513
|
--awsui-overlap-height-y98gph: 0;
|
|
514
514
|
}
|
|
515
515
|
@media (min-width: 993px) {
|
|
516
|
-
.
|
|
516
|
+
.awsui_layout_hyvsj_ftcro_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_ftcro_371:not(#\9) {
|
|
522
522
|
--awsui-default-min-content-width-y98gph: 0px;
|
|
523
523
|
}
|
|
524
524
|
}
|
|
525
|
-
.
|
|
525
|
+
.awsui_layout_hyvsj_ftcro_371:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ftcro_110):not(.awsui_has-sticky-background_hyvsj_ftcro_133) {
|
|
526
526
|
--awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
|
|
527
527
|
}
|
|
528
|
-
.
|
|
528
|
+
.awsui_layout_hyvsj_ftcro_371:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ftcro_110).awsui_has-sticky-background_hyvsj_ftcro_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_ftcro_371.awsui_has-sticky-notifications_hyvsj_ftcro_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_ftcro_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_ftcro_371.awsui_has-sticky-notifications_hyvsj_ftcro_110.awsui_has-sticky-background_hyvsj_ftcro_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_ftcro_371.awsui_has-content-gap-left_hyvsj_ftcro_518:not(#\9) {
|
|
545
545
|
--awsui-content-gap-left-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
546
546
|
}
|
|
547
|
-
.
|
|
547
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_has-content-gap-right_hyvsj_ftcro_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_ftcro_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_ftcro_371.awsui_content-first-child-notifications_hyvsj_ftcro_531:not(#\9) {
|
|
558
558
|
--awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
559
559
|
}
|
|
560
|
-
.
|
|
560
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_has-breadcrumbs_hyvsj_ftcro_534:not(#\9) {
|
|
561
561
|
--awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
562
562
|
}
|
|
563
|
-
.
|
|
563
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_content-first-child-header_hyvsj_ftcro_537:not(#\9), .awsui_layout_hyvsj_ftcro_371.awsui_content-first-child-notifications_hyvsj_ftcro_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ftcro_534).awsui_has-header_hyvsj_ftcro_537 {
|
|
564
564
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
565
565
|
}
|
|
566
|
-
.
|
|
566
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_has-breadcrumbs_hyvsj_ftcro_534.awsui_has-header_hyvsj_ftcro_537:not(#\9) {
|
|
567
567
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
568
568
|
}
|
|
569
|
-
.
|
|
569
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_content-first-child-notifications_hyvsj_ftcro_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ftcro_534):not(.awsui_has-header_hyvsj_ftcro_537) {
|
|
570
570
|
--awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
571
571
|
}
|
|
572
|
-
.
|
|
572
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_has-breadcrumbs_hyvsj_ftcro_534:not(#\9):not(.awsui_has-header_hyvsj_ftcro_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_ftcro_371.awsui_has-breadcrumbs_hyvsj_ftcro_534:not(#\9):not(.awsui_has-header_hyvsj_ftcro_537).awsui_is-overlap-disabled_hyvsj_ftcro_486 {
|
|
576
576
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
577
577
|
}
|
|
578
|
-
.
|
|
578
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_has-breadcrumbs_hyvsj_ftcro_534:not(#\9):not(.awsui_has-header_hyvsj_ftcro_537):not(.awsui_is-overlap-disabled_hyvsj_ftcro_486) {
|
|
579
579
|
--awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
|
|
580
580
|
}
|
|
581
|
-
.
|
|
581
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_has-header_hyvsj_ftcro_537:not(#\9) {
|
|
582
582
|
--awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
583
583
|
}
|
|
584
|
-
.
|
|
584
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_content-first-child-main_hyvsj_ftcro_558:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_ftcro_486), .awsui_layout_hyvsj_ftcro_371.awsui_content-first-child-main_hyvsj_ftcro_558.awsui_is-overlap-disabled_hyvsj_ftcro_486:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ftcro_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_ftcro_371.awsui_content-first-child-main_hyvsj_ftcro_558:not(#\9):not(.awsui_has-header_hyvsj_ftcro_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_ftcro_371.awsui_content-first-child-notifications_hyvsj_ftcro_531:not(#\9) {
|
|
595
595
|
--awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
596
596
|
}
|
|
597
|
-
.
|
|
597
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_content-first-child-header_hyvsj_ftcro_537:not(#\9) {
|
|
598
598
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
599
599
|
}
|
|
600
|
-
.
|
|
600
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_content-first-child-notifications_hyvsj_ftcro_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ftcro_534).awsui_has-header_hyvsj_ftcro_537 {
|
|
601
601
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
602
602
|
}
|
|
603
|
-
.
|
|
603
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_content-first-child-notifications_hyvsj_ftcro_531:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_ftcro_534):not(.awsui_has-header_hyvsj_ftcro_537), .awsui_layout_hyvsj_ftcro_371.awsui_content-first-child-main_hyvsj_ftcro_558:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_ftcro_486) {
|
|
604
604
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
605
605
|
}
|
|
606
|
-
.
|
|
606
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_content-first-child-main_hyvsj_ftcro_558.awsui_is-overlap-disabled_hyvsj_ftcro_486:not(#\9):not(.awsui_disable-content-paddings_hyvsj_ftcro_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_ftcro_371.awsui_disable-body-scroll_hyvsj_ftcro_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_ftcro_371.awsui_disable-body-scroll_hyvsj_ftcro_191.awsui_has-split-panel_hyvsj_ftcro_601.awsui_split-panel-position-bottom_hyvsj_ftcro_601:not(#\9) {
|
|
628
628
|
--awsui-main-template-rows-y98gph: repeat(2, auto);
|
|
629
629
|
}
|
|
630
|
-
.
|
|
630
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_disable-body-scroll_hyvsj_ftcro_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_ftcro_110) {
|
|
631
631
|
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
632
632
|
}
|
|
633
|
-
.
|
|
633
|
+
.awsui_layout_hyvsj_ftcro_371.awsui_disable-body-scroll_hyvsj_ftcro_191.awsui_has-sticky-notifications_hyvsj_ftcro_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_ftcro_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_ftcro_622:not(#\9),
|
|
649
|
+
.awsui_unfocusable_hyvsj_ftcro_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_ftcro_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_ftcro_632.awsui_has-split-panel_hyvsj_ftcro_601.awsui_split-panel-position-bottom_hyvsj_ftcro_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_ftcro_632.awsui_disable-content-paddings_hyvsj_ftcro_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_ftcro_632.awsui_disable-content-paddings_hyvsj_ftcro_558.awsui_is-navigation-open_hyvsj_ftcro_657:not(#\9) {
|
|
684
684
|
grid-column-start: 2;
|
|
685
685
|
}
|
|
686
|
-
.
|
|
686
|
+
.awsui_container_hyvsj_ftcro_632.awsui_disable-content-paddings_hyvsj_ftcro_558.awsui_is-tools-open_hyvsj_ftcro_660:not(#\9), .awsui_container_hyvsj_ftcro_632.awsui_disable-content-paddings_hyvsj_ftcro_558.awsui_is-split-panel-open_hyvsj_ftcro_660.awsui_split-panel-position-side_hyvsj_ftcro_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_ftcro_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_1jtpy_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_ftcro_669 > .awsui_mobile-toolbar-nav_hyvsj_ftcro_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_ftcro_669 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_ftcro_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_ftcro_669 > .awsui_mobile-toolbar-tools_hyvsj_ftcro_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_1jtpy_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_ftcro_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_1jtpy_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_ftcro_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_ftcro_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_1jtpy_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
764
764
|
relative to the body.
|
|
765
765
|
*/
|
|
766
766
|
}
|
|
767
|
-
.awsui_navigation-
|
|
767
|
+
.awsui_navigation-container_hyvsj_ftcro_702.awsui_disable-body-scroll_hyvsj_ftcro_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_ftcro_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_ftcro_1 {
|
|
780
780
|
0% {
|
|
781
781
|
opacity: 0;
|
|
782
782
|
}
|
|
@@ -784,31 +784,31 @@ nav.awsui_show-navigation_hyvsj_1jtpy_746:not(#\9) {
|
|
|
784
784
|
opacity: 1;
|
|
785
785
|
}
|
|
786
786
|
}
|
|
787
|
-
nav.awsui_show-
|
|
787
|
+
nav.awsui_show-navigation_hyvsj_ftcro_746.awsui_is-navigation-open_hyvsj_ftcro_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_ftcro_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_ftcro_657) {
|
|
792
792
|
display: block;
|
|
793
793
|
}
|
|
794
|
-
nav.awsui_show-
|
|
795
|
-
animation:
|
|
794
|
+
nav.awsui_show-navigation_hyvsj_ftcro_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_ftcro_657).awsui_animating_hyvsj_ftcro_768 {
|
|
795
|
+
animation: awsui_showButtons_hyvsj_ftcro_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_ftcro_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_ftcro_657).awsui_animating_hyvsj_ftcro_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_ftcro_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_ftcro_657).awsui_animating_hyvsj_ftcro_768, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_ftcro_746:not(#\9):not(.awsui_is-navigation-open_hyvsj_ftcro_657).awsui_animating_hyvsj_ftcro_768 {
|
|
806
806
|
animation: none;
|
|
807
807
|
transition: none;
|
|
808
808
|
}
|
|
809
809
|
}
|
|
810
810
|
|
|
811
|
-
nav.
|
|
811
|
+
nav.awsui_navigation_hyvsj_ftcro_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_1jtpy_702:not(#\9) {
|
|
|
826
826
|
prevent unwanted text wrapping.
|
|
827
827
|
*/
|
|
828
828
|
}
|
|
829
|
-
@keyframes
|
|
829
|
+
@keyframes awsui_openNavigation_hyvsj_ftcro_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_1jtpy_702:not(#\9) {
|
|
|
836
836
|
width: var(--awsui-navigation-width-y98gph);
|
|
837
837
|
}
|
|
838
838
|
}
|
|
839
|
-
nav.
|
|
839
|
+
nav.awsui_navigation_hyvsj_ftcro_702:not(#\9):not(.awsui_is-navigation-open_hyvsj_ftcro_657) {
|
|
840
840
|
width: 0;
|
|
841
841
|
display: none;
|
|
842
842
|
}
|
|
843
|
-
nav.
|
|
844
|
-
animation:
|
|
843
|
+
nav.awsui_navigation_hyvsj_ftcro_702.awsui_is-navigation-open_hyvsj_ftcro_657.awsui_animating_hyvsj_ftcro_768:not(#\9) {
|
|
844
|
+
animation: awsui_openNavigation_hyvsj_ftcro_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_ftcro_702.awsui_is-navigation-open_hyvsj_ftcro_657.awsui_animating_hyvsj_ftcro_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_ftcro_702.awsui_is-navigation-open_hyvsj_ftcro_657.awsui_animating_hyvsj_ftcro_768:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_ftcro_702.awsui_is-navigation-open_hyvsj_ftcro_657.awsui_animating_hyvsj_ftcro_768:not(#\9) {
|
|
853
853
|
animation: none;
|
|
854
854
|
transition: none;
|
|
855
855
|
}
|
|
856
|
-
nav.
|
|
856
|
+
nav.awsui_navigation_hyvsj_ftcro_702 > .awsui_animated-content_hyvsj_ftcro_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_ftcro_702:not(#\9) {
|
|
861
861
|
--awsui-navigation-width-y98gph: 100vw;
|
|
862
862
|
}
|
|
863
863
|
}
|
|
864
864
|
|
|
865
|
-
.awsui_hide-
|
|
865
|
+
.awsui_hide-navigation_hyvsj_ftcro_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_1jtpy_702 > .awsui_animated-content_hyvsj_1jtpy_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_ftcro_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_ftcro_849.awsui_sticky-notifications_hyvsj_ftcro_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_ftcro_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_1jtpy_872:not(#\9) {
|
|
|
931
931
|
apply the animation to the height property.
|
|
932
932
|
*/
|
|
933
933
|
}
|
|
934
|
-
@keyframes
|
|
934
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_ftcro_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_1jtpy_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_ftcro_872.awsui_disable-body-scroll_hyvsj_ftcro_191:not(#\9) {
|
|
943
943
|
bottom: 0;
|
|
944
944
|
}
|
|
945
|
-
section.awsui_split-panel-
|
|
945
|
+
section.awsui_split-panel-bottom_hyvsj_ftcro_872.awsui_is-navigation-open_hyvsj_ftcro_657.awsui_position-bottom_hyvsj_ftcro_919:not(#\9) {
|
|
946
946
|
grid-column-start: 2;
|
|
947
947
|
}
|
|
948
|
-
section.awsui_split-panel-
|
|
948
|
+
section.awsui_split-panel-bottom_hyvsj_ftcro_872.awsui_has-open-drawer_hyvsj_ftcro_156.awsui_position-bottom_hyvsj_ftcro_919:not(#\9) {
|
|
949
949
|
grid-column-end: 5;
|
|
950
950
|
}
|
|
951
|
-
section.awsui_split-panel-
|
|
951
|
+
section.awsui_split-panel-bottom_hyvsj_ftcro_872.awsui_position-bottom_hyvsj_ftcro_919:not(#\9) {
|
|
952
952
|
display: block;
|
|
953
953
|
}
|
|
954
|
-
section.awsui_split-panel-
|
|
954
|
+
section.awsui_split-panel-bottom_hyvsj_ftcro_872:not(#\9):not(.awsui_is-split-panel-open_hyvsj_ftcro_660).awsui_position-bottom_hyvsj_ftcro_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_ftcro_872.awsui_is-split-panel-open_hyvsj_ftcro_660.awsui_position-bottom_hyvsj_ftcro_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_ftcro_872.awsui_is-split-panel-open_hyvsj_ftcro_660.awsui_position-bottom_hyvsj_ftcro_919.awsui_animating_hyvsj_ftcro_768:not(#\9) {
|
|
961
|
+
animation: awsui_openSplitPanelBottom_hyvsj_ftcro_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_ftcro_872.awsui_is-split-panel-open_hyvsj_ftcro_660.awsui_position-bottom_hyvsj_ftcro_919.awsui_animating_hyvsj_ftcro_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_ftcro_872.awsui_is-split-panel-open_hyvsj_ftcro_660.awsui_position-bottom_hyvsj_ftcro_919.awsui_animating_hyvsj_ftcro_768:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_ftcro_872.awsui_is-split-panel-open_hyvsj_ftcro_660.awsui_position-bottom_hyvsj_ftcro_919.awsui_animating_hyvsj_ftcro_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_ftcro_948:not(#\9) {
|
|
975
975
|
height: 100%;
|
|
976
976
|
overflow-x: hidden;
|
|
977
977
|
pointer-events: auto;
|
|
@@ -980,48 +980,15 @@ section.awsui_split-panel-side_hyvsj_1jtpy_948:not(#\9) {
|
|
|
980
980
|
it would not be possible to animate the width and the box shadow would
|
|
981
981
|
be persistent in the DOM when closed.
|
|
982
982
|
*/
|
|
983
|
-
/*
|
|
984
|
-
A non-semantic node is added with a fixed width equal to the final Split Panel
|
|
985
|
-
width. This will create the visual appearance of horizontal movement and
|
|
986
|
-
prevent unwanted text wrapping.
|
|
987
|
-
*/
|
|
988
|
-
}
|
|
989
|
-
@keyframes awsui_openSplitPanelSide_hyvsj_1jtpy_1 {
|
|
990
|
-
from {
|
|
991
|
-
opacity: 0;
|
|
992
|
-
width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
993
|
-
}
|
|
994
|
-
to {
|
|
995
|
-
opacity: 1;
|
|
996
|
-
width: var(--awsui-split-panel-reported-size-y98gph);
|
|
997
|
-
}
|
|
998
983
|
}
|
|
999
|
-
section.awsui_split-panel-
|
|
984
|
+
section.awsui_split-panel-side_hyvsj_ftcro_948:not(#\9):not(.awsui_is-split-panel-open_hyvsj_ftcro_660), section.awsui_split-panel-side_hyvsj_ftcro_948.awsui_position-bottom_hyvsj_ftcro_919:not(#\9) {
|
|
1000
985
|
width: 0;
|
|
1001
986
|
}
|
|
1002
|
-
section.awsui_split-panel-
|
|
987
|
+
section.awsui_split-panel-side_hyvsj_ftcro_948.awsui_is-split-panel-open_hyvsj_ftcro_660.awsui_position-side_hyvsj_ftcro_961:not(#\9) {
|
|
1003
988
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1004
989
|
max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
|
|
1005
990
|
min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
1006
991
|
}
|
|
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
|
-
}
|
|
1010
|
-
@media (prefers-reduced-motion: reduce) {
|
|
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
|
-
animation: none;
|
|
1013
|
-
transition: none;
|
|
1014
|
-
}
|
|
1015
|
-
}
|
|
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
|
-
animation: none;
|
|
1018
|
-
transition: none;
|
|
1019
|
-
}
|
|
1020
|
-
section.awsui_split-panel-side_hyvsj_1jtpy_948 > .awsui_animated-content_hyvsj_1jtpy_830:not(#\9) {
|
|
1021
|
-
height: 100%;
|
|
1022
|
-
max-width: inherit;
|
|
1023
|
-
width: var(--awsui-split-panel-reported-size-y98gph);
|
|
1024
|
-
}
|
|
1025
992
|
|
|
1026
993
|
/*
|
|
1027
994
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
@@ -1036,7 +1003,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1036
1003
|
property. The content gap right is computed in the Layout styles based on the
|
|
1037
1004
|
viewport size and state of the Tools drawer.
|
|
1038
1005
|
*/
|
|
1039
|
-
.awsui_tools-
|
|
1006
|
+
.awsui_tools-container_hyvsj_ftcro_980:not(#\9) {
|
|
1040
1007
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1041
1008
|
--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
1009
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1052,12 +1019,12 @@ viewport size and state of the Tools drawer.
|
|
|
1052
1019
|
pointer-events: none;
|
|
1053
1020
|
}
|
|
1054
1021
|
@media (min-width: 2541px) {
|
|
1055
|
-
.awsui_tools-
|
|
1022
|
+
.awsui_tools-container_hyvsj_ftcro_980:not(#\9) {
|
|
1056
1023
|
--awsui-tools-width-y98gph: 360px;
|
|
1057
1024
|
}
|
|
1058
1025
|
}
|
|
1059
1026
|
@media (max-width: 688px) {
|
|
1060
|
-
.awsui_tools-
|
|
1027
|
+
.awsui_tools-container_hyvsj_ftcro_980:not(#\9) {
|
|
1061
1028
|
--awsui-tools-max-width-y98gph: none;
|
|
1062
1029
|
--awsui-tools-width-y98gph: auto;
|
|
1063
1030
|
position: fixed;
|
|
@@ -1071,12 +1038,12 @@ viewport size and state of the Tools drawer.
|
|
|
1071
1038
|
relative to the body.
|
|
1072
1039
|
*/
|
|
1073
1040
|
}
|
|
1074
|
-
.awsui_tools-
|
|
1041
|
+
.awsui_tools-container_hyvsj_ftcro_980.awsui_disable-body-scroll_hyvsj_ftcro_191:not(#\9) {
|
|
1075
1042
|
top: var(--awsui-header-height-y98gph);
|
|
1076
1043
|
}
|
|
1077
1044
|
}
|
|
1078
1045
|
|
|
1079
|
-
.
|
|
1046
|
+
.awsui_tools_hyvsj_ftcro_980:not(#\9) {
|
|
1080
1047
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1081
1048
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1082
1049
|
flex-shrink: 0;
|
|
@@ -1100,7 +1067,7 @@ viewport size and state of the Tools drawer.
|
|
|
1100
1067
|
in the side position.
|
|
1101
1068
|
*/
|
|
1102
1069
|
}
|
|
1103
|
-
@keyframes
|
|
1070
|
+
@keyframes awsui_openTools_hyvsj_ftcro_1 {
|
|
1104
1071
|
from {
|
|
1105
1072
|
opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
|
|
1106
1073
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -1110,38 +1077,38 @@ viewport size and state of the Tools drawer.
|
|
|
1110
1077
|
width: var(--awsui-tools-width-y98gph);
|
|
1111
1078
|
}
|
|
1112
1079
|
}
|
|
1113
|
-
.
|
|
1080
|
+
.awsui_tools_hyvsj_ftcro_980:not(#\9):not(.awsui_is-tools-open_hyvsj_ftcro_660) {
|
|
1114
1081
|
width: 0;
|
|
1115
1082
|
display: none;
|
|
1116
1083
|
}
|
|
1117
|
-
.
|
|
1118
|
-
animation:
|
|
1084
|
+
.awsui_tools_hyvsj_ftcro_980.awsui_is-tools-open_hyvsj_ftcro_660.awsui_animating_hyvsj_ftcro_768:not(#\9) {
|
|
1085
|
+
animation: awsui_openTools_hyvsj_ftcro_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1119
1086
|
}
|
|
1120
1087
|
@media (prefers-reduced-motion: reduce) {
|
|
1121
|
-
.
|
|
1088
|
+
.awsui_tools_hyvsj_ftcro_980.awsui_is-tools-open_hyvsj_ftcro_660.awsui_animating_hyvsj_ftcro_768:not(#\9) {
|
|
1122
1089
|
animation: none;
|
|
1123
1090
|
transition: none;
|
|
1124
1091
|
}
|
|
1125
1092
|
}
|
|
1126
|
-
.awsui-motion-disabled .
|
|
1093
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_ftcro_980.awsui_is-tools-open_hyvsj_ftcro_660.awsui_animating_hyvsj_ftcro_768:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_ftcro_980.awsui_is-tools-open_hyvsj_ftcro_660.awsui_animating_hyvsj_ftcro_768:not(#\9) {
|
|
1127
1094
|
animation: none;
|
|
1128
1095
|
transition: none;
|
|
1129
1096
|
}
|
|
1130
|
-
.
|
|
1097
|
+
.awsui_tools_hyvsj_ftcro_980 > .awsui_animated-content_hyvsj_ftcro_830:not(#\9) {
|
|
1131
1098
|
width: var(--awsui-tools-width-y98gph);
|
|
1132
1099
|
}
|
|
1133
1100
|
@media (min-width: 689px) {
|
|
1134
|
-
.
|
|
1101
|
+
.awsui_tools_hyvsj_ftcro_980.awsui_is-tools-open_hyvsj_ftcro_660.awsui_has-tools-form-persistence_hyvsj_ftcro_1075:not(#\9) {
|
|
1135
1102
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
1136
1103
|
}
|
|
1137
1104
|
}
|
|
1138
1105
|
@media (max-width: 688px) {
|
|
1139
|
-
.
|
|
1106
|
+
.awsui_tools_hyvsj_ftcro_980:not(#\9) {
|
|
1140
1107
|
--awsui-tools-width-y98gph: 100vw;
|
|
1141
1108
|
}
|
|
1142
1109
|
}
|
|
1143
1110
|
|
|
1144
|
-
.awsui_hide-
|
|
1111
|
+
.awsui_hide-tools_hyvsj_ftcro_1085:not(#\9) {
|
|
1145
1112
|
position: absolute;
|
|
1146
1113
|
right: var(--space-m-udix3p, 16px);
|
|
1147
1114
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1153,7 +1120,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1153
1120
|
the calculation used to determine the Split Panel maximum width in the
|
|
1154
1121
|
handleSplitPanelMaxWidth function in the context.
|
|
1155
1122
|
*/
|
|
1156
|
-
.awsui_show-
|
|
1123
|
+
.awsui_show-tools_hyvsj_ftcro_1097:not(#\9) {
|
|
1157
1124
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1158
1125
|
border-collapse: separate;
|
|
1159
1126
|
border-spacing: 0;
|
|
@@ -1197,7 +1164,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1197
1164
|
take control in responsive viewports.
|
|
1198
1165
|
*/
|
|
1199
1166
|
}
|
|
1200
|
-
@keyframes
|
|
1167
|
+
@keyframes awsui_showButtons_hyvsj_ftcro_1 {
|
|
1201
1168
|
0% {
|
|
1202
1169
|
opacity: 0;
|
|
1203
1170
|
}
|
|
@@ -1205,31 +1172,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1205
1172
|
opacity: 1;
|
|
1206
1173
|
}
|
|
1207
1174
|
}
|
|
1208
|
-
.awsui_show-
|
|
1175
|
+
.awsui_show-tools_hyvsj_ftcro_1097:not(#\9):not(.awsui_has-tools-form_hyvsj_ftcro_1075) {
|
|
1209
1176
|
display: none;
|
|
1210
1177
|
}
|
|
1211
1178
|
@media (min-width: 689px) {
|
|
1212
|
-
.awsui_show-
|
|
1179
|
+
.awsui_show-tools_hyvsj_ftcro_1097.awsui_has-tools-form_hyvsj_ftcro_1075:not(#\9) {
|
|
1213
1180
|
display: flex;
|
|
1214
1181
|
flex-direction: column;
|
|
1215
1182
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1216
1183
|
}
|
|
1217
|
-
.awsui_show-
|
|
1218
|
-
animation:
|
|
1184
|
+
.awsui_show-tools_hyvsj_ftcro_1097.awsui_has-tools-form_hyvsj_ftcro_1075.awsui_animating_hyvsj_ftcro_768:not(#\9) {
|
|
1185
|
+
animation: awsui_showButtons_hyvsj_ftcro_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1219
1186
|
}
|
|
1220
1187
|
}
|
|
1221
1188
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1222
|
-
.awsui_show-
|
|
1189
|
+
.awsui_show-tools_hyvsj_ftcro_1097.awsui_has-tools-form_hyvsj_ftcro_1075.awsui_animating_hyvsj_ftcro_768:not(#\9) {
|
|
1223
1190
|
animation: none;
|
|
1224
1191
|
transition: none;
|
|
1225
1192
|
}
|
|
1226
1193
|
}
|
|
1227
1194
|
@media (min-width: 689px) {
|
|
1228
|
-
.awsui-motion-disabled .awsui_show-
|
|
1195
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_ftcro_1097.awsui_has-tools-form_hyvsj_ftcro_1075.awsui_animating_hyvsj_ftcro_768:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_ftcro_1097.awsui_has-tools-form_hyvsj_ftcro_1075.awsui_animating_hyvsj_ftcro_768:not(#\9) {
|
|
1229
1196
|
animation: none;
|
|
1230
1197
|
transition: none;
|
|
1231
1198
|
}
|
|
1232
|
-
.awsui_show-
|
|
1199
|
+
.awsui_show-tools_hyvsj_ftcro_1097.awsui_has-tools-form-persistence_hyvsj_ftcro_1075:not(#\9) {
|
|
1233
1200
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1234
1201
|
z-index: 1;
|
|
1235
1202
|
}
|
|
@@ -1239,7 +1206,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1239
1206
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1240
1207
|
SPDX-License-Identifier: Apache-2.0
|
|
1241
1208
|
*/
|
|
1242
|
-
.awsui_trigger-badge-
|
|
1209
|
+
.awsui_trigger-badge-wrapper_hyvsj_ftcro_1157:not(#\9) {
|
|
1243
1210
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1244
1211
|
border-radius: 50%;
|
|
1245
1212
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1252,10 +1219,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1252
1219
|
align-items: center;
|
|
1253
1220
|
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
1221
|
}
|
|
1255
|
-
.awsui_trigger-badge-
|
|
1222
|
+
.awsui_trigger-badge-wrapper_hyvsj_ftcro_1157:not(#\9):hover {
|
|
1256
1223
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1257
1224
|
}
|
|
1258
|
-
.awsui_trigger-badge-
|
|
1225
|
+
.awsui_trigger-badge-wrapper_hyvsj_ftcro_1157:not(#\9):active {
|
|
1259
1226
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1260
1227
|
}
|
|
1261
1228
|
|
|
@@ -1264,7 +1231,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1264
1231
|
the calculation used to determine the Split Panel maximum width in the
|
|
1265
1232
|
handleSplitPanelMaxWidth function in the context.
|
|
1266
1233
|
*/
|
|
1267
|
-
.
|
|
1234
|
+
.awsui_trigger_hyvsj_ftcro_1157:not(#\9) {
|
|
1268
1235
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1269
1236
|
border-radius: 50%;
|
|
1270
1237
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1276,20 +1243,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1276
1243
|
pointer-events: auto;
|
|
1277
1244
|
position: relative;
|
|
1278
1245
|
}
|
|
1279
|
-
.
|
|
1246
|
+
.awsui_trigger_hyvsj_ftcro_1157:not(#\9):hover {
|
|
1280
1247
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1281
1248
|
}
|
|
1282
|
-
.
|
|
1249
|
+
.awsui_trigger_hyvsj_ftcro_1157:not(#\9):active {
|
|
1283
1250
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1284
1251
|
}
|
|
1285
|
-
body[data-awsui-focus-visible=true] .
|
|
1252
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_ftcro_1157:not(#\9):focus {
|
|
1286
1253
|
position: relative;
|
|
1287
1254
|
}
|
|
1288
|
-
body[data-awsui-focus-visible=true] .
|
|
1255
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_ftcro_1157:not(#\9):focus {
|
|
1289
1256
|
outline: 2px dotted transparent;
|
|
1290
1257
|
outline-offset: calc(3px - 1px);
|
|
1291
1258
|
}
|
|
1292
|
-
body[data-awsui-focus-visible=true] .
|
|
1259
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_ftcro_1157:not(#\9):focus::before {
|
|
1293
1260
|
content: " ";
|
|
1294
1261
|
display: block;
|
|
1295
1262
|
position: absolute;
|
|
@@ -1300,40 +1267,40 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jtpy_1190:not(#\9):foc
|
|
|
1300
1267
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1301
1268
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1302
1269
|
}
|
|
1303
|
-
.
|
|
1270
|
+
.awsui_trigger_hyvsj_ftcro_1157:not(#\9):focus {
|
|
1304
1271
|
outline: none;
|
|
1305
1272
|
}
|
|
1306
|
-
.
|
|
1273
|
+
.awsui_trigger_hyvsj_ftcro_1157.awsui_selected_hyvsj_ftcro_1221:not(#\9) {
|
|
1307
1274
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1308
1275
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1309
1276
|
}
|
|
1310
|
-
.
|
|
1277
|
+
.awsui_trigger_hyvsj_ftcro_1157.awsui_selected_hyvsj_ftcro_1221:not(#\9):hover {
|
|
1311
1278
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1312
1279
|
}
|
|
1313
|
-
.
|
|
1280
|
+
.awsui_trigger_hyvsj_ftcro_1157.awsui_selected_hyvsj_ftcro_1221:not(#\9):active {
|
|
1314
1281
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1315
1282
|
}
|
|
1316
|
-
.
|
|
1283
|
+
.awsui_trigger_hyvsj_ftcro_1157.awsui_selected_hyvsj_ftcro_1221 > .awsui_trigger-badge-wrapper_hyvsj_ftcro_1157:not(#\9) {
|
|
1317
1284
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1318
1285
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1319
1286
|
}
|
|
1320
|
-
.
|
|
1287
|
+
.awsui_trigger_hyvsj_ftcro_1157.awsui_selected_hyvsj_ftcro_1221 > .awsui_trigger-badge-wrapper_hyvsj_ftcro_1157:not(#\9):hover {
|
|
1321
1288
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1322
1289
|
}
|
|
1323
|
-
.
|
|
1290
|
+
.awsui_trigger_hyvsj_ftcro_1157.awsui_selected_hyvsj_ftcro_1221 > .awsui_trigger-badge-wrapper_hyvsj_ftcro_1157:not(#\9):active {
|
|
1324
1291
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1325
1292
|
}
|
|
1326
|
-
.
|
|
1293
|
+
.awsui_trigger_hyvsj_ftcro_1157.awsui_badge_hyvsj_ftcro_1241:not(#\9), .awsui_trigger_hyvsj_ftcro_1157.awsui_badge_hyvsj_ftcro_1241:not(#\9):hover, .awsui_trigger_hyvsj_ftcro_1157.awsui_badge_hyvsj_ftcro_1241:not(#\9):active {
|
|
1327
1294
|
background: transparent;
|
|
1328
1295
|
}
|
|
1329
1296
|
|
|
1330
|
-
.awsui_trigger-
|
|
1297
|
+
.awsui_trigger-wrapper_hyvsj_ftcro_1245:not(#\9) {
|
|
1331
1298
|
position: relative;
|
|
1332
1299
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1333
1300
|
border-radius: 50%;
|
|
1334
1301
|
}
|
|
1335
1302
|
|
|
1336
|
-
.
|
|
1303
|
+
.awsui_dot_hyvsj_ftcro_1251:not(#\9) {
|
|
1337
1304
|
position: absolute;
|
|
1338
1305
|
width: 10px;
|
|
1339
1306
|
height: 10px;
|