@cloudscape-design/components 3.0.400 → 3.0.402
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/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +8 -4
- 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 +12 -10
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/main.d.ts.map +1 -1
- package/app-layout/visual-refresh/main.js +2 -1
- package/app-layout/visual-refresh/main.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +76 -74
- package/app-layout/visual-refresh/styles.scoped.css +183 -177
- package/app-layout/visual-refresh/styles.selectors.js +76 -74
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +7 -3
- package/container/internal.js.map +1 -1
- package/expandable-section/expandable-section-container.d.ts +1 -4
- package/expandable-section/expandable-section-container.d.ts.map +1 -1
- package/expandable-section/expandable-section-container.js +5 -3
- package/expandable-section/expandable-section-container.js.map +1 -1
- package/expandable-section/index.d.ts.map +1 -1
- package/expandable-section/index.js +1 -13
- package/expandable-section/index.js.map +1 -1
- package/expandable-section/internal.d.ts +2 -3
- package/expandable-section/internal.d.ts.map +1 -1
- package/expandable-section/internal.js +2 -2
- package/expandable-section/internal.js.map +1 -1
- package/form/index.d.ts.map +1 -1
- package/form/index.js +6 -4
- package/form/index.js.map +1 -1
- package/i18n/dynamic.js +2 -0
- package/i18n/messages/all.all.js +778 -4
- package/i18n/messages/all.all.json +788 -4
- package/i18n/messages/all.de.js +6 -1
- package/i18n/messages/all.de.json +6 -1
- package/i18n/messages/all.en-GB.js +5 -0
- package/i18n/messages/all.en-GB.json +5 -0
- package/i18n/messages/all.en.js +4 -0
- package/i18n/messages/all.en.json +4 -0
- package/i18n/messages/all.es.js +7 -2
- package/i18n/messages/all.es.json +7 -2
- package/i18n/messages/all.fr.js +5 -0
- package/i18n/messages/all.fr.json +5 -0
- package/i18n/messages/all.id.js +5 -0
- package/i18n/messages/all.id.json +5 -0
- package/i18n/messages/all.it.js +5 -0
- package/i18n/messages/all.it.json +5 -0
- package/i18n/messages/all.ja.js +5 -0
- package/i18n/messages/all.ja.json +5 -0
- package/i18n/messages/all.ko.js +5 -0
- package/i18n/messages/all.ko.json +5 -0
- package/i18n/messages/all.pt-BR.js +6 -1
- package/i18n/messages/all.pt-BR.json +6 -1
- package/i18n/messages/all.tr.d.ts +3 -0
- package/i18n/messages/all.tr.js +719 -0
- package/i18n/messages/all.tr.json +729 -0
- package/i18n/messages/all.zh-CN.js +5 -0
- package/i18n/messages/all.zh-CN.json +5 -0
- package/i18n/messages/all.zh-TW.js +5 -0
- package/i18n/messages/all.zh-TW.json +5 -0
- package/i18n/messages-types.d.ts +48 -44
- package/i18n/messages-types.d.ts.map +1 -1
- package/i18n/messages-types.js.map +1 -1
- package/internal/analytics/components/analytics-funnel.d.ts +2 -2
- package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
- package/internal/analytics/components/analytics-funnel.js +6 -4
- package/internal/analytics/components/analytics-funnel.js.map +1 -1
- package/internal/analytics/context/analytics-context.d.ts +1 -0
- package/internal/analytics/context/analytics-context.d.ts.map +1 -1
- package/internal/analytics/context/analytics-context.js +1 -0
- package/internal/analytics/context/analytics-context.js.map +1 -1
- package/internal/analytics/hooks/use-funnel.d.ts +1 -0
- package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
- package/internal/analytics/hooks/use-funnel.js +5 -1
- package/internal/analytics/hooks/use-funnel.js.map +1 -1
- package/internal/analytics/interfaces.d.ts +1 -0
- package/internal/analytics/interfaces.d.ts.map +1 -1
- package/internal/analytics/interfaces.js.map +1 -1
- package/internal/context/modal-context.d.ts +8 -0
- package/internal/context/modal-context.d.ts.map +1 -0
- package/internal/context/modal-context.js +9 -0
- package/internal/context/modal-context.js.map +1 -0
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/modal/internal.d.ts.map +1 -1
- package/modal/internal.js +23 -18
- package/modal/internal.js.map +1 -1
- package/package.json +3 -1
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +60 -42
- package/pie-chart/styles.selectors.js +27 -27
- package/pie-chart/utils.d.ts.map +1 -1
- package/pie-chart/utils.js +2 -1
- package/pie-chart/utils.js.map +1 -1
- package/property-filter/utils.d.ts +1 -1
- package/split-panel/side.d.ts.map +1 -1
- package/split-panel/side.js +0 -1
- package/split-panel/side.js.map +1 -1
- package/split-panel/styles.css.js +55 -56
- package/split-panel/styles.scoped.css +80 -84
- package/split-panel/styles.selectors.js +55 -56
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +4 -4
- package/table/internal.js.map +1 -1
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +8 -8
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
|
@@ -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_1q0bp_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_1q0bp_93 > .awsui_scrolling-background_hyvsj_1q0bp_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_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_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_ftcro_93 > .awsui_sticky-background_hyvsj_ftcro_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-y98gph);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1q0bp_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_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_102.awsui_has-sticky-notifications_hyvsj_1q0bp_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_ftcro_93 > .awsui_sticky-background_hyvsj_ftcro_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_1q0bp_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_ftcro_93 > .awsui_sticky-background_hyvsj_ftcro_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_1q0bp_123.awsui_has-sticky-background_hyvsj_1q0bp_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_ftcro_93 > .awsui_sticky-background_hyvsj_ftcro_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_1q0bp_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_ftcro_93 > .awsui_sticky-background_hyvsj_ftcro_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_1q0bp_145.awsui_has-open-drawer_hyvsj_1q0bp_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_1q0bp_145.awsui_has-open-drawer_hyvsj_1q0bp_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_1q0bp_145.awsui_has-open-drawer_hyvsj_1q0bp_156:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_1q0bp_145.awsui_has-open-drawer_hyvsj_1q0bp_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_1q0bp_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_1q0bp_145:not(#\9) {
|
|
180
180
|
position: fixed;
|
|
181
181
|
right: 0;
|
|
182
182
|
z-index: 1001;
|
|
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_ftcro_93 > .awsui_sticky-background_hyvsj_ftcro_102.a
|
|
|
188
188
|
relative to the body.
|
|
189
189
|
*/
|
|
190
190
|
}
|
|
191
|
-
.awsui_drawers-
|
|
191
|
+
.awsui_drawers-container_hyvsj_1q0bp_145.awsui_disable-body-scroll_hyvsj_1q0bp_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_1q0bp_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_ftcro_93 > .awsui_sticky-background_hyvsj_ftcro_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_1q0bp_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1q0bp_215).awsui_has-open-drawer_hyvsj_1q0bp_156 {
|
|
242
242
|
width: 0;
|
|
243
243
|
}
|
|
244
|
-
.awsui_drawers-desktop-triggers-
|
|
244
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1q0bp_196.awsui_has-multiple-triggers_hyvsj_1q0bp_215.awsui_has-open-drawer_hyvsj_1q0bp_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_1q0bp_196.awsui_has-multiple-triggers_hyvsj_1q0bp_215.awsui_has-open-drawer_hyvsj_1q0bp_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_1q0bp_196.awsui_has-multiple-triggers_hyvsj_1q0bp_215.awsui_has-open-drawer_hyvsj_1q0bp_156:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_1q0bp_196.awsui_has-multiple-triggers_hyvsj_1q0bp_215.awsui_has-open-drawer_hyvsj_1q0bp_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_1q0bp_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1q0bp_215):not(.awsui_has-open-drawer_hyvsj_1q0bp_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_1q0bp_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1q0bp_215):not(.awsui_has-open-drawer_hyvsj_1q0bp_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_1q0bp_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1q0bp_215):not(.awsui_has-open-drawer_hyvsj_1q0bp_156), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_1q0bp_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1q0bp_215):not(.awsui_has-open-drawer_hyvsj_1q0bp_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_1q0bp_247:not(#\9) {
|
|
274
274
|
display: flex;
|
|
275
275
|
}
|
|
276
276
|
|
|
277
|
-
.awsui_drawers-trigger-
|
|
277
|
+
.awsui_drawers-trigger-content_hyvsj_1q0bp_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_ftcro_93 > .awsui_sticky-background_hyvsj_ftcro_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_1q0bp_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1q0bp_215).awsui_has-open-drawer_hyvsj_1q0bp_156 {
|
|
286
286
|
opacity: 0;
|
|
287
287
|
}
|
|
288
|
-
.awsui_drawers-trigger-
|
|
288
|
+
.awsui_drawers-trigger-content_hyvsj_1q0bp_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1q0bp_215):not(.awsui_has-open-drawer_hyvsj_1q0bp_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_1q0bp_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1q0bp_215):not(.awsui_has-open-drawer_hyvsj_1q0bp_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_1q0bp_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1q0bp_215):not(.awsui_has-open-drawer_hyvsj_1q0bp_156), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_1q0bp_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1q0bp_215):not(.awsui_has-open-drawer_hyvsj_1q0bp_156) {
|
|
300
300
|
animation: none;
|
|
301
301
|
transition: none;
|
|
302
302
|
}
|
|
303
|
-
.awsui_drawers-trigger-
|
|
303
|
+
.awsui_drawers-trigger-content_hyvsj_1q0bp_251 > .awsui_drawers-trigger-overflow_hyvsj_1q0bp_277:not(#\9) {
|
|
304
304
|
padding: 0 1px;
|
|
305
305
|
display: flex;
|
|
306
306
|
align-items: center;
|
|
@@ -308,62 +308,68 @@ div.awsui_background_hyvsj_ftcro_93 > .awsui_sticky-background_hyvsj_ftcro_102.a
|
|
|
308
308
|
}
|
|
309
309
|
|
|
310
310
|
@media (max-width: 688px) {
|
|
311
|
-
.awsui_drawers-
|
|
311
|
+
.awsui_drawers-trigger_hyvsj_1q0bp_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_1q0bp_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;
|
|
322
322
|
display: grid;
|
|
323
|
+
grid-template-columns: var(--space-m-udix3p, 16px) 1fr;
|
|
323
324
|
flex-shrink: 0;
|
|
324
|
-
grid-template-columns: var(--space-m-udix3p, 16px) 1fr auto var(--space-m-udix3p, 16px);
|
|
325
|
-
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
326
325
|
height: 100%;
|
|
327
|
-
overflow-y:
|
|
326
|
+
overflow-y: hidden;
|
|
328
327
|
overflow-x: hidden;
|
|
329
328
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
330
329
|
overscroll-behavior-y: contain;
|
|
331
330
|
pointer-events: auto;
|
|
332
331
|
word-wrap: break-word;
|
|
333
332
|
}
|
|
334
|
-
.
|
|
333
|
+
.awsui_drawer_hyvsj_1q0bp_145 > .awsui_drawer-content-container_hyvsj_1q0bp_307:not(#\9) {
|
|
334
|
+
grid-column: 1/span 2;
|
|
335
|
+
grid-row: 1;
|
|
336
|
+
width: var(--awsui-drawer-size-y98gph);
|
|
337
|
+
display: grid;
|
|
338
|
+
grid-template-columns: var(--space-m-udix3p, 16px) 1fr auto var(--space-m-udix3p, 16px);
|
|
339
|
+
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
340
|
+
overflow-y: auto;
|
|
341
|
+
}
|
|
342
|
+
.awsui_drawer_hyvsj_1q0bp_145 > .awsui_drawer-content-container_hyvsj_1q0bp_307 > .awsui_drawer-close-button_hyvsj_1q0bp_316:not(#\9) {
|
|
335
343
|
grid-column: 3;
|
|
336
344
|
grid-row: 2;
|
|
337
345
|
z-index: 1;
|
|
338
346
|
}
|
|
339
|
-
.
|
|
347
|
+
.awsui_drawer_hyvsj_1q0bp_145 > .awsui_drawer-content-container_hyvsj_1q0bp_307 > .awsui_drawer-content_hyvsj_1q0bp_307:not(#\9) {
|
|
340
348
|
grid-column: 1/span 4;
|
|
341
|
-
grid-row: 1/span 3;
|
|
342
|
-
width: var(--awsui-drawer-size-y98gph);
|
|
343
349
|
}
|
|
344
|
-
.
|
|
350
|
+
.awsui_drawer_hyvsj_1q0bp_145 > .awsui_drawer-slider_hyvsj_1q0bp_324:not(#\9) {
|
|
345
351
|
grid-column: 1;
|
|
346
|
-
grid-row: 1
|
|
352
|
+
grid-row: 1;
|
|
347
353
|
height: 100%;
|
|
348
354
|
display: flex;
|
|
349
355
|
align-items: center;
|
|
350
356
|
}
|
|
351
|
-
.
|
|
357
|
+
.awsui_drawer_hyvsj_1q0bp_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_1q0bp_331) {
|
|
352
358
|
opacity: 0;
|
|
353
359
|
width: 0;
|
|
354
360
|
}
|
|
355
|
-
.
|
|
361
|
+
.awsui_drawer_hyvsj_1q0bp_145.awsui_is-drawer-open_hyvsj_1q0bp_331:not(#\9) {
|
|
356
362
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
357
363
|
opacity: 1;
|
|
358
364
|
width: var(--awsui-drawer-size-y98gph);
|
|
359
365
|
}
|
|
360
366
|
@media (min-width: 2541px) {
|
|
361
|
-
.
|
|
367
|
+
.awsui_drawer_hyvsj_1q0bp_145.awsui_is-drawer-open_hyvsj_1q0bp_331:not(#\9) {
|
|
362
368
|
--awsui-drawer-size-y98gph: 320px;
|
|
363
369
|
}
|
|
364
370
|
}
|
|
365
371
|
@media (max-width: 688px) {
|
|
366
|
-
.
|
|
372
|
+
.awsui_drawer_hyvsj_1q0bp_145.awsui_is-drawer-open_hyvsj_1q0bp_331:not(#\9) {
|
|
367
373
|
--awsui-drawer-size-y98gph: 100vw;
|
|
368
374
|
width: 100vw;
|
|
369
375
|
}
|
|
@@ -373,7 +379,7 @@ div.awsui_background_hyvsj_ftcro_93 > .awsui_sticky-background_hyvsj_ftcro_102.a
|
|
|
373
379
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
374
380
|
SPDX-License-Identifier: Apache-2.0
|
|
375
381
|
*/
|
|
376
|
-
header.
|
|
382
|
+
header.awsui_content_hyvsj_1q0bp_356:not(#\9) {
|
|
377
383
|
grid-area: header;
|
|
378
384
|
}
|
|
379
385
|
|
|
@@ -394,7 +400,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
394
400
|
circumstances regardless of whether the minContentWidth property is
|
|
395
401
|
explicitly set in script.
|
|
396
402
|
*/
|
|
397
|
-
.
|
|
403
|
+
.awsui_layout_hyvsj_1q0bp_377:not(#\9) {
|
|
398
404
|
--awsui-breadcrumbs-gap-y98gph: 0px;
|
|
399
405
|
--awsui-content-gap-left-y98gph: 0px;
|
|
400
406
|
--awsui-content-gap-right-y98gph: 0px;
|
|
@@ -477,133 +483,133 @@ explicitly set in script.
|
|
|
477
483
|
*/
|
|
478
484
|
}
|
|
479
485
|
@media (min-width: 1401px) {
|
|
480
|
-
.
|
|
486
|
+
.awsui_layout_hyvsj_1q0bp_377:not(#\9):not(.awsui_has-max-content-width_hyvsj_1q0bp_460) {
|
|
481
487
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
482
488
|
}
|
|
483
489
|
}
|
|
484
490
|
@media (min-width: 1921px) {
|
|
485
|
-
.
|
|
491
|
+
.awsui_layout_hyvsj_1q0bp_377:not(#\9):not(.awsui_has-max-content-width_hyvsj_1q0bp_460) {
|
|
486
492
|
--awsui-default-max-content-width-y98gph: 1440px;
|
|
487
493
|
}
|
|
488
494
|
}
|
|
489
495
|
@media (min-width: 2541px) {
|
|
490
|
-
.
|
|
496
|
+
.awsui_layout_hyvsj_1q0bp_377:not(#\9):not(.awsui_has-max-content-width_hyvsj_1q0bp_460) {
|
|
491
497
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
492
498
|
}
|
|
493
499
|
}
|
|
494
500
|
@media (min-width: 1401px) {
|
|
495
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_1q0bp_377:not(#\9):not(.awsui_has-max-content-width_hyvsj_1q0bp_460).awsui_content-type-dashboard_hyvsj_1q0bp_475 {
|
|
496
502
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
497
503
|
}
|
|
498
504
|
}
|
|
499
505
|
@media (min-width: 1921px) {
|
|
500
|
-
.
|
|
506
|
+
.awsui_layout_hyvsj_1q0bp_377:not(#\9):not(.awsui_has-max-content-width_hyvsj_1q0bp_460).awsui_content-type-dashboard_hyvsj_1q0bp_475 {
|
|
501
507
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
502
508
|
}
|
|
503
509
|
}
|
|
504
510
|
@media (min-width: 2541px) {
|
|
505
|
-
.
|
|
511
|
+
.awsui_layout_hyvsj_1q0bp_377:not(#\9):not(.awsui_has-max-content-width_hyvsj_1q0bp_460).awsui_content-type-dashboard_hyvsj_1q0bp_475 {
|
|
506
512
|
--awsui-default-max-content-width-y98gph: 2160px;
|
|
507
513
|
}
|
|
508
514
|
}
|
|
509
|
-
.
|
|
515
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_has-max-content-width_hyvsj_1q0bp_460:not(#\9) {
|
|
510
516
|
--awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
|
|
511
517
|
}
|
|
512
|
-
.
|
|
518
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_is-overlap-disabled_hyvsj_1q0bp_492:not(#\9) {
|
|
513
519
|
--awsui-overlap-height-y98gph: 0;
|
|
514
520
|
}
|
|
515
521
|
@media (min-width: 993px) {
|
|
516
|
-
.
|
|
522
|
+
.awsui_layout_hyvsj_1q0bp_377:not(#\9) {
|
|
517
523
|
--awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
|
|
518
524
|
}
|
|
519
525
|
}
|
|
520
526
|
@media (max-width: 992px) {
|
|
521
|
-
.
|
|
527
|
+
.awsui_layout_hyvsj_1q0bp_377:not(#\9) {
|
|
522
528
|
--awsui-default-min-content-width-y98gph: 0px;
|
|
523
529
|
}
|
|
524
530
|
}
|
|
525
|
-
.
|
|
531
|
+
.awsui_layout_hyvsj_1q0bp_377:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1q0bp_110):not(.awsui_has-sticky-background_hyvsj_1q0bp_133) {
|
|
526
532
|
--awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
|
|
527
533
|
}
|
|
528
|
-
.
|
|
534
|
+
.awsui_layout_hyvsj_1q0bp_377:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1q0bp_110).awsui_has-sticky-background_hyvsj_1q0bp_133 {
|
|
529
535
|
--awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
|
|
530
536
|
}
|
|
531
|
-
.
|
|
537
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_has-sticky-notifications_hyvsj_1q0bp_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_1q0bp_133) {
|
|
532
538
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
533
539
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
534
540
|
var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
|
|
535
541
|
);
|
|
536
542
|
}
|
|
537
|
-
.
|
|
543
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_has-sticky-notifications_hyvsj_1q0bp_110.awsui_has-sticky-background_hyvsj_1q0bp_133:not(#\9) {
|
|
538
544
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
539
545
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
540
546
|
var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
|
|
541
547
|
);
|
|
542
548
|
}
|
|
543
549
|
@media (min-width: 689px) {
|
|
544
|
-
.
|
|
550
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_has-content-gap-left_hyvsj_1q0bp_524:not(#\9) {
|
|
545
551
|
--awsui-content-gap-left-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
546
552
|
}
|
|
547
|
-
.
|
|
553
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_has-content-gap-right_hyvsj_1q0bp_527:not(#\9) {
|
|
548
554
|
--awsui-content-gap-right-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
549
555
|
}
|
|
550
556
|
}
|
|
551
557
|
@media (max-width: 688px) {
|
|
552
|
-
.
|
|
558
|
+
.awsui_layout_hyvsj_1q0bp_377:not(#\9) {
|
|
553
559
|
--awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
|
|
554
560
|
--awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
|
|
555
561
|
}
|
|
556
562
|
}
|
|
557
|
-
.
|
|
563
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_content-first-child-notifications_hyvsj_1q0bp_537:not(#\9) {
|
|
558
564
|
--awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
559
565
|
}
|
|
560
|
-
.
|
|
566
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_has-breadcrumbs_hyvsj_1q0bp_540:not(#\9) {
|
|
561
567
|
--awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
562
568
|
}
|
|
563
|
-
.
|
|
569
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_content-first-child-header_hyvsj_1q0bp_543:not(#\9), .awsui_layout_hyvsj_1q0bp_377.awsui_content-first-child-notifications_hyvsj_1q0bp_537:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1q0bp_540).awsui_has-header_hyvsj_1q0bp_543 {
|
|
564
570
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
565
571
|
}
|
|
566
|
-
.
|
|
572
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_has-breadcrumbs_hyvsj_1q0bp_540.awsui_has-header_hyvsj_1q0bp_543:not(#\9) {
|
|
567
573
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
568
574
|
}
|
|
569
|
-
.
|
|
575
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_content-first-child-notifications_hyvsj_1q0bp_537:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1q0bp_540):not(.awsui_has-header_hyvsj_1q0bp_543) {
|
|
570
576
|
--awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
571
577
|
}
|
|
572
|
-
.
|
|
578
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_has-breadcrumbs_hyvsj_1q0bp_540:not(#\9):not(.awsui_has-header_hyvsj_1q0bp_543) {
|
|
573
579
|
--awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
|
|
574
580
|
}
|
|
575
|
-
.
|
|
581
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_has-breadcrumbs_hyvsj_1q0bp_540:not(#\9):not(.awsui_has-header_hyvsj_1q0bp_543).awsui_is-overlap-disabled_hyvsj_1q0bp_492 {
|
|
576
582
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
577
583
|
}
|
|
578
|
-
.
|
|
584
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_has-breadcrumbs_hyvsj_1q0bp_540:not(#\9):not(.awsui_has-header_hyvsj_1q0bp_543):not(.awsui_is-overlap-disabled_hyvsj_1q0bp_492) {
|
|
579
585
|
--awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
|
|
580
586
|
}
|
|
581
|
-
.
|
|
587
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_has-header_hyvsj_1q0bp_543:not(#\9) {
|
|
582
588
|
--awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
583
589
|
}
|
|
584
|
-
.
|
|
590
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_content-first-child-main_hyvsj_1q0bp_564:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1q0bp_492), .awsui_layout_hyvsj_1q0bp_377.awsui_content-first-child-main_hyvsj_1q0bp_564.awsui_is-overlap-disabled_hyvsj_1q0bp_492:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1q0bp_564) {
|
|
585
591
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
586
592
|
}
|
|
587
593
|
@media (min-width: 689px) {
|
|
588
|
-
.
|
|
594
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_content-first-child-main_hyvsj_1q0bp_564:not(#\9):not(.awsui_has-header_hyvsj_1q0bp_543) {
|
|
589
595
|
--awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
|
|
590
596
|
--awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
|
|
591
597
|
}
|
|
592
598
|
}
|
|
593
599
|
@media (max-width: 688px) {
|
|
594
|
-
.
|
|
600
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_content-first-child-notifications_hyvsj_1q0bp_537:not(#\9) {
|
|
595
601
|
--awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
596
602
|
}
|
|
597
|
-
.
|
|
603
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_content-first-child-header_hyvsj_1q0bp_543:not(#\9) {
|
|
598
604
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
599
605
|
}
|
|
600
|
-
.
|
|
606
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_content-first-child-notifications_hyvsj_1q0bp_537:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1q0bp_540).awsui_has-header_hyvsj_1q0bp_543 {
|
|
601
607
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
602
608
|
}
|
|
603
|
-
.
|
|
609
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_content-first-child-notifications_hyvsj_1q0bp_537:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1q0bp_540):not(.awsui_has-header_hyvsj_1q0bp_543), .awsui_layout_hyvsj_1q0bp_377.awsui_content-first-child-main_hyvsj_1q0bp_564:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1q0bp_492) {
|
|
604
610
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
605
611
|
}
|
|
606
|
-
.
|
|
612
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_content-first-child-main_hyvsj_1q0bp_564.awsui_is-overlap-disabled_hyvsj_1q0bp_492:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1q0bp_564) {
|
|
607
613
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
608
614
|
}
|
|
609
615
|
}
|
|
@@ -618,19 +624,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
618
624
|
position: sticky will be the value of the notifications height in addition to the
|
|
619
625
|
notifications top margin and some additional vertical space for aesthetics.
|
|
620
626
|
*/
|
|
621
|
-
.
|
|
627
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_disable-body-scroll_hyvsj_1q0bp_191:not(#\9) {
|
|
622
628
|
--awsui-main-template-rows-y98gph: 1fr auto;
|
|
623
629
|
--awsui-offset-top-y98gph: 0px;
|
|
624
630
|
height: var(--awsui-content-height-y98gph);
|
|
625
631
|
overflow-y: scroll;
|
|
626
632
|
}
|
|
627
|
-
.
|
|
633
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_disable-body-scroll_hyvsj_1q0bp_191.awsui_has-split-panel_hyvsj_1q0bp_607.awsui_split-panel-position-bottom_hyvsj_1q0bp_607:not(#\9) {
|
|
628
634
|
--awsui-main-template-rows-y98gph: repeat(2, auto);
|
|
629
635
|
}
|
|
630
|
-
.
|
|
636
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_disable-body-scroll_hyvsj_1q0bp_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1q0bp_110) {
|
|
631
637
|
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
632
638
|
}
|
|
633
|
-
.
|
|
639
|
+
.awsui_layout_hyvsj_1q0bp_377.awsui_disable-body-scroll_hyvsj_1q0bp_191.awsui_has-sticky-notifications_hyvsj_1q0bp_110:not(#\9) {
|
|
634
640
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
635
641
|
var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
636
642
|
);
|
|
@@ -640,13 +646,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
640
646
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
641
647
|
when the navigation or tools drawers are open in responsive viewports.
|
|
642
648
|
*/
|
|
643
|
-
.awsui_block-body-
|
|
649
|
+
.awsui_block-body-scroll_hyvsj_1q0bp_623:not(#\9) {
|
|
644
650
|
overflow: hidden;
|
|
645
651
|
}
|
|
646
652
|
|
|
647
653
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
648
|
-
.
|
|
649
|
-
.
|
|
654
|
+
.awsui_unfocusable_hyvsj_1q0bp_628:not(#\9),
|
|
655
|
+
.awsui_unfocusable_hyvsj_1q0bp_628 *:not(#\9) {
|
|
650
656
|
visibility: hidden !important;
|
|
651
657
|
}
|
|
652
658
|
|
|
@@ -655,7 +661,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
655
661
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
656
662
|
SPDX-License-Identifier: Apache-2.0
|
|
657
663
|
*/
|
|
658
|
-
.
|
|
664
|
+
.awsui_container_hyvsj_1q0bp_638:not(#\9) {
|
|
659
665
|
grid-area: main;
|
|
660
666
|
padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
661
667
|
/*
|
|
@@ -672,18 +678,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
672
678
|
on the right, we decrement the column end by one.
|
|
673
679
|
*/
|
|
674
680
|
}
|
|
675
|
-
.
|
|
681
|
+
.awsui_container_hyvsj_1q0bp_638.awsui_has-split-panel_hyvsj_1q0bp_607.awsui_split-panel-position-bottom_hyvsj_1q0bp_607:not(#\9) {
|
|
676
682
|
padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
677
683
|
}
|
|
678
|
-
.
|
|
684
|
+
.awsui_container_hyvsj_1q0bp_638.awsui_disable-content-paddings_hyvsj_1q0bp_564:not(#\9) {
|
|
679
685
|
grid-column: 1/6;
|
|
680
686
|
padding: 0;
|
|
681
687
|
}
|
|
682
688
|
@media (min-width: 689px) {
|
|
683
|
-
.
|
|
689
|
+
.awsui_container_hyvsj_1q0bp_638.awsui_disable-content-paddings_hyvsj_1q0bp_564.awsui_is-navigation-open_hyvsj_1q0bp_663:not(#\9) {
|
|
684
690
|
grid-column-start: 2;
|
|
685
691
|
}
|
|
686
|
-
.
|
|
692
|
+
.awsui_container_hyvsj_1q0bp_638.awsui_disable-content-paddings_hyvsj_1q0bp_564.awsui_is-tools-open_hyvsj_1q0bp_666:not(#\9), .awsui_container_hyvsj_1q0bp_638.awsui_disable-content-paddings_hyvsj_1q0bp_564.awsui_is-split-panel-open_hyvsj_1q0bp_666.awsui_split-panel-position-side_hyvsj_1q0bp_666:not(#\9), .awsui_container_hyvsj_1q0bp_638.awsui_disable-content-paddings_hyvsj_1q0bp_564.awsui_has-active-drawer_hyvsj_1q0bp_666:not(#\9) {
|
|
687
693
|
grid-column-end: 5;
|
|
688
694
|
}
|
|
689
695
|
}
|
|
@@ -692,7 +698,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
692
698
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
693
699
|
SPDX-License-Identifier: Apache-2.0
|
|
694
700
|
*/
|
|
695
|
-
section.awsui_mobile-
|
|
701
|
+
section.awsui_mobile-toolbar_hyvsj_1q0bp_675:not(#\9) {
|
|
696
702
|
align-items: center;
|
|
697
703
|
background-color: var(--color-background-home-header-2rudu7, #000716);
|
|
698
704
|
border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
@@ -708,15 +714,15 @@ section.awsui_mobile-toolbar_hyvsj_ftcro_669:not(#\9) {
|
|
|
708
714
|
top: var(--awsui-offset-top-y98gph);
|
|
709
715
|
z-index: 1000;
|
|
710
716
|
}
|
|
711
|
-
section.awsui_mobile-
|
|
717
|
+
section.awsui_mobile-toolbar_hyvsj_1q0bp_675 > .awsui_mobile-toolbar-nav_hyvsj_1q0bp_691:not(#\9) {
|
|
712
718
|
grid-column: 1;
|
|
713
719
|
margin-right: var(--space-m-udix3p, 16px);
|
|
714
720
|
}
|
|
715
|
-
section.awsui_mobile-
|
|
721
|
+
section.awsui_mobile-toolbar_hyvsj_1q0bp_675 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1q0bp_695:not(#\9) {
|
|
716
722
|
grid-column: 2;
|
|
717
723
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
718
724
|
}
|
|
719
|
-
section.awsui_mobile-
|
|
725
|
+
section.awsui_mobile-toolbar_hyvsj_1q0bp_675 > .awsui_mobile-toolbar-tools_hyvsj_1q0bp_699:not(#\9) {
|
|
720
726
|
grid-column: 3;
|
|
721
727
|
margin-left: var(--space-m-udix3p, 16px);
|
|
722
728
|
}
|
|
@@ -725,7 +731,7 @@ section.awsui_mobile-toolbar_hyvsj_ftcro_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
725
731
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
726
732
|
SPDX-License-Identifier: Apache-2.0
|
|
727
733
|
*/
|
|
728
|
-
.awsui_navigation-
|
|
734
|
+
.awsui_navigation-container_hyvsj_1q0bp_708:not(#\9) {
|
|
729
735
|
--awsui-navigation-width-y98gph: 280px;
|
|
730
736
|
display: flex;
|
|
731
737
|
grid-column: 1;
|
|
@@ -747,12 +753,12 @@ section.awsui_mobile-toolbar_hyvsj_ftcro_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
747
753
|
pointer-events: none;
|
|
748
754
|
}
|
|
749
755
|
@media (min-width: 2541px) {
|
|
750
|
-
.awsui_navigation-
|
|
756
|
+
.awsui_navigation-container_hyvsj_1q0bp_708:not(#\9) {
|
|
751
757
|
--awsui-navigation-width-y98gph: 320px;
|
|
752
758
|
}
|
|
753
759
|
}
|
|
754
760
|
@media (max-width: 688px) {
|
|
755
|
-
.awsui_navigation-
|
|
761
|
+
.awsui_navigation-container_hyvsj_1q0bp_708:not(#\9) {
|
|
756
762
|
left: 0;
|
|
757
763
|
position: fixed;
|
|
758
764
|
z-index: 1001;
|
|
@@ -764,19 +770,19 @@ section.awsui_mobile-toolbar_hyvsj_ftcro_669 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
764
770
|
relative to the body.
|
|
765
771
|
*/
|
|
766
772
|
}
|
|
767
|
-
.awsui_navigation-
|
|
773
|
+
.awsui_navigation-container_hyvsj_1q0bp_708.awsui_disable-body-scroll_hyvsj_1q0bp_191:not(#\9) {
|
|
768
774
|
top: var(--awsui-header-height-y98gph);
|
|
769
775
|
}
|
|
770
776
|
}
|
|
771
777
|
|
|
772
|
-
nav.awsui_show-
|
|
778
|
+
nav.awsui_show-navigation_hyvsj_1q0bp_752:not(#\9) {
|
|
773
779
|
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
|
|
774
780
|
/*
|
|
775
781
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
776
782
|
take control in responsive viewports.
|
|
777
783
|
*/
|
|
778
784
|
}
|
|
779
|
-
@keyframes
|
|
785
|
+
@keyframes awsui_showButtons_hyvsj_1q0bp_1 {
|
|
780
786
|
0% {
|
|
781
787
|
opacity: 0;
|
|
782
788
|
}
|
|
@@ -784,31 +790,31 @@ nav.awsui_show-navigation_hyvsj_ftcro_746:not(#\9) {
|
|
|
784
790
|
opacity: 1;
|
|
785
791
|
}
|
|
786
792
|
}
|
|
787
|
-
nav.awsui_show-
|
|
793
|
+
nav.awsui_show-navigation_hyvsj_1q0bp_752.awsui_is-navigation-open_hyvsj_1q0bp_663:not(#\9) {
|
|
788
794
|
display: none;
|
|
789
795
|
}
|
|
790
796
|
@media (min-width: 689px) {
|
|
791
|
-
nav.awsui_show-
|
|
797
|
+
nav.awsui_show-navigation_hyvsj_1q0bp_752:not(#\9):not(.awsui_is-navigation-open_hyvsj_1q0bp_663) {
|
|
792
798
|
display: block;
|
|
793
799
|
}
|
|
794
|
-
nav.awsui_show-
|
|
795
|
-
animation:
|
|
800
|
+
nav.awsui_show-navigation_hyvsj_1q0bp_752:not(#\9):not(.awsui_is-navigation-open_hyvsj_1q0bp_663).awsui_animating_hyvsj_1q0bp_774 {
|
|
801
|
+
animation: awsui_showButtons_hyvsj_1q0bp_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
796
802
|
}
|
|
797
803
|
}
|
|
798
804
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
799
|
-
nav.awsui_show-
|
|
805
|
+
nav.awsui_show-navigation_hyvsj_1q0bp_752:not(#\9):not(.awsui_is-navigation-open_hyvsj_1q0bp_663).awsui_animating_hyvsj_1q0bp_774 {
|
|
800
806
|
animation: none;
|
|
801
807
|
transition: none;
|
|
802
808
|
}
|
|
803
809
|
}
|
|
804
810
|
@media (min-width: 689px) {
|
|
805
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
811
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1q0bp_752:not(#\9):not(.awsui_is-navigation-open_hyvsj_1q0bp_663).awsui_animating_hyvsj_1q0bp_774, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1q0bp_752:not(#\9):not(.awsui_is-navigation-open_hyvsj_1q0bp_663).awsui_animating_hyvsj_1q0bp_774 {
|
|
806
812
|
animation: none;
|
|
807
813
|
transition: none;
|
|
808
814
|
}
|
|
809
815
|
}
|
|
810
816
|
|
|
811
|
-
nav.
|
|
817
|
+
nav.awsui_navigation_hyvsj_1q0bp_708:not(#\9) {
|
|
812
818
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
813
819
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
814
820
|
bottom: 0;
|
|
@@ -826,7 +832,7 @@ nav.awsui_navigation_hyvsj_ftcro_702:not(#\9) {
|
|
|
826
832
|
prevent unwanted text wrapping.
|
|
827
833
|
*/
|
|
828
834
|
}
|
|
829
|
-
@keyframes
|
|
835
|
+
@keyframes awsui_openNavigation_hyvsj_1q0bp_1 {
|
|
830
836
|
from {
|
|
831
837
|
opacity: 0;
|
|
832
838
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -836,33 +842,33 @@ nav.awsui_navigation_hyvsj_ftcro_702:not(#\9) {
|
|
|
836
842
|
width: var(--awsui-navigation-width-y98gph);
|
|
837
843
|
}
|
|
838
844
|
}
|
|
839
|
-
nav.
|
|
845
|
+
nav.awsui_navigation_hyvsj_1q0bp_708:not(#\9):not(.awsui_is-navigation-open_hyvsj_1q0bp_663) {
|
|
840
846
|
width: 0;
|
|
841
847
|
display: none;
|
|
842
848
|
}
|
|
843
|
-
nav.
|
|
844
|
-
animation:
|
|
849
|
+
nav.awsui_navigation_hyvsj_1q0bp_708.awsui_is-navigation-open_hyvsj_1q0bp_663.awsui_animating_hyvsj_1q0bp_774:not(#\9) {
|
|
850
|
+
animation: awsui_openNavigation_hyvsj_1q0bp_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
845
851
|
}
|
|
846
852
|
@media (prefers-reduced-motion: reduce) {
|
|
847
|
-
nav.
|
|
853
|
+
nav.awsui_navigation_hyvsj_1q0bp_708.awsui_is-navigation-open_hyvsj_1q0bp_663.awsui_animating_hyvsj_1q0bp_774:not(#\9) {
|
|
848
854
|
animation: none;
|
|
849
855
|
transition: none;
|
|
850
856
|
}
|
|
851
857
|
}
|
|
852
|
-
.awsui-motion-disabled nav.
|
|
858
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1q0bp_708.awsui_is-navigation-open_hyvsj_1q0bp_663.awsui_animating_hyvsj_1q0bp_774:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1q0bp_708.awsui_is-navigation-open_hyvsj_1q0bp_663.awsui_animating_hyvsj_1q0bp_774:not(#\9) {
|
|
853
859
|
animation: none;
|
|
854
860
|
transition: none;
|
|
855
861
|
}
|
|
856
|
-
nav.
|
|
862
|
+
nav.awsui_navigation_hyvsj_1q0bp_708 > .awsui_animated-content_hyvsj_1q0bp_836:not(#\9) {
|
|
857
863
|
width: var(--awsui-navigation-width-y98gph);
|
|
858
864
|
}
|
|
859
865
|
@media (max-width: 688px) {
|
|
860
|
-
nav.
|
|
866
|
+
nav.awsui_navigation_hyvsj_1q0bp_708:not(#\9) {
|
|
861
867
|
--awsui-navigation-width-y98gph: 100vw;
|
|
862
868
|
}
|
|
863
869
|
}
|
|
864
870
|
|
|
865
|
-
.awsui_hide-
|
|
871
|
+
.awsui_hide-navigation_hyvsj_1q0bp_845:not(#\9) {
|
|
866
872
|
position: absolute;
|
|
867
873
|
right: var(--space-m-udix3p, 16px);
|
|
868
874
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -872,13 +878,13 @@ nav.awsui_navigation_hyvsj_ftcro_702 > .awsui_animated-content_hyvsj_ftcro_830:n
|
|
|
872
878
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
873
879
|
SPDX-License-Identifier: Apache-2.0
|
|
874
880
|
*/
|
|
875
|
-
.
|
|
881
|
+
.awsui_notifications_hyvsj_1q0bp_855:not(#\9) {
|
|
876
882
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
877
883
|
grid-area: notifications;
|
|
878
884
|
z-index: 850;
|
|
879
885
|
}
|
|
880
886
|
@media (min-width: 689px) {
|
|
881
|
-
.
|
|
887
|
+
.awsui_notifications_hyvsj_1q0bp_855.awsui_sticky-notifications_hyvsj_1q0bp_861:not(#\9) {
|
|
882
888
|
--awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
|
|
883
889
|
position: sticky;
|
|
884
890
|
top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
|
|
@@ -895,7 +901,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
895
901
|
consume the remaining vertical space in the grid after the notifications
|
|
896
902
|
and breadcrumbs.
|
|
897
903
|
*/
|
|
898
|
-
section.awsui_split-panel-
|
|
904
|
+
section.awsui_split-panel-bottom_hyvsj_1q0bp_878:not(#\9) {
|
|
899
905
|
/*
|
|
900
906
|
The align self property will position the split panel at the bottom of the grid row.
|
|
901
907
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -931,7 +937,7 @@ section.awsui_split-panel-bottom_hyvsj_ftcro_872:not(#\9) {
|
|
|
931
937
|
apply the animation to the height property.
|
|
932
938
|
*/
|
|
933
939
|
}
|
|
934
|
-
@keyframes
|
|
940
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1q0bp_1 {
|
|
935
941
|
from {
|
|
936
942
|
height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
|
|
937
943
|
}
|
|
@@ -939,39 +945,39 @@ section.awsui_split-panel-bottom_hyvsj_ftcro_872:not(#\9) {
|
|
|
939
945
|
height: var(--awsui-split-panel-reported-size-y98gph);
|
|
940
946
|
}
|
|
941
947
|
}
|
|
942
|
-
section.awsui_split-panel-
|
|
948
|
+
section.awsui_split-panel-bottom_hyvsj_1q0bp_878.awsui_disable-body-scroll_hyvsj_1q0bp_191:not(#\9) {
|
|
943
949
|
bottom: 0;
|
|
944
950
|
}
|
|
945
|
-
section.awsui_split-panel-
|
|
951
|
+
section.awsui_split-panel-bottom_hyvsj_1q0bp_878.awsui_is-navigation-open_hyvsj_1q0bp_663.awsui_position-bottom_hyvsj_1q0bp_925:not(#\9) {
|
|
946
952
|
grid-column-start: 2;
|
|
947
953
|
}
|
|
948
|
-
section.awsui_split-panel-
|
|
954
|
+
section.awsui_split-panel-bottom_hyvsj_1q0bp_878.awsui_has-open-drawer_hyvsj_1q0bp_156.awsui_position-bottom_hyvsj_1q0bp_925:not(#\9) {
|
|
949
955
|
grid-column-end: 5;
|
|
950
956
|
}
|
|
951
|
-
section.awsui_split-panel-
|
|
957
|
+
section.awsui_split-panel-bottom_hyvsj_1q0bp_878.awsui_position-bottom_hyvsj_1q0bp_925:not(#\9) {
|
|
952
958
|
display: block;
|
|
953
959
|
}
|
|
954
|
-
section.awsui_split-panel-
|
|
960
|
+
section.awsui_split-panel-bottom_hyvsj_1q0bp_878:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1q0bp_666).awsui_position-bottom_hyvsj_1q0bp_925 {
|
|
955
961
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
956
962
|
}
|
|
957
|
-
section.awsui_split-panel-
|
|
963
|
+
section.awsui_split-panel-bottom_hyvsj_1q0bp_878.awsui_is-split-panel-open_hyvsj_1q0bp_666.awsui_position-bottom_hyvsj_1q0bp_925:not(#\9) {
|
|
958
964
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
959
965
|
}
|
|
960
|
-
section.awsui_split-panel-
|
|
961
|
-
animation:
|
|
966
|
+
section.awsui_split-panel-bottom_hyvsj_1q0bp_878.awsui_is-split-panel-open_hyvsj_1q0bp_666.awsui_position-bottom_hyvsj_1q0bp_925.awsui_animating_hyvsj_1q0bp_774:not(#\9) {
|
|
967
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1q0bp_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
962
968
|
}
|
|
963
969
|
@media (prefers-reduced-motion: reduce) {
|
|
964
|
-
section.awsui_split-panel-
|
|
970
|
+
section.awsui_split-panel-bottom_hyvsj_1q0bp_878.awsui_is-split-panel-open_hyvsj_1q0bp_666.awsui_position-bottom_hyvsj_1q0bp_925.awsui_animating_hyvsj_1q0bp_774:not(#\9) {
|
|
965
971
|
animation: none;
|
|
966
972
|
transition: none;
|
|
967
973
|
}
|
|
968
974
|
}
|
|
969
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
975
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1q0bp_878.awsui_is-split-panel-open_hyvsj_1q0bp_666.awsui_position-bottom_hyvsj_1q0bp_925.awsui_animating_hyvsj_1q0bp_774:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1q0bp_878.awsui_is-split-panel-open_hyvsj_1q0bp_666.awsui_position-bottom_hyvsj_1q0bp_925.awsui_animating_hyvsj_1q0bp_774:not(#\9) {
|
|
970
976
|
animation: none;
|
|
971
977
|
transition: none;
|
|
972
978
|
}
|
|
973
979
|
|
|
974
|
-
section.awsui_split-panel-
|
|
980
|
+
section.awsui_split-panel-side_hyvsj_1q0bp_954:not(#\9) {
|
|
975
981
|
height: 100%;
|
|
976
982
|
overflow-x: hidden;
|
|
977
983
|
pointer-events: auto;
|
|
@@ -981,10 +987,10 @@ section.awsui_split-panel-side_hyvsj_ftcro_948:not(#\9) {
|
|
|
981
987
|
be persistent in the DOM when closed.
|
|
982
988
|
*/
|
|
983
989
|
}
|
|
984
|
-
section.awsui_split-panel-
|
|
990
|
+
section.awsui_split-panel-side_hyvsj_1q0bp_954:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1q0bp_666), section.awsui_split-panel-side_hyvsj_1q0bp_954.awsui_position-bottom_hyvsj_1q0bp_925:not(#\9) {
|
|
985
991
|
width: 0;
|
|
986
992
|
}
|
|
987
|
-
section.awsui_split-panel-
|
|
993
|
+
section.awsui_split-panel-side_hyvsj_1q0bp_954.awsui_is-split-panel-open_hyvsj_1q0bp_666.awsui_position-side_hyvsj_1q0bp_967:not(#\9) {
|
|
988
994
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
989
995
|
max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
|
|
990
996
|
min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
@@ -1003,7 +1009,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1003
1009
|
property. The content gap right is computed in the Layout styles based on the
|
|
1004
1010
|
viewport size and state of the Tools drawer.
|
|
1005
1011
|
*/
|
|
1006
|
-
.awsui_tools-
|
|
1012
|
+
.awsui_tools-container_hyvsj_1q0bp_986:not(#\9) {
|
|
1007
1013
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1008
1014
|
--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));
|
|
1009
1015
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1019,12 +1025,12 @@ viewport size and state of the Tools drawer.
|
|
|
1019
1025
|
pointer-events: none;
|
|
1020
1026
|
}
|
|
1021
1027
|
@media (min-width: 2541px) {
|
|
1022
|
-
.awsui_tools-
|
|
1028
|
+
.awsui_tools-container_hyvsj_1q0bp_986:not(#\9) {
|
|
1023
1029
|
--awsui-tools-width-y98gph: 360px;
|
|
1024
1030
|
}
|
|
1025
1031
|
}
|
|
1026
1032
|
@media (max-width: 688px) {
|
|
1027
|
-
.awsui_tools-
|
|
1033
|
+
.awsui_tools-container_hyvsj_1q0bp_986:not(#\9) {
|
|
1028
1034
|
--awsui-tools-max-width-y98gph: none;
|
|
1029
1035
|
--awsui-tools-width-y98gph: auto;
|
|
1030
1036
|
position: fixed;
|
|
@@ -1038,12 +1044,12 @@ viewport size and state of the Tools drawer.
|
|
|
1038
1044
|
relative to the body.
|
|
1039
1045
|
*/
|
|
1040
1046
|
}
|
|
1041
|
-
.awsui_tools-
|
|
1047
|
+
.awsui_tools-container_hyvsj_1q0bp_986.awsui_disable-body-scroll_hyvsj_1q0bp_191:not(#\9) {
|
|
1042
1048
|
top: var(--awsui-header-height-y98gph);
|
|
1043
1049
|
}
|
|
1044
1050
|
}
|
|
1045
1051
|
|
|
1046
|
-
.
|
|
1052
|
+
.awsui_tools_hyvsj_1q0bp_986:not(#\9) {
|
|
1047
1053
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1048
1054
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1049
1055
|
flex-shrink: 0;
|
|
@@ -1067,7 +1073,7 @@ viewport size and state of the Tools drawer.
|
|
|
1067
1073
|
in the side position.
|
|
1068
1074
|
*/
|
|
1069
1075
|
}
|
|
1070
|
-
@keyframes
|
|
1076
|
+
@keyframes awsui_openTools_hyvsj_1q0bp_1 {
|
|
1071
1077
|
from {
|
|
1072
1078
|
opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
|
|
1073
1079
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -1077,38 +1083,38 @@ viewport size and state of the Tools drawer.
|
|
|
1077
1083
|
width: var(--awsui-tools-width-y98gph);
|
|
1078
1084
|
}
|
|
1079
1085
|
}
|
|
1080
|
-
.
|
|
1086
|
+
.awsui_tools_hyvsj_1q0bp_986:not(#\9):not(.awsui_is-tools-open_hyvsj_1q0bp_666) {
|
|
1081
1087
|
width: 0;
|
|
1082
1088
|
display: none;
|
|
1083
1089
|
}
|
|
1084
|
-
.
|
|
1085
|
-
animation:
|
|
1090
|
+
.awsui_tools_hyvsj_1q0bp_986.awsui_is-tools-open_hyvsj_1q0bp_666.awsui_animating_hyvsj_1q0bp_774:not(#\9) {
|
|
1091
|
+
animation: awsui_openTools_hyvsj_1q0bp_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1086
1092
|
}
|
|
1087
1093
|
@media (prefers-reduced-motion: reduce) {
|
|
1088
|
-
.
|
|
1094
|
+
.awsui_tools_hyvsj_1q0bp_986.awsui_is-tools-open_hyvsj_1q0bp_666.awsui_animating_hyvsj_1q0bp_774:not(#\9) {
|
|
1089
1095
|
animation: none;
|
|
1090
1096
|
transition: none;
|
|
1091
1097
|
}
|
|
1092
1098
|
}
|
|
1093
|
-
.awsui-motion-disabled .
|
|
1099
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1q0bp_986.awsui_is-tools-open_hyvsj_1q0bp_666.awsui_animating_hyvsj_1q0bp_774:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1q0bp_986.awsui_is-tools-open_hyvsj_1q0bp_666.awsui_animating_hyvsj_1q0bp_774:not(#\9) {
|
|
1094
1100
|
animation: none;
|
|
1095
1101
|
transition: none;
|
|
1096
1102
|
}
|
|
1097
|
-
.
|
|
1103
|
+
.awsui_tools_hyvsj_1q0bp_986 > .awsui_animated-content_hyvsj_1q0bp_836:not(#\9) {
|
|
1098
1104
|
width: var(--awsui-tools-width-y98gph);
|
|
1099
1105
|
}
|
|
1100
1106
|
@media (min-width: 689px) {
|
|
1101
|
-
.
|
|
1107
|
+
.awsui_tools_hyvsj_1q0bp_986.awsui_is-tools-open_hyvsj_1q0bp_666.awsui_has-tools-form-persistence_hyvsj_1q0bp_1081:not(#\9) {
|
|
1102
1108
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
1103
1109
|
}
|
|
1104
1110
|
}
|
|
1105
1111
|
@media (max-width: 688px) {
|
|
1106
|
-
.
|
|
1112
|
+
.awsui_tools_hyvsj_1q0bp_986:not(#\9) {
|
|
1107
1113
|
--awsui-tools-width-y98gph: 100vw;
|
|
1108
1114
|
}
|
|
1109
1115
|
}
|
|
1110
1116
|
|
|
1111
|
-
.awsui_hide-
|
|
1117
|
+
.awsui_hide-tools_hyvsj_1q0bp_1091:not(#\9) {
|
|
1112
1118
|
position: absolute;
|
|
1113
1119
|
right: var(--space-m-udix3p, 16px);
|
|
1114
1120
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1120,7 +1126,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1120
1126
|
the calculation used to determine the Split Panel maximum width in the
|
|
1121
1127
|
handleSplitPanelMaxWidth function in the context.
|
|
1122
1128
|
*/
|
|
1123
|
-
.awsui_show-
|
|
1129
|
+
.awsui_show-tools_hyvsj_1q0bp_1103:not(#\9) {
|
|
1124
1130
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1125
1131
|
border-collapse: separate;
|
|
1126
1132
|
border-spacing: 0;
|
|
@@ -1164,7 +1170,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1164
1170
|
take control in responsive viewports.
|
|
1165
1171
|
*/
|
|
1166
1172
|
}
|
|
1167
|
-
@keyframes
|
|
1173
|
+
@keyframes awsui_showButtons_hyvsj_1q0bp_1 {
|
|
1168
1174
|
0% {
|
|
1169
1175
|
opacity: 0;
|
|
1170
1176
|
}
|
|
@@ -1172,31 +1178,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1172
1178
|
opacity: 1;
|
|
1173
1179
|
}
|
|
1174
1180
|
}
|
|
1175
|
-
.awsui_show-
|
|
1181
|
+
.awsui_show-tools_hyvsj_1q0bp_1103:not(#\9):not(.awsui_has-tools-form_hyvsj_1q0bp_1081) {
|
|
1176
1182
|
display: none;
|
|
1177
1183
|
}
|
|
1178
1184
|
@media (min-width: 689px) {
|
|
1179
|
-
.awsui_show-
|
|
1185
|
+
.awsui_show-tools_hyvsj_1q0bp_1103.awsui_has-tools-form_hyvsj_1q0bp_1081:not(#\9) {
|
|
1180
1186
|
display: flex;
|
|
1181
1187
|
flex-direction: column;
|
|
1182
1188
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1183
1189
|
}
|
|
1184
|
-
.awsui_show-
|
|
1185
|
-
animation:
|
|
1190
|
+
.awsui_show-tools_hyvsj_1q0bp_1103.awsui_has-tools-form_hyvsj_1q0bp_1081.awsui_animating_hyvsj_1q0bp_774:not(#\9) {
|
|
1191
|
+
animation: awsui_showButtons_hyvsj_1q0bp_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1186
1192
|
}
|
|
1187
1193
|
}
|
|
1188
1194
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1189
|
-
.awsui_show-
|
|
1195
|
+
.awsui_show-tools_hyvsj_1q0bp_1103.awsui_has-tools-form_hyvsj_1q0bp_1081.awsui_animating_hyvsj_1q0bp_774:not(#\9) {
|
|
1190
1196
|
animation: none;
|
|
1191
1197
|
transition: none;
|
|
1192
1198
|
}
|
|
1193
1199
|
}
|
|
1194
1200
|
@media (min-width: 689px) {
|
|
1195
|
-
.awsui-motion-disabled .awsui_show-
|
|
1201
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1q0bp_1103.awsui_has-tools-form_hyvsj_1q0bp_1081.awsui_animating_hyvsj_1q0bp_774:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1q0bp_1103.awsui_has-tools-form_hyvsj_1q0bp_1081.awsui_animating_hyvsj_1q0bp_774:not(#\9) {
|
|
1196
1202
|
animation: none;
|
|
1197
1203
|
transition: none;
|
|
1198
1204
|
}
|
|
1199
|
-
.awsui_show-
|
|
1205
|
+
.awsui_show-tools_hyvsj_1q0bp_1103.awsui_has-tools-form-persistence_hyvsj_1q0bp_1081:not(#\9) {
|
|
1200
1206
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1201
1207
|
z-index: 1;
|
|
1202
1208
|
}
|
|
@@ -1206,7 +1212,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1206
1212
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1207
1213
|
SPDX-License-Identifier: Apache-2.0
|
|
1208
1214
|
*/
|
|
1209
|
-
.awsui_trigger-badge-
|
|
1215
|
+
.awsui_trigger-badge-wrapper_hyvsj_1q0bp_1163:not(#\9) {
|
|
1210
1216
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1211
1217
|
border-radius: 50%;
|
|
1212
1218
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1219,10 +1225,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1219
1225
|
align-items: center;
|
|
1220
1226
|
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");
|
|
1221
1227
|
}
|
|
1222
|
-
.awsui_trigger-badge-
|
|
1228
|
+
.awsui_trigger-badge-wrapper_hyvsj_1q0bp_1163:not(#\9):hover {
|
|
1223
1229
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1224
1230
|
}
|
|
1225
|
-
.awsui_trigger-badge-
|
|
1231
|
+
.awsui_trigger-badge-wrapper_hyvsj_1q0bp_1163:not(#\9):active {
|
|
1226
1232
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1227
1233
|
}
|
|
1228
1234
|
|
|
@@ -1231,7 +1237,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1231
1237
|
the calculation used to determine the Split Panel maximum width in the
|
|
1232
1238
|
handleSplitPanelMaxWidth function in the context.
|
|
1233
1239
|
*/
|
|
1234
|
-
.
|
|
1240
|
+
.awsui_trigger_hyvsj_1q0bp_1163:not(#\9) {
|
|
1235
1241
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1236
1242
|
border-radius: 50%;
|
|
1237
1243
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1243,20 +1249,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1243
1249
|
pointer-events: auto;
|
|
1244
1250
|
position: relative;
|
|
1245
1251
|
}
|
|
1246
|
-
.
|
|
1252
|
+
.awsui_trigger_hyvsj_1q0bp_1163:not(#\9):hover {
|
|
1247
1253
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1248
1254
|
}
|
|
1249
|
-
.
|
|
1255
|
+
.awsui_trigger_hyvsj_1q0bp_1163:not(#\9):active {
|
|
1250
1256
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1251
1257
|
}
|
|
1252
|
-
body[data-awsui-focus-visible=true] .
|
|
1258
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1q0bp_1163:not(#\9):focus {
|
|
1253
1259
|
position: relative;
|
|
1254
1260
|
}
|
|
1255
|
-
body[data-awsui-focus-visible=true] .
|
|
1261
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1q0bp_1163:not(#\9):focus {
|
|
1256
1262
|
outline: 2px dotted transparent;
|
|
1257
1263
|
outline-offset: calc(3px - 1px);
|
|
1258
1264
|
}
|
|
1259
|
-
body[data-awsui-focus-visible=true] .
|
|
1265
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1q0bp_1163:not(#\9):focus::before {
|
|
1260
1266
|
content: " ";
|
|
1261
1267
|
display: block;
|
|
1262
1268
|
position: absolute;
|
|
@@ -1267,40 +1273,40 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_ftcro_1157:not(#\9):foc
|
|
|
1267
1273
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1268
1274
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1269
1275
|
}
|
|
1270
|
-
.
|
|
1276
|
+
.awsui_trigger_hyvsj_1q0bp_1163:not(#\9):focus {
|
|
1271
1277
|
outline: none;
|
|
1272
1278
|
}
|
|
1273
|
-
.
|
|
1279
|
+
.awsui_trigger_hyvsj_1q0bp_1163.awsui_selected_hyvsj_1q0bp_1227:not(#\9) {
|
|
1274
1280
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1275
1281
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1276
1282
|
}
|
|
1277
|
-
.
|
|
1283
|
+
.awsui_trigger_hyvsj_1q0bp_1163.awsui_selected_hyvsj_1q0bp_1227:not(#\9):hover {
|
|
1278
1284
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1279
1285
|
}
|
|
1280
|
-
.
|
|
1286
|
+
.awsui_trigger_hyvsj_1q0bp_1163.awsui_selected_hyvsj_1q0bp_1227:not(#\9):active {
|
|
1281
1287
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1282
1288
|
}
|
|
1283
|
-
.
|
|
1289
|
+
.awsui_trigger_hyvsj_1q0bp_1163.awsui_selected_hyvsj_1q0bp_1227 > .awsui_trigger-badge-wrapper_hyvsj_1q0bp_1163:not(#\9) {
|
|
1284
1290
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1285
1291
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1286
1292
|
}
|
|
1287
|
-
.
|
|
1293
|
+
.awsui_trigger_hyvsj_1q0bp_1163.awsui_selected_hyvsj_1q0bp_1227 > .awsui_trigger-badge-wrapper_hyvsj_1q0bp_1163:not(#\9):hover {
|
|
1288
1294
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1289
1295
|
}
|
|
1290
|
-
.
|
|
1296
|
+
.awsui_trigger_hyvsj_1q0bp_1163.awsui_selected_hyvsj_1q0bp_1227 > .awsui_trigger-badge-wrapper_hyvsj_1q0bp_1163:not(#\9):active {
|
|
1291
1297
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1292
1298
|
}
|
|
1293
|
-
.
|
|
1299
|
+
.awsui_trigger_hyvsj_1q0bp_1163.awsui_badge_hyvsj_1q0bp_1247:not(#\9), .awsui_trigger_hyvsj_1q0bp_1163.awsui_badge_hyvsj_1q0bp_1247:not(#\9):hover, .awsui_trigger_hyvsj_1q0bp_1163.awsui_badge_hyvsj_1q0bp_1247:not(#\9):active {
|
|
1294
1300
|
background: transparent;
|
|
1295
1301
|
}
|
|
1296
1302
|
|
|
1297
|
-
.awsui_trigger-
|
|
1303
|
+
.awsui_trigger-wrapper_hyvsj_1q0bp_1251:not(#\9) {
|
|
1298
1304
|
position: relative;
|
|
1299
1305
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1300
1306
|
border-radius: 50%;
|
|
1301
1307
|
}
|
|
1302
1308
|
|
|
1303
|
-
.
|
|
1309
|
+
.awsui_dot_hyvsj_1q0bp_1257:not(#\9) {
|
|
1304
1310
|
position: absolute;
|
|
1305
1311
|
width: 10px;
|
|
1306
1312
|
height: 10px;
|