@cloudscape-design/components 3.0.685 → 3.0.686
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/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +31 -31
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/visual-refresh/styles.css.js +82 -82
- package/app-layout/visual-refresh/styles.scoped.css +255 -255
- package/app-layout/visual-refresh/styles.selectors.js +82 -82
- package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
- package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +13 -13
- package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
- package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +16 -16
- package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +37 -37
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +16 -16
- package/button/interfaces.d.ts +1 -1
- package/button/interfaces.js.map +1 -1
- package/button-dropdown/item-element/index.js +1 -1
- package/button-dropdown/item-element/index.js.map +1 -1
- package/button-dropdown/item-element/styles.css.js +12 -11
- package/button-dropdown/item-element/styles.scoped.css +14 -14
- package/button-dropdown/item-element/styles.selectors.js +12 -11
- package/button-dropdown/tooltip.d.ts +2 -1
- package/button-dropdown/tooltip.d.ts.map +1 -1
- package/button-dropdown/tooltip.js +2 -2
- package/button-dropdown/tooltip.js.map +1 -1
- package/content-layout/styles.css.js +14 -14
- package/content-layout/styles.scoped.css +27 -27
- package/content-layout/styles.selectors.js +14 -14
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +171 -171
- package/flashbar/styles.selectors.js +47 -47
- package/icon/styles.css.js +38 -37
- package/icon/styles.scoped.css +82 -80
- package/icon/styles.selectors.js +38 -37
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +40 -40
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/custom-css-properties/index.d.ts +2 -0
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +57 -55
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/key-value-pairs/index.d.ts +1 -1
- package/key-value-pairs/index.d.ts.map +1 -1
- package/key-value-pairs/index.js +2 -2
- package/key-value-pairs/index.js.map +1 -1
- package/key-value-pairs/interfaces.d.ts +11 -0
- package/key-value-pairs/interfaces.d.ts.map +1 -1
- package/key-value-pairs/interfaces.js.map +1 -1
- package/key-value-pairs/internal.d.ts.map +1 -1
- package/key-value-pairs/internal.js +2 -2
- package/key-value-pairs/internal.js.map +1 -1
- package/package.json +2 -1
- package/prompt-input/index.d.ts +6 -0
- package/prompt-input/index.d.ts.map +1 -0
- package/prompt-input/index.js +27 -0
- package/prompt-input/index.js.map +1 -0
- package/prompt-input/interfaces.d.ts +82 -0
- package/prompt-input/interfaces.d.ts.map +1 -0
- package/prompt-input/interfaces.js +2 -0
- package/prompt-input/interfaces.js.map +1 -0
- package/prompt-input/internal.d.ts +8 -0
- package/prompt-input/internal.d.ts.map +1 -0
- package/prompt-input/internal.js +109 -0
- package/prompt-input/internal.js.map +1 -0
- package/prompt-input/styles.css.js +13 -0
- package/prompt-input/styles.scoped.css +248 -0
- package/prompt-input/styles.selectors.js +14 -0
- package/prompt-input/test-classes/styles.css.js +8 -0
- package/prompt-input/test-classes/styles.scoped.css +15 -0
- package/prompt-input/test-classes/styles.selectors.js +9 -0
- package/slider/styles.css.js +26 -26
- package/slider/styles.scoped.css +86 -86
- package/slider/styles.selectors.js +26 -26
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +39 -39
- package/spinner/styles.selectors.js +13 -13
- package/test-utils/dom/index.d.ts +3 -0
- package/test-utils/dom/index.js +10 -2
- package/test-utils/dom/index.js.map +1 -1
- package/test-utils/dom/prompt-input/index.d.ts +18 -0
- package/test-utils/dom/prompt-input/index.js +49 -0
- package/test-utils/dom/prompt-input/index.js.map +1 -0
- package/test-utils/selectors/index.d.ts +3 -0
- package/test-utils/selectors/index.js +10 -2
- package/test-utils/selectors/index.js.map +1 -1
- package/test-utils/selectors/prompt-input/index.d.ts +6 -0
- package/test-utils/selectors/prompt-input/index.js +15 -0
- package/test-utils/selectors/prompt-input/index.js.map +1 -0
- package/test-utils/tsconfig.tsbuildinfo +1 -1
|
@@ -94,54 +94,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
94
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
|
-
.awsui_flash-with-
|
|
97
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97:not(#\9) {
|
|
98
98
|
opacity: 0;
|
|
99
99
|
transform: translateY(-20px);
|
|
100
100
|
}
|
|
101
101
|
@media (prefers-reduced-motion: reduce) {
|
|
102
|
-
.awsui_flash-with-
|
|
102
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97:not(#\9) {
|
|
103
103
|
animation: none;
|
|
104
104
|
transition: none;
|
|
105
105
|
}
|
|
106
106
|
}
|
|
107
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
107
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97:not(#\9) {
|
|
108
108
|
animation: none;
|
|
109
109
|
transition: none;
|
|
110
110
|
}
|
|
111
|
-
.awsui_flash-with-
|
|
112
|
-
.awsui_flash-with-
|
|
113
|
-
.awsui_flash-with-
|
|
114
|
-
.awsui_flash-with-
|
|
111
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9),
|
|
112
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9),
|
|
113
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9),
|
|
114
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9) {
|
|
115
115
|
opacity: 0;
|
|
116
116
|
transform: translateY(-8px);
|
|
117
117
|
}
|
|
118
118
|
@media (prefers-reduced-motion: reduce) {
|
|
119
|
-
.awsui_flash-with-
|
|
120
|
-
.awsui_flash-with-
|
|
121
|
-
.awsui_flash-with-
|
|
122
|
-
.awsui_flash-with-
|
|
119
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9),
|
|
120
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9),
|
|
121
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9),
|
|
122
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9) {
|
|
123
123
|
animation: none;
|
|
124
124
|
transition: none;
|
|
125
125
|
}
|
|
126
126
|
}
|
|
127
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
127
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9) {
|
|
128
128
|
animation: none;
|
|
129
129
|
transition: none;
|
|
130
130
|
}
|
|
131
|
-
.awsui_flash-with-
|
|
131
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9) {
|
|
132
132
|
opacity: 0;
|
|
133
133
|
}
|
|
134
134
|
@media (prefers-reduced-motion: reduce) {
|
|
135
|
-
.awsui_flash-with-
|
|
135
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9) {
|
|
136
136
|
animation: none;
|
|
137
137
|
transition: none;
|
|
138
138
|
}
|
|
139
139
|
}
|
|
140
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
140
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_enter_1q84n_1mepa_97 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9) {
|
|
141
141
|
animation: none;
|
|
142
142
|
transition: none;
|
|
143
143
|
}
|
|
144
|
-
.awsui_flash-with-
|
|
144
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150:not(#\9) {
|
|
145
145
|
transition-property: transform, opacity;
|
|
146
146
|
transition-duration: var(--motion-duration-refresh-only-slow-zbvbxt, 250ms);
|
|
147
147
|
transition-timing-function: var(--motion-easing-refresh-only-c-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
|
|
@@ -149,25 +149,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
149
149
|
transform: translateY(0);
|
|
150
150
|
}
|
|
151
151
|
@media (prefers-reduced-motion: reduce) {
|
|
152
|
-
.awsui_flash-with-
|
|
152
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150:not(#\9) {
|
|
153
153
|
animation: none;
|
|
154
154
|
transition: none;
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
157
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150:not(#\9) {
|
|
158
158
|
animation: none;
|
|
159
159
|
transition: none;
|
|
160
160
|
}
|
|
161
|
-
.awsui_flash-with-
|
|
162
|
-
.awsui_flash-with-
|
|
163
|
-
.awsui_flash-with-
|
|
164
|
-
.awsui_flash-with-
|
|
165
|
-
.awsui_flash-with-
|
|
166
|
-
.awsui_flash-with-
|
|
167
|
-
.awsui_flash-with-
|
|
168
|
-
.awsui_flash-with-
|
|
169
|
-
.awsui_flash-with-
|
|
170
|
-
.awsui_flash-with-
|
|
161
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9),
|
|
162
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9),
|
|
163
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9),
|
|
164
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9),
|
|
165
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9),
|
|
166
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9),
|
|
167
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9),
|
|
168
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9),
|
|
169
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9),
|
|
170
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9) {
|
|
171
171
|
opacity: 1;
|
|
172
172
|
transform: translateY(0);
|
|
173
173
|
transition-property: transform, opacity;
|
|
@@ -175,83 +175,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
175
175
|
transition-timing-function: var(--motion-easing-refresh-only-c-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
|
|
176
176
|
}
|
|
177
177
|
@media (prefers-reduced-motion: reduce) {
|
|
178
|
-
.awsui_flash-with-
|
|
179
|
-
.awsui_flash-with-
|
|
180
|
-
.awsui_flash-with-
|
|
181
|
-
.awsui_flash-with-
|
|
182
|
-
.awsui_flash-with-
|
|
183
|
-
.awsui_flash-with-
|
|
184
|
-
.awsui_flash-with-
|
|
185
|
-
.awsui_flash-with-
|
|
186
|
-
.awsui_flash-with-
|
|
187
|
-
.awsui_flash-with-
|
|
178
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9),
|
|
179
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9),
|
|
180
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9),
|
|
181
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9),
|
|
182
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9),
|
|
183
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9),
|
|
184
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9),
|
|
185
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9),
|
|
186
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9),
|
|
187
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9) {
|
|
188
188
|
animation: none;
|
|
189
189
|
transition: none;
|
|
190
190
|
}
|
|
191
191
|
}
|
|
192
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
192
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9) {
|
|
193
193
|
animation: none;
|
|
194
194
|
transition: none;
|
|
195
195
|
}
|
|
196
|
-
.awsui_flash-with-
|
|
196
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9), .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9) {
|
|
197
197
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) - 50ms);
|
|
198
198
|
}
|
|
199
199
|
@media (prefers-reduced-motion: reduce) {
|
|
200
|
-
.awsui_flash-with-
|
|
200
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9), .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9) {
|
|
201
201
|
animation: none;
|
|
202
202
|
transition: none;
|
|
203
203
|
}
|
|
204
204
|
}
|
|
205
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
205
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-icon_1q84n_1mepa_137:not(#\9) {
|
|
206
206
|
animation: none;
|
|
207
207
|
transition: none;
|
|
208
208
|
}
|
|
209
|
-
.awsui_flash-with-
|
|
209
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9), .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9) {
|
|
210
210
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) + 10ms);
|
|
211
211
|
}
|
|
212
212
|
@media (prefers-reduced-motion: reduce) {
|
|
213
|
-
.awsui_flash-with-
|
|
213
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9), .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9) {
|
|
214
214
|
animation: none;
|
|
215
215
|
transition: none;
|
|
216
216
|
}
|
|
217
217
|
}
|
|
218
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
218
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-header_1q84n_1mepa_111:not(#\9) {
|
|
219
219
|
animation: none;
|
|
220
220
|
transition: none;
|
|
221
221
|
}
|
|
222
|
-
.awsui_flash-with-
|
|
222
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9), .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9) {
|
|
223
223
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) + 10ms);
|
|
224
224
|
}
|
|
225
225
|
@media (prefers-reduced-motion: reduce) {
|
|
226
|
-
.awsui_flash-with-
|
|
226
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9), .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9) {
|
|
227
227
|
animation: none;
|
|
228
228
|
transition: none;
|
|
229
229
|
}
|
|
230
230
|
}
|
|
231
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
231
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_flash-message_1q84n_1mepa_111 > .awsui_flash-content_1q84n_1mepa_112:not(#\9) {
|
|
232
232
|
animation: none;
|
|
233
233
|
transition: none;
|
|
234
234
|
}
|
|
235
|
-
.awsui_flash-with-
|
|
236
|
-
.awsui_flash-with-
|
|
237
|
-
.awsui_flash-with-
|
|
238
|
-
.awsui_flash-with-
|
|
235
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9),
|
|
236
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9),
|
|
237
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9),
|
|
238
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9) {
|
|
239
239
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) * 2 - 100ms);
|
|
240
240
|
}
|
|
241
241
|
@media (prefers-reduced-motion: reduce) {
|
|
242
|
-
.awsui_flash-with-
|
|
243
|
-
.awsui_flash-with-
|
|
244
|
-
.awsui_flash-with-
|
|
245
|
-
.awsui_flash-with-
|
|
242
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9),
|
|
243
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9),
|
|
244
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9),
|
|
245
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9) {
|
|
246
246
|
animation: none;
|
|
247
247
|
transition: none;
|
|
248
248
|
}
|
|
249
249
|
}
|
|
250
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
250
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entering_1q84n_1mepa_150 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_entered_1q84n_1mepa_171 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9) {
|
|
251
251
|
animation: none;
|
|
252
252
|
transition: none;
|
|
253
253
|
}
|
|
254
|
-
.awsui_flash-with-
|
|
254
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_exiting_1q84n_1mepa_276:not(#\9) {
|
|
255
255
|
opacity: 0;
|
|
256
256
|
transform: translateY(-20px);
|
|
257
257
|
transition-property: transform, opacity;
|
|
@@ -259,12 +259,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
259
259
|
transition-timing-function: var(--motion-easing-refresh-only-c-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
|
|
260
260
|
}
|
|
261
261
|
@media (prefers-reduced-motion: reduce) {
|
|
262
|
-
.awsui_flash-with-
|
|
262
|
+
.awsui_flash-with-motion_1q84n_1mepa_97.awsui_exiting_1q84n_1mepa_276:not(#\9) {
|
|
263
263
|
animation: none;
|
|
264
264
|
transition: none;
|
|
265
265
|
}
|
|
266
266
|
}
|
|
267
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
267
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1mepa_97.awsui_exiting_1q84n_1mepa_276:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1mepa_97.awsui_exiting_1q84n_1mepa_276:not(#\9) {
|
|
268
268
|
animation: none;
|
|
269
269
|
transition: none;
|
|
270
270
|
}
|
|
@@ -273,26 +273,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
273
273
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
274
274
|
SPDX-License-Identifier: Apache-2.0
|
|
275
275
|
*/
|
|
276
|
-
.
|
|
277
|
-
.
|
|
278
|
-
.
|
|
276
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_animation-running_1q84n_1mepa_298 > .awsui_item_1q84n_1mepa_298:not(#\9),
|
|
277
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_animation-running_1q84n_1mepa_298 > .awsui_flash-list-item_1q84n_1mepa_299:not(#\9),
|
|
278
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_animation-running_1q84n_1mepa_298.awsui_notification-bar_1q84n_1mepa_300:not(#\9) {
|
|
279
279
|
transition-timing-function: var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
|
|
280
280
|
transition-duration: var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
281
281
|
}
|
|
282
282
|
@media (prefers-reduced-motion: reduce) {
|
|
283
|
-
.
|
|
284
|
-
.
|
|
285
|
-
.
|
|
283
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_animation-running_1q84n_1mepa_298 > .awsui_item_1q84n_1mepa_298:not(#\9),
|
|
284
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_animation-running_1q84n_1mepa_298 > .awsui_flash-list-item_1q84n_1mepa_299:not(#\9),
|
|
285
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_animation-running_1q84n_1mepa_298.awsui_notification-bar_1q84n_1mepa_300:not(#\9) {
|
|
286
286
|
animation: none;
|
|
287
287
|
transition: none;
|
|
288
288
|
}
|
|
289
289
|
}
|
|
290
|
-
.awsui-motion-disabled .
|
|
290
|
+
.awsui-motion-disabled .awsui_stack_1q84n_1mepa_298 > .awsui_animation-running_1q84n_1mepa_298 > .awsui_item_1q84n_1mepa_298:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1mepa_298 > .awsui_animation-running_1q84n_1mepa_298 > .awsui_item_1q84n_1mepa_298:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1mepa_298 > .awsui_animation-running_1q84n_1mepa_298 > .awsui_flash-list-item_1q84n_1mepa_299:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1mepa_298 > .awsui_animation-running_1q84n_1mepa_298 > .awsui_flash-list-item_1q84n_1mepa_299:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1mepa_298 > .awsui_animation-running_1q84n_1mepa_298.awsui_notification-bar_1q84n_1mepa_300:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1mepa_298 > .awsui_animation-running_1q84n_1mepa_298.awsui_notification-bar_1q84n_1mepa_300:not(#\9) {
|
|
291
291
|
animation: none;
|
|
292
292
|
transition: none;
|
|
293
293
|
}
|
|
294
|
-
.
|
|
295
|
-
.
|
|
294
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_collapsed_1q84n_1mepa_320.awsui_animation-ready_1q84n_1mepa_320 > .awsui_expanded-only_1q84n_1mepa_320:not(#\9),
|
|
295
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_collapsed_1q84n_1mepa_320.awsui_animation-running_1q84n_1mepa_298 > .awsui_expanded-only_1q84n_1mepa_320:not(#\9) {
|
|
296
296
|
display: none;
|
|
297
297
|
}
|
|
298
298
|
|
|
@@ -300,12 +300,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
300
300
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
301
301
|
SPDX-License-Identifier: Apache-2.0
|
|
302
302
|
*/
|
|
303
|
-
.
|
|
303
|
+
.awsui_stack_1q84n_1mepa_298:not(#\9) {
|
|
304
304
|
display: grid;
|
|
305
305
|
grid-template-columns: 30px 1fr 30px;
|
|
306
306
|
}
|
|
307
307
|
|
|
308
|
-
.
|
|
308
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_expanded_1q84n_1mepa_320:not(#\9) {
|
|
309
309
|
grid-column: 1/4;
|
|
310
310
|
}
|
|
311
311
|
|
|
@@ -319,21 +319,21 @@ the grid layout will be:
|
|
|
319
319
|
[10px] [item 2 start] [10px] [fractional unit] [10px] [item 2 end] [10px]
|
|
320
320
|
[10px] [10px] [item 3 start] [fractional unit] [item 3 end] [10px] [10px]
|
|
321
321
|
*/
|
|
322
|
-
.
|
|
322
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_collapsed_1q84n_1mepa_320:not(#\9) {
|
|
323
323
|
display: grid;
|
|
324
324
|
grid-column: 1/4;
|
|
325
|
-
grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-
|
|
325
|
+
grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-g964ok), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-g964ok), 10px);
|
|
326
326
|
row-gap: 8px;
|
|
327
327
|
z-index: 0;
|
|
328
328
|
}
|
|
329
|
-
.
|
|
330
|
-
grid-column-start: calc(var(--awsui-flashbar-stack-index-
|
|
331
|
-
grid-column-end: calc(var(--awsui-flashbar-stack-depth-
|
|
329
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_collapsed_1q84n_1mepa_320 > .awsui_item_1q84n_1mepa_298:not(#\9) {
|
|
330
|
+
grid-column-start: calc(var(--awsui-flashbar-stack-index-g964ok) + 1);
|
|
331
|
+
grid-column-end: calc(var(--awsui-flashbar-stack-depth-g964ok) * 2 + 1 - var(--awsui-flashbar-stack-index-g964ok) + 1);
|
|
332
332
|
grid-row-start: 1;
|
|
333
|
-
grid-row-end: calc(var(--awsui-flashbar-stack-index-
|
|
334
|
-
z-index: calc(var(--awsui-flashbar-stack-depth-
|
|
333
|
+
grid-row-end: calc(var(--awsui-flashbar-stack-index-g964ok) + 2);
|
|
334
|
+
z-index: calc(var(--awsui-flashbar-stack-depth-g964ok) - var(--awsui-flashbar-stack-index-g964ok));
|
|
335
335
|
}
|
|
336
|
-
.
|
|
336
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_collapsed_1q84n_1mepa_320 > .awsui_item_1q84n_1mepa_298:not(#\9):not(:first-of-type) {
|
|
337
337
|
align-self: end;
|
|
338
338
|
/* Give placeholder elements in the stacked state the height of a notification
|
|
339
339
|
with one single line of text.
|
|
@@ -345,23 +345,23 @@ the grid layout will be:
|
|
|
345
345
|
) * 2
|
|
346
346
|
);
|
|
347
347
|
}
|
|
348
|
-
.
|
|
349
|
-
.
|
|
348
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_collapsed_1q84n_1mepa_320 > .awsui_item_1q84n_1mepa_298:not(#\9):not(:last-child) > .awsui_flash_1q84n_1mepa_97::before,
|
|
349
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_collapsed_1q84n_1mepa_320 > .awsui_item_1q84n_1mepa_298.awsui_flash_1q84n_1mepa_97:not(#\9)::before {
|
|
350
350
|
box-shadow: var(--shadow-flash-collapsed-s7gipk, 0px 4px 4px rgba(0, 0, 0, 0.25));
|
|
351
351
|
}
|
|
352
352
|
|
|
353
|
-
.
|
|
353
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_expanded_1q84n_1mepa_320.awsui_animation-running_1q84n_1mepa_298 > .awsui_flash-list-item_1q84n_1mepa_299:not(#\9) {
|
|
354
354
|
position: relative;
|
|
355
|
-
z-index: calc(var(--awsui-flashbar-stack-depth-
|
|
355
|
+
z-index: calc(var(--awsui-flashbar-stack-depth-g964ok) - var(--awsui-flashbar-stack-index-g964ok));
|
|
356
356
|
}
|
|
357
357
|
|
|
358
|
-
.
|
|
358
|
+
.awsui_stack_1q84n_1mepa_298.awsui_collapsible_1q84n_1mepa_384:not(#\9):not(.awsui_expanded_1q84n_1mepa_320) {
|
|
359
359
|
/*
|
|
360
360
|
Since the notification bar is anchored to the bottom of the Flashbar, we need to push it up to account for the
|
|
361
361
|
missing third item when there are only 2 items in the stack.
|
|
362
362
|
*/
|
|
363
363
|
}
|
|
364
|
-
.
|
|
364
|
+
.awsui_stack_1q84n_1mepa_298.awsui_collapsible_1q84n_1mepa_384:not(#\9):not(.awsui_expanded_1q84n_1mepa_320):not(.awsui_short-list_1q84n_1mepa_390):not(.awsui_visual-refresh_1q84n_1mepa_390) {
|
|
365
365
|
/*
|
|
366
366
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
367
367
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -370,17 +370,17 @@ the grid layout will be:
|
|
|
370
370
|
*/
|
|
371
371
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
372
372
|
is the full height of the notification bar */
|
|
373
|
-
--awsui-stacked-notifications-default-bottom-margin-
|
|
373
|
+
--awsui-stacked-notifications-default-bottom-margin-g964ok: calc(
|
|
374
374
|
var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 1px - calc(var(--space-scaled-xl-kswcw7, 24px) + 3px)
|
|
375
375
|
);
|
|
376
376
|
margin-block-end: calc(
|
|
377
377
|
var(
|
|
378
|
-
--awsui-stacked-notifications-bottom-margin-
|
|
379
|
-
var(--awsui-stacked-notifications-default-bottom-margin-
|
|
378
|
+
--awsui-stacked-notifications-bottom-margin-g964ok,
|
|
379
|
+
var(--awsui-stacked-notifications-default-bottom-margin-g964ok)
|
|
380
380
|
) + 0px + 0px
|
|
381
381
|
);
|
|
382
382
|
}
|
|
383
|
-
.
|
|
383
|
+
.awsui_stack_1q84n_1mepa_298.awsui_collapsible_1q84n_1mepa_384:not(#\9):not(.awsui_expanded_1q84n_1mepa_320):not(.awsui_short-list_1q84n_1mepa_390):not(.awsui_visual-refresh_1q84n_1mepa_390) > .awsui_notification-bar_1q84n_1mepa_300 {
|
|
384
384
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 0px);
|
|
385
385
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
386
386
|
is the full height of the notification bar */
|
|
@@ -390,7 +390,7 @@ the grid layout will be:
|
|
|
390
390
|
);
|
|
391
391
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
392
392
|
}
|
|
393
|
-
.
|
|
393
|
+
.awsui_stack_1q84n_1mepa_298.awsui_collapsible_1q84n_1mepa_384:not(#\9):not(.awsui_expanded_1q84n_1mepa_320):not(.awsui_short-list_1q84n_1mepa_390).awsui_visual-refresh_1q84n_1mepa_390 {
|
|
394
394
|
/*
|
|
395
395
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
396
396
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -399,17 +399,17 @@ the grid layout will be:
|
|
|
399
399
|
*/
|
|
400
400
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
401
401
|
is the full height of the notification bar */
|
|
402
|
-
--awsui-stacked-notifications-default-bottom-margin-
|
|
402
|
+
--awsui-stacked-notifications-default-bottom-margin-g964ok: calc(
|
|
403
403
|
var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 2px - calc(var(--space-scaled-xl-kswcw7, 24px) + 3px)
|
|
404
404
|
);
|
|
405
405
|
margin-block-end: calc(
|
|
406
406
|
var(
|
|
407
|
-
--awsui-stacked-notifications-bottom-margin-
|
|
408
|
-
var(--awsui-stacked-notifications-default-bottom-margin-
|
|
407
|
+
--awsui-stacked-notifications-bottom-margin-g964ok,
|
|
408
|
+
var(--awsui-stacked-notifications-default-bottom-margin-g964ok)
|
|
409
409
|
) + 0px + 0px
|
|
410
410
|
);
|
|
411
411
|
}
|
|
412
|
-
.
|
|
412
|
+
.awsui_stack_1q84n_1mepa_298.awsui_collapsible_1q84n_1mepa_384:not(#\9):not(.awsui_expanded_1q84n_1mepa_320):not(.awsui_short-list_1q84n_1mepa_390).awsui_visual-refresh_1q84n_1mepa_390 > .awsui_notification-bar_1q84n_1mepa_300 {
|
|
413
413
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 0px);
|
|
414
414
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
415
415
|
is the full height of the notification bar */
|
|
@@ -419,7 +419,7 @@ the grid layout will be:
|
|
|
419
419
|
);
|
|
420
420
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
421
421
|
}
|
|
422
|
-
.
|
|
422
|
+
.awsui_stack_1q84n_1mepa_298.awsui_collapsible_1q84n_1mepa_384:not(#\9):not(.awsui_expanded_1q84n_1mepa_320).awsui_short-list_1q84n_1mepa_390:not(.awsui_visual-refresh_1q84n_1mepa_390) {
|
|
423
423
|
/*
|
|
424
424
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
425
425
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -428,17 +428,17 @@ the grid layout will be:
|
|
|
428
428
|
*/
|
|
429
429
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
430
430
|
is the full height of the notification bar */
|
|
431
|
-
--awsui-stacked-notifications-default-bottom-margin-
|
|
431
|
+
--awsui-stacked-notifications-default-bottom-margin-g964ok: calc(
|
|
432
432
|
var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 1px - calc(var(--space-scaled-xl-kswcw7, 24px) + 3px)
|
|
433
433
|
);
|
|
434
434
|
margin-block-end: calc(
|
|
435
435
|
var(
|
|
436
|
-
--awsui-stacked-notifications-bottom-margin-
|
|
437
|
-
var(--awsui-stacked-notifications-default-bottom-margin-
|
|
436
|
+
--awsui-stacked-notifications-bottom-margin-g964ok,
|
|
437
|
+
var(--awsui-stacked-notifications-default-bottom-margin-g964ok)
|
|
438
438
|
) + 0px + 8px
|
|
439
439
|
);
|
|
440
440
|
}
|
|
441
|
-
.
|
|
441
|
+
.awsui_stack_1q84n_1mepa_298.awsui_collapsible_1q84n_1mepa_384:not(#\9):not(.awsui_expanded_1q84n_1mepa_320).awsui_short-list_1q84n_1mepa_390:not(.awsui_visual-refresh_1q84n_1mepa_390) > .awsui_notification-bar_1q84n_1mepa_300 {
|
|
442
442
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 8px);
|
|
443
443
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
444
444
|
is the full height of the notification bar */
|
|
@@ -448,7 +448,7 @@ the grid layout will be:
|
|
|
448
448
|
);
|
|
449
449
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
450
450
|
}
|
|
451
|
-
.
|
|
451
|
+
.awsui_stack_1q84n_1mepa_298.awsui_collapsible_1q84n_1mepa_384:not(#\9):not(.awsui_expanded_1q84n_1mepa_320).awsui_short-list_1q84n_1mepa_390.awsui_visual-refresh_1q84n_1mepa_390 {
|
|
452
452
|
/*
|
|
453
453
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
454
454
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -457,17 +457,17 @@ the grid layout will be:
|
|
|
457
457
|
*/
|
|
458
458
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
459
459
|
is the full height of the notification bar */
|
|
460
|
-
--awsui-stacked-notifications-default-bottom-margin-
|
|
460
|
+
--awsui-stacked-notifications-default-bottom-margin-g964ok: calc(
|
|
461
461
|
var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 2px - calc(var(--space-scaled-xl-kswcw7, 24px) + 3px)
|
|
462
462
|
);
|
|
463
463
|
margin-block-end: calc(
|
|
464
464
|
var(
|
|
465
|
-
--awsui-stacked-notifications-bottom-margin-
|
|
466
|
-
var(--awsui-stacked-notifications-default-bottom-margin-
|
|
465
|
+
--awsui-stacked-notifications-bottom-margin-g964ok,
|
|
466
|
+
var(--awsui-stacked-notifications-default-bottom-margin-g964ok)
|
|
467
467
|
) + 0px + 8px
|
|
468
468
|
);
|
|
469
469
|
}
|
|
470
|
-
.
|
|
470
|
+
.awsui_stack_1q84n_1mepa_298.awsui_collapsible_1q84n_1mepa_384:not(#\9):not(.awsui_expanded_1q84n_1mepa_320).awsui_short-list_1q84n_1mepa_390.awsui_visual-refresh_1q84n_1mepa_390 > .awsui_notification-bar_1q84n_1mepa_300 {
|
|
471
471
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 8px);
|
|
472
472
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
473
473
|
is the full height of the notification bar */
|
|
@@ -477,7 +477,7 @@ the grid layout will be:
|
|
|
477
477
|
);
|
|
478
478
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
479
479
|
}
|
|
480
|
-
.
|
|
480
|
+
.awsui_stack_1q84n_1mepa_298.awsui_collapsible_1q84n_1mepa_384.awsui_expanded_1q84n_1mepa_320:not(#\9):not(.awsui_visual-refresh_1q84n_1mepa_390) {
|
|
481
481
|
/*
|
|
482
482
|
Give a bit more bottom margin when expanded, but only in Classic because in Visual Refresh the margin around the
|
|
483
483
|
notifications slot already gives it enough space.
|
|
@@ -490,17 +490,17 @@ the grid layout will be:
|
|
|
490
490
|
*/
|
|
491
491
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
492
492
|
is the full height of the notification bar */
|
|
493
|
-
--awsui-stacked-notifications-default-bottom-margin-
|
|
493
|
+
--awsui-stacked-notifications-default-bottom-margin-g964ok: calc(
|
|
494
494
|
var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 1px - var(--space-scaled-s-aqzyko, 12px)
|
|
495
495
|
);
|
|
496
496
|
margin-block-end: calc(
|
|
497
497
|
var(
|
|
498
|
-
--awsui-stacked-notifications-bottom-margin-
|
|
499
|
-
var(--awsui-stacked-notifications-default-bottom-margin-
|
|
498
|
+
--awsui-stacked-notifications-bottom-margin-g964ok,
|
|
499
|
+
var(--awsui-stacked-notifications-default-bottom-margin-g964ok)
|
|
500
500
|
) + var(--space-scaled-m-mo5yse, 16px) + 0px
|
|
501
501
|
);
|
|
502
502
|
}
|
|
503
|
-
.
|
|
503
|
+
.awsui_stack_1q84n_1mepa_298.awsui_collapsible_1q84n_1mepa_384.awsui_expanded_1q84n_1mepa_320:not(#\9):not(.awsui_visual-refresh_1q84n_1mepa_390) > .awsui_notification-bar_1q84n_1mepa_300 {
|
|
504
504
|
margin-block-start: calc(-1 * var(--space-scaled-s-aqzyko, 12px) + 0px);
|
|
505
505
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
506
506
|
is the full height of the notification bar */
|
|
@@ -510,7 +510,7 @@ the grid layout will be:
|
|
|
510
510
|
);
|
|
511
511
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
512
512
|
}
|
|
513
|
-
.
|
|
513
|
+
.awsui_stack_1q84n_1mepa_298.awsui_collapsible_1q84n_1mepa_384.awsui_expanded_1q84n_1mepa_320.awsui_visual-refresh_1q84n_1mepa_390:not(#\9) {
|
|
514
514
|
/*
|
|
515
515
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
516
516
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -519,17 +519,17 @@ the grid layout will be:
|
|
|
519
519
|
*/
|
|
520
520
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
521
521
|
is the full height of the notification bar */
|
|
522
|
-
--awsui-stacked-notifications-default-bottom-margin-
|
|
522
|
+
--awsui-stacked-notifications-default-bottom-margin-g964ok: calc(
|
|
523
523
|
var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 2px - var(--space-scaled-s-aqzyko, 12px)
|
|
524
524
|
);
|
|
525
525
|
margin-block-end: calc(
|
|
526
526
|
var(
|
|
527
|
-
--awsui-stacked-notifications-bottom-margin-
|
|
528
|
-
var(--awsui-stacked-notifications-default-bottom-margin-
|
|
527
|
+
--awsui-stacked-notifications-bottom-margin-g964ok,
|
|
528
|
+
var(--awsui-stacked-notifications-default-bottom-margin-g964ok)
|
|
529
529
|
) + 0px + 0px
|
|
530
530
|
);
|
|
531
531
|
}
|
|
532
|
-
.
|
|
532
|
+
.awsui_stack_1q84n_1mepa_298.awsui_collapsible_1q84n_1mepa_384.awsui_expanded_1q84n_1mepa_320.awsui_visual-refresh_1q84n_1mepa_390 > .awsui_notification-bar_1q84n_1mepa_300:not(#\9) {
|
|
533
533
|
margin-block-start: calc(-1 * var(--space-scaled-s-aqzyko, 12px) + 0px);
|
|
534
534
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
535
535
|
is the full height of the notification bar */
|
|
@@ -540,7 +540,7 @@ the grid layout will be:
|
|
|
540
540
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
541
541
|
}
|
|
542
542
|
|
|
543
|
-
.
|
|
543
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300:not(#\9) {
|
|
544
544
|
min-inline-size: 0;
|
|
545
545
|
word-break: break-word;
|
|
546
546
|
background: var(--color-background-notification-stack-bar-btgysg, #232f3e);
|
|
@@ -568,9 +568,9 @@ the grid layout will be:
|
|
|
568
568
|
text-decoration: none;
|
|
569
569
|
z-index: 1;
|
|
570
570
|
}
|
|
571
|
-
.
|
|
572
|
-
.
|
|
573
|
-
.
|
|
571
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_status_1q84n_1mepa_597 > .awsui_header_1q84n_1mepa_597:not(#\9),
|
|
572
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_status_1q84n_1mepa_597 > .awsui_item-count_1q84n_1mepa_598:not(#\9),
|
|
573
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_button_1q84n_1mepa_599:not(#\9) {
|
|
574
574
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
575
575
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
576
576
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
@@ -583,7 +583,7 @@ the grid layout will be:
|
|
|
583
583
|
margin-block: 0;
|
|
584
584
|
padding-block: 0;
|
|
585
585
|
}
|
|
586
|
-
.
|
|
586
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_status_1q84n_1mepa_597:not(#\9) {
|
|
587
587
|
display: flex;
|
|
588
588
|
flex-direction: row;
|
|
589
589
|
flex-wrap: wrap;
|
|
@@ -591,11 +591,11 @@ the grid layout will be:
|
|
|
591
591
|
justify-content: center;
|
|
592
592
|
row-gap: 0;
|
|
593
593
|
}
|
|
594
|
-
.
|
|
594
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_status_1q84n_1mepa_597 > .awsui_header_1q84n_1mepa_597:not(#\9) {
|
|
595
595
|
font-weight: var(--font-button-weight-hv56tz, 700);
|
|
596
596
|
display: inline-block;
|
|
597
597
|
}
|
|
598
|
-
.
|
|
598
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_status_1q84n_1mepa_597 > .awsui_item-count_1q84n_1mepa_598:not(#\9) {
|
|
599
599
|
column-gap: var(--space-s-34lx8l, 12px);
|
|
600
600
|
display: flex;
|
|
601
601
|
flex-direction: row;
|
|
@@ -603,33 +603,33 @@ the grid layout will be:
|
|
|
603
603
|
justify-content: center;
|
|
604
604
|
row-gap: 0;
|
|
605
605
|
}
|
|
606
|
-
.
|
|
606
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_status_1q84n_1mepa_597 > .awsui_item-count_1q84n_1mepa_598 > .awsui_type-count_1q84n_1mepa_632 > .awsui_count-number_1q84n_1mepa_632:not(#\9) {
|
|
607
607
|
margin-inline-start: var(--space-xxs-p8yyaw, 4px);
|
|
608
608
|
}
|
|
609
|
-
.
|
|
609
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300:not(#\9):hover {
|
|
610
610
|
background: var(--color-background-notification-stack-bar-hover-905myr, #414d5c);
|
|
611
611
|
border-color: var(--color-background-notification-stack-bar-hover-905myr, #414d5c);
|
|
612
612
|
}
|
|
613
|
-
.
|
|
613
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300:not(#\9):active {
|
|
614
614
|
background: var(--color-background-notification-stack-bar-active-g701bg, #232f3e);
|
|
615
615
|
}
|
|
616
|
-
.
|
|
616
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300.awsui_visual-refresh_1q84n_1mepa_390:not(#\9) {
|
|
617
617
|
border-block-width: 2px;
|
|
618
618
|
border-inline-width: 2px;
|
|
619
619
|
padding-inline: var(--space-l-t419sm, 20px);
|
|
620
620
|
}
|
|
621
|
-
.
|
|
621
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300:not(#\9):not(.awsui_visual-refresh_1q84n_1mepa_390) {
|
|
622
622
|
border-block-width: 1px;
|
|
623
623
|
border-inline-width: 1px;
|
|
624
624
|
padding-inline: var(--space-s-34lx8l, 12px);
|
|
625
625
|
}
|
|
626
|
-
.
|
|
626
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300:not(#\9):not(.awsui_visual-refresh_1q84n_1mepa_390):focus {
|
|
627
627
|
text-decoration: none;
|
|
628
628
|
}
|
|
629
|
-
.
|
|
629
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300:not(#\9):not(.awsui_visual-refresh_1q84n_1mepa_390):hover {
|
|
630
630
|
text-decoration: none;
|
|
631
631
|
}
|
|
632
|
-
.
|
|
632
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_button_1q84n_1mepa_599:not(#\9) {
|
|
633
633
|
display: inline-block;
|
|
634
634
|
flex-grow: 1;
|
|
635
635
|
background: none;
|
|
@@ -637,33 +637,33 @@ the grid layout will be:
|
|
|
637
637
|
border-inline: none;
|
|
638
638
|
padding-block: 0;
|
|
639
639
|
}
|
|
640
|
-
.
|
|
640
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_button_1q84n_1mepa_599 > .awsui_icon_1q84n_1mepa_666:not(#\9) {
|
|
641
641
|
transition: transform var(--motion-duration-rotate-90-4ry26y, 135ms) var(--motion-easing-rotate-90-sb4dk7, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
642
642
|
}
|
|
643
643
|
@media (prefers-reduced-motion: reduce) {
|
|
644
|
-
.
|
|
644
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_button_1q84n_1mepa_599 > .awsui_icon_1q84n_1mepa_666:not(#\9) {
|
|
645
645
|
animation: none;
|
|
646
646
|
transition: none;
|
|
647
647
|
}
|
|
648
648
|
}
|
|
649
|
-
.awsui-motion-disabled .
|
|
649
|
+
.awsui-motion-disabled .awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_button_1q84n_1mepa_599 > .awsui_icon_1q84n_1mepa_666:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_button_1q84n_1mepa_599 > .awsui_icon_1q84n_1mepa_666:not(#\9) {
|
|
650
650
|
animation: none;
|
|
651
651
|
transition: none;
|
|
652
652
|
}
|
|
653
|
-
.
|
|
653
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_button_1q84n_1mepa_599.awsui_expanded_1q84n_1mepa_320 > .awsui_icon_1q84n_1mepa_666:not(#\9) {
|
|
654
654
|
transform: rotate(180deg);
|
|
655
655
|
}
|
|
656
|
-
.
|
|
656
|
+
.awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_button_1q84n_1mepa_599:not(#\9):focus {
|
|
657
657
|
outline: none;
|
|
658
658
|
}
|
|
659
|
-
body[data-awsui-focus-visible=true] .
|
|
659
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_button_1q84n_1mepa_599:not(#\9):focus {
|
|
660
660
|
position: relative;
|
|
661
661
|
}
|
|
662
|
-
body[data-awsui-focus-visible=true] .
|
|
662
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_button_1q84n_1mepa_599:not(#\9):focus {
|
|
663
663
|
outline: 2px dotted transparent;
|
|
664
664
|
outline-offset: calc(0px - 1px);
|
|
665
665
|
}
|
|
666
|
-
body[data-awsui-focus-visible=true] .
|
|
666
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1mepa_298 > .awsui_notification-bar_1q84n_1mepa_300 > .awsui_button_1q84n_1mepa_599:not(#\9):focus::before {
|
|
667
667
|
content: " ";
|
|
668
668
|
display: block;
|
|
669
669
|
position: absolute;
|
|
@@ -678,24 +678,24 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1kj85_298 > .awsui_notifi
|
|
|
678
678
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
679
679
|
}
|
|
680
680
|
|
|
681
|
-
.
|
|
682
|
-
padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-
|
|
681
|
+
.awsui_stack_1q84n_1mepa_298.awsui_expanded_1q84n_1mepa_320:not(#\9):not(.awsui_floating_1q84n_1mepa_707) {
|
|
682
|
+
padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-g964ok, 0);
|
|
683
683
|
}
|
|
684
684
|
|
|
685
685
|
/*
|
|
686
686
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
687
687
|
SPDX-License-Identifier: Apache-2.0
|
|
688
688
|
*/
|
|
689
|
-
.
|
|
689
|
+
.awsui_flashbar_1q84n_1mepa_715:not(#\9) {
|
|
690
690
|
position: relative;
|
|
691
691
|
/* stylelint-disable-next-line selector-max-type */
|
|
692
692
|
}
|
|
693
|
-
.
|
|
693
|
+
.awsui_flashbar_1q84n_1mepa_715 > li + li:not(#\9) {
|
|
694
694
|
padding-block-start: 0;
|
|
695
695
|
}
|
|
696
696
|
|
|
697
|
-
.
|
|
698
|
-
.
|
|
697
|
+
.awsui_flashbar_1q84n_1mepa_715:not(#\9),
|
|
698
|
+
.awsui_flash_1q84n_1mepa_97:not(#\9) {
|
|
699
699
|
border-collapse: separate;
|
|
700
700
|
border-spacing: 0;
|
|
701
701
|
box-sizing: border-box;
|
|
@@ -731,7 +731,7 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1kj85_298 > .awsui_notifi
|
|
|
731
731
|
-moz-osx-font-smoothing: auto;
|
|
732
732
|
}
|
|
733
733
|
|
|
734
|
-
.
|
|
734
|
+
.awsui_flash_1q84n_1mepa_97:not(#\9) {
|
|
735
735
|
position: relative;
|
|
736
736
|
display: flex;
|
|
737
737
|
justify-content: flex-start;
|
|
@@ -746,7 +746,7 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1kj85_298 > .awsui_notifi
|
|
|
746
746
|
overflow-wrap: break-word;
|
|
747
747
|
word-wrap: break-word;
|
|
748
748
|
}
|
|
749
|
-
.
|
|
749
|
+
.awsui_flash_1q84n_1mepa_97:not(#\9)::before {
|
|
750
750
|
content: "";
|
|
751
751
|
position: absolute;
|
|
752
752
|
inset-inline-start: 0px;
|
|
@@ -762,43 +762,43 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1kj85_298 > .awsui_notifi
|
|
|
762
762
|
border-end-end-radius: var(--border-radius-flashbar-hcdl9q, 12px);
|
|
763
763
|
box-shadow: var(--shadow-flash-sticky-pq8cuq, 0px 4px 8px rgba(0, 7, 22, 0.1));
|
|
764
764
|
}
|
|
765
|
-
.awsui_flash-
|
|
765
|
+
.awsui_flash-refresh_1q84n_1mepa_790:not(#\9)::before {
|
|
766
766
|
z-index: -1;
|
|
767
767
|
}
|
|
768
768
|
|
|
769
|
-
.awsui_flash-
|
|
769
|
+
.awsui_flash-list_1q84n_1mepa_299:not(#\9) {
|
|
770
770
|
list-style: none;
|
|
771
771
|
padding-block: 0;
|
|
772
772
|
padding-inline: 0;
|
|
773
773
|
margin-block: 0;
|
|
774
774
|
margin-inline: 0;
|
|
775
775
|
}
|
|
776
|
-
.awsui_flash-
|
|
776
|
+
.awsui_flash-list_1q84n_1mepa_299:not(#\9):not(.awsui_collapsed_1q84n_1mepa_320) > li:not(:last-child) {
|
|
777
777
|
margin-block-end: var(--space-xxxs-zbmxqb, 2px);
|
|
778
778
|
}
|
|
779
779
|
|
|
780
|
-
.awsui_flash-
|
|
780
|
+
.awsui_flash-body_1q84n_1mepa_111:not(#\9) {
|
|
781
781
|
display: flex;
|
|
782
782
|
flex-grow: 1;
|
|
783
783
|
min-inline-size: 0;
|
|
784
784
|
}
|
|
785
785
|
|
|
786
|
-
.awsui_flash-focus-
|
|
786
|
+
.awsui_flash-focus-container_1q84n_1mepa_811:not(#\9) {
|
|
787
787
|
display: flex;
|
|
788
788
|
flex: 1;
|
|
789
789
|
min-inline-size: 0;
|
|
790
790
|
}
|
|
791
|
-
.awsui_flash-focus-
|
|
791
|
+
.awsui_flash-focus-container_1q84n_1mepa_811:not(#\9):focus {
|
|
792
792
|
outline: none;
|
|
793
793
|
}
|
|
794
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
794
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1mepa_811:not(#\9):focus {
|
|
795
795
|
position: relative;
|
|
796
796
|
}
|
|
797
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
797
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1mepa_811:not(#\9):focus {
|
|
798
798
|
outline: 2px dotted transparent;
|
|
799
799
|
outline-offset: calc(var(--space-button-focus-outline-gutter-cqfd0c, 4px) - 1px);
|
|
800
800
|
}
|
|
801
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
801
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1mepa_811:not(#\9):focus::before {
|
|
802
802
|
content: " ";
|
|
803
803
|
display: block;
|
|
804
804
|
position: absolute;
|
|
@@ -813,76 +813,76 @@ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1kj85_811
|
|
|
813
813
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
814
814
|
}
|
|
815
815
|
|
|
816
|
-
.awsui_flash-
|
|
816
|
+
.awsui_flash-text_1q84n_1mepa_841:not(#\9) {
|
|
817
817
|
margin-block: var(--border-field-width-09w7vk, 2px);
|
|
818
818
|
margin-inline: 0;
|
|
819
819
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
820
820
|
padding-inline: var(--space-xxs-p8yyaw, 4px);
|
|
821
821
|
}
|
|
822
822
|
|
|
823
|
-
.awsui_flash-
|
|
823
|
+
.awsui_flash-icon_1q84n_1mepa_137:not(#\9) {
|
|
824
824
|
flex: 0 0 auto;
|
|
825
825
|
padding-inline-start: 0;
|
|
826
826
|
}
|
|
827
827
|
|
|
828
|
-
.awsui_flash-
|
|
828
|
+
.awsui_flash-message_1q84n_1mepa_111:not(#\9) {
|
|
829
829
|
flex: 1 1 0%;
|
|
830
830
|
word-wrap: break-word;
|
|
831
831
|
max-inline-size: 100%;
|
|
832
832
|
overflow: hidden;
|
|
833
833
|
}
|
|
834
834
|
|
|
835
|
-
.awsui_flash-
|
|
835
|
+
.awsui_flash-header_1q84n_1mepa_111:not(#\9) {
|
|
836
836
|
font-weight: 700;
|
|
837
837
|
}
|
|
838
838
|
|
|
839
|
-
.awsui_flash-
|
|
839
|
+
.awsui_flash-content_1q84n_1mepa_112:not(#\9) {
|
|
840
840
|
/* Only used as a selector for test-utils */
|
|
841
841
|
}
|
|
842
842
|
|
|
843
|
-
.awsui_dismiss-button-
|
|
843
|
+
.awsui_dismiss-button-wrapper_1q84n_1mepa_114:not(#\9) {
|
|
844
844
|
flex: 0 0 auto;
|
|
845
845
|
margin-inline: var(--space-s-34lx8l, 12px) calc(-1 * var(--space-xxs-p8yyaw, 4px));
|
|
846
846
|
padding-inline-end: var(--space-flashbar-dismiss-right-tcpfax, 0px);
|
|
847
847
|
}
|
|
848
848
|
|
|
849
|
-
.awsui_dismiss-
|
|
849
|
+
.awsui_dismiss-button_1q84n_1mepa_114:not(#\9) {
|
|
850
850
|
/* Only used as a selector for test-utils */
|
|
851
851
|
}
|
|
852
852
|
|
|
853
|
-
.awsui_action-button-
|
|
853
|
+
.awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9) {
|
|
854
854
|
white-space: nowrap;
|
|
855
855
|
margin-inline-start: var(--space-flashbar-action-left-qkhz5m, 12px);
|
|
856
856
|
}
|
|
857
857
|
|
|
858
|
-
.
|
|
858
|
+
.awsui_flashbar_1q84n_1mepa_715.awsui_breakpoint-default_1q84n_1mepa_883 > .awsui_flash-list_1q84n_1mepa_299 > .awsui_flash-list-item_1q84n_1mepa_299 > .awsui_flash_1q84n_1mepa_97 > .awsui_flash-body_1q84n_1mepa_111:not(#\9) {
|
|
859
859
|
display: block;
|
|
860
860
|
}
|
|
861
|
-
.
|
|
861
|
+
.awsui_flashbar_1q84n_1mepa_715.awsui_breakpoint-default_1q84n_1mepa_883 > .awsui_flash-list_1q84n_1mepa_299 > .awsui_flash-list-item_1q84n_1mepa_299 > .awsui_flash_1q84n_1mepa_97 > .awsui_flash-body_1q84n_1mepa_111 > .awsui_action-button-wrapper_1q84n_1mepa_113:not(#\9) {
|
|
862
862
|
margin-inline-start: var(--space-l-t419sm, 20px);
|
|
863
863
|
padding-inline-start: var(--space-xxs-p8yyaw, 4px);
|
|
864
864
|
margin-block-end: var(--space-xxs-p8yyaw, 4px);
|
|
865
865
|
}
|
|
866
866
|
|
|
867
|
-
.awsui_action-
|
|
868
|
-
.awsui_action-
|
|
867
|
+
.awsui_action-button_1q84n_1mepa_113:not(#\9),
|
|
868
|
+
.awsui_action-slot_1q84n_1mepa_893:not(#\9) {
|
|
869
869
|
/* Only used as a selector for test-utils */
|
|
870
870
|
}
|
|
871
871
|
|
|
872
|
-
.awsui_flash-type-
|
|
872
|
+
.awsui_flash-type-success_1q84n_1mepa_897:not(#\9) {
|
|
873
873
|
background-color: var(--color-background-notification-green-1jtqmb, #037f0c);
|
|
874
874
|
}
|
|
875
875
|
|
|
876
|
-
.awsui_flash-type-
|
|
876
|
+
.awsui_flash-type-error_1q84n_1mepa_901:not(#\9) {
|
|
877
877
|
background-color: var(--color-background-notification-red-ovptxu, #d91515);
|
|
878
878
|
}
|
|
879
879
|
|
|
880
|
-
.awsui_flash-type-
|
|
881
|
-
.awsui_flash-type-in-
|
|
880
|
+
.awsui_flash-type-info_1q84n_1mepa_905:not(#\9),
|
|
881
|
+
.awsui_flash-type-in-progress_1q84n_1mepa_906:not(#\9) {
|
|
882
882
|
background-color: var(--color-background-notification-blue-g2q2z0, #0972d3);
|
|
883
883
|
}
|
|
884
884
|
|
|
885
|
-
.awsui_flash-type-
|
|
885
|
+
.awsui_flash-type-warning_1q84n_1mepa_910:not(#\9) {
|
|
886
886
|
color: var(--color-text-notification-yellow-p027cz, #000716);
|
|
887
887
|
background-color: var(--color-background-notification-yellow-seoi5y, #ffe457);
|
|
888
888
|
}
|