@cloudscape-design/components 3.0.1262 → 3.0.1264
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/alert/styles.css.js +27 -27
- package/alert/styles.scoped.css +45 -43
- package/alert/styles.selectors.js +27 -27
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +148 -148
- package/flashbar/styles.selectors.js +50 -50
- package/internal/base-component/styles.scoped.css +7 -1
- package/internal/components/options-list/index.d.ts +1 -0
- package/internal/components/options-list/index.d.ts.map +1 -1
- package/internal/components/options-list/index.js +2 -2
- package/internal/components/options-list/index.js.map +1 -1
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/styles/tokens.d.ts +6 -0
- package/internal/generated/styles/tokens.js +6 -0
- package/internal/generated/theming/index.cjs +33 -1
- package/internal/generated/theming/index.cjs.d.ts +63 -0
- package/internal/generated/theming/index.d.ts +63 -0
- package/internal/generated/theming/index.js +33 -1
- package/internal/manifest.json +1 -1
- package/multiselect/internal.js +1 -1
- package/multiselect/internal.js.map +1 -1
- package/multiselect/use-multiselect.d.ts +1 -0
- package/multiselect/use-multiselect.d.ts.map +1 -1
- package/package.json +1 -1
- package/select/internal.d.ts.map +1 -1
- package/select/internal.js +1 -0
- package/select/internal.js.map +1 -1
- package/select/parts/filter.d.ts +1 -1
- package/side-navigation/interfaces.d.ts +0 -4
- package/side-navigation/interfaces.d.ts.map +1 -1
- package/side-navigation/interfaces.js.map +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_1i5tt_157.awsui_enter_1q84n_1i5tt_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_1i5tt_157.awsui_enter_1q84n_1i5tt_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_1i5tt_157.awsui_enter_1q84n_1i5tt_157:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_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_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9),
|
|
172
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9),
|
|
173
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9),
|
|
174
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_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_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9),
|
|
180
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9),
|
|
181
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9),
|
|
182
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_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_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9) {
|
|
188
188
|
animation: none;
|
|
189
189
|
transition: none;
|
|
190
190
|
}
|
|
191
|
-
.awsui_flash-with-
|
|
191
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-icon_1q84n_1i5tt_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_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-icon_1q84n_1i5tt_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_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_enter_1q84n_1i5tt_157 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9) {
|
|
201
201
|
animation: none;
|
|
202
202
|
transition: none;
|
|
203
203
|
}
|
|
204
|
-
.awsui_flash-with-
|
|
204
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210:not(#\9) {
|
|
205
205
|
transition-property: transform, opacity;
|
|
206
206
|
transition-duration: var(--motion-duration-complex-tbdo30, 250ms);
|
|
207
207
|
transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
|
|
@@ -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_1i5tt_157.awsui_entering_1q84n_1i5tt_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_1i5tt_157.awsui_entering_1q84n_1i5tt_210:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_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_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9),
|
|
222
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9),
|
|
223
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9),
|
|
224
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9),
|
|
225
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9),
|
|
226
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9),
|
|
227
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9),
|
|
228
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9),
|
|
229
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9),
|
|
230
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_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-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
|
|
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_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9),
|
|
239
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9),
|
|
240
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9),
|
|
241
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9),
|
|
242
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9),
|
|
243
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9),
|
|
244
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9),
|
|
245
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9),
|
|
246
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9),
|
|
247
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_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_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9) {
|
|
253
253
|
animation: none;
|
|
254
254
|
transition: none;
|
|
255
255
|
}
|
|
256
|
-
.awsui_flash-with-
|
|
256
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9), .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9) {
|
|
257
257
|
transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) - 50ms);
|
|
258
258
|
}
|
|
259
259
|
@media (prefers-reduced-motion: reduce) {
|
|
260
|
-
.awsui_flash-with-
|
|
260
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9), .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-icon_1q84n_1i5tt_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_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-icon_1q84n_1i5tt_197:not(#\9) {
|
|
266
266
|
animation: none;
|
|
267
267
|
transition: none;
|
|
268
268
|
}
|
|
269
|
-
.awsui_flash-with-
|
|
269
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9), .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9) {
|
|
270
270
|
transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) + 10ms);
|
|
271
271
|
}
|
|
272
272
|
@media (prefers-reduced-motion: reduce) {
|
|
273
|
-
.awsui_flash-with-
|
|
273
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9), .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_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_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-header_1q84n_1i5tt_171:not(#\9) {
|
|
279
279
|
animation: none;
|
|
280
280
|
transition: none;
|
|
281
281
|
}
|
|
282
|
-
.awsui_flash-with-
|
|
282
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9), .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9) {
|
|
283
283
|
transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) + 10ms);
|
|
284
284
|
}
|
|
285
285
|
@media (prefers-reduced-motion: reduce) {
|
|
286
|
-
.awsui_flash-with-
|
|
286
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9), .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_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_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_172:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_flash-message_1q84n_1i5tt_171 > .awsui_flash-content_1q84n_1i5tt_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_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9),
|
|
296
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9),
|
|
297
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9),
|
|
298
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9) {
|
|
299
299
|
transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) * 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_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9),
|
|
303
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9),
|
|
304
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9),
|
|
305
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_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_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entering_1q84n_1i5tt_210 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_entered_1q84n_1i5tt_231 > .awsui_flash-body_1q84n_1i5tt_171 > .awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9) {
|
|
311
311
|
animation: none;
|
|
312
312
|
transition: none;
|
|
313
313
|
}
|
|
314
|
-
.awsui_flash-with-
|
|
314
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_exiting_1q84n_1i5tt_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-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
|
|
320
320
|
}
|
|
321
321
|
@media (prefers-reduced-motion: reduce) {
|
|
322
|
-
.awsui_flash-with-
|
|
322
|
+
.awsui_flash-with-motion_1q84n_1i5tt_157.awsui_exiting_1q84n_1i5tt_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_1i5tt_157.awsui_exiting_1q84n_1i5tt_336:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1i5tt_157.awsui_exiting_1q84n_1i5tt_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_1i5tt_370 > .awsui_animation-running_1q84n_1i5tt_370 > .awsui_item_1q84n_1i5tt_370:not(#\9),
|
|
349
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_animation-running_1q84n_1i5tt_370 > .awsui_flash-list-item_1q84n_1i5tt_371:not(#\9),
|
|
350
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_animation-running_1q84n_1i5tt_370.awsui_notification-bar_1q84n_1i5tt_372:not(#\9) {
|
|
351
351
|
transition-timing-function: var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
|
|
352
352
|
transition-duration: var(--motion-duration-responsive-mehora, 115ms);
|
|
353
353
|
}
|
|
354
354
|
@media (prefers-reduced-motion: reduce) {
|
|
355
|
-
.
|
|
356
|
-
.
|
|
357
|
-
.
|
|
355
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_animation-running_1q84n_1i5tt_370 > .awsui_item_1q84n_1i5tt_370:not(#\9),
|
|
356
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_animation-running_1q84n_1i5tt_370 > .awsui_flash-list-item_1q84n_1i5tt_371:not(#\9),
|
|
357
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_animation-running_1q84n_1i5tt_370.awsui_notification-bar_1q84n_1i5tt_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_1i5tt_370 > .awsui_animation-running_1q84n_1i5tt_370 > .awsui_item_1q84n_1i5tt_370:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1i5tt_370 > .awsui_animation-running_1q84n_1i5tt_370 > .awsui_item_1q84n_1i5tt_370:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1i5tt_370 > .awsui_animation-running_1q84n_1i5tt_370 > .awsui_flash-list-item_1q84n_1i5tt_371:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1i5tt_370 > .awsui_animation-running_1q84n_1i5tt_370 > .awsui_flash-list-item_1q84n_1i5tt_371:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1i5tt_370 > .awsui_animation-running_1q84n_1i5tt_370.awsui_notification-bar_1q84n_1i5tt_372:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1i5tt_370 > .awsui_animation-running_1q84n_1i5tt_370.awsui_notification-bar_1q84n_1i5tt_372:not(#\9) {
|
|
363
363
|
animation: none;
|
|
364
364
|
transition: none;
|
|
365
365
|
}
|
|
366
|
-
.
|
|
367
|
-
.
|
|
366
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_collapsed_1q84n_1i5tt_392.awsui_animation-ready_1q84n_1i5tt_392 > .awsui_expanded-only_1q84n_1i5tt_392:not(#\9),
|
|
367
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_collapsed_1q84n_1i5tt_392.awsui_animation-running_1q84n_1i5tt_370 > .awsui_expanded-only_1q84n_1i5tt_392:not(#\9) {
|
|
368
368
|
display: none;
|
|
369
369
|
}
|
|
370
370
|
|
|
371
|
-
.
|
|
371
|
+
.awsui_stack_1q84n_1i5tt_370:not(#\9) {
|
|
372
372
|
display: grid;
|
|
373
373
|
grid-template-columns: 30px 1fr 30px;
|
|
374
374
|
}
|
|
375
375
|
|
|
376
|
-
.
|
|
376
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_expanded_1q84n_1i5tt_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_1i5tt_370 > .awsui_collapsed_1q84n_1i5tt_392:not(#\9) {
|
|
391
391
|
display: grid;
|
|
392
392
|
grid-column: 1/4;
|
|
393
393
|
grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-6b9ypa), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-6b9ypa), 10px);
|
|
394
394
|
row-gap: 8px;
|
|
395
395
|
z-index: 0;
|
|
396
396
|
}
|
|
397
|
-
.
|
|
397
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_collapsed_1q84n_1i5tt_392 > .awsui_item_1q84n_1i5tt_370:not(#\9) {
|
|
398
398
|
grid-column-start: calc(var(--awsui-flashbar-stack-index-6b9ypa) + 1);
|
|
399
399
|
grid-column-end: calc(var(--awsui-flashbar-stack-depth-6b9ypa) * 2 + 1 - var(--awsui-flashbar-stack-index-6b9ypa) + 1);
|
|
400
400
|
grid-row-start: 1;
|
|
401
401
|
grid-row-end: calc(var(--awsui-flashbar-stack-index-6b9ypa) + 2);
|
|
402
402
|
z-index: calc(var(--awsui-flashbar-stack-depth-6b9ypa) - var(--awsui-flashbar-stack-index-6b9ypa));
|
|
403
403
|
}
|
|
404
|
-
.
|
|
404
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_collapsed_1q84n_1i5tt_392 > .awsui_item_1q84n_1i5tt_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-2mh3ke, 20px) + (var(--space-scaled-xs-xwoogq, 8px) + var(--border-width-field-2xc78x, 1px) + var(--space-scaled-xxs-pfm1nx, 4px)) * 2);
|
|
411
411
|
}
|
|
412
|
-
.
|
|
413
|
-
.
|
|
412
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_collapsed_1q84n_1i5tt_392 > .awsui_item_1q84n_1i5tt_370:not(#\9):not(:last-child) > .awsui_flash_1q84n_1i5tt_157,
|
|
413
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_collapsed_1q84n_1i5tt_392 > .awsui_item_1q84n_1i5tt_370.awsui_flash_1q84n_1i5tt_157:not(#\9) {
|
|
414
414
|
box-shadow: var(--shadow-flash-collapsed-b68ip6, 0px 4px 4px rgba(0, 0, 0, 0.25));
|
|
415
415
|
}
|
|
416
416
|
|
|
417
|
-
.
|
|
417
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_expanded_1q84n_1i5tt_392.awsui_animation-running_1q84n_1i5tt_370 > .awsui_flash-list-item_1q84n_1i5tt_371:not(#\9) {
|
|
418
418
|
position: relative;
|
|
419
419
|
z-index: calc(var(--awsui-flashbar-stack-depth-6b9ypa) - var(--awsui-flashbar-stack-index-6b9ypa));
|
|
420
420
|
}
|
|
421
421
|
|
|
422
|
-
.
|
|
422
|
+
.awsui_stack_1q84n_1i5tt_370.awsui_collapsible_1q84n_1i5tt_448:not(#\9):not(.awsui_expanded_1q84n_1i5tt_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_1i5tt_370.awsui_collapsible_1q84n_1i5tt_448:not(#\9):not(.awsui_expanded_1q84n_1i5tt_392):not(.awsui_short-list_1q84n_1i5tt_454):not(.awsui_visual-refresh_1q84n_1i5tt_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-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-scaled-xxs-pfm1nx, 4px) + 2 * 1px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
|
|
438
438
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 0px);
|
|
439
439
|
}
|
|
440
|
-
.
|
|
440
|
+
.awsui_stack_1q84n_1i5tt_370.awsui_collapsible_1q84n_1i5tt_448:not(#\9):not(.awsui_expanded_1q84n_1i5tt_392):not(.awsui_short-list_1q84n_1i5tt_454):not(.awsui_visual-refresh_1q84n_1i5tt_454) > .awsui_notification-bar_1q84n_1i5tt_372 {
|
|
441
441
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 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-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-scaled-xxs-pfm1nx, 4px) - 2 * 1px - 0px);
|
|
445
445
|
padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
446
446
|
}
|
|
447
|
-
.
|
|
447
|
+
.awsui_stack_1q84n_1i5tt_370.awsui_collapsible_1q84n_1i5tt_448:not(#\9):not(.awsui_expanded_1q84n_1i5tt_392):not(.awsui_short-list_1q84n_1i5tt_454).awsui_visual-refresh_1q84n_1i5tt_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-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-scaled-xxs-pfm1nx, 4px) + 2 * 2px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
|
|
457
457
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 0px);
|
|
458
458
|
}
|
|
459
|
-
.
|
|
459
|
+
.awsui_stack_1q84n_1i5tt_370.awsui_collapsible_1q84n_1i5tt_448:not(#\9):not(.awsui_expanded_1q84n_1i5tt_392):not(.awsui_short-list_1q84n_1i5tt_454).awsui_visual-refresh_1q84n_1i5tt_454 > .awsui_notification-bar_1q84n_1i5tt_372 {
|
|
460
460
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 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-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-scaled-xxs-pfm1nx, 4px) - 2 * 2px - 0px);
|
|
464
464
|
padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
465
465
|
}
|
|
466
|
-
.
|
|
466
|
+
.awsui_stack_1q84n_1i5tt_370.awsui_collapsible_1q84n_1i5tt_448:not(#\9):not(.awsui_expanded_1q84n_1i5tt_392).awsui_short-list_1q84n_1i5tt_454:not(.awsui_visual-refresh_1q84n_1i5tt_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-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-scaled-xxs-pfm1nx, 4px) + 2 * 1px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
|
|
476
476
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 8px);
|
|
477
477
|
}
|
|
478
|
-
.
|
|
478
|
+
.awsui_stack_1q84n_1i5tt_370.awsui_collapsible_1q84n_1i5tt_448:not(#\9):not(.awsui_expanded_1q84n_1i5tt_392).awsui_short-list_1q84n_1i5tt_454:not(.awsui_visual-refresh_1q84n_1i5tt_454) > .awsui_notification-bar_1q84n_1i5tt_372 {
|
|
479
479
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 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-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-scaled-xxs-pfm1nx, 4px) - 2 * 1px - 8px);
|
|
483
483
|
padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
484
484
|
}
|
|
485
|
-
.
|
|
485
|
+
.awsui_stack_1q84n_1i5tt_370.awsui_collapsible_1q84n_1i5tt_448:not(#\9):not(.awsui_expanded_1q84n_1i5tt_392).awsui_short-list_1q84n_1i5tt_454.awsui_visual-refresh_1q84n_1i5tt_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-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-scaled-xxs-pfm1nx, 4px) + 2 * 2px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
|
|
495
495
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 8px);
|
|
496
496
|
}
|
|
497
|
-
.
|
|
497
|
+
.awsui_stack_1q84n_1i5tt_370.awsui_collapsible_1q84n_1i5tt_448:not(#\9):not(.awsui_expanded_1q84n_1i5tt_392).awsui_short-list_1q84n_1i5tt_454.awsui_visual-refresh_1q84n_1i5tt_454 > .awsui_notification-bar_1q84n_1i5tt_372 {
|
|
498
498
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 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-dunxp5, 24px) + 3px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-scaled-xxs-pfm1nx, 4px) - 2 * 2px - 8px);
|
|
502
502
|
padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
503
503
|
}
|
|
504
|
-
.
|
|
504
|
+
.awsui_stack_1q84n_1i5tt_370.awsui_collapsible_1q84n_1i5tt_448.awsui_expanded_1q84n_1i5tt_392:not(#\9):not(.awsui_visual-refresh_1q84n_1i5tt_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-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-scaled-xxs-pfm1nx, 4px) + 2 * 1px - var(--space-scaled-s-8ozaad, 12px));
|
|
518
518
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + var(--space-scaled-m-m892r9, 16px) + 0px);
|
|
519
519
|
}
|
|
520
|
-
.
|
|
520
|
+
.awsui_stack_1q84n_1i5tt_370.awsui_collapsible_1q84n_1i5tt_448.awsui_expanded_1q84n_1i5tt_392:not(#\9):not(.awsui_visual-refresh_1q84n_1i5tt_454) > .awsui_notification-bar_1q84n_1i5tt_372 {
|
|
521
521
|
margin-block-start: calc(-1 * var(--space-scaled-s-8ozaad, 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-8ozaad, 12px) - var(--line-height-body-m-2mh3ke, 20px) - 2 * var(--space-scaled-xxs-pfm1nx, 4px) - 2 * 1px - 0px);
|
|
525
525
|
padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
526
526
|
}
|
|
527
|
-
.
|
|
527
|
+
.awsui_stack_1q84n_1i5tt_370.awsui_collapsible_1q84n_1i5tt_448.awsui_expanded_1q84n_1i5tt_392.awsui_visual-refresh_1q84n_1i5tt_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-6b9ypa: calc(var(--line-height-body-m-2mh3ke, 20px) + 2 * var(--space-scaled-xxs-pfm1nx, 4px) + 2 * 2px - var(--space-scaled-s-8ozaad, 12px));
|
|
537
537
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-6b9ypa, var(--awsui-stacked-notifications-default-bottom-margin-6b9ypa)) + 0px + 0px);
|
|
538
538
|
}
|
|
539
|
-
.
|
|
539
|
+
.awsui_stack_1q84n_1i5tt_370.awsui_collapsible_1q84n_1i5tt_448.awsui_expanded_1q84n_1i5tt_392.awsui_visual-refresh_1q84n_1i5tt_454 > .awsui_notification-bar_1q84n_1i5tt_372:not(#\9) {
|
|
540
540
|
margin-block-start: calc(-1 * var(--space-scaled-s-8ozaad, 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-pfm1nx, 4px);
|
|
545
545
|
}
|
|
546
546
|
|
|
547
|
-
.
|
|
547
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372:not(#\9) {
|
|
548
548
|
min-inline-size: 0;
|
|
549
549
|
word-break: break-word;
|
|
550
550
|
background: var(--awsui-style-background-default-6b9ypa, var(--color-background-notification-stack-bar-qe5n4w, #232b37));
|
|
@@ -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_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_status_1q84n_1i5tt_601 > .awsui_header_1q84n_1i5tt_601:not(#\9),
|
|
576
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_status_1q84n_1i5tt_601 > .awsui_item-count_1q84n_1i5tt_602:not(#\9),
|
|
577
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_button_1q84n_1i5tt_603:not(#\9) {
|
|
578
578
|
font-size: var(--font-size-body-m-a7nh2n, 14px);
|
|
579
579
|
line-height: var(--line-height-body-m-2mh3ke, 20px);
|
|
580
580
|
color: var(--color-text-body-default-vvtq8u, #0f141a);
|
|
@@ -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_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_status_1q84n_1i5tt_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_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_status_1q84n_1i5tt_601 > .awsui_header_1q84n_1i5tt_601:not(#\9) {
|
|
599
599
|
font-weight: var(--font-weight-button-0eg20c, 700);
|
|
600
600
|
display: inline-block;
|
|
601
601
|
}
|
|
602
|
-
.
|
|
602
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_status_1q84n_1i5tt_601 > .awsui_item-count_1q84n_1i5tt_602:not(#\9) {
|
|
603
603
|
column-gap: var(--space-s-tvghoh, 12px);
|
|
604
604
|
display: flex;
|
|
605
605
|
flex-direction: row;
|
|
@@ -607,36 +607,36 @@ the grid layout will be:
|
|
|
607
607
|
justify-content: center;
|
|
608
608
|
row-gap: 0;
|
|
609
609
|
}
|
|
610
|
-
.
|
|
610
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_status_1q84n_1i5tt_601 > .awsui_item-count_1q84n_1i5tt_602 > .awsui_type-count_1q84n_1i5tt_636 > .awsui_count-number_1q84n_1i5tt_636:not(#\9) {
|
|
611
611
|
margin-inline-start: var(--space-xxs-hwfkai, 4px);
|
|
612
612
|
}
|
|
613
|
-
.
|
|
613
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372:not(#\9):hover {
|
|
614
614
|
background: var(--awsui-style-background-hover-6b9ypa, var(--color-background-notification-stack-bar-hover-jh82oo, #424650));
|
|
615
615
|
border-color: var(--awsui-style-border-color-hover-6b9ypa, var(--color-background-notification-stack-bar-hover-jh82oo, #424650));
|
|
616
616
|
color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
|
|
617
617
|
}
|
|
618
|
-
.
|
|
618
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372:not(#\9):active {
|
|
619
619
|
background: var(--awsui-style-background-active-6b9ypa, var(--color-background-notification-stack-bar-active-a4h9r8, #232b37));
|
|
620
620
|
border-color: var(--awsui-style-border-color-active-6b9ypa, var(--color-background-notification-stack-bar-qe5n4w, #232b37));
|
|
621
621
|
color: var(--awsui-style-color-active-6b9ypa, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
|
|
622
622
|
}
|
|
623
|
-
.
|
|
623
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372.awsui_visual-refresh_1q84n_1i5tt_454:not(#\9) {
|
|
624
624
|
border-block-width: 2px;
|
|
625
625
|
border-inline-width: 2px;
|
|
626
626
|
padding-inline: var(--space-l-2ud1p3, 20px);
|
|
627
627
|
}
|
|
628
|
-
.
|
|
628
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372:not(#\9):not(.awsui_visual-refresh_1q84n_1i5tt_454) {
|
|
629
629
|
border-block-width: 1px;
|
|
630
630
|
border-inline-width: 1px;
|
|
631
631
|
padding-inline: var(--space-s-tvghoh, 12px);
|
|
632
632
|
}
|
|
633
|
-
.
|
|
633
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372:not(#\9):not(.awsui_visual-refresh_1q84n_1i5tt_454):focus {
|
|
634
634
|
text-decoration: none;
|
|
635
635
|
}
|
|
636
|
-
.
|
|
636
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372:not(#\9):not(.awsui_visual-refresh_1q84n_1i5tt_454):hover {
|
|
637
637
|
text-decoration: none;
|
|
638
638
|
}
|
|
639
|
-
.
|
|
639
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_button_1q84n_1i5tt_603:not(#\9) {
|
|
640
640
|
display: inline-block;
|
|
641
641
|
flex-grow: 1;
|
|
642
642
|
background: none;
|
|
@@ -645,33 +645,33 @@ the grid layout will be:
|
|
|
645
645
|
padding-block: 0;
|
|
646
646
|
--awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-uk47pl, #006ce0));
|
|
647
647
|
}
|
|
648
|
-
.
|
|
648
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_button_1q84n_1i5tt_603 > .awsui_icon_1q84n_1i5tt_674:not(#\9) {
|
|
649
649
|
transition: transform var(--motion-duration-rotate-90-lyzb0k, 135ms) var(--motion-easing-rotate-90-jhbqg9, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
650
650
|
}
|
|
651
651
|
@media (prefers-reduced-motion: reduce) {
|
|
652
|
-
.
|
|
652
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_button_1q84n_1i5tt_603 > .awsui_icon_1q84n_1i5tt_674:not(#\9) {
|
|
653
653
|
animation: none;
|
|
654
654
|
transition: none;
|
|
655
655
|
}
|
|
656
656
|
}
|
|
657
|
-
.awsui-motion-disabled .
|
|
657
|
+
.awsui-motion-disabled .awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_button_1q84n_1i5tt_603 > .awsui_icon_1q84n_1i5tt_674:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_button_1q84n_1i5tt_603 > .awsui_icon_1q84n_1i5tt_674:not(#\9) {
|
|
658
658
|
animation: none;
|
|
659
659
|
transition: none;
|
|
660
660
|
}
|
|
661
|
-
.
|
|
661
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_button_1q84n_1i5tt_603.awsui_expanded_1q84n_1i5tt_392 > .awsui_icon_1q84n_1i5tt_674:not(#\9) {
|
|
662
662
|
transform: rotate(180deg);
|
|
663
663
|
}
|
|
664
|
-
.
|
|
664
|
+
.awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_button_1q84n_1i5tt_603:not(#\9):focus {
|
|
665
665
|
outline: none;
|
|
666
666
|
}
|
|
667
|
-
body[data-awsui-focus-visible=true] .
|
|
667
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_button_1q84n_1i5tt_603:not(#\9):focus {
|
|
668
668
|
position: relative;
|
|
669
669
|
}
|
|
670
|
-
body[data-awsui-focus-visible=true] .
|
|
670
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_button_1q84n_1i5tt_603:not(#\9):focus {
|
|
671
671
|
outline: 2px dotted transparent;
|
|
672
672
|
outline-offset: calc(0px - 1px);
|
|
673
673
|
}
|
|
674
|
-
body[data-awsui-focus-visible=true] .
|
|
674
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1i5tt_370 > .awsui_notification-bar_1q84n_1i5tt_372 > .awsui_button_1q84n_1i5tt_603:not(#\9):focus::before {
|
|
675
675
|
content: " ";
|
|
676
676
|
display: block;
|
|
677
677
|
position: absolute;
|
|
@@ -686,20 +686,20 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1kebn_370 > .awsui_notifi
|
|
|
686
686
|
box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
|
|
687
687
|
}
|
|
688
688
|
|
|
689
|
-
.
|
|
689
|
+
.awsui_stack_1q84n_1i5tt_370.awsui_expanded_1q84n_1i5tt_392:not(#\9):not(.awsui_floating_1q84n_1i5tt_715) {
|
|
690
690
|
padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-6b9ypa, 0);
|
|
691
691
|
}
|
|
692
692
|
|
|
693
|
-
.
|
|
693
|
+
.awsui_flashbar_1q84n_1i5tt_719:not(#\9) {
|
|
694
694
|
position: relative;
|
|
695
695
|
/* stylelint-disable-next-line selector-max-type */
|
|
696
696
|
}
|
|
697
|
-
.
|
|
697
|
+
.awsui_flashbar_1q84n_1i5tt_719 > li + li:not(#\9) {
|
|
698
698
|
padding-block-start: 0;
|
|
699
699
|
}
|
|
700
700
|
|
|
701
|
-
.
|
|
702
|
-
.
|
|
701
|
+
.awsui_flashbar_1q84n_1i5tt_719:not(#\9),
|
|
702
|
+
.awsui_flash_1q84n_1i5tt_157:not(#\9) {
|
|
703
703
|
border-collapse: separate;
|
|
704
704
|
border-spacing: 0;
|
|
705
705
|
box-sizing: border-box;
|
|
@@ -731,7 +731,7 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1kebn_370 > .awsui_notifi
|
|
|
731
731
|
-moz-osx-font-smoothing: auto;
|
|
732
732
|
}
|
|
733
733
|
|
|
734
|
-
.
|
|
734
|
+
.awsui_flash_1q84n_1i5tt_157:not(#\9) {
|
|
735
735
|
position: relative;
|
|
736
736
|
display: flex;
|
|
737
737
|
justify-content: flex-start;
|
|
@@ -749,23 +749,23 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1kebn_370 > .awsui_notifi
|
|
|
749
749
|
--awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-uk47pl, #006ce0));
|
|
750
750
|
}
|
|
751
751
|
|
|
752
|
-
.awsui_initial-
|
|
752
|
+
.awsui_initial-hidden_1q84n_1i5tt_778:not(#\9) {
|
|
753
753
|
overflow: hidden;
|
|
754
754
|
block-size: 0;
|
|
755
755
|
}
|
|
756
756
|
|
|
757
|
-
.awsui_flash-
|
|
757
|
+
.awsui_flash-list_1q84n_1i5tt_371:not(#\9) {
|
|
758
758
|
list-style: none;
|
|
759
759
|
padding-block: 0;
|
|
760
760
|
padding-inline: 0;
|
|
761
761
|
margin-block: 0;
|
|
762
762
|
margin-inline: 0;
|
|
763
763
|
}
|
|
764
|
-
.awsui_flash-
|
|
764
|
+
.awsui_flash-list_1q84n_1i5tt_371:not(#\9):not(.awsui_collapsed_1q84n_1i5tt_392) > li:not(:last-child) {
|
|
765
765
|
margin-block-end: var(--space-xxxs-pajhad, 2px);
|
|
766
766
|
}
|
|
767
767
|
|
|
768
|
-
.awsui_flash-
|
|
768
|
+
.awsui_flash-body_1q84n_1i5tt_171:not(#\9) {
|
|
769
769
|
display: flex;
|
|
770
770
|
flex-wrap: wrap;
|
|
771
771
|
flex-grow: 1;
|
|
@@ -773,22 +773,22 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1kebn_370 > .awsui_notifi
|
|
|
773
773
|
column-gap: var(--space-flashbar-action-left-rqk3ap, 12px);
|
|
774
774
|
}
|
|
775
775
|
|
|
776
|
-
.awsui_flash-focus-
|
|
776
|
+
.awsui_flash-focus-container_1q84n_1i5tt_802:not(#\9) {
|
|
777
777
|
display: flex;
|
|
778
778
|
flex: 1;
|
|
779
779
|
min-inline-size: 70%;
|
|
780
780
|
}
|
|
781
|
-
.awsui_flash-focus-
|
|
781
|
+
.awsui_flash-focus-container_1q84n_1i5tt_802:not(#\9):focus {
|
|
782
782
|
outline: none;
|
|
783
783
|
}
|
|
784
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
784
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1i5tt_802:not(#\9):focus {
|
|
785
785
|
position: relative;
|
|
786
786
|
}
|
|
787
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
787
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1i5tt_802:not(#\9):focus {
|
|
788
788
|
outline: 2px dotted transparent;
|
|
789
789
|
outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
|
|
790
790
|
}
|
|
791
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
791
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1i5tt_802:not(#\9):focus::before {
|
|
792
792
|
content: " ";
|
|
793
793
|
display: block;
|
|
794
794
|
position: absolute;
|
|
@@ -803,78 +803,78 @@ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1kebn_802
|
|
|
803
803
|
box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
|
|
804
804
|
}
|
|
805
805
|
|
|
806
|
-
.awsui_flash-
|
|
806
|
+
.awsui_flash-text_1q84n_1i5tt_832:not(#\9) {
|
|
807
807
|
margin-block: var(--border-item-width-miijiw, 2px);
|
|
808
808
|
margin-inline: 0;
|
|
809
809
|
padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
810
810
|
padding-inline: var(--space-xxs-hwfkai, 4px);
|
|
811
811
|
}
|
|
812
812
|
|
|
813
|
-
.awsui_flash-
|
|
813
|
+
.awsui_flash-icon_1q84n_1i5tt_197:not(#\9) {
|
|
814
814
|
flex: 0 0 auto;
|
|
815
815
|
padding-inline-start: 0;
|
|
816
816
|
}
|
|
817
817
|
|
|
818
|
-
.awsui_flash-
|
|
818
|
+
.awsui_flash-message_1q84n_1i5tt_171:not(#\9) {
|
|
819
819
|
flex: 1 1 0%;
|
|
820
820
|
word-wrap: break-word;
|
|
821
821
|
max-inline-size: 100%;
|
|
822
822
|
overflow: hidden;
|
|
823
823
|
}
|
|
824
824
|
|
|
825
|
-
.
|
|
825
|
+
.awsui_hidden_1q84n_1i5tt_851:not(#\9) {
|
|
826
826
|
display: none;
|
|
827
827
|
}
|
|
828
828
|
|
|
829
|
-
.awsui_flash-
|
|
830
|
-
.awsui_header-
|
|
831
|
-
font-weight: 700;
|
|
829
|
+
.awsui_flash-header_1q84n_1i5tt_171:not(#\9),
|
|
830
|
+
.awsui_header-replacement_1q84n_1i5tt_856:not(#\9) {
|
|
831
|
+
font-weight: var(--font-weight-flashbar-header-fg5kye, 700);
|
|
832
832
|
}
|
|
833
833
|
|
|
834
|
-
.awsui_flash-
|
|
835
|
-
.awsui_content-
|
|
834
|
+
.awsui_flash-content_1q84n_1i5tt_172:not(#\9),
|
|
835
|
+
.awsui_content-replacement_1q84n_1i5tt_861:not(#\9) {
|
|
836
836
|
/* Only used as a selector for test-utils */
|
|
837
837
|
}
|
|
838
838
|
|
|
839
|
-
.awsui_dismiss-button-
|
|
839
|
+
.awsui_dismiss-button-wrapper_1q84n_1i5tt_174:not(#\9) {
|
|
840
840
|
flex: 0 0 auto;
|
|
841
841
|
margin-inline: var(--space-s-tvghoh, 12px) calc(-1 * var(--space-xxs-hwfkai, 4px));
|
|
842
842
|
padding-inline-end: var(--space-flashbar-dismiss-right-ckhj91, 0px);
|
|
843
843
|
}
|
|
844
844
|
|
|
845
|
-
.awsui_dismiss-
|
|
845
|
+
.awsui_dismiss-button_1q84n_1i5tt_174:not(#\9) {
|
|
846
846
|
/* Only used as a selector for test-utils */
|
|
847
847
|
}
|
|
848
848
|
|
|
849
|
-
.awsui_action-button-
|
|
849
|
+
.awsui_action-button-wrapper_1q84n_1i5tt_173:not(#\9) {
|
|
850
850
|
white-space: nowrap;
|
|
851
851
|
}
|
|
852
852
|
|
|
853
|
-
.awsui_action-
|
|
853
|
+
.awsui_action-wrapped_1q84n_1i5tt_879:not(#\9) {
|
|
854
854
|
margin-inline-start: var(--space-l-2ud1p3, 20px);
|
|
855
855
|
padding-inline-start: var(--space-xxs-hwfkai, 4px);
|
|
856
856
|
margin-block-end: var(--space-xxs-hwfkai, 4px);
|
|
857
857
|
}
|
|
858
858
|
|
|
859
|
-
.awsui_action-
|
|
860
|
-
.awsui_action-
|
|
859
|
+
.awsui_action-button_1q84n_1i5tt_173:not(#\9),
|
|
860
|
+
.awsui_action-slot_1q84n_1i5tt_886:not(#\9) {
|
|
861
861
|
/* Only used as a selector for test-utils */
|
|
862
862
|
}
|
|
863
863
|
|
|
864
|
-
.awsui_flash-type-
|
|
864
|
+
.awsui_flash-type-success_1q84n_1i5tt_890:not(#\9) {
|
|
865
865
|
background-color: var(--color-background-notification-green-2rkyvu, #00802f);
|
|
866
866
|
}
|
|
867
867
|
|
|
868
|
-
.awsui_flash-type-
|
|
868
|
+
.awsui_flash-type-error_1q84n_1i5tt_894:not(#\9) {
|
|
869
869
|
background-color: var(--color-background-notification-red-0487ea, #db0000);
|
|
870
870
|
}
|
|
871
871
|
|
|
872
|
-
.awsui_flash-type-
|
|
873
|
-
.awsui_flash-type-in-
|
|
872
|
+
.awsui_flash-type-info_1q84n_1i5tt_898:not(#\9),
|
|
873
|
+
.awsui_flash-type-in-progress_1q84n_1i5tt_899:not(#\9) {
|
|
874
874
|
background-color: var(--color-background-notification-blue-4vnob8, #006ce0);
|
|
875
875
|
}
|
|
876
876
|
|
|
877
|
-
.awsui_flash-type-
|
|
877
|
+
.awsui_flash-type-warning_1q84n_1i5tt_903:not(#\9) {
|
|
878
878
|
color: var(--color-text-notification-yellow-vjtdxk, #0f141a);
|
|
879
879
|
background-color: var(--color-background-notification-yellow-y6us5r, #ffe347);
|
|
880
880
|
}
|