@cloudscape-design/components 3.0.214 → 3.0.216
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 +30 -30
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +1 -1
- package/app-layout/index.js.map +1 -1
- package/app-layout/notifications/index.d.ts +1 -0
- package/app-layout/notifications/index.d.ts.map +1 -1
- package/app-layout/notifications/index.js +2 -2
- package/app-layout/notifications/index.js.map +1 -1
- package/app-layout/notifications/styles.css.js +3 -2
- package/app-layout/notifications/styles.scoped.css +13 -5
- package/app-layout/notifications/styles.selectors.js +3 -2
- package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/app-layout/visual-refresh/notifications.js +6 -1
- package/app-layout/visual-refresh/notifications.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +60 -60
- package/app-layout/visual-refresh/styles.scoped.css +223 -223
- package/app-layout/visual-refresh/styles.selectors.js +60 -60
- package/flashbar/collapsible-flashbar.d.ts.map +1 -1
- package/flashbar/collapsible-flashbar.js +4 -4
- package/flashbar/collapsible-flashbar.js.map +1 -1
- package/flashbar/styles.css.js +45 -43
- package/flashbar/styles.scoped.css +337 -166
- package/flashbar/styles.selectors.js +45 -43
- package/internal/components/option/highlight-match.js +3 -3
- package/internal/components/option/highlight-match.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +30 -28
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/select/parts/item.js +1 -1
- package/select/parts/item.js.map +1 -1
- package/table/internal.js +1 -1
- package/table/internal.js.map +1 -1
|
@@ -90,54 +90,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.awsui_flash-with-
|
|
93
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93:not(#\9) {
|
|
94
94
|
opacity: 0;
|
|
95
95
|
transform: translateY(-20px);
|
|
96
96
|
}
|
|
97
97
|
@media (prefers-reduced-motion: reduce) {
|
|
98
|
-
.awsui_flash-with-
|
|
98
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93:not(#\9) {
|
|
99
99
|
animation: none;
|
|
100
100
|
transition: none;
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
103
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93:not(#\9) {
|
|
104
104
|
animation: none;
|
|
105
105
|
transition: none;
|
|
106
106
|
}
|
|
107
|
-
.awsui_flash-with-
|
|
108
|
-
.awsui_flash-with-
|
|
109
|
-
.awsui_flash-with-
|
|
110
|
-
.awsui_flash-with-
|
|
107
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9),
|
|
108
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9),
|
|
109
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9),
|
|
110
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9) {
|
|
111
111
|
opacity: 0;
|
|
112
112
|
transform: translateY(-8px);
|
|
113
113
|
}
|
|
114
114
|
@media (prefers-reduced-motion: reduce) {
|
|
115
|
-
.awsui_flash-with-
|
|
116
|
-
.awsui_flash-with-
|
|
117
|
-
.awsui_flash-with-
|
|
118
|
-
.awsui_flash-with-
|
|
115
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9),
|
|
116
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9),
|
|
117
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9),
|
|
118
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9) {
|
|
119
119
|
animation: none;
|
|
120
120
|
transition: none;
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
123
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9) {
|
|
124
124
|
animation: none;
|
|
125
125
|
transition: none;
|
|
126
126
|
}
|
|
127
|
-
.awsui_flash-with-
|
|
127
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9) {
|
|
128
128
|
opacity: 0;
|
|
129
129
|
}
|
|
130
130
|
@media (prefers-reduced-motion: reduce) {
|
|
131
|
-
.awsui_flash-with-
|
|
131
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9) {
|
|
132
132
|
animation: none;
|
|
133
133
|
transition: none;
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
136
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_enter_1q84n_1ka0f_93 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9) {
|
|
137
137
|
animation: none;
|
|
138
138
|
transition: none;
|
|
139
139
|
}
|
|
140
|
-
.awsui_flash-with-
|
|
140
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146:not(#\9) {
|
|
141
141
|
transition-property: transform, opacity;
|
|
142
142
|
transition-duration: var(--motion-duration-refresh-only-slow-6gdedh, 250ms);
|
|
143
143
|
transition-timing-function: var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
|
|
@@ -145,25 +145,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
145
145
|
transform: translateY(0);
|
|
146
146
|
}
|
|
147
147
|
@media (prefers-reduced-motion: reduce) {
|
|
148
|
-
.awsui_flash-with-
|
|
148
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146:not(#\9) {
|
|
149
149
|
animation: none;
|
|
150
150
|
transition: none;
|
|
151
151
|
}
|
|
152
152
|
}
|
|
153
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
153
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146:not(#\9) {
|
|
154
154
|
animation: none;
|
|
155
155
|
transition: none;
|
|
156
156
|
}
|
|
157
|
-
.awsui_flash-with-
|
|
158
|
-
.awsui_flash-with-
|
|
159
|
-
.awsui_flash-with-
|
|
160
|
-
.awsui_flash-with-
|
|
161
|
-
.awsui_flash-with-
|
|
162
|
-
.awsui_flash-with-
|
|
163
|
-
.awsui_flash-with-
|
|
164
|
-
.awsui_flash-with-
|
|
165
|
-
.awsui_flash-with-
|
|
166
|
-
.awsui_flash-with-
|
|
157
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9),
|
|
158
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9),
|
|
159
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9),
|
|
160
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9),
|
|
161
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9),
|
|
162
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9),
|
|
163
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9),
|
|
164
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9),
|
|
165
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9),
|
|
166
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9) {
|
|
167
167
|
opacity: 1;
|
|
168
168
|
transform: translateY(0);
|
|
169
169
|
transition-property: transform, opacity;
|
|
@@ -171,83 +171,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
171
171
|
transition-timing-function: var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
|
|
172
172
|
}
|
|
173
173
|
@media (prefers-reduced-motion: reduce) {
|
|
174
|
-
.awsui_flash-with-
|
|
175
|
-
.awsui_flash-with-
|
|
176
|
-
.awsui_flash-with-
|
|
177
|
-
.awsui_flash-with-
|
|
178
|
-
.awsui_flash-with-
|
|
179
|
-
.awsui_flash-with-
|
|
180
|
-
.awsui_flash-with-
|
|
181
|
-
.awsui_flash-with-
|
|
182
|
-
.awsui_flash-with-
|
|
183
|
-
.awsui_flash-with-
|
|
174
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9),
|
|
175
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9),
|
|
176
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9),
|
|
177
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9),
|
|
178
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9),
|
|
179
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9),
|
|
180
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9),
|
|
181
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9),
|
|
182
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9),
|
|
183
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9) {
|
|
184
184
|
animation: none;
|
|
185
185
|
transition: none;
|
|
186
186
|
}
|
|
187
187
|
}
|
|
188
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
188
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9) {
|
|
189
189
|
animation: none;
|
|
190
190
|
transition: none;
|
|
191
191
|
}
|
|
192
|
-
.awsui_flash-with-
|
|
192
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9), .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9) {
|
|
193
193
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-6gdedh, 250ms) - 50ms);
|
|
194
194
|
}
|
|
195
195
|
@media (prefers-reduced-motion: reduce) {
|
|
196
|
-
.awsui_flash-with-
|
|
196
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9), .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9) {
|
|
197
197
|
animation: none;
|
|
198
198
|
transition: none;
|
|
199
199
|
}
|
|
200
200
|
}
|
|
201
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
201
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-icon_1q84n_1ka0f_133:not(#\9) {
|
|
202
202
|
animation: none;
|
|
203
203
|
transition: none;
|
|
204
204
|
}
|
|
205
|
-
.awsui_flash-with-
|
|
205
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9), .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9) {
|
|
206
206
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-6gdedh, 250ms) + 10ms);
|
|
207
207
|
}
|
|
208
208
|
@media (prefers-reduced-motion: reduce) {
|
|
209
|
-
.awsui_flash-with-
|
|
209
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9), .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9) {
|
|
210
210
|
animation: none;
|
|
211
211
|
transition: none;
|
|
212
212
|
}
|
|
213
213
|
}
|
|
214
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
214
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-header_1q84n_1ka0f_107:not(#\9) {
|
|
215
215
|
animation: none;
|
|
216
216
|
transition: none;
|
|
217
217
|
}
|
|
218
|
-
.awsui_flash-with-
|
|
218
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9), .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9) {
|
|
219
219
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-6gdedh, 250ms) + 10ms);
|
|
220
220
|
}
|
|
221
221
|
@media (prefers-reduced-motion: reduce) {
|
|
222
|
-
.awsui_flash-with-
|
|
222
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9), .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9) {
|
|
223
223
|
animation: none;
|
|
224
224
|
transition: none;
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
227
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_flash-message_1q84n_1ka0f_107 > .awsui_flash-content_1q84n_1ka0f_108:not(#\9) {
|
|
228
228
|
animation: none;
|
|
229
229
|
transition: none;
|
|
230
230
|
}
|
|
231
|
-
.awsui_flash-with-
|
|
232
|
-
.awsui_flash-with-
|
|
233
|
-
.awsui_flash-with-
|
|
234
|
-
.awsui_flash-with-
|
|
231
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9),
|
|
232
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9),
|
|
233
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9),
|
|
234
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9) {
|
|
235
235
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-6gdedh, 250ms) * 2 - 100ms);
|
|
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-
|
|
238
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9),
|
|
239
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9),
|
|
240
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9),
|
|
241
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9) {
|
|
242
242
|
animation: none;
|
|
243
243
|
transition: none;
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
246
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entering_1q84n_1ka0f_146 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_entered_1q84n_1ka0f_167 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9) {
|
|
247
247
|
animation: none;
|
|
248
248
|
transition: none;
|
|
249
249
|
}
|
|
250
|
-
.awsui_flash-with-
|
|
250
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_exiting_1q84n_1ka0f_272:not(#\9) {
|
|
251
251
|
opacity: 0;
|
|
252
252
|
transform: translateY(-20px);
|
|
253
253
|
transition-property: transform, opacity;
|
|
@@ -255,12 +255,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
255
255
|
transition-timing-function: var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
|
|
256
256
|
}
|
|
257
257
|
@media (prefers-reduced-motion: reduce) {
|
|
258
|
-
.awsui_flash-with-
|
|
258
|
+
.awsui_flash-with-motion_1q84n_1ka0f_93.awsui_exiting_1q84n_1ka0f_272:not(#\9) {
|
|
259
259
|
animation: none;
|
|
260
260
|
transition: none;
|
|
261
261
|
}
|
|
262
262
|
}
|
|
263
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
263
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_exiting_1q84n_1ka0f_272:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_1ka0f_93.awsui_exiting_1q84n_1ka0f_272:not(#\9) {
|
|
264
264
|
animation: none;
|
|
265
265
|
transition: none;
|
|
266
266
|
}
|
|
@@ -269,26 +269,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
269
269
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
270
270
|
SPDX-License-Identifier: Apache-2.0
|
|
271
271
|
*/
|
|
272
|
-
.
|
|
273
|
-
.
|
|
274
|
-
.
|
|
272
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_animation-running_1q84n_1ka0f_294 > .awsui_item_1q84n_1ka0f_294:not(#\9),
|
|
273
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_animation-running_1q84n_1ka0f_294 > .awsui_flash-list-item_1q84n_1ka0f_295:not(#\9),
|
|
274
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_animation-running_1q84n_1ka0f_294.awsui_notification-bar_1q84n_1ka0f_296:not(#\9) {
|
|
275
275
|
transition-timing-function: var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
|
|
276
276
|
transition-duration: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
277
277
|
}
|
|
278
278
|
@media (prefers-reduced-motion: reduce) {
|
|
279
|
-
.
|
|
280
|
-
.
|
|
281
|
-
.
|
|
279
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_animation-running_1q84n_1ka0f_294 > .awsui_item_1q84n_1ka0f_294:not(#\9),
|
|
280
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_animation-running_1q84n_1ka0f_294 > .awsui_flash-list-item_1q84n_1ka0f_295:not(#\9),
|
|
281
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_animation-running_1q84n_1ka0f_294.awsui_notification-bar_1q84n_1ka0f_296:not(#\9) {
|
|
282
282
|
animation: none;
|
|
283
283
|
transition: none;
|
|
284
284
|
}
|
|
285
285
|
}
|
|
286
|
-
.awsui-motion-disabled .
|
|
286
|
+
.awsui-motion-disabled .awsui_stack_1q84n_1ka0f_294 > .awsui_animation-running_1q84n_1ka0f_294 > .awsui_item_1q84n_1ka0f_294:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1ka0f_294 > .awsui_animation-running_1q84n_1ka0f_294 > .awsui_item_1q84n_1ka0f_294:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1ka0f_294 > .awsui_animation-running_1q84n_1ka0f_294 > .awsui_flash-list-item_1q84n_1ka0f_295:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1ka0f_294 > .awsui_animation-running_1q84n_1ka0f_294 > .awsui_flash-list-item_1q84n_1ka0f_295:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_1ka0f_294 > .awsui_animation-running_1q84n_1ka0f_294.awsui_notification-bar_1q84n_1ka0f_296:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1ka0f_294 > .awsui_animation-running_1q84n_1ka0f_294.awsui_notification-bar_1q84n_1ka0f_296:not(#\9) {
|
|
287
287
|
animation: none;
|
|
288
288
|
transition: none;
|
|
289
289
|
}
|
|
290
|
-
.
|
|
291
|
-
.
|
|
290
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_collapsed_1q84n_1ka0f_316.awsui_animation-ready_1q84n_1ka0f_316 > .awsui_expanded-only_1q84n_1ka0f_316:not(#\9),
|
|
291
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_collapsed_1q84n_1ka0f_316.awsui_animation-running_1q84n_1ka0f_294 > .awsui_expanded-only_1q84n_1ka0f_316:not(#\9) {
|
|
292
292
|
display: none;
|
|
293
293
|
}
|
|
294
294
|
|
|
@@ -296,12 +296,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
296
296
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
297
297
|
SPDX-License-Identifier: Apache-2.0
|
|
298
298
|
*/
|
|
299
|
-
.
|
|
299
|
+
.awsui_stack_1q84n_1ka0f_294:not(#\9) {
|
|
300
300
|
display: grid;
|
|
301
301
|
grid-template-columns: 30px 1fr 30px;
|
|
302
302
|
}
|
|
303
303
|
|
|
304
|
-
.
|
|
304
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_expanded_1q84n_1ka0f_316:not(#\9) {
|
|
305
305
|
grid-column: 1/4;
|
|
306
306
|
}
|
|
307
307
|
|
|
@@ -315,21 +315,21 @@ the grid layout will be:
|
|
|
315
315
|
[10px] [item 2 start] [10px] [fractional unit] [10px] [item 2 end] [10px]
|
|
316
316
|
[10px] [10px] [item 3 start] [fractional unit] [item 3 end] [10px] [10px]
|
|
317
317
|
*/
|
|
318
|
-
.
|
|
318
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_collapsed_1q84n_1ka0f_316:not(#\9) {
|
|
319
319
|
display: grid;
|
|
320
320
|
grid-column: 1/4;
|
|
321
|
-
grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-
|
|
321
|
+
grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-lgrg0d), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-lgrg0d), 10px);
|
|
322
322
|
row-gap: 8px;
|
|
323
323
|
z-index: 0;
|
|
324
324
|
}
|
|
325
|
-
.
|
|
326
|
-
grid-column-start: calc(var(--awsui-flashbar-stack-index-
|
|
327
|
-
grid-column-end: calc(var(--awsui-flashbar-stack-depth-
|
|
325
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_collapsed_1q84n_1ka0f_316 > .awsui_item_1q84n_1ka0f_294:not(#\9) {
|
|
326
|
+
grid-column-start: calc(var(--awsui-flashbar-stack-index-lgrg0d) + 1);
|
|
327
|
+
grid-column-end: calc(var(--awsui-flashbar-stack-depth-lgrg0d) * 2 + 1 - var(--awsui-flashbar-stack-index-lgrg0d) + 1);
|
|
328
328
|
grid-row-start: 1;
|
|
329
|
-
grid-row-end: calc(var(--awsui-flashbar-stack-index-
|
|
330
|
-
z-index: calc(var(--awsui-flashbar-stack-depth-
|
|
329
|
+
grid-row-end: calc(var(--awsui-flashbar-stack-index-lgrg0d) + 2);
|
|
330
|
+
z-index: calc(var(--awsui-flashbar-stack-depth-lgrg0d) - var(--awsui-flashbar-stack-index-lgrg0d));
|
|
331
331
|
}
|
|
332
|
-
.
|
|
332
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_collapsed_1q84n_1ka0f_316 > .awsui_item_1q84n_1ka0f_294:not(#\9):not(:first-of-type) {
|
|
333
333
|
align-self: end;
|
|
334
334
|
/* Give placeholder elements in the stacked state the height of a notification
|
|
335
335
|
with one single line of text.
|
|
@@ -341,17 +341,214 @@ the grid layout will be:
|
|
|
341
341
|
) * 2
|
|
342
342
|
);
|
|
343
343
|
}
|
|
344
|
-
.
|
|
345
|
-
.
|
|
344
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_collapsed_1q84n_1ka0f_316 > .awsui_item_1q84n_1ka0f_294:not(#\9):not(:last-child) > .awsui_flash_1q84n_1ka0f_93::before,
|
|
345
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_collapsed_1q84n_1ka0f_316 > .awsui_item_1q84n_1ka0f_294.awsui_flash_1q84n_1ka0f_93:not(#\9)::before {
|
|
346
346
|
box-shadow: var(--shadow-flash-collapsed-d4s4kz, 0px 4px 4px rgba(0, 0, 0, 0.25));
|
|
347
347
|
}
|
|
348
348
|
|
|
349
|
-
.
|
|
349
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_expanded_1q84n_1ka0f_316.awsui_animation-running_1q84n_1ka0f_294 > .awsui_flash-list-item_1q84n_1ka0f_295:not(#\9) {
|
|
350
350
|
position: relative;
|
|
351
|
-
z-index: calc(var(--awsui-flashbar-stack-depth-
|
|
351
|
+
z-index: calc(var(--awsui-flashbar-stack-depth-lgrg0d) - var(--awsui-flashbar-stack-index-lgrg0d));
|
|
352
352
|
}
|
|
353
353
|
|
|
354
|
-
.
|
|
354
|
+
.awsui_stack_1q84n_1ka0f_294.awsui_collapsible_1q84n_1ka0f_380:not(#\9):not(.awsui_expanded_1q84n_1ka0f_316) {
|
|
355
|
+
/*
|
|
356
|
+
Since the notification bar is anchored to the bottom of the Flashbar, we need to push it up to account for the
|
|
357
|
+
missing third item when there are only 2 items in the stack.
|
|
358
|
+
*/
|
|
359
|
+
}
|
|
360
|
+
.awsui_stack_1q84n_1ka0f_294.awsui_collapsible_1q84n_1ka0f_380:not(#\9):not(.awsui_expanded_1q84n_1ka0f_316):not(.awsui_short-list_1q84n_1ka0f_386):not(.awsui_visual-refresh_1q84n_1ka0f_386) {
|
|
361
|
+
/*
|
|
362
|
+
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
363
|
+
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
364
|
+
$stackedNotificationsBottomMargin will be set at the App Layout level so that this distance is increased to prevent the
|
|
365
|
+
main area from touching the notifications area.
|
|
366
|
+
*/
|
|
367
|
+
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
368
|
+
is the full height of the notification bar */
|
|
369
|
+
--awsui-stacked-notifications-default-bottom-margin-lgrg0d: calc(
|
|
370
|
+
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * var(--space-scaled-xxs-95dhkm, 4px) + 2 * 1px - calc(var(--space-scaled-xl-w2t504, 24px) + 3px)
|
|
371
|
+
);
|
|
372
|
+
margin-bottom: calc(
|
|
373
|
+
var(
|
|
374
|
+
--awsui-stacked-notifications-bottom-margin-lgrg0d,
|
|
375
|
+
var(--awsui-stacked-notifications-default-bottom-margin-lgrg0d)
|
|
376
|
+
) + 0px + 0px
|
|
377
|
+
);
|
|
378
|
+
}
|
|
379
|
+
.awsui_stack_1q84n_1ka0f_294.awsui_collapsible_1q84n_1ka0f_380:not(#\9):not(.awsui_expanded_1q84n_1ka0f_316):not(.awsui_short-list_1q84n_1ka0f_386):not(.awsui_visual-refresh_1q84n_1ka0f_386) > .awsui_notification-bar_1q84n_1ka0f_296 {
|
|
380
|
+
margin-top: calc(-1 * calc(var(--space-scaled-xl-w2t504, 24px) + 3px) + 0px);
|
|
381
|
+
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
382
|
+
is the full height of the notification bar */
|
|
383
|
+
/* stylelint-disable scss/operator-no-newline-after */
|
|
384
|
+
margin-bottom: calc(
|
|
385
|
+
calc(var(--space-scaled-xl-w2t504, 24px) + 3px) - var(--font-body-m-line-height-i7xxvv, 22px) - 2 * var(--space-scaled-xxs-95dhkm, 4px) - 2 * 1px -
|
|
386
|
+
0px
|
|
387
|
+
);
|
|
388
|
+
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
389
|
+
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
390
|
+
}
|
|
391
|
+
.awsui_stack_1q84n_1ka0f_294.awsui_collapsible_1q84n_1ka0f_380:not(#\9):not(.awsui_expanded_1q84n_1ka0f_316):not(.awsui_short-list_1q84n_1ka0f_386).awsui_visual-refresh_1q84n_1ka0f_386 {
|
|
392
|
+
/*
|
|
393
|
+
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
394
|
+
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
395
|
+
$stackedNotificationsBottomMargin will be set at the App Layout level so that this distance is increased to prevent the
|
|
396
|
+
main area from touching the notifications area.
|
|
397
|
+
*/
|
|
398
|
+
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
399
|
+
is the full height of the notification bar */
|
|
400
|
+
--awsui-stacked-notifications-default-bottom-margin-lgrg0d: calc(
|
|
401
|
+
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * var(--space-scaled-xxs-95dhkm, 4px) + 2 * 2px - calc(var(--space-scaled-xl-w2t504, 24px) + 3px)
|
|
402
|
+
);
|
|
403
|
+
margin-bottom: calc(
|
|
404
|
+
var(
|
|
405
|
+
--awsui-stacked-notifications-bottom-margin-lgrg0d,
|
|
406
|
+
var(--awsui-stacked-notifications-default-bottom-margin-lgrg0d)
|
|
407
|
+
) + 0px + 0px
|
|
408
|
+
);
|
|
409
|
+
}
|
|
410
|
+
.awsui_stack_1q84n_1ka0f_294.awsui_collapsible_1q84n_1ka0f_380:not(#\9):not(.awsui_expanded_1q84n_1ka0f_316):not(.awsui_short-list_1q84n_1ka0f_386).awsui_visual-refresh_1q84n_1ka0f_386 > .awsui_notification-bar_1q84n_1ka0f_296 {
|
|
411
|
+
margin-top: calc(-1 * calc(var(--space-scaled-xl-w2t504, 24px) + 3px) + 0px);
|
|
412
|
+
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
413
|
+
is the full height of the notification bar */
|
|
414
|
+
/* stylelint-disable scss/operator-no-newline-after */
|
|
415
|
+
margin-bottom: calc(
|
|
416
|
+
calc(var(--space-scaled-xl-w2t504, 24px) + 3px) - var(--font-body-m-line-height-i7xxvv, 22px) - 2 * var(--space-scaled-xxs-95dhkm, 4px) - 2 * 2px -
|
|
417
|
+
0px
|
|
418
|
+
);
|
|
419
|
+
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
420
|
+
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
421
|
+
}
|
|
422
|
+
.awsui_stack_1q84n_1ka0f_294.awsui_collapsible_1q84n_1ka0f_380:not(#\9):not(.awsui_expanded_1q84n_1ka0f_316).awsui_short-list_1q84n_1ka0f_386:not(.awsui_visual-refresh_1q84n_1ka0f_386) {
|
|
423
|
+
/*
|
|
424
|
+
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
425
|
+
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
426
|
+
$stackedNotificationsBottomMargin will be set at the App Layout level so that this distance is increased to prevent the
|
|
427
|
+
main area from touching the notifications area.
|
|
428
|
+
*/
|
|
429
|
+
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
430
|
+
is the full height of the notification bar */
|
|
431
|
+
--awsui-stacked-notifications-default-bottom-margin-lgrg0d: calc(
|
|
432
|
+
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * var(--space-scaled-xxs-95dhkm, 4px) + 2 * 1px - calc(var(--space-scaled-xl-w2t504, 24px) + 3px)
|
|
433
|
+
);
|
|
434
|
+
margin-bottom: calc(
|
|
435
|
+
var(
|
|
436
|
+
--awsui-stacked-notifications-bottom-margin-lgrg0d,
|
|
437
|
+
var(--awsui-stacked-notifications-default-bottom-margin-lgrg0d)
|
|
438
|
+
) + 0px + 8px
|
|
439
|
+
);
|
|
440
|
+
}
|
|
441
|
+
.awsui_stack_1q84n_1ka0f_294.awsui_collapsible_1q84n_1ka0f_380:not(#\9):not(.awsui_expanded_1q84n_1ka0f_316).awsui_short-list_1q84n_1ka0f_386:not(.awsui_visual-refresh_1q84n_1ka0f_386) > .awsui_notification-bar_1q84n_1ka0f_296 {
|
|
442
|
+
margin-top: calc(-1 * calc(var(--space-scaled-xl-w2t504, 24px) + 3px) + 8px);
|
|
443
|
+
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
444
|
+
is the full height of the notification bar */
|
|
445
|
+
/* stylelint-disable scss/operator-no-newline-after */
|
|
446
|
+
margin-bottom: calc(
|
|
447
|
+
calc(var(--space-scaled-xl-w2t504, 24px) + 3px) - var(--font-body-m-line-height-i7xxvv, 22px) - 2 * var(--space-scaled-xxs-95dhkm, 4px) - 2 * 1px -
|
|
448
|
+
8px
|
|
449
|
+
);
|
|
450
|
+
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
451
|
+
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
452
|
+
}
|
|
453
|
+
.awsui_stack_1q84n_1ka0f_294.awsui_collapsible_1q84n_1ka0f_380:not(#\9):not(.awsui_expanded_1q84n_1ka0f_316).awsui_short-list_1q84n_1ka0f_386.awsui_visual-refresh_1q84n_1ka0f_386 {
|
|
454
|
+
/*
|
|
455
|
+
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
456
|
+
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
457
|
+
$stackedNotificationsBottomMargin will be set at the App Layout level so that this distance is increased to prevent the
|
|
458
|
+
main area from touching the notifications area.
|
|
459
|
+
*/
|
|
460
|
+
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
461
|
+
is the full height of the notification bar */
|
|
462
|
+
--awsui-stacked-notifications-default-bottom-margin-lgrg0d: calc(
|
|
463
|
+
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * var(--space-scaled-xxs-95dhkm, 4px) + 2 * 2px - calc(var(--space-scaled-xl-w2t504, 24px) + 3px)
|
|
464
|
+
);
|
|
465
|
+
margin-bottom: calc(
|
|
466
|
+
var(
|
|
467
|
+
--awsui-stacked-notifications-bottom-margin-lgrg0d,
|
|
468
|
+
var(--awsui-stacked-notifications-default-bottom-margin-lgrg0d)
|
|
469
|
+
) + 0px + 8px
|
|
470
|
+
);
|
|
471
|
+
}
|
|
472
|
+
.awsui_stack_1q84n_1ka0f_294.awsui_collapsible_1q84n_1ka0f_380:not(#\9):not(.awsui_expanded_1q84n_1ka0f_316).awsui_short-list_1q84n_1ka0f_386.awsui_visual-refresh_1q84n_1ka0f_386 > .awsui_notification-bar_1q84n_1ka0f_296 {
|
|
473
|
+
margin-top: calc(-1 * calc(var(--space-scaled-xl-w2t504, 24px) + 3px) + 8px);
|
|
474
|
+
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
475
|
+
is the full height of the notification bar */
|
|
476
|
+
/* stylelint-disable scss/operator-no-newline-after */
|
|
477
|
+
margin-bottom: calc(
|
|
478
|
+
calc(var(--space-scaled-xl-w2t504, 24px) + 3px) - var(--font-body-m-line-height-i7xxvv, 22px) - 2 * var(--space-scaled-xxs-95dhkm, 4px) - 2 * 2px -
|
|
479
|
+
8px
|
|
480
|
+
);
|
|
481
|
+
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
482
|
+
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
483
|
+
}
|
|
484
|
+
.awsui_stack_1q84n_1ka0f_294.awsui_collapsible_1q84n_1ka0f_380.awsui_expanded_1q84n_1ka0f_316:not(#\9):not(.awsui_visual-refresh_1q84n_1ka0f_386) {
|
|
485
|
+
/*
|
|
486
|
+
Give a bit more bottom margin when expanded, but only in Classic because in Visual Refresh the margin around the
|
|
487
|
+
notifications slot already gives it enough space.
|
|
488
|
+
*/
|
|
489
|
+
/*
|
|
490
|
+
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
491
|
+
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
492
|
+
$stackedNotificationsBottomMargin will be set at the App Layout level so that this distance is increased to prevent the
|
|
493
|
+
main area from touching the notifications area.
|
|
494
|
+
*/
|
|
495
|
+
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
496
|
+
is the full height of the notification bar */
|
|
497
|
+
--awsui-stacked-notifications-default-bottom-margin-lgrg0d: calc(
|
|
498
|
+
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * var(--space-scaled-xxs-95dhkm, 4px) + 2 * 1px - var(--space-scaled-s-cu1hzn, 12px)
|
|
499
|
+
);
|
|
500
|
+
margin-bottom: calc(
|
|
501
|
+
var(
|
|
502
|
+
--awsui-stacked-notifications-bottom-margin-lgrg0d,
|
|
503
|
+
var(--awsui-stacked-notifications-default-bottom-margin-lgrg0d)
|
|
504
|
+
) + var(--space-scaled-m-pv0fmt, 16px) + 0px
|
|
505
|
+
);
|
|
506
|
+
}
|
|
507
|
+
.awsui_stack_1q84n_1ka0f_294.awsui_collapsible_1q84n_1ka0f_380.awsui_expanded_1q84n_1ka0f_316:not(#\9):not(.awsui_visual-refresh_1q84n_1ka0f_386) > .awsui_notification-bar_1q84n_1ka0f_296 {
|
|
508
|
+
margin-top: calc(-1 * var(--space-scaled-s-cu1hzn, 12px) + 0px);
|
|
509
|
+
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
510
|
+
is the full height of the notification bar */
|
|
511
|
+
/* stylelint-disable scss/operator-no-newline-after */
|
|
512
|
+
margin-bottom: calc(
|
|
513
|
+
var(--space-scaled-s-cu1hzn, 12px) - var(--font-body-m-line-height-i7xxvv, 22px) - 2 * var(--space-scaled-xxs-95dhkm, 4px) - 2 * 1px -
|
|
514
|
+
0px
|
|
515
|
+
);
|
|
516
|
+
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
517
|
+
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
518
|
+
}
|
|
519
|
+
.awsui_stack_1q84n_1ka0f_294.awsui_collapsible_1q84n_1ka0f_380.awsui_expanded_1q84n_1ka0f_316.awsui_visual-refresh_1q84n_1ka0f_386:not(#\9) {
|
|
520
|
+
/*
|
|
521
|
+
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
522
|
+
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
523
|
+
$stackedNotificationsBottomMargin will be set at the App Layout level so that this distance is increased to prevent the
|
|
524
|
+
main area from touching the notifications area.
|
|
525
|
+
*/
|
|
526
|
+
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
527
|
+
is the full height of the notification bar */
|
|
528
|
+
--awsui-stacked-notifications-default-bottom-margin-lgrg0d: calc(
|
|
529
|
+
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * var(--space-scaled-xxs-95dhkm, 4px) + 2 * 2px - var(--space-scaled-s-cu1hzn, 12px)
|
|
530
|
+
);
|
|
531
|
+
margin-bottom: calc(
|
|
532
|
+
var(
|
|
533
|
+
--awsui-stacked-notifications-bottom-margin-lgrg0d,
|
|
534
|
+
var(--awsui-stacked-notifications-default-bottom-margin-lgrg0d)
|
|
535
|
+
) + 0px + 0px
|
|
536
|
+
);
|
|
537
|
+
}
|
|
538
|
+
.awsui_stack_1q84n_1ka0f_294.awsui_collapsible_1q84n_1ka0f_380.awsui_expanded_1q84n_1ka0f_316.awsui_visual-refresh_1q84n_1ka0f_386 > .awsui_notification-bar_1q84n_1ka0f_296:not(#\9) {
|
|
539
|
+
margin-top: calc(-1 * var(--space-scaled-s-cu1hzn, 12px) + 0px);
|
|
540
|
+
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
541
|
+
is the full height of the notification bar */
|
|
542
|
+
/* stylelint-disable scss/operator-no-newline-after */
|
|
543
|
+
margin-bottom: calc(
|
|
544
|
+
var(--space-scaled-s-cu1hzn, 12px) - var(--font-body-m-line-height-i7xxvv, 22px) - 2 * var(--space-scaled-xxs-95dhkm, 4px) - 2 * 2px -
|
|
545
|
+
0px
|
|
546
|
+
);
|
|
547
|
+
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
548
|
+
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
549
|
+
}
|
|
550
|
+
|
|
551
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296:not(#\9) {
|
|
355
552
|
min-width: 0;
|
|
356
553
|
-ms-word-break: break-all;
|
|
357
554
|
word-break: break-word;
|
|
@@ -377,9 +574,9 @@ the grid layout will be:
|
|
|
377
574
|
text-decoration: none;
|
|
378
575
|
z-index: 1;
|
|
379
576
|
}
|
|
380
|
-
.
|
|
381
|
-
.
|
|
382
|
-
.
|
|
577
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_status_1q84n_1ka0f_603 > .awsui_header_1q84n_1ka0f_603:not(#\9),
|
|
578
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_status_1q84n_1ka0f_603 > .awsui_item-count_1q84n_1ka0f_604:not(#\9),
|
|
579
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_button_1q84n_1ka0f_605:not(#\9) {
|
|
383
580
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
384
581
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
385
582
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
@@ -394,7 +591,7 @@ the grid layout will be:
|
|
|
394
591
|
padding-top: 0;
|
|
395
592
|
padding-bottom: 0;
|
|
396
593
|
}
|
|
397
|
-
.
|
|
594
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_status_1q84n_1ka0f_603:not(#\9) {
|
|
398
595
|
display: flex;
|
|
399
596
|
flex-direction: row;
|
|
400
597
|
flex-wrap: wrap;
|
|
@@ -402,11 +599,11 @@ the grid layout will be:
|
|
|
402
599
|
justify-content: center;
|
|
403
600
|
row-gap: 0;
|
|
404
601
|
}
|
|
405
|
-
.
|
|
602
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_status_1q84n_1ka0f_603 > .awsui_header_1q84n_1ka0f_603:not(#\9) {
|
|
406
603
|
font-weight: var(--font-button-weight-7rj5fx, 800);
|
|
407
604
|
display: inline-block;
|
|
408
605
|
}
|
|
409
|
-
.
|
|
606
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_status_1q84n_1ka0f_603 > .awsui_item-count_1q84n_1ka0f_604:not(#\9) {
|
|
410
607
|
column-gap: var(--space-s-hv8c1d, 12px);
|
|
411
608
|
display: flex;
|
|
412
609
|
flex-direction: row;
|
|
@@ -414,93 +611,67 @@ the grid layout will be:
|
|
|
414
611
|
justify-content: center;
|
|
415
612
|
row-gap: 0;
|
|
416
613
|
}
|
|
417
|
-
.
|
|
614
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_status_1q84n_1ka0f_603 > .awsui_item-count_1q84n_1ka0f_604 > .awsui_type-count_1q84n_1ka0f_640 > .awsui_count-number_1q84n_1ka0f_640:not(#\9) {
|
|
418
615
|
margin-left: var(--space-xxs-ynfts5, 4px);
|
|
419
616
|
}
|
|
420
|
-
.
|
|
617
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296:not(#\9):hover {
|
|
421
618
|
background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
422
619
|
border-color: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
423
620
|
}
|
|
424
|
-
.
|
|
621
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296:not(#\9):active {
|
|
425
622
|
background: var(--color-background-layout-toggle-active-d15dki, #354150);
|
|
426
623
|
}
|
|
427
|
-
.
|
|
428
|
-
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
429
|
-
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
624
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296.awsui_visual-refresh_1q84n_1ka0f_386:not(#\9) {
|
|
430
625
|
border-width: 2px;
|
|
431
626
|
padding-left: var(--space-l-4vl6xu, 20px);
|
|
432
627
|
padding-right: var(--space-l-4vl6xu, 20px);
|
|
433
628
|
}
|
|
434
|
-
.
|
|
435
|
-
margin-top: -27px;
|
|
436
|
-
margin-bottom: calc(
|
|
437
|
-
27px - (var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 2px))
|
|
438
|
-
);
|
|
439
|
-
}
|
|
440
|
-
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296.awsui_visual-refresh_1q84n_kitwl_453.awsui_expanded_1q84n_kitwl_316:not(#\9) {
|
|
441
|
-
margin-top: -12px;
|
|
442
|
-
margin-bottom: calc(
|
|
443
|
-
12px - (var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 2px))
|
|
444
|
-
);
|
|
445
|
-
}
|
|
446
|
-
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296:not(#\9):not(.awsui_visual-refresh_1q84n_kitwl_453) {
|
|
447
|
-
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
448
|
-
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
629
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296:not(#\9):not(.awsui_visual-refresh_1q84n_1ka0f_386) {
|
|
449
630
|
border-width: 1px;
|
|
450
631
|
padding-left: var(--space-s-hv8c1d, 12px);
|
|
451
632
|
padding-right: var(--space-s-hv8c1d, 12px);
|
|
452
633
|
}
|
|
453
|
-
.
|
|
454
|
-
margin-top: -24px;
|
|
455
|
-
margin-bottom: calc(
|
|
456
|
-
24px - (var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px))
|
|
457
|
-
);
|
|
458
|
-
}
|
|
459
|
-
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296:not(#\9):not(.awsui_visual-refresh_1q84n_kitwl_453).awsui_expanded_1q84n_kitwl_316 {
|
|
460
|
-
margin-top: -12px;
|
|
461
|
-
margin-bottom: calc(
|
|
462
|
-
12px - (var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px))
|
|
463
|
-
);
|
|
464
|
-
}
|
|
465
|
-
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296:not(#\9):not(.awsui_visual-refresh_1q84n_kitwl_453):focus {
|
|
634
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296:not(#\9):not(.awsui_visual-refresh_1q84n_1ka0f_386):focus {
|
|
466
635
|
text-decoration: none;
|
|
467
636
|
}
|
|
468
|
-
.
|
|
637
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296:not(#\9):not(.awsui_visual-refresh_1q84n_1ka0f_386):hover {
|
|
469
638
|
text-decoration: none;
|
|
470
639
|
}
|
|
471
|
-
.
|
|
640
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_button_1q84n_1ka0f_605:not(#\9) {
|
|
472
641
|
display: inline-block;
|
|
473
642
|
flex-grow: 1;
|
|
474
643
|
background: none;
|
|
475
644
|
border: 0 none;
|
|
645
|
+
padding-top: 0;
|
|
646
|
+
padding-bottom: 0;
|
|
476
647
|
}
|
|
477
|
-
.
|
|
648
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_button_1q84n_1ka0f_605 > .awsui_icon_1q84n_1ka0f_674:not(#\9) {
|
|
478
649
|
transition: transform var(--motion-duration-rotate-90-ux18sr, 135ms) var(--motion-easing-rotate-90-eoew89, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
479
650
|
}
|
|
480
651
|
@media (prefers-reduced-motion: reduce) {
|
|
481
|
-
.
|
|
652
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_button_1q84n_1ka0f_605 > .awsui_icon_1q84n_1ka0f_674:not(#\9) {
|
|
482
653
|
animation: none;
|
|
483
654
|
transition: none;
|
|
484
655
|
}
|
|
485
656
|
}
|
|
486
|
-
.awsui-motion-disabled .
|
|
657
|
+
.awsui-motion-disabled .awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_button_1q84n_1ka0f_605 > .awsui_icon_1q84n_1ka0f_674:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_button_1q84n_1ka0f_605 > .awsui_icon_1q84n_1ka0f_674:not(#\9) {
|
|
487
658
|
animation: none;
|
|
488
659
|
transition: none;
|
|
489
660
|
}
|
|
490
|
-
.
|
|
661
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_button_1q84n_1ka0f_605.awsui_expanded_1q84n_1ka0f_316 > .awsui_icon_1q84n_1ka0f_674:not(#\9) {
|
|
491
662
|
transform: rotate(180deg);
|
|
492
663
|
}
|
|
493
|
-
.
|
|
664
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_button_1q84n_1ka0f_605:not(#\9):focus {
|
|
494
665
|
outline: none;
|
|
495
666
|
}
|
|
496
|
-
.
|
|
667
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_button_1q84n_1ka0f_605[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
497
668
|
position: relative;
|
|
498
669
|
}
|
|
499
|
-
.
|
|
670
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_button_1q84n_1ka0f_605[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
500
671
|
outline: 2px dotted transparent;
|
|
501
672
|
outline-offset: calc(0px - 1px);
|
|
502
673
|
}
|
|
503
|
-
.
|
|
674
|
+
.awsui_stack_1q84n_1ka0f_294 > .awsui_notification-bar_1q84n_1ka0f_296 > .awsui_button_1q84n_1ka0f_605[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
504
675
|
content: " ";
|
|
505
676
|
display: block;
|
|
506
677
|
position: absolute;
|
|
@@ -512,24 +683,24 @@ the grid layout will be:
|
|
|
512
683
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
513
684
|
}
|
|
514
685
|
|
|
515
|
-
.
|
|
516
|
-
padding-bottom: var(--awsui-flashbar-sticky-bottom-margin-
|
|
686
|
+
.awsui_stack_1q84n_1ka0f_294.awsui_expanded_1q84n_1ka0f_316:not(#\9):not(.awsui_floating_1q84n_1ka0f_712) {
|
|
687
|
+
padding-bottom: var(--awsui-flashbar-sticky-bottom-margin-lgrg0d, 0);
|
|
517
688
|
}
|
|
518
689
|
|
|
519
690
|
/*
|
|
520
691
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
521
692
|
SPDX-License-Identifier: Apache-2.0
|
|
522
693
|
*/
|
|
523
|
-
.
|
|
694
|
+
.awsui_flashbar_1q84n_1ka0f_720:not(#\9) {
|
|
524
695
|
position: relative;
|
|
525
696
|
/* stylelint-disable-next-line selector-max-type */
|
|
526
697
|
}
|
|
527
|
-
.
|
|
698
|
+
.awsui_flashbar_1q84n_1ka0f_720 > li + li:not(#\9) {
|
|
528
699
|
padding-top: 0;
|
|
529
700
|
}
|
|
530
701
|
|
|
531
|
-
.
|
|
532
|
-
.
|
|
702
|
+
.awsui_flashbar_1q84n_1ka0f_720:not(#\9),
|
|
703
|
+
.awsui_flash_1q84n_1ka0f_93:not(#\9) {
|
|
533
704
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
534
705
|
border-collapse: separate;
|
|
535
706
|
border-spacing: 0;
|
|
@@ -568,7 +739,7 @@ the grid layout will be:
|
|
|
568
739
|
-moz-osx-font-smoothing: auto;
|
|
569
740
|
}
|
|
570
741
|
|
|
571
|
-
.
|
|
742
|
+
.awsui_flash_1q84n_1ka0f_93:not(#\9) {
|
|
572
743
|
position: relative;
|
|
573
744
|
display: flex;
|
|
574
745
|
justify-content: flex-start;
|
|
@@ -579,7 +750,7 @@ the grid layout will be:
|
|
|
579
750
|
overflow-wrap: break-word;
|
|
580
751
|
word-wrap: break-word;
|
|
581
752
|
}
|
|
582
|
-
.
|
|
753
|
+
.awsui_flash_1q84n_1ka0f_93:not(#\9)::before {
|
|
583
754
|
content: "";
|
|
584
755
|
position: absolute;
|
|
585
756
|
left: 0px;
|
|
@@ -592,41 +763,41 @@ the grid layout will be:
|
|
|
592
763
|
border-radius: var(--border-radius-flashbar-i7jm55, 12px);
|
|
593
764
|
box-shadow: var(--shadow-flash-sticky-xplpiu, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
594
765
|
}
|
|
595
|
-
.awsui_flash-
|
|
766
|
+
.awsui_flash-refresh_1q84n_1ka0f_766:not(#\9)::before {
|
|
596
767
|
z-index: -1;
|
|
597
768
|
}
|
|
598
769
|
|
|
599
|
-
.awsui_flash-
|
|
770
|
+
.awsui_flash-list_1q84n_1ka0f_295:not(#\9) {
|
|
600
771
|
list-style: none;
|
|
601
772
|
padding: 0;
|
|
602
773
|
margin: 0;
|
|
603
774
|
}
|
|
604
|
-
.awsui_flash-
|
|
775
|
+
.awsui_flash-list_1q84n_1ka0f_295:not(#\9):not(.awsui_collapsed_1q84n_1ka0f_316) > li:not(:last-child) {
|
|
605
776
|
margin-bottom: var(--space-xxxs-k2w98v, 2px);
|
|
606
777
|
}
|
|
607
778
|
|
|
608
|
-
.awsui_flash-
|
|
779
|
+
.awsui_flash-body_1q84n_1ka0f_107:not(#\9) {
|
|
609
780
|
display: flex;
|
|
610
781
|
flex-grow: 1;
|
|
611
782
|
min-width: 0;
|
|
612
783
|
}
|
|
613
784
|
|
|
614
|
-
.awsui_flash-focus-
|
|
785
|
+
.awsui_flash-focus-container_1q84n_1ka0f_785:not(#\9) {
|
|
615
786
|
display: flex;
|
|
616
787
|
flex: 1;
|
|
617
788
|
min-width: 0;
|
|
618
789
|
}
|
|
619
|
-
.awsui_flash-focus-
|
|
790
|
+
.awsui_flash-focus-container_1q84n_1ka0f_785:not(#\9):focus {
|
|
620
791
|
outline: none;
|
|
621
792
|
}
|
|
622
|
-
.awsui_flash-focus-
|
|
793
|
+
.awsui_flash-focus-container_1q84n_1ka0f_785[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
623
794
|
position: relative;
|
|
624
795
|
}
|
|
625
|
-
.awsui_flash-focus-
|
|
796
|
+
.awsui_flash-focus-container_1q84n_1ka0f_785[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
626
797
|
outline: 2px dotted transparent;
|
|
627
798
|
outline-offset: calc(var(--space-button-focus-outline-gutter-4vaedu, 4px) - 1px);
|
|
628
799
|
}
|
|
629
|
-
.awsui_flash-focus-
|
|
800
|
+
.awsui_flash-focus-container_1q84n_1ka0f_785[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
630
801
|
content: " ";
|
|
631
802
|
display: block;
|
|
632
803
|
position: absolute;
|
|
@@ -638,72 +809,72 @@ the grid layout will be:
|
|
|
638
809
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
639
810
|
}
|
|
640
811
|
|
|
641
|
-
.awsui_flash-
|
|
812
|
+
.awsui_flash-text_1q84n_1ka0f_812:not(#\9) {
|
|
642
813
|
margin: var(--border-field-width-idlekx, 2px) 0;
|
|
643
814
|
padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
|
|
644
815
|
}
|
|
645
816
|
|
|
646
|
-
.awsui_flash-
|
|
817
|
+
.awsui_flash-icon_1q84n_1ka0f_133:not(#\9) {
|
|
647
818
|
flex: 0 0 auto;
|
|
648
819
|
padding-left: 0;
|
|
649
820
|
}
|
|
650
821
|
|
|
651
|
-
.awsui_flash-
|
|
822
|
+
.awsui_flash-message_1q84n_1ka0f_107:not(#\9) {
|
|
652
823
|
flex: 1 1 0%;
|
|
653
824
|
word-wrap: break-word;
|
|
654
825
|
max-width: 100%;
|
|
655
826
|
overflow: hidden;
|
|
656
827
|
}
|
|
657
828
|
|
|
658
|
-
.awsui_flash-
|
|
829
|
+
.awsui_flash-header_1q84n_1ka0f_107:not(#\9) {
|
|
659
830
|
font-weight: 700;
|
|
660
831
|
}
|
|
661
832
|
|
|
662
|
-
.awsui_flash-
|
|
833
|
+
.awsui_flash-content_1q84n_1ka0f_108:not(#\9) {
|
|
663
834
|
/* Only used as a selector for test-utils */
|
|
664
835
|
}
|
|
665
836
|
|
|
666
|
-
.awsui_dismiss-button-
|
|
837
|
+
.awsui_dismiss-button-wrapper_1q84n_1ka0f_110:not(#\9) {
|
|
667
838
|
flex: 0 0 auto;
|
|
668
839
|
margin-left: var(--space-s-hv8c1d, 12px);
|
|
669
840
|
margin-right: calc(-1 * var(--space-xxs-ynfts5, 4px));
|
|
670
841
|
padding-right: var(--space-flashbar-dismiss-right-cbaywa, 0px);
|
|
671
842
|
}
|
|
672
843
|
|
|
673
|
-
.awsui_dismiss-
|
|
844
|
+
.awsui_dismiss-button_1q84n_1ka0f_110:not(#\9) {
|
|
674
845
|
/* Only used as a selector for test-utils */
|
|
675
846
|
}
|
|
676
847
|
|
|
677
|
-
.awsui_action-button-
|
|
848
|
+
.awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9) {
|
|
678
849
|
white-space: nowrap;
|
|
679
850
|
margin-left: var(--space-flashbar-action-left-y2z8zt, 12px);
|
|
680
851
|
}
|
|
681
852
|
|
|
682
|
-
.
|
|
853
|
+
.awsui_flashbar_1q84n_1ka0f_720.awsui_breakpoint-default_1q84n_1ka0f_853 > .awsui_flash-list_1q84n_1ka0f_295 > .awsui_flash-list-item_1q84n_1ka0f_295 > .awsui_flash_1q84n_1ka0f_93 > .awsui_flash-body_1q84n_1ka0f_107:not(#\9) {
|
|
683
854
|
display: block;
|
|
684
855
|
}
|
|
685
|
-
.
|
|
856
|
+
.awsui_flashbar_1q84n_1ka0f_720.awsui_breakpoint-default_1q84n_1ka0f_853 > .awsui_flash-list_1q84n_1ka0f_295 > .awsui_flash-list-item_1q84n_1ka0f_295 > .awsui_flash_1q84n_1ka0f_93 > .awsui_flash-body_1q84n_1ka0f_107 > .awsui_action-button-wrapper_1q84n_1ka0f_109:not(#\9) {
|
|
686
857
|
margin-left: var(--space-l-4vl6xu, 20px);
|
|
687
858
|
padding-left: var(--space-xxs-ynfts5, 4px);
|
|
688
859
|
margin-bottom: var(--space-xxs-ynfts5, 4px);
|
|
689
860
|
}
|
|
690
861
|
|
|
691
|
-
.awsui_action-
|
|
862
|
+
.awsui_action-button_1q84n_1ka0f_109:not(#\9) {
|
|
692
863
|
/* Only used as a selector for test-utils */
|
|
693
864
|
}
|
|
694
865
|
|
|
695
|
-
.awsui_flash-type-
|
|
866
|
+
.awsui_flash-type-success_1q84n_1ka0f_866:not(#\9) {
|
|
696
867
|
background-color: var(--color-background-notification-green-0d9ow8, #037f0c);
|
|
697
868
|
}
|
|
698
869
|
|
|
699
|
-
.awsui_flash-type-
|
|
870
|
+
.awsui_flash-type-error_1q84n_1ka0f_870:not(#\9) {
|
|
700
871
|
background-color: var(--color-background-notification-red-v7js1f, #d91515);
|
|
701
872
|
}
|
|
702
873
|
|
|
703
|
-
.awsui_flash-type-
|
|
874
|
+
.awsui_flash-type-warning_1q84n_1ka0f_874:not(#\9) {
|
|
704
875
|
background-color: var(--color-background-notification-blue-vqb59v, #0972d3);
|
|
705
876
|
}
|
|
706
877
|
|
|
707
|
-
.awsui_flash-type-
|
|
878
|
+
.awsui_flash-type-info_1q84n_1ka0f_878:not(#\9) {
|
|
708
879
|
background-color: var(--color-background-notification-blue-vqb59v, #0972d3);
|
|
709
880
|
}
|