@cloudscape-design/components-themeable 3.0.950 → 3.0.951
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/alert/styles.scss +1 -2
- package/lib/internal/scss/flashbar/styles.scss +1 -2
- package/lib/internal/scss/popover/styles.scss +1 -0
- package/lib/internal/template/alert/styles.css.js +27 -27
- package/lib/internal/template/alert/styles.scoped.css +40 -41
- package/lib/internal/template/alert/styles.selectors.js +27 -27
- package/lib/internal/template/flashbar/styles.css.js +50 -50
- package/lib/internal/template/flashbar/styles.scoped.css +147 -148
- package/lib/internal/template/flashbar/styles.selectors.js +50 -50
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/popover/styles.css.js +54 -54
- package/lib/internal/template/popover/styles.scoped.css +84 -77
- package/lib/internal/template/popover/styles.selectors.js +54 -54
- package/package.json +1 -1
|
@@ -154,54 +154,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
154
154
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
155
155
|
SPDX-License-Identifier: Apache-2.0
|
|
156
156
|
*/
|
|
157
|
-
.awsui_flash-with-
|
|
157
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157:not(#\9) {
|
|
158
158
|
opacity: 0;
|
|
159
159
|
transform: translateY(-20px);
|
|
160
160
|
}
|
|
161
161
|
@media (prefers-reduced-motion: reduce) {
|
|
162
|
-
.awsui_flash-with-
|
|
162
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157:not(#\9) {
|
|
163
163
|
animation: none;
|
|
164
164
|
transition: none;
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
167
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157:not(#\9) {
|
|
168
168
|
animation: none;
|
|
169
169
|
transition: none;
|
|
170
170
|
}
|
|
171
|
-
.awsui_flash-with-
|
|
172
|
-
.awsui_flash-with-
|
|
173
|
-
.awsui_flash-with-
|
|
174
|
-
.awsui_flash-with-
|
|
171
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9),
|
|
172
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9),
|
|
173
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9),
|
|
174
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9) {
|
|
175
175
|
opacity: 0;
|
|
176
176
|
transform: translateY(-8px);
|
|
177
177
|
}
|
|
178
178
|
@media (prefers-reduced-motion: reduce) {
|
|
179
|
-
.awsui_flash-with-
|
|
180
|
-
.awsui_flash-with-
|
|
181
|
-
.awsui_flash-with-
|
|
182
|
-
.awsui_flash-with-
|
|
179
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9),
|
|
180
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9),
|
|
181
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9),
|
|
182
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9) {
|
|
183
183
|
animation: none;
|
|
184
184
|
transition: none;
|
|
185
185
|
}
|
|
186
186
|
}
|
|
187
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
187
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9) {
|
|
188
188
|
animation: none;
|
|
189
189
|
transition: none;
|
|
190
190
|
}
|
|
191
|
-
.awsui_flash-with-
|
|
191
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9) {
|
|
192
192
|
opacity: 0;
|
|
193
193
|
}
|
|
194
194
|
@media (prefers-reduced-motion: reduce) {
|
|
195
|
-
.awsui_flash-with-
|
|
195
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9) {
|
|
196
196
|
animation: none;
|
|
197
197
|
transition: none;
|
|
198
198
|
}
|
|
199
199
|
}
|
|
200
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
200
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_enter_1q84n_1e5qc_157 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9) {
|
|
201
201
|
animation: none;
|
|
202
202
|
transition: none;
|
|
203
203
|
}
|
|
204
|
-
.awsui_flash-with-
|
|
204
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210:not(#\9) {
|
|
205
205
|
transition-property: transform, opacity;
|
|
206
206
|
transition-duration: var(--motion-duration-complex-wo6kj4, 270ms);
|
|
207
207
|
transition-timing-function: var(--motion-easing-expressive-ndlg4u, ease-out);
|
|
@@ -209,25 +209,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
209
209
|
transform: translateY(0);
|
|
210
210
|
}
|
|
211
211
|
@media (prefers-reduced-motion: reduce) {
|
|
212
|
-
.awsui_flash-with-
|
|
212
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210:not(#\9) {
|
|
213
213
|
animation: none;
|
|
214
214
|
transition: none;
|
|
215
215
|
}
|
|
216
216
|
}
|
|
217
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
217
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210:not(#\9) {
|
|
218
218
|
animation: none;
|
|
219
219
|
transition: none;
|
|
220
220
|
}
|
|
221
|
-
.awsui_flash-with-
|
|
222
|
-
.awsui_flash-with-
|
|
223
|
-
.awsui_flash-with-
|
|
224
|
-
.awsui_flash-with-
|
|
225
|
-
.awsui_flash-with-
|
|
226
|
-
.awsui_flash-with-
|
|
227
|
-
.awsui_flash-with-
|
|
228
|
-
.awsui_flash-with-
|
|
229
|
-
.awsui_flash-with-
|
|
230
|
-
.awsui_flash-with-
|
|
221
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9),
|
|
222
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9),
|
|
223
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9),
|
|
224
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9),
|
|
225
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9),
|
|
226
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9),
|
|
227
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9),
|
|
228
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9),
|
|
229
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9),
|
|
230
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9) {
|
|
231
231
|
opacity: 1;
|
|
232
232
|
transform: translateY(0);
|
|
233
233
|
transition-property: transform, opacity;
|
|
@@ -235,83 +235,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
235
235
|
transition-timing-function: var(--motion-easing-expressive-ndlg4u, ease-out);
|
|
236
236
|
}
|
|
237
237
|
@media (prefers-reduced-motion: reduce) {
|
|
238
|
-
.awsui_flash-with-
|
|
239
|
-
.awsui_flash-with-
|
|
240
|
-
.awsui_flash-with-
|
|
241
|
-
.awsui_flash-with-
|
|
242
|
-
.awsui_flash-with-
|
|
243
|
-
.awsui_flash-with-
|
|
244
|
-
.awsui_flash-with-
|
|
245
|
-
.awsui_flash-with-
|
|
246
|
-
.awsui_flash-with-
|
|
247
|
-
.awsui_flash-with-
|
|
238
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9),
|
|
239
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9),
|
|
240
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9),
|
|
241
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9),
|
|
242
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9),
|
|
243
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9),
|
|
244
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9),
|
|
245
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9),
|
|
246
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9),
|
|
247
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9) {
|
|
248
248
|
animation: none;
|
|
249
249
|
transition: none;
|
|
250
250
|
}
|
|
251
251
|
}
|
|
252
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
252
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9) {
|
|
253
253
|
animation: none;
|
|
254
254
|
transition: none;
|
|
255
255
|
}
|
|
256
|
-
.awsui_flash-with-
|
|
256
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9), .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9) {
|
|
257
257
|
transition-delay: calc(var(--motion-duration-complex-wo6kj4, 270ms) - 50ms);
|
|
258
258
|
}
|
|
259
259
|
@media (prefers-reduced-motion: reduce) {
|
|
260
|
-
.awsui_flash-with-
|
|
260
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9), .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9) {
|
|
261
261
|
animation: none;
|
|
262
262
|
transition: none;
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
265
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-icon_1q84n_1e5qc_197:not(#\9) {
|
|
266
266
|
animation: none;
|
|
267
267
|
transition: none;
|
|
268
268
|
}
|
|
269
|
-
.awsui_flash-with-
|
|
269
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9), .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9) {
|
|
270
270
|
transition-delay: calc(var(--motion-duration-complex-wo6kj4, 270ms) + 10ms);
|
|
271
271
|
}
|
|
272
272
|
@media (prefers-reduced-motion: reduce) {
|
|
273
|
-
.awsui_flash-with-
|
|
273
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9), .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9) {
|
|
274
274
|
animation: none;
|
|
275
275
|
transition: none;
|
|
276
276
|
}
|
|
277
277
|
}
|
|
278
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
278
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-header_1q84n_1e5qc_171:not(#\9) {
|
|
279
279
|
animation: none;
|
|
280
280
|
transition: none;
|
|
281
281
|
}
|
|
282
|
-
.awsui_flash-with-
|
|
282
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9), .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9) {
|
|
283
283
|
transition-delay: calc(var(--motion-duration-complex-wo6kj4, 270ms) + 10ms);
|
|
284
284
|
}
|
|
285
285
|
@media (prefers-reduced-motion: reduce) {
|
|
286
|
-
.awsui_flash-with-
|
|
286
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9), .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9) {
|
|
287
287
|
animation: none;
|
|
288
288
|
transition: none;
|
|
289
289
|
}
|
|
290
290
|
}
|
|
291
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
291
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_flash-message_1q84n_1e5qc_171 > .awsui_flash-content_1q84n_1e5qc_172:not(#\9) {
|
|
292
292
|
animation: none;
|
|
293
293
|
transition: none;
|
|
294
294
|
}
|
|
295
|
-
.awsui_flash-with-
|
|
296
|
-
.awsui_flash-with-
|
|
297
|
-
.awsui_flash-with-
|
|
298
|
-
.awsui_flash-with-
|
|
295
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9),
|
|
296
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9),
|
|
297
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9),
|
|
298
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9) {
|
|
299
299
|
transition-delay: calc(var(--motion-duration-complex-wo6kj4, 270ms) * 2 - 100ms);
|
|
300
300
|
}
|
|
301
301
|
@media (prefers-reduced-motion: reduce) {
|
|
302
|
-
.awsui_flash-with-
|
|
303
|
-
.awsui_flash-with-
|
|
304
|
-
.awsui_flash-with-
|
|
305
|
-
.awsui_flash-with-
|
|
302
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9),
|
|
303
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9),
|
|
304
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9),
|
|
305
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9) {
|
|
306
306
|
animation: none;
|
|
307
307
|
transition: none;
|
|
308
308
|
}
|
|
309
309
|
}
|
|
310
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
310
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entering_1q84n_1e5qc_210 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_entered_1q84n_1e5qc_231 > .awsui_flash-body_1q84n_1e5qc_171 > .awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9) {
|
|
311
311
|
animation: none;
|
|
312
312
|
transition: none;
|
|
313
313
|
}
|
|
314
|
-
.awsui_flash-with-
|
|
314
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_exiting_1q84n_1e5qc_336:not(#\9) {
|
|
315
315
|
opacity: 0;
|
|
316
316
|
transform: translateY(-20px);
|
|
317
317
|
transition-property: transform, opacity;
|
|
@@ -319,12 +319,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
319
319
|
transition-timing-function: var(--motion-easing-expressive-ndlg4u, ease-out);
|
|
320
320
|
}
|
|
321
321
|
@media (prefers-reduced-motion: reduce) {
|
|
322
|
-
.awsui_flash-with-
|
|
322
|
+
.awsui_flash-with-motion_1q84n_1e5qc_157.awsui_exiting_1q84n_1e5qc_336:not(#\9) {
|
|
323
323
|
animation: none;
|
|
324
324
|
transition: none;
|
|
325
325
|
}
|
|
326
326
|
}
|
|
327
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
327
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_exiting_1q84n_1e5qc_336:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1e5qc_157.awsui_exiting_1q84n_1e5qc_336:not(#\9) {
|
|
328
328
|
animation: none;
|
|
329
329
|
transition: none;
|
|
330
330
|
}
|
|
@@ -345,35 +345,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
345
345
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
346
346
|
SPDX-License-Identifier: Apache-2.0
|
|
347
347
|
*/
|
|
348
|
-
.
|
|
349
|
-
.
|
|
350
|
-
.
|
|
348
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_animation-running_1q84n_1e5qc_370 > .awsui_item_1q84n_1e5qc_370:not(#\9),
|
|
349
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_animation-running_1q84n_1e5qc_370 > .awsui_flash-list-item_1q84n_1e5qc_371:not(#\9),
|
|
350
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_animation-running_1q84n_1e5qc_370.awsui_notification-bar_1q84n_1e5qc_372:not(#\9) {
|
|
351
351
|
transition-timing-function: var(--motion-easing-responsive-jm8d79, ease-out);
|
|
352
352
|
transition-duration: var(--motion-duration-responsive-2h8kwl, 135ms);
|
|
353
353
|
}
|
|
354
354
|
@media (prefers-reduced-motion: reduce) {
|
|
355
|
-
.
|
|
356
|
-
.
|
|
357
|
-
.
|
|
355
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_animation-running_1q84n_1e5qc_370 > .awsui_item_1q84n_1e5qc_370:not(#\9),
|
|
356
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_animation-running_1q84n_1e5qc_370 > .awsui_flash-list-item_1q84n_1e5qc_371:not(#\9),
|
|
357
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_animation-running_1q84n_1e5qc_370.awsui_notification-bar_1q84n_1e5qc_372:not(#\9) {
|
|
358
358
|
animation: none;
|
|
359
359
|
transition: none;
|
|
360
360
|
}
|
|
361
361
|
}
|
|
362
|
-
.awsui-motion-disabled .
|
|
362
|
+
.awsui-motion-disabled .awsui_stack_1q84n_1e5qc_370 > .awsui_animation-running_1q84n_1e5qc_370 > .awsui_item_1q84n_1e5qc_370:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1e5qc_370 > .awsui_animation-running_1q84n_1e5qc_370 > .awsui_item_1q84n_1e5qc_370:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1e5qc_370 > .awsui_animation-running_1q84n_1e5qc_370 > .awsui_flash-list-item_1q84n_1e5qc_371:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1e5qc_370 > .awsui_animation-running_1q84n_1e5qc_370 > .awsui_flash-list-item_1q84n_1e5qc_371:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1e5qc_370 > .awsui_animation-running_1q84n_1e5qc_370.awsui_notification-bar_1q84n_1e5qc_372:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1e5qc_370 > .awsui_animation-running_1q84n_1e5qc_370.awsui_notification-bar_1q84n_1e5qc_372:not(#\9) {
|
|
363
363
|
animation: none;
|
|
364
364
|
transition: none;
|
|
365
365
|
}
|
|
366
|
-
.
|
|
367
|
-
.
|
|
366
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_collapsed_1q84n_1e5qc_392.awsui_animation-ready_1q84n_1e5qc_392 > .awsui_expanded-only_1q84n_1e5qc_392:not(#\9),
|
|
367
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_collapsed_1q84n_1e5qc_392.awsui_animation-running_1q84n_1e5qc_370 > .awsui_expanded-only_1q84n_1e5qc_392:not(#\9) {
|
|
368
368
|
display: none;
|
|
369
369
|
}
|
|
370
370
|
|
|
371
|
-
.
|
|
371
|
+
.awsui_stack_1q84n_1e5qc_370:not(#\9) {
|
|
372
372
|
display: grid;
|
|
373
373
|
grid-template-columns: 30px 1fr 30px;
|
|
374
374
|
}
|
|
375
375
|
|
|
376
|
-
.
|
|
376
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_expanded_1q84n_1e5qc_392:not(#\9) {
|
|
377
377
|
grid-column: 1/4;
|
|
378
378
|
}
|
|
379
379
|
|
|
@@ -387,21 +387,21 @@ the grid layout will be:
|
|
|
387
387
|
[10px] [item 2 start] [10px] [fractional unit] [10px] [item 2 end] [10px]
|
|
388
388
|
[10px] [10px] [item 3 start] [fractional unit] [item 3 end] [10px] [10px]
|
|
389
389
|
*/
|
|
390
|
-
.
|
|
390
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_collapsed_1q84n_1e5qc_392:not(#\9) {
|
|
391
391
|
display: grid;
|
|
392
392
|
grid-column: 1/4;
|
|
393
393
|
grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-g964ok), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-g964ok), 10px);
|
|
394
394
|
row-gap: 8px;
|
|
395
395
|
z-index: 0;
|
|
396
396
|
}
|
|
397
|
-
.
|
|
397
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_collapsed_1q84n_1e5qc_392 > .awsui_item_1q84n_1e5qc_370:not(#\9) {
|
|
398
398
|
grid-column-start: calc(var(--awsui-flashbar-stack-index-g964ok) + 1);
|
|
399
399
|
grid-column-end: calc(var(--awsui-flashbar-stack-depth-g964ok) * 2 + 1 - var(--awsui-flashbar-stack-index-g964ok) + 1);
|
|
400
400
|
grid-row-start: 1;
|
|
401
401
|
grid-row-end: calc(var(--awsui-flashbar-stack-index-g964ok) + 2);
|
|
402
402
|
z-index: calc(var(--awsui-flashbar-stack-depth-g964ok) - var(--awsui-flashbar-stack-index-g964ok));
|
|
403
403
|
}
|
|
404
|
-
.
|
|
404
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_collapsed_1q84n_1e5qc_392 > .awsui_item_1q84n_1e5qc_370:not(#\9):not(:first-of-type) {
|
|
405
405
|
align-self: end;
|
|
406
406
|
/* Give placeholder elements in the stacked state the height of a notification
|
|
407
407
|
with one single line of text.
|
|
@@ -409,23 +409,23 @@ the grid layout will be:
|
|
|
409
409
|
*/
|
|
410
410
|
min-block-size: calc(var(--line-height-body-m-gw0130, 22px) + (var(--space-scaled-xs-t3am3w, 8px) + var(--border-width-field-9kmoac, 1px) + var(--space-scaled-xxs-krq5fq, 4px)) * 2);
|
|
411
411
|
}
|
|
412
|
-
.
|
|
413
|
-
.
|
|
412
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_collapsed_1q84n_1e5qc_392 > .awsui_item_1q84n_1e5qc_370:not(#\9):not(:last-child) > .awsui_flash_1q84n_1e5qc_157,
|
|
413
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_collapsed_1q84n_1e5qc_392 > .awsui_item_1q84n_1e5qc_370.awsui_flash_1q84n_1e5qc_157:not(#\9) {
|
|
414
414
|
box-shadow: var(--shadow-flash-collapsed-emn2ei, 0px 2px 2px rgba(0, 0, 0, 0.15));
|
|
415
415
|
}
|
|
416
416
|
|
|
417
|
-
.
|
|
417
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_expanded_1q84n_1e5qc_392.awsui_animation-running_1q84n_1e5qc_370 > .awsui_flash-list-item_1q84n_1e5qc_371:not(#\9) {
|
|
418
418
|
position: relative;
|
|
419
419
|
z-index: calc(var(--awsui-flashbar-stack-depth-g964ok) - var(--awsui-flashbar-stack-index-g964ok));
|
|
420
420
|
}
|
|
421
421
|
|
|
422
|
-
.
|
|
422
|
+
.awsui_stack_1q84n_1e5qc_370.awsui_collapsible_1q84n_1e5qc_448:not(#\9):not(.awsui_expanded_1q84n_1e5qc_392) {
|
|
423
423
|
/*
|
|
424
424
|
Since the notification bar is anchored to the bottom of the Flashbar, we need to push it up to account for the
|
|
425
425
|
missing third item when there are only 2 items in the stack.
|
|
426
426
|
*/
|
|
427
427
|
}
|
|
428
|
-
.
|
|
428
|
+
.awsui_stack_1q84n_1e5qc_370.awsui_collapsible_1q84n_1e5qc_448:not(#\9):not(.awsui_expanded_1q84n_1e5qc_392):not(.awsui_short-list_1q84n_1e5qc_454):not(.awsui_visual-refresh_1q84n_1e5qc_454) {
|
|
429
429
|
/*
|
|
430
430
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
431
431
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -437,14 +437,14 @@ the grid layout will be:
|
|
|
437
437
|
--awsui-stacked-notifications-default-bottom-margin-g964ok: calc(var(--line-height-body-m-gw0130, 22px) + 2 * var(--space-scaled-xxs-krq5fq, 4px) + 2 * 1px - calc(var(--space-scaled-xl-etns6t, 24px) + 3px));
|
|
438
438
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-g964ok, var(--awsui-stacked-notifications-default-bottom-margin-g964ok)) + 0px + 0px);
|
|
439
439
|
}
|
|
440
|
-
.
|
|
440
|
+
.awsui_stack_1q84n_1e5qc_370.awsui_collapsible_1q84n_1e5qc_448:not(#\9):not(.awsui_expanded_1q84n_1e5qc_392):not(.awsui_short-list_1q84n_1e5qc_454):not(.awsui_visual-refresh_1q84n_1e5qc_454) > .awsui_notification-bar_1q84n_1e5qc_372 {
|
|
441
441
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-etns6t, 24px) + 3px) + 0px);
|
|
442
442
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
443
443
|
is the full height of the notification bar */
|
|
444
444
|
margin-block-end: calc(calc(var(--space-scaled-xl-etns6t, 24px) + 3px) - var(--line-height-body-m-gw0130, 22px) - 2 * var(--space-scaled-xxs-krq5fq, 4px) - 2 * 1px - 0px);
|
|
445
445
|
padding-block: var(--space-scaled-xxs-krq5fq, 4px);
|
|
446
446
|
}
|
|
447
|
-
.
|
|
447
|
+
.awsui_stack_1q84n_1e5qc_370.awsui_collapsible_1q84n_1e5qc_448:not(#\9):not(.awsui_expanded_1q84n_1e5qc_392):not(.awsui_short-list_1q84n_1e5qc_454).awsui_visual-refresh_1q84n_1e5qc_454 {
|
|
448
448
|
/*
|
|
449
449
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
450
450
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -456,14 +456,14 @@ the grid layout will be:
|
|
|
456
456
|
--awsui-stacked-notifications-default-bottom-margin-g964ok: calc(var(--line-height-body-m-gw0130, 22px) + 2 * var(--space-scaled-xxs-krq5fq, 4px) + 2 * 2px - calc(var(--space-scaled-xl-etns6t, 24px) + 3px));
|
|
457
457
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-g964ok, var(--awsui-stacked-notifications-default-bottom-margin-g964ok)) + 0px + 0px);
|
|
458
458
|
}
|
|
459
|
-
.
|
|
459
|
+
.awsui_stack_1q84n_1e5qc_370.awsui_collapsible_1q84n_1e5qc_448:not(#\9):not(.awsui_expanded_1q84n_1e5qc_392):not(.awsui_short-list_1q84n_1e5qc_454).awsui_visual-refresh_1q84n_1e5qc_454 > .awsui_notification-bar_1q84n_1e5qc_372 {
|
|
460
460
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-etns6t, 24px) + 3px) + 0px);
|
|
461
461
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
462
462
|
is the full height of the notification bar */
|
|
463
463
|
margin-block-end: calc(calc(var(--space-scaled-xl-etns6t, 24px) + 3px) - var(--line-height-body-m-gw0130, 22px) - 2 * var(--space-scaled-xxs-krq5fq, 4px) - 2 * 2px - 0px);
|
|
464
464
|
padding-block: var(--space-scaled-xxs-krq5fq, 4px);
|
|
465
465
|
}
|
|
466
|
-
.
|
|
466
|
+
.awsui_stack_1q84n_1e5qc_370.awsui_collapsible_1q84n_1e5qc_448:not(#\9):not(.awsui_expanded_1q84n_1e5qc_392).awsui_short-list_1q84n_1e5qc_454:not(.awsui_visual-refresh_1q84n_1e5qc_454) {
|
|
467
467
|
/*
|
|
468
468
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
469
469
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -475,14 +475,14 @@ the grid layout will be:
|
|
|
475
475
|
--awsui-stacked-notifications-default-bottom-margin-g964ok: calc(var(--line-height-body-m-gw0130, 22px) + 2 * var(--space-scaled-xxs-krq5fq, 4px) + 2 * 1px - calc(var(--space-scaled-xl-etns6t, 24px) + 3px));
|
|
476
476
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-g964ok, var(--awsui-stacked-notifications-default-bottom-margin-g964ok)) + 0px + 8px);
|
|
477
477
|
}
|
|
478
|
-
.
|
|
478
|
+
.awsui_stack_1q84n_1e5qc_370.awsui_collapsible_1q84n_1e5qc_448:not(#\9):not(.awsui_expanded_1q84n_1e5qc_392).awsui_short-list_1q84n_1e5qc_454:not(.awsui_visual-refresh_1q84n_1e5qc_454) > .awsui_notification-bar_1q84n_1e5qc_372 {
|
|
479
479
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-etns6t, 24px) + 3px) + 8px);
|
|
480
480
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
481
481
|
is the full height of the notification bar */
|
|
482
482
|
margin-block-end: calc(calc(var(--space-scaled-xl-etns6t, 24px) + 3px) - var(--line-height-body-m-gw0130, 22px) - 2 * var(--space-scaled-xxs-krq5fq, 4px) - 2 * 1px - 8px);
|
|
483
483
|
padding-block: var(--space-scaled-xxs-krq5fq, 4px);
|
|
484
484
|
}
|
|
485
|
-
.
|
|
485
|
+
.awsui_stack_1q84n_1e5qc_370.awsui_collapsible_1q84n_1e5qc_448:not(#\9):not(.awsui_expanded_1q84n_1e5qc_392).awsui_short-list_1q84n_1e5qc_454.awsui_visual-refresh_1q84n_1e5qc_454 {
|
|
486
486
|
/*
|
|
487
487
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
488
488
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -494,14 +494,14 @@ the grid layout will be:
|
|
|
494
494
|
--awsui-stacked-notifications-default-bottom-margin-g964ok: calc(var(--line-height-body-m-gw0130, 22px) + 2 * var(--space-scaled-xxs-krq5fq, 4px) + 2 * 2px - calc(var(--space-scaled-xl-etns6t, 24px) + 3px));
|
|
495
495
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-g964ok, var(--awsui-stacked-notifications-default-bottom-margin-g964ok)) + 0px + 8px);
|
|
496
496
|
}
|
|
497
|
-
.
|
|
497
|
+
.awsui_stack_1q84n_1e5qc_370.awsui_collapsible_1q84n_1e5qc_448:not(#\9):not(.awsui_expanded_1q84n_1e5qc_392).awsui_short-list_1q84n_1e5qc_454.awsui_visual-refresh_1q84n_1e5qc_454 > .awsui_notification-bar_1q84n_1e5qc_372 {
|
|
498
498
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-etns6t, 24px) + 3px) + 8px);
|
|
499
499
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
500
500
|
is the full height of the notification bar */
|
|
501
501
|
margin-block-end: calc(calc(var(--space-scaled-xl-etns6t, 24px) + 3px) - var(--line-height-body-m-gw0130, 22px) - 2 * var(--space-scaled-xxs-krq5fq, 4px) - 2 * 2px - 8px);
|
|
502
502
|
padding-block: var(--space-scaled-xxs-krq5fq, 4px);
|
|
503
503
|
}
|
|
504
|
-
.
|
|
504
|
+
.awsui_stack_1q84n_1e5qc_370.awsui_collapsible_1q84n_1e5qc_448.awsui_expanded_1q84n_1e5qc_392:not(#\9):not(.awsui_visual-refresh_1q84n_1e5qc_454) {
|
|
505
505
|
/*
|
|
506
506
|
Give a bit more bottom margin when expanded, but only in Classic because in Visual Refresh the margin around the
|
|
507
507
|
notifications slot already gives it enough space.
|
|
@@ -517,14 +517,14 @@ the grid layout will be:
|
|
|
517
517
|
--awsui-stacked-notifications-default-bottom-margin-g964ok: calc(var(--line-height-body-m-gw0130, 22px) + 2 * var(--space-scaled-xxs-krq5fq, 4px) + 2 * 1px - var(--space-scaled-s-8j7izy, 12px));
|
|
518
518
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-g964ok, var(--awsui-stacked-notifications-default-bottom-margin-g964ok)) + var(--space-scaled-m-3uxq9h, 16px) + 0px);
|
|
519
519
|
}
|
|
520
|
-
.
|
|
520
|
+
.awsui_stack_1q84n_1e5qc_370.awsui_collapsible_1q84n_1e5qc_448.awsui_expanded_1q84n_1e5qc_392:not(#\9):not(.awsui_visual-refresh_1q84n_1e5qc_454) > .awsui_notification-bar_1q84n_1e5qc_372 {
|
|
521
521
|
margin-block-start: calc(-1 * var(--space-scaled-s-8j7izy, 12px) + 0px);
|
|
522
522
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
523
523
|
is the full height of the notification bar */
|
|
524
524
|
margin-block-end: calc(var(--space-scaled-s-8j7izy, 12px) - var(--line-height-body-m-gw0130, 22px) - 2 * var(--space-scaled-xxs-krq5fq, 4px) - 2 * 1px - 0px);
|
|
525
525
|
padding-block: var(--space-scaled-xxs-krq5fq, 4px);
|
|
526
526
|
}
|
|
527
|
-
.
|
|
527
|
+
.awsui_stack_1q84n_1e5qc_370.awsui_collapsible_1q84n_1e5qc_448.awsui_expanded_1q84n_1e5qc_392.awsui_visual-refresh_1q84n_1e5qc_454:not(#\9) {
|
|
528
528
|
/*
|
|
529
529
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
530
530
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -536,7 +536,7 @@ the grid layout will be:
|
|
|
536
536
|
--awsui-stacked-notifications-default-bottom-margin-g964ok: calc(var(--line-height-body-m-gw0130, 22px) + 2 * var(--space-scaled-xxs-krq5fq, 4px) + 2 * 2px - var(--space-scaled-s-8j7izy, 12px));
|
|
537
537
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-g964ok, var(--awsui-stacked-notifications-default-bottom-margin-g964ok)) + 0px + 0px);
|
|
538
538
|
}
|
|
539
|
-
.
|
|
539
|
+
.awsui_stack_1q84n_1e5qc_370.awsui_collapsible_1q84n_1e5qc_448.awsui_expanded_1q84n_1e5qc_392.awsui_visual-refresh_1q84n_1e5qc_454 > .awsui_notification-bar_1q84n_1e5qc_372:not(#\9) {
|
|
540
540
|
margin-block-start: calc(-1 * var(--space-scaled-s-8j7izy, 12px) + 0px);
|
|
541
541
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
542
542
|
is the full height of the notification bar */
|
|
@@ -544,7 +544,7 @@ the grid layout will be:
|
|
|
544
544
|
padding-block: var(--space-scaled-xxs-krq5fq, 4px);
|
|
545
545
|
}
|
|
546
546
|
|
|
547
|
-
.
|
|
547
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372:not(#\9) {
|
|
548
548
|
min-inline-size: 0;
|
|
549
549
|
word-break: break-word;
|
|
550
550
|
background: var(--color-background-notification-stack-bar-7l8dyd, #2a2e33);
|
|
@@ -572,9 +572,9 @@ the grid layout will be:
|
|
|
572
572
|
text-decoration: none;
|
|
573
573
|
z-index: 1;
|
|
574
574
|
}
|
|
575
|
-
.
|
|
576
|
-
.
|
|
577
|
-
.
|
|
575
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_status_1q84n_1e5qc_601 > .awsui_header_1q84n_1e5qc_601:not(#\9),
|
|
576
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_status_1q84n_1e5qc_601 > .awsui_item-count_1q84n_1e5qc_602:not(#\9),
|
|
577
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_button_1q84n_1e5qc_603:not(#\9) {
|
|
578
578
|
font-size: var(--font-size-body-m-6wxxs5, 14px);
|
|
579
579
|
line-height: var(--line-height-body-m-gw0130, 22px);
|
|
580
580
|
color: var(--color-text-body-default-agk00h, #16191f);
|
|
@@ -587,7 +587,7 @@ the grid layout will be:
|
|
|
587
587
|
margin-block: 0;
|
|
588
588
|
padding-block: 0;
|
|
589
589
|
}
|
|
590
|
-
.
|
|
590
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_status_1q84n_1e5qc_601:not(#\9) {
|
|
591
591
|
display: flex;
|
|
592
592
|
flex-direction: row;
|
|
593
593
|
flex-wrap: wrap;
|
|
@@ -595,11 +595,11 @@ the grid layout will be:
|
|
|
595
595
|
justify-content: center;
|
|
596
596
|
row-gap: 0;
|
|
597
597
|
}
|
|
598
|
-
.
|
|
598
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_status_1q84n_1e5qc_601 > .awsui_header_1q84n_1e5qc_601:not(#\9) {
|
|
599
599
|
font-weight: var(--font-weight-button-rw26ot, 700);
|
|
600
600
|
display: inline-block;
|
|
601
601
|
}
|
|
602
|
-
.
|
|
602
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_status_1q84n_1e5qc_601 > .awsui_item-count_1q84n_1e5qc_602:not(#\9) {
|
|
603
603
|
column-gap: var(--space-s-vmutj3, 12px);
|
|
604
604
|
display: flex;
|
|
605
605
|
flex-direction: row;
|
|
@@ -607,33 +607,33 @@ the grid layout will be:
|
|
|
607
607
|
justify-content: center;
|
|
608
608
|
row-gap: 0;
|
|
609
609
|
}
|
|
610
|
-
.
|
|
610
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_status_1q84n_1e5qc_601 > .awsui_item-count_1q84n_1e5qc_602 > .awsui_type-count_1q84n_1e5qc_636 > .awsui_count-number_1q84n_1e5qc_636:not(#\9) {
|
|
611
611
|
margin-inline-start: var(--space-xxs-y2432o, 4px);
|
|
612
612
|
}
|
|
613
|
-
.
|
|
613
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372:not(#\9):hover {
|
|
614
614
|
background: var(--color-background-notification-stack-bar-hover-x1usjm, #545b64);
|
|
615
615
|
border-color: var(--color-background-notification-stack-bar-hover-x1usjm, #545b64);
|
|
616
616
|
}
|
|
617
|
-
.
|
|
617
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372:not(#\9):active {
|
|
618
618
|
background: var(--color-background-notification-stack-bar-active-p02rgc, #2a2e33);
|
|
619
619
|
}
|
|
620
|
-
.
|
|
620
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372.awsui_visual-refresh_1q84n_1e5qc_454:not(#\9) {
|
|
621
621
|
border-block-width: 2px;
|
|
622
622
|
border-inline-width: 2px;
|
|
623
623
|
padding-inline: var(--space-l-eenfqd, 20px);
|
|
624
624
|
}
|
|
625
|
-
.
|
|
625
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372:not(#\9):not(.awsui_visual-refresh_1q84n_1e5qc_454) {
|
|
626
626
|
border-block-width: 1px;
|
|
627
627
|
border-inline-width: 1px;
|
|
628
628
|
padding-inline: var(--space-s-vmutj3, 12px);
|
|
629
629
|
}
|
|
630
|
-
.
|
|
630
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372:not(#\9):not(.awsui_visual-refresh_1q84n_1e5qc_454):focus {
|
|
631
631
|
text-decoration: none;
|
|
632
632
|
}
|
|
633
|
-
.
|
|
633
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372:not(#\9):not(.awsui_visual-refresh_1q84n_1e5qc_454):hover {
|
|
634
634
|
text-decoration: none;
|
|
635
635
|
}
|
|
636
|
-
.
|
|
636
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_button_1q84n_1e5qc_603:not(#\9) {
|
|
637
637
|
display: inline-block;
|
|
638
638
|
flex-grow: 1;
|
|
639
639
|
background: none;
|
|
@@ -641,33 +641,33 @@ the grid layout will be:
|
|
|
641
641
|
border-inline: none;
|
|
642
642
|
padding-block: 0;
|
|
643
643
|
}
|
|
644
|
-
.
|
|
644
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_button_1q84n_1e5qc_603 > .awsui_icon_1q84n_1e5qc_670:not(#\9) {
|
|
645
645
|
transition: transform var(--motion-duration-rotate-90-bpnkq9, 135ms) var(--motion-easing-rotate-90-c61wiy, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
646
646
|
}
|
|
647
647
|
@media (prefers-reduced-motion: reduce) {
|
|
648
|
-
.
|
|
648
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_button_1q84n_1e5qc_603 > .awsui_icon_1q84n_1e5qc_670:not(#\9) {
|
|
649
649
|
animation: none;
|
|
650
650
|
transition: none;
|
|
651
651
|
}
|
|
652
652
|
}
|
|
653
|
-
.awsui-motion-disabled .
|
|
653
|
+
.awsui-motion-disabled .awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_button_1q84n_1e5qc_603 > .awsui_icon_1q84n_1e5qc_670:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_button_1q84n_1e5qc_603 > .awsui_icon_1q84n_1e5qc_670:not(#\9) {
|
|
654
654
|
animation: none;
|
|
655
655
|
transition: none;
|
|
656
656
|
}
|
|
657
|
-
.
|
|
657
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_button_1q84n_1e5qc_603.awsui_expanded_1q84n_1e5qc_392 > .awsui_icon_1q84n_1e5qc_670:not(#\9) {
|
|
658
658
|
transform: rotate(180deg);
|
|
659
659
|
}
|
|
660
|
-
.
|
|
660
|
+
.awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_button_1q84n_1e5qc_603:not(#\9):focus {
|
|
661
661
|
outline: none;
|
|
662
662
|
}
|
|
663
|
-
body[data-awsui-focus-visible=true] .
|
|
663
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_button_1q84n_1e5qc_603:not(#\9):focus {
|
|
664
664
|
position: relative;
|
|
665
665
|
}
|
|
666
|
-
body[data-awsui-focus-visible=true] .
|
|
666
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_button_1q84n_1e5qc_603:not(#\9):focus {
|
|
667
667
|
outline: 2px dotted transparent;
|
|
668
668
|
outline-offset: calc(0px - 1px);
|
|
669
669
|
}
|
|
670
|
-
body[data-awsui-focus-visible=true] .
|
|
670
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1e5qc_370 > .awsui_notification-bar_1q84n_1e5qc_372 > .awsui_button_1q84n_1e5qc_603:not(#\9):focus::before {
|
|
671
671
|
content: " ";
|
|
672
672
|
display: block;
|
|
673
673
|
position: absolute;
|
|
@@ -682,20 +682,20 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1wgfn_370 > .awsui_notifi
|
|
|
682
682
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
|
|
683
683
|
}
|
|
684
684
|
|
|
685
|
-
.
|
|
685
|
+
.awsui_stack_1q84n_1e5qc_370.awsui_expanded_1q84n_1e5qc_392:not(#\9):not(.awsui_floating_1q84n_1e5qc_711) {
|
|
686
686
|
padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-g964ok, 0);
|
|
687
687
|
}
|
|
688
688
|
|
|
689
|
-
.
|
|
689
|
+
.awsui_flashbar_1q84n_1e5qc_715:not(#\9) {
|
|
690
690
|
position: relative;
|
|
691
691
|
/* stylelint-disable-next-line selector-max-type */
|
|
692
692
|
}
|
|
693
|
-
.
|
|
693
|
+
.awsui_flashbar_1q84n_1e5qc_715 > li + li:not(#\9) {
|
|
694
694
|
padding-block-start: 0;
|
|
695
695
|
}
|
|
696
696
|
|
|
697
|
-
.
|
|
698
|
-
.
|
|
697
|
+
.awsui_flashbar_1q84n_1e5qc_715:not(#\9),
|
|
698
|
+
.awsui_flash_1q84n_1e5qc_157:not(#\9) {
|
|
699
699
|
border-collapse: separate;
|
|
700
700
|
border-spacing: 0;
|
|
701
701
|
box-sizing: border-box;
|
|
@@ -728,7 +728,7 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1wgfn_370 > .awsui_notifi
|
|
|
728
728
|
-moz-osx-font-smoothing: auto;
|
|
729
729
|
}
|
|
730
730
|
|
|
731
|
-
.
|
|
731
|
+
.awsui_flash_1q84n_1e5qc_157:not(#\9) {
|
|
732
732
|
position: relative;
|
|
733
733
|
display: flex;
|
|
734
734
|
justify-content: flex-start;
|
|
@@ -745,23 +745,23 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1wgfn_370 > .awsui_notifi
|
|
|
745
745
|
box-shadow: var(--shadow-flash-sticky-npj8dn, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
746
746
|
}
|
|
747
747
|
|
|
748
|
-
.awsui_initial-
|
|
748
|
+
.awsui_initial-hidden_1q84n_1e5qc_773:not(#\9) {
|
|
749
749
|
overflow: hidden;
|
|
750
750
|
block-size: 0;
|
|
751
751
|
}
|
|
752
752
|
|
|
753
|
-
.awsui_flash-
|
|
753
|
+
.awsui_flash-list_1q84n_1e5qc_371:not(#\9) {
|
|
754
754
|
list-style: none;
|
|
755
755
|
padding-block: 0;
|
|
756
756
|
padding-inline: 0;
|
|
757
757
|
margin-block: 0;
|
|
758
758
|
margin-inline: 0;
|
|
759
759
|
}
|
|
760
|
-
.awsui_flash-
|
|
760
|
+
.awsui_flash-list_1q84n_1e5qc_371:not(#\9):not(.awsui_collapsed_1q84n_1e5qc_392) > li:not(:last-child) {
|
|
761
761
|
margin-block-end: var(--space-xxxs-gn3248, 2px);
|
|
762
762
|
}
|
|
763
763
|
|
|
764
|
-
.awsui_flash-
|
|
764
|
+
.awsui_flash-body_1q84n_1e5qc_171:not(#\9) {
|
|
765
765
|
display: flex;
|
|
766
766
|
flex-wrap: wrap;
|
|
767
767
|
flex-grow: 1;
|
|
@@ -769,23 +769,22 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1wgfn_370 > .awsui_notifi
|
|
|
769
769
|
column-gap: var(--space-flashbar-action-left-itwfbt, 16px);
|
|
770
770
|
}
|
|
771
771
|
|
|
772
|
-
.awsui_flash-focus-
|
|
772
|
+
.awsui_flash-focus-container_1q84n_1e5qc_797:not(#\9) {
|
|
773
773
|
display: flex;
|
|
774
774
|
flex: 1;
|
|
775
775
|
min-inline-size: 70%;
|
|
776
|
-
min-inline-size: calc-size(max-content, min(size, 70%));
|
|
777
776
|
}
|
|
778
|
-
.awsui_flash-focus-
|
|
777
|
+
.awsui_flash-focus-container_1q84n_1e5qc_797:not(#\9):focus {
|
|
779
778
|
outline: none;
|
|
780
779
|
}
|
|
781
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
780
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1e5qc_797:not(#\9):focus {
|
|
782
781
|
position: relative;
|
|
783
782
|
}
|
|
784
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
783
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1e5qc_797:not(#\9):focus {
|
|
785
784
|
outline: 2px dotted transparent;
|
|
786
785
|
outline-offset: calc(var(--space-button-focus-outline-gutter-90p0io, 3px) - 1px);
|
|
787
786
|
}
|
|
788
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
787
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1e5qc_797:not(#\9):focus::before {
|
|
789
788
|
content: " ";
|
|
790
789
|
display: block;
|
|
791
790
|
position: absolute;
|
|
@@ -800,78 +799,78 @@ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1wgfn_797
|
|
|
800
799
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
|
|
801
800
|
}
|
|
802
801
|
|
|
803
|
-
.awsui_flash-
|
|
802
|
+
.awsui_flash-text_1q84n_1e5qc_827:not(#\9) {
|
|
804
803
|
margin-block: var(--border-width-field-9kmoac, 1px);
|
|
805
804
|
margin-inline: 0;
|
|
806
805
|
padding-block: var(--space-scaled-xxs-krq5fq, 4px);
|
|
807
806
|
padding-inline: var(--space-xxs-y2432o, 4px);
|
|
808
807
|
}
|
|
809
808
|
|
|
810
|
-
.awsui_flash-
|
|
809
|
+
.awsui_flash-icon_1q84n_1e5qc_197:not(#\9) {
|
|
811
810
|
flex: 0 0 auto;
|
|
812
811
|
padding-inline-start: 0;
|
|
813
812
|
}
|
|
814
813
|
|
|
815
|
-
.awsui_flash-
|
|
814
|
+
.awsui_flash-message_1q84n_1e5qc_171:not(#\9) {
|
|
816
815
|
flex: 1 1 0%;
|
|
817
816
|
word-wrap: break-word;
|
|
818
817
|
max-inline-size: 100%;
|
|
819
818
|
overflow: hidden;
|
|
820
819
|
}
|
|
821
820
|
|
|
822
|
-
.
|
|
821
|
+
.awsui_hidden_1q84n_1e5qc_846:not(#\9) {
|
|
823
822
|
display: none;
|
|
824
823
|
}
|
|
825
824
|
|
|
826
|
-
.awsui_flash-
|
|
827
|
-
.awsui_header-
|
|
825
|
+
.awsui_flash-header_1q84n_1e5qc_171:not(#\9),
|
|
826
|
+
.awsui_header-replacement_1q84n_1e5qc_851:not(#\9) {
|
|
828
827
|
font-weight: 700;
|
|
829
828
|
}
|
|
830
829
|
|
|
831
|
-
.awsui_flash-
|
|
832
|
-
.awsui_content-
|
|
830
|
+
.awsui_flash-content_1q84n_1e5qc_172:not(#\9),
|
|
831
|
+
.awsui_content-replacement_1q84n_1e5qc_856:not(#\9) {
|
|
833
832
|
/* Only used as a selector for test-utils */
|
|
834
833
|
}
|
|
835
834
|
|
|
836
|
-
.awsui_dismiss-button-
|
|
835
|
+
.awsui_dismiss-button-wrapper_1q84n_1e5qc_174:not(#\9) {
|
|
837
836
|
flex: 0 0 auto;
|
|
838
837
|
margin-inline: var(--space-s-vmutj3, 12px) calc(-1 * var(--space-xxs-y2432o, 4px));
|
|
839
838
|
padding-inline-end: var(--space-flashbar-dismiss-right-isj5kw, 4px);
|
|
840
839
|
}
|
|
841
840
|
|
|
842
|
-
.awsui_dismiss-
|
|
841
|
+
.awsui_dismiss-button_1q84n_1e5qc_174:not(#\9) {
|
|
843
842
|
/* Only used as a selector for test-utils */
|
|
844
843
|
}
|
|
845
844
|
|
|
846
|
-
.awsui_action-button-
|
|
845
|
+
.awsui_action-button-wrapper_1q84n_1e5qc_173:not(#\9) {
|
|
847
846
|
white-space: nowrap;
|
|
848
847
|
}
|
|
849
848
|
|
|
850
|
-
.awsui_action-
|
|
849
|
+
.awsui_action-wrapped_1q84n_1e5qc_874:not(#\9) {
|
|
851
850
|
margin-inline-start: var(--space-l-eenfqd, 20px);
|
|
852
851
|
padding-inline-start: var(--space-xxs-y2432o, 4px);
|
|
853
852
|
margin-block-end: var(--space-xxs-y2432o, 4px);
|
|
854
853
|
}
|
|
855
854
|
|
|
856
|
-
.awsui_action-
|
|
857
|
-
.awsui_action-
|
|
855
|
+
.awsui_action-button_1q84n_1e5qc_173:not(#\9),
|
|
856
|
+
.awsui_action-slot_1q84n_1e5qc_881:not(#\9) {
|
|
858
857
|
/* Only used as a selector for test-utils */
|
|
859
858
|
}
|
|
860
859
|
|
|
861
|
-
.awsui_flash-type-
|
|
860
|
+
.awsui_flash-type-success_1q84n_1e5qc_885:not(#\9) {
|
|
862
861
|
background-color: var(--color-background-notification-green-pxodvl, #1d8102);
|
|
863
862
|
}
|
|
864
863
|
|
|
865
|
-
.awsui_flash-type-
|
|
864
|
+
.awsui_flash-type-error_1q84n_1e5qc_889:not(#\9) {
|
|
866
865
|
background-color: var(--color-background-notification-red-0hs2pe, #d13212);
|
|
867
866
|
}
|
|
868
867
|
|
|
869
|
-
.awsui_flash-type-
|
|
870
|
-
.awsui_flash-type-in-
|
|
868
|
+
.awsui_flash-type-info_1q84n_1e5qc_893:not(#\9),
|
|
869
|
+
.awsui_flash-type-in-progress_1q84n_1e5qc_894:not(#\9) {
|
|
871
870
|
background-color: var(--color-background-notification-blue-ckp8sf, #0073bb);
|
|
872
871
|
}
|
|
873
872
|
|
|
874
|
-
.awsui_flash-type-
|
|
873
|
+
.awsui_flash-type-warning_1q84n_1e5qc_898:not(#\9) {
|
|
875
874
|
color: var(--color-text-notification-yellow-2rj9mr, #16191f);
|
|
876
875
|
background-color: var(--color-background-notification-yellow-6ytfvw, #ffe347);
|
|
877
876
|
}
|