@cloudscape-design/components 3.0.207 → 3.0.209
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 +0 -1
- 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 +2 -3
- package/app-layout/notifications/styles.scoped.css +5 -13
- package/app-layout/notifications/styles.selectors.js +2 -3
- package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/app-layout/visual-refresh/notifications.js +1 -6
- 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/cards/interfaces.d.ts +2 -1
- package/cards/interfaces.d.ts.map +1 -1
- package/cards/interfaces.js.map +1 -1
- package/content-layout/index.d.ts +1 -1
- package/content-layout/index.d.ts.map +1 -1
- package/content-layout/index.js +6 -32
- package/content-layout/index.js.map +1 -1
- package/content-layout/internal.d.ts +6 -0
- package/content-layout/internal.d.ts.map +1 -0
- package/content-layout/internal.js +35 -0
- package/content-layout/internal.js.map +1 -0
- 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 +43 -45
- package/flashbar/styles.scoped.css +167 -272
- package/flashbar/styles.selectors.js +43 -45
- package/form/index.d.ts +1 -1
- package/form/index.d.ts.map +1 -1
- package/form/index.js +4 -3
- package/form/index.js.map +1 -1
- package/form/interfaces.d.ts +12 -0
- package/form/interfaces.d.ts.map +1 -1
- package/form/interfaces.js.map +1 -1
- package/form/internal.d.ts +1 -1
- package/form/internal.d.ts.map +1 -1
- package/form/internal.js +21 -14
- package/form/internal.js.map +1 -1
- package/form/styles.css.js +9 -8
- package/form/styles.scoped.css +8 -8
- package/form/styles.selectors.js +9 -8
- 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 +28 -29
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/table/interfaces.d.ts +2 -1
- package/table/interfaces.d.ts.map +1 -1
- package/table/interfaces.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_kitwl_93.awsui_enter_1q84n_kitwl_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_kitwl_93.awsui_enter_1q84n_kitwl_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_kitwl_93.awsui_enter_1q84n_kitwl_93:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_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_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9),
|
|
108
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9),
|
|
109
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9),
|
|
110
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_dismiss-button-wrapper_1q84n_kitwl_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_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9),
|
|
116
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9),
|
|
117
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9),
|
|
118
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_dismiss-button-wrapper_1q84n_kitwl_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_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9) {
|
|
124
124
|
animation: none;
|
|
125
125
|
transition: none;
|
|
126
126
|
}
|
|
127
|
-
.awsui_flash-with-
|
|
127
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-icon_1q84n_kitwl_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_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-icon_1q84n_kitwl_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_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_enter_1q84n_kitwl_93 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9) {
|
|
137
137
|
animation: none;
|
|
138
138
|
transition: none;
|
|
139
139
|
}
|
|
140
|
-
.awsui_flash-with-
|
|
140
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_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_kitwl_93.awsui_entering_1q84n_kitwl_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_kitwl_93.awsui_entering_1q84n_kitwl_146:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_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_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9),
|
|
158
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9),
|
|
159
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9),
|
|
160
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9),
|
|
161
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9),
|
|
162
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9),
|
|
163
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9),
|
|
164
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9),
|
|
165
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9),
|
|
166
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_dismiss-button-wrapper_1q84n_kitwl_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_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9),
|
|
175
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9),
|
|
176
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9),
|
|
177
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9),
|
|
178
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9),
|
|
179
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9),
|
|
180
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9),
|
|
181
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9),
|
|
182
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9),
|
|
183
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_dismiss-button-wrapper_1q84n_kitwl_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_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9) {
|
|
189
189
|
animation: none;
|
|
190
190
|
transition: none;
|
|
191
191
|
}
|
|
192
|
-
.awsui_flash-with-
|
|
192
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9), .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-icon_1q84n_kitwl_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_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9), .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-icon_1q84n_kitwl_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_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-icon_1q84n_kitwl_133:not(#\9) {
|
|
202
202
|
animation: none;
|
|
203
203
|
transition: none;
|
|
204
204
|
}
|
|
205
|
-
.awsui_flash-with-
|
|
205
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9), .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_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_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9), .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_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_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-header_1q84n_kitwl_107:not(#\9) {
|
|
215
215
|
animation: none;
|
|
216
216
|
transition: none;
|
|
217
217
|
}
|
|
218
|
-
.awsui_flash-with-
|
|
218
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9), .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_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_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9), .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_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_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_flash-message_1q84n_kitwl_107 > .awsui_flash-content_1q84n_kitwl_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_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9),
|
|
232
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9),
|
|
233
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9),
|
|
234
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_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_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9),
|
|
239
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9),
|
|
240
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9),
|
|
241
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_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_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entering_1q84n_kitwl_146 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_entered_1q84n_kitwl_167 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9) {
|
|
247
247
|
animation: none;
|
|
248
248
|
transition: none;
|
|
249
249
|
}
|
|
250
|
-
.awsui_flash-with-
|
|
250
|
+
.awsui_flash-with-motion_1q84n_kitwl_93.awsui_exiting_1q84n_kitwl_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_kitwl_93.awsui_exiting_1q84n_kitwl_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_kitwl_93.awsui_exiting_1q84n_kitwl_272:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kitwl_93.awsui_exiting_1q84n_kitwl_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_kitwl_294 > .awsui_animation-running_1q84n_kitwl_294 > .awsui_item_1q84n_kitwl_294:not(#\9),
|
|
273
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_animation-running_1q84n_kitwl_294 > .awsui_flash-list-item_1q84n_kitwl_295:not(#\9),
|
|
274
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_animation-running_1q84n_kitwl_294.awsui_notification-bar_1q84n_kitwl_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_kitwl_294 > .awsui_animation-running_1q84n_kitwl_294 > .awsui_item_1q84n_kitwl_294:not(#\9),
|
|
280
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_animation-running_1q84n_kitwl_294 > .awsui_flash-list-item_1q84n_kitwl_295:not(#\9),
|
|
281
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_animation-running_1q84n_kitwl_294.awsui_notification-bar_1q84n_kitwl_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_kitwl_294 > .awsui_animation-running_1q84n_kitwl_294 > .awsui_item_1q84n_kitwl_294:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_kitwl_294 > .awsui_animation-running_1q84n_kitwl_294 > .awsui_item_1q84n_kitwl_294:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_kitwl_294 > .awsui_animation-running_1q84n_kitwl_294 > .awsui_flash-list-item_1q84n_kitwl_295:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_kitwl_294 > .awsui_animation-running_1q84n_kitwl_294 > .awsui_flash-list-item_1q84n_kitwl_295:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_kitwl_294 > .awsui_animation-running_1q84n_kitwl_294.awsui_notification-bar_1q84n_kitwl_296:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_kitwl_294 > .awsui_animation-running_1q84n_kitwl_294.awsui_notification-bar_1q84n_kitwl_296:not(#\9) {
|
|
287
287
|
animation: none;
|
|
288
288
|
transition: none;
|
|
289
289
|
}
|
|
290
|
-
.
|
|
291
|
-
.
|
|
290
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_collapsed_1q84n_kitwl_316.awsui_animation-ready_1q84n_kitwl_316 > .awsui_expanded-only_1q84n_kitwl_316:not(#\9),
|
|
291
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_collapsed_1q84n_kitwl_316.awsui_animation-running_1q84n_kitwl_294 > .awsui_expanded-only_1q84n_kitwl_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_kitwl_294:not(#\9) {
|
|
300
300
|
display: grid;
|
|
301
301
|
grid-template-columns: 30px 1fr 30px;
|
|
302
302
|
}
|
|
303
303
|
|
|
304
|
-
.
|
|
304
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_expanded_1q84n_kitwl_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_kitwl_294 > .awsui_collapsed_1q84n_kitwl_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-20d8jh), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-20d8jh), 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_kitwl_294 > .awsui_collapsed_1q84n_kitwl_316 > .awsui_item_1q84n_kitwl_294:not(#\9) {
|
|
326
|
+
grid-column-start: calc(var(--awsui-flashbar-stack-index-20d8jh) + 1);
|
|
327
|
+
grid-column-end: calc(var(--awsui-flashbar-stack-depth-20d8jh) * 2 + 1 - var(--awsui-flashbar-stack-index-20d8jh) + 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-20d8jh) + 2);
|
|
330
|
+
z-index: calc(var(--awsui-flashbar-stack-depth-20d8jh) - var(--awsui-flashbar-stack-index-20d8jh));
|
|
331
331
|
}
|
|
332
|
-
.
|
|
332
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_collapsed_1q84n_kitwl_316 > .awsui_item_1q84n_kitwl_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,148 +341,17 @@ the grid layout will be:
|
|
|
341
341
|
) * 2
|
|
342
342
|
);
|
|
343
343
|
}
|
|
344
|
-
.
|
|
345
|
-
.
|
|
344
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_collapsed_1q84n_kitwl_316 > .awsui_item_1q84n_kitwl_294:not(#\9):not(:last-child) > .awsui_flash_1q84n_kitwl_93::before,
|
|
345
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_collapsed_1q84n_kitwl_316 > .awsui_item_1q84n_kitwl_294.awsui_flash_1q84n_kitwl_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_kitwl_294 > .awsui_expanded_1q84n_kitwl_316.awsui_animation-running_1q84n_kitwl_294 > .awsui_flash-list-item_1q84n_kitwl_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-20d8jh) - var(--awsui-flashbar-stack-index-20d8jh));
|
|
352
352
|
}
|
|
353
353
|
|
|
354
|
-
.
|
|
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_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316):not(.awsui_short-list_1q84n_6yz2d_386):not(.awsui_visual-refresh_1q84n_6yz2d_386) {
|
|
361
|
-
/*
|
|
362
|
-
The default bottom margin ($default-margin-bottom) is just enough to prevent the notification bar from overlapping the
|
|
363
|
-
elements below. But if using disableContentPaddings, $stackedNotificationsBottomMargin will be set at the App Layout
|
|
364
|
-
level so that this distance is increased to prevent the main area from touching the notifications area.
|
|
365
|
-
*/
|
|
366
|
-
margin-bottom: calc(
|
|
367
|
-
var(--awsui-stacked-notifications-bottom-margin-k2tw0m, calc(calc(
|
|
368
|
-
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px)
|
|
369
|
-
) - calc(var(--space-scaled-xl-w2t504, 24px) + 3px))) + 0px + 0px
|
|
370
|
-
);
|
|
371
|
-
}
|
|
372
|
-
.awsui_stack_1q84n_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316):not(.awsui_short-list_1q84n_6yz2d_386):not(.awsui_visual-refresh_1q84n_6yz2d_386) > .awsui_notification-bar_1q84n_6yz2d_296 {
|
|
373
|
-
margin-top: calc(-1 * calc(var(--space-scaled-xl-w2t504, 24px) + 3px) + 0px);
|
|
374
|
-
margin-bottom: calc(calc(var(--space-scaled-xl-w2t504, 24px) + 3px) - calc(
|
|
375
|
-
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px)
|
|
376
|
-
) - 0px);
|
|
377
|
-
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
378
|
-
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
379
|
-
}
|
|
380
|
-
.awsui_stack_1q84n_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316):not(.awsui_short-list_1q84n_6yz2d_386).awsui_visual-refresh_1q84n_6yz2d_386 {
|
|
381
|
-
/*
|
|
382
|
-
The default bottom margin ($default-margin-bottom) is just enough to prevent the notification bar from overlapping the
|
|
383
|
-
elements below. But if using disableContentPaddings, $stackedNotificationsBottomMargin will be set at the App Layout
|
|
384
|
-
level so that this distance is increased to prevent the main area from touching the notifications area.
|
|
385
|
-
*/
|
|
386
|
-
margin-bottom: calc(
|
|
387
|
-
var(--awsui-stacked-notifications-bottom-margin-k2tw0m, calc(calc(
|
|
388
|
-
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 3px)
|
|
389
|
-
) - calc(var(--space-scaled-xl-w2t504, 24px) + 3px))) + 0px + 0px
|
|
390
|
-
);
|
|
391
|
-
}
|
|
392
|
-
.awsui_stack_1q84n_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316):not(.awsui_short-list_1q84n_6yz2d_386).awsui_visual-refresh_1q84n_6yz2d_386 > .awsui_notification-bar_1q84n_6yz2d_296 {
|
|
393
|
-
margin-top: calc(-1 * calc(var(--space-scaled-xl-w2t504, 24px) + 3px) + 0px);
|
|
394
|
-
margin-bottom: calc(calc(var(--space-scaled-xl-w2t504, 24px) + 3px) - calc(
|
|
395
|
-
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 3px)
|
|
396
|
-
) - 0px);
|
|
397
|
-
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
398
|
-
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
399
|
-
}
|
|
400
|
-
.awsui_stack_1q84n_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316).awsui_short-list_1q84n_6yz2d_386:not(.awsui_visual-refresh_1q84n_6yz2d_386) {
|
|
401
|
-
/*
|
|
402
|
-
The default bottom margin ($default-margin-bottom) is just enough to prevent the notification bar from overlapping the
|
|
403
|
-
elements below. But if using disableContentPaddings, $stackedNotificationsBottomMargin will be set at the App Layout
|
|
404
|
-
level so that this distance is increased to prevent the main area from touching the notifications area.
|
|
405
|
-
*/
|
|
406
|
-
margin-bottom: calc(
|
|
407
|
-
var(--awsui-stacked-notifications-bottom-margin-k2tw0m, calc(calc(
|
|
408
|
-
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px)
|
|
409
|
-
) - calc(var(--space-scaled-xl-w2t504, 24px) + 3px))) + 0px + 8px
|
|
410
|
-
);
|
|
411
|
-
}
|
|
412
|
-
.awsui_stack_1q84n_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316).awsui_short-list_1q84n_6yz2d_386:not(.awsui_visual-refresh_1q84n_6yz2d_386) > .awsui_notification-bar_1q84n_6yz2d_296 {
|
|
413
|
-
margin-top: calc(-1 * calc(var(--space-scaled-xl-w2t504, 24px) + 3px) + 8px);
|
|
414
|
-
margin-bottom: calc(calc(var(--space-scaled-xl-w2t504, 24px) + 3px) - calc(
|
|
415
|
-
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px)
|
|
416
|
-
) - 8px);
|
|
417
|
-
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
418
|
-
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
419
|
-
}
|
|
420
|
-
.awsui_stack_1q84n_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316).awsui_short-list_1q84n_6yz2d_386.awsui_visual-refresh_1q84n_6yz2d_386 {
|
|
421
|
-
/*
|
|
422
|
-
The default bottom margin ($default-margin-bottom) is just enough to prevent the notification bar from overlapping the
|
|
423
|
-
elements below. But if using disableContentPaddings, $stackedNotificationsBottomMargin will be set at the App Layout
|
|
424
|
-
level so that this distance is increased to prevent the main area from touching the notifications area.
|
|
425
|
-
*/
|
|
426
|
-
margin-bottom: calc(
|
|
427
|
-
var(--awsui-stacked-notifications-bottom-margin-k2tw0m, calc(calc(
|
|
428
|
-
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 3px)
|
|
429
|
-
) - calc(var(--space-scaled-xl-w2t504, 24px) + 3px))) + 0px + 8px
|
|
430
|
-
);
|
|
431
|
-
}
|
|
432
|
-
.awsui_stack_1q84n_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380:not(#\9):not(.awsui_expanded_1q84n_6yz2d_316).awsui_short-list_1q84n_6yz2d_386.awsui_visual-refresh_1q84n_6yz2d_386 > .awsui_notification-bar_1q84n_6yz2d_296 {
|
|
433
|
-
margin-top: calc(-1 * calc(var(--space-scaled-xl-w2t504, 24px) + 3px) + 8px);
|
|
434
|
-
margin-bottom: calc(calc(var(--space-scaled-xl-w2t504, 24px) + 3px) - calc(
|
|
435
|
-
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 3px)
|
|
436
|
-
) - 8px);
|
|
437
|
-
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
438
|
-
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
439
|
-
}
|
|
440
|
-
.awsui_stack_1q84n_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380.awsui_expanded_1q84n_6yz2d_316:not(#\9):not(.awsui_visual-refresh_1q84n_6yz2d_386) {
|
|
441
|
-
/*
|
|
442
|
-
Give a bit more bottom margin when expanded, but only in Classic because in Visual Refresh the margin around the
|
|
443
|
-
notifications slot already gives it enough space.
|
|
444
|
-
*/
|
|
445
|
-
/*
|
|
446
|
-
The default bottom margin ($default-margin-bottom) is just enough to prevent the notification bar from overlapping the
|
|
447
|
-
elements below. But if using disableContentPaddings, $stackedNotificationsBottomMargin will be set at the App Layout
|
|
448
|
-
level so that this distance is increased to prevent the main area from touching the notifications area.
|
|
449
|
-
*/
|
|
450
|
-
margin-bottom: calc(
|
|
451
|
-
var(--awsui-stacked-notifications-bottom-margin-k2tw0m, calc(calc(
|
|
452
|
-
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px)
|
|
453
|
-
) - var(--space-scaled-s-cu1hzn, 12px))) + var(--space-scaled-m-pv0fmt, 16px) + 0px
|
|
454
|
-
);
|
|
455
|
-
}
|
|
456
|
-
.awsui_stack_1q84n_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380.awsui_expanded_1q84n_6yz2d_316:not(#\9):not(.awsui_visual-refresh_1q84n_6yz2d_386) > .awsui_notification-bar_1q84n_6yz2d_296 {
|
|
457
|
-
margin-top: calc(-1 * var(--space-scaled-s-cu1hzn, 12px) + 0px);
|
|
458
|
-
margin-bottom: calc(var(--space-scaled-s-cu1hzn, 12px) - calc(
|
|
459
|
-
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 1px)
|
|
460
|
-
) - 0px);
|
|
461
|
-
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
462
|
-
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
463
|
-
}
|
|
464
|
-
.awsui_stack_1q84n_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380.awsui_expanded_1q84n_6yz2d_316.awsui_visual-refresh_1q84n_6yz2d_386:not(#\9) {
|
|
465
|
-
/*
|
|
466
|
-
The default bottom margin ($default-margin-bottom) is just enough to prevent the notification bar from overlapping the
|
|
467
|
-
elements below. But if using disableContentPaddings, $stackedNotificationsBottomMargin will be set at the App Layout
|
|
468
|
-
level so that this distance is increased to prevent the main area from touching the notifications area.
|
|
469
|
-
*/
|
|
470
|
-
margin-bottom: calc(
|
|
471
|
-
var(--awsui-stacked-notifications-bottom-margin-k2tw0m, calc(calc(
|
|
472
|
-
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 3px)
|
|
473
|
-
) - var(--space-scaled-s-cu1hzn, 12px))) + 0px + 0px
|
|
474
|
-
);
|
|
475
|
-
}
|
|
476
|
-
.awsui_stack_1q84n_6yz2d_294.awsui_collapsible_1q84n_6yz2d_380.awsui_expanded_1q84n_6yz2d_316.awsui_visual-refresh_1q84n_6yz2d_386 > .awsui_notification-bar_1q84n_6yz2d_296:not(#\9) {
|
|
477
|
-
margin-top: calc(-1 * var(--space-scaled-s-cu1hzn, 12px) + 0px);
|
|
478
|
-
margin-bottom: calc(var(--space-scaled-s-cu1hzn, 12px) - calc(
|
|
479
|
-
var(--font-body-m-line-height-i7xxvv, 22px) + 2 * (var(--space-scaled-xxs-95dhkm, 4px) + 3px)
|
|
480
|
-
) - 0px);
|
|
481
|
-
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
482
|
-
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
483
|
-
}
|
|
484
|
-
|
|
485
|
-
.awsui_stack_1q84n_6yz2d_294 > .awsui_notification-bar_1q84n_6yz2d_296:not(#\9) {
|
|
354
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296:not(#\9) {
|
|
486
355
|
min-width: 0;
|
|
487
356
|
-ms-word-break: break-all;
|
|
488
357
|
word-break: break-word;
|
|
@@ -508,9 +377,9 @@ the grid layout will be:
|
|
|
508
377
|
text-decoration: none;
|
|
509
378
|
z-index: 1;
|
|
510
379
|
}
|
|
511
|
-
.
|
|
512
|
-
.
|
|
513
|
-
.
|
|
380
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_status_1q84n_kitwl_406 > .awsui_header_1q84n_kitwl_406:not(#\9),
|
|
381
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_status_1q84n_kitwl_406 > .awsui_item-count_1q84n_kitwl_407:not(#\9),
|
|
382
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_button_1q84n_kitwl_408:not(#\9) {
|
|
514
383
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
515
384
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
516
385
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
@@ -525,7 +394,7 @@ the grid layout will be:
|
|
|
525
394
|
padding-top: 0;
|
|
526
395
|
padding-bottom: 0;
|
|
527
396
|
}
|
|
528
|
-
.
|
|
397
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_status_1q84n_kitwl_406:not(#\9) {
|
|
529
398
|
display: flex;
|
|
530
399
|
flex-direction: row;
|
|
531
400
|
flex-wrap: wrap;
|
|
@@ -533,11 +402,11 @@ the grid layout will be:
|
|
|
533
402
|
justify-content: center;
|
|
534
403
|
row-gap: 0;
|
|
535
404
|
}
|
|
536
|
-
.
|
|
405
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_status_1q84n_kitwl_406 > .awsui_header_1q84n_kitwl_406:not(#\9) {
|
|
537
406
|
font-weight: var(--font-button-weight-7rj5fx, 800);
|
|
538
407
|
display: inline-block;
|
|
539
408
|
}
|
|
540
|
-
.
|
|
409
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_status_1q84n_kitwl_406 > .awsui_item-count_1q84n_kitwl_407:not(#\9) {
|
|
541
410
|
column-gap: var(--space-s-hv8c1d, 12px);
|
|
542
411
|
display: flex;
|
|
543
412
|
flex-direction: row;
|
|
@@ -545,67 +414,93 @@ the grid layout will be:
|
|
|
545
414
|
justify-content: center;
|
|
546
415
|
row-gap: 0;
|
|
547
416
|
}
|
|
548
|
-
.
|
|
417
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_status_1q84n_kitwl_406 > .awsui_item-count_1q84n_kitwl_407 > .awsui_type-count_1q84n_kitwl_443 > .awsui_count-number_1q84n_kitwl_443:not(#\9) {
|
|
549
418
|
margin-left: var(--space-xxs-ynfts5, 4px);
|
|
550
419
|
}
|
|
551
|
-
.
|
|
420
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296:not(#\9):hover {
|
|
552
421
|
background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
553
422
|
border-color: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
554
423
|
}
|
|
555
|
-
.
|
|
424
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296:not(#\9):active {
|
|
556
425
|
background: var(--color-background-layout-toggle-active-d15dki, #354150);
|
|
557
426
|
}
|
|
558
|
-
.
|
|
559
|
-
|
|
427
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296.awsui_visual-refresh_1q84n_kitwl_453:not(#\9) {
|
|
428
|
+
padding-top: var(--space-scaled-xxs-95dhkm, 4px);
|
|
429
|
+
padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
|
|
430
|
+
border-width: 2px;
|
|
560
431
|
padding-left: var(--space-l-4vl6xu, 20px);
|
|
561
432
|
padding-right: var(--space-l-4vl6xu, 20px);
|
|
562
433
|
}
|
|
563
|
-
.
|
|
434
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296.awsui_visual-refresh_1q84n_kitwl_453:not(#\9):not(.awsui_expanded_1q84n_kitwl_316) {
|
|
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);
|
|
564
449
|
border-width: 1px;
|
|
565
450
|
padding-left: var(--space-s-hv8c1d, 12px);
|
|
566
451
|
padding-right: var(--space-s-hv8c1d, 12px);
|
|
567
452
|
}
|
|
568
|
-
.
|
|
453
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296:not(#\9):not(.awsui_visual-refresh_1q84n_kitwl_453):not(.awsui_expanded_1q84n_kitwl_316) {
|
|
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 {
|
|
569
466
|
text-decoration: none;
|
|
570
467
|
}
|
|
571
|
-
.
|
|
468
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296:not(#\9):not(.awsui_visual-refresh_1q84n_kitwl_453):hover {
|
|
572
469
|
text-decoration: none;
|
|
573
470
|
}
|
|
574
|
-
.
|
|
471
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_button_1q84n_kitwl_408:not(#\9) {
|
|
575
472
|
display: inline-block;
|
|
576
473
|
flex-grow: 1;
|
|
577
474
|
background: none;
|
|
578
475
|
border: 0 none;
|
|
579
|
-
padding-top: 0;
|
|
580
|
-
padding-bottom: 0;
|
|
581
476
|
}
|
|
582
|
-
.
|
|
477
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_button_1q84n_kitwl_408 > .awsui_icon_1q84n_kitwl_503:not(#\9) {
|
|
583
478
|
transition: transform var(--motion-duration-rotate-90-ux18sr, 135ms) var(--motion-easing-rotate-90-eoew89, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
584
479
|
}
|
|
585
480
|
@media (prefers-reduced-motion: reduce) {
|
|
586
|
-
.
|
|
481
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_button_1q84n_kitwl_408 > .awsui_icon_1q84n_kitwl_503:not(#\9) {
|
|
587
482
|
animation: none;
|
|
588
483
|
transition: none;
|
|
589
484
|
}
|
|
590
485
|
}
|
|
591
|
-
.awsui-motion-disabled .
|
|
486
|
+
.awsui-motion-disabled .awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_button_1q84n_kitwl_408 > .awsui_icon_1q84n_kitwl_503:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_button_1q84n_kitwl_408 > .awsui_icon_1q84n_kitwl_503:not(#\9) {
|
|
592
487
|
animation: none;
|
|
593
488
|
transition: none;
|
|
594
489
|
}
|
|
595
|
-
.
|
|
490
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_button_1q84n_kitwl_408.awsui_expanded_1q84n_kitwl_316 > .awsui_icon_1q84n_kitwl_503:not(#\9) {
|
|
596
491
|
transform: rotate(180deg);
|
|
597
492
|
}
|
|
598
|
-
.
|
|
493
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_button_1q84n_kitwl_408:not(#\9):focus {
|
|
599
494
|
outline: none;
|
|
600
495
|
}
|
|
601
|
-
.
|
|
496
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_button_1q84n_kitwl_408[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
602
497
|
position: relative;
|
|
603
498
|
}
|
|
604
|
-
.
|
|
499
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_button_1q84n_kitwl_408[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
605
500
|
outline: 2px dotted transparent;
|
|
606
501
|
outline-offset: calc(0px - 1px);
|
|
607
502
|
}
|
|
608
|
-
.
|
|
503
|
+
.awsui_stack_1q84n_kitwl_294 > .awsui_notification-bar_1q84n_kitwl_296 > .awsui_button_1q84n_kitwl_408[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
609
504
|
content: " ";
|
|
610
505
|
display: block;
|
|
611
506
|
position: absolute;
|
|
@@ -617,24 +512,24 @@ the grid layout will be:
|
|
|
617
512
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
618
513
|
}
|
|
619
514
|
|
|
620
|
-
.
|
|
621
|
-
padding-bottom: var(--awsui-flashbar-sticky-bottom-margin-
|
|
515
|
+
.awsui_stack_1q84n_kitwl_294.awsui_expanded_1q84n_kitwl_316:not(#\9):not(.awsui_floating_1q84n_kitwl_541) {
|
|
516
|
+
padding-bottom: var(--awsui-flashbar-sticky-bottom-margin-20d8jh, 0);
|
|
622
517
|
}
|
|
623
518
|
|
|
624
519
|
/*
|
|
625
520
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
626
521
|
SPDX-License-Identifier: Apache-2.0
|
|
627
522
|
*/
|
|
628
|
-
.
|
|
523
|
+
.awsui_flashbar_1q84n_kitwl_549:not(#\9) {
|
|
629
524
|
position: relative;
|
|
630
525
|
/* stylelint-disable-next-line selector-max-type */
|
|
631
526
|
}
|
|
632
|
-
.
|
|
527
|
+
.awsui_flashbar_1q84n_kitwl_549 > li + li:not(#\9) {
|
|
633
528
|
padding-top: 0;
|
|
634
529
|
}
|
|
635
530
|
|
|
636
|
-
.
|
|
637
|
-
.
|
|
531
|
+
.awsui_flashbar_1q84n_kitwl_549:not(#\9),
|
|
532
|
+
.awsui_flash_1q84n_kitwl_93:not(#\9) {
|
|
638
533
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
639
534
|
border-collapse: separate;
|
|
640
535
|
border-spacing: 0;
|
|
@@ -673,7 +568,7 @@ the grid layout will be:
|
|
|
673
568
|
-moz-osx-font-smoothing: auto;
|
|
674
569
|
}
|
|
675
570
|
|
|
676
|
-
.
|
|
571
|
+
.awsui_flash_1q84n_kitwl_93:not(#\9) {
|
|
677
572
|
position: relative;
|
|
678
573
|
display: flex;
|
|
679
574
|
justify-content: flex-start;
|
|
@@ -684,7 +579,7 @@ the grid layout will be:
|
|
|
684
579
|
overflow-wrap: break-word;
|
|
685
580
|
word-wrap: break-word;
|
|
686
581
|
}
|
|
687
|
-
.
|
|
582
|
+
.awsui_flash_1q84n_kitwl_93:not(#\9)::before {
|
|
688
583
|
content: "";
|
|
689
584
|
position: absolute;
|
|
690
585
|
left: 0px;
|
|
@@ -697,41 +592,41 @@ the grid layout will be:
|
|
|
697
592
|
border-radius: var(--border-radius-flashbar-i7jm55, 12px);
|
|
698
593
|
box-shadow: var(--shadow-flash-sticky-xplpiu, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
699
594
|
}
|
|
700
|
-
.awsui_flash-
|
|
595
|
+
.awsui_flash-refresh_1q84n_kitwl_595:not(#\9)::before {
|
|
701
596
|
z-index: -1;
|
|
702
597
|
}
|
|
703
598
|
|
|
704
|
-
.awsui_flash-
|
|
599
|
+
.awsui_flash-list_1q84n_kitwl_295:not(#\9) {
|
|
705
600
|
list-style: none;
|
|
706
601
|
padding: 0;
|
|
707
602
|
margin: 0;
|
|
708
603
|
}
|
|
709
|
-
.awsui_flash-
|
|
604
|
+
.awsui_flash-list_1q84n_kitwl_295:not(#\9):not(.awsui_collapsed_1q84n_kitwl_316) > li:not(:last-child) {
|
|
710
605
|
margin-bottom: var(--space-xxxs-k2w98v, 2px);
|
|
711
606
|
}
|
|
712
607
|
|
|
713
|
-
.awsui_flash-
|
|
608
|
+
.awsui_flash-body_1q84n_kitwl_107:not(#\9) {
|
|
714
609
|
display: flex;
|
|
715
610
|
flex-grow: 1;
|
|
716
611
|
min-width: 0;
|
|
717
612
|
}
|
|
718
613
|
|
|
719
|
-
.awsui_flash-focus-
|
|
614
|
+
.awsui_flash-focus-container_1q84n_kitwl_614:not(#\9) {
|
|
720
615
|
display: flex;
|
|
721
616
|
flex: 1;
|
|
722
617
|
min-width: 0;
|
|
723
618
|
}
|
|
724
|
-
.awsui_flash-focus-
|
|
619
|
+
.awsui_flash-focus-container_1q84n_kitwl_614:not(#\9):focus {
|
|
725
620
|
outline: none;
|
|
726
621
|
}
|
|
727
|
-
.awsui_flash-focus-
|
|
622
|
+
.awsui_flash-focus-container_1q84n_kitwl_614[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
728
623
|
position: relative;
|
|
729
624
|
}
|
|
730
|
-
.awsui_flash-focus-
|
|
625
|
+
.awsui_flash-focus-container_1q84n_kitwl_614[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
731
626
|
outline: 2px dotted transparent;
|
|
732
627
|
outline-offset: calc(var(--space-button-focus-outline-gutter-4vaedu, 4px) - 1px);
|
|
733
628
|
}
|
|
734
|
-
.awsui_flash-focus-
|
|
629
|
+
.awsui_flash-focus-container_1q84n_kitwl_614[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
735
630
|
content: " ";
|
|
736
631
|
display: block;
|
|
737
632
|
position: absolute;
|
|
@@ -743,72 +638,72 @@ the grid layout will be:
|
|
|
743
638
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
744
639
|
}
|
|
745
640
|
|
|
746
|
-
.awsui_flash-
|
|
641
|
+
.awsui_flash-text_1q84n_kitwl_641:not(#\9) {
|
|
747
642
|
margin: var(--border-field-width-idlekx, 2px) 0;
|
|
748
643
|
padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
|
|
749
644
|
}
|
|
750
645
|
|
|
751
|
-
.awsui_flash-
|
|
646
|
+
.awsui_flash-icon_1q84n_kitwl_133:not(#\9) {
|
|
752
647
|
flex: 0 0 auto;
|
|
753
648
|
padding-left: 0;
|
|
754
649
|
}
|
|
755
650
|
|
|
756
|
-
.awsui_flash-
|
|
651
|
+
.awsui_flash-message_1q84n_kitwl_107:not(#\9) {
|
|
757
652
|
flex: 1 1 0%;
|
|
758
653
|
word-wrap: break-word;
|
|
759
654
|
max-width: 100%;
|
|
760
655
|
overflow: hidden;
|
|
761
656
|
}
|
|
762
657
|
|
|
763
|
-
.awsui_flash-
|
|
658
|
+
.awsui_flash-header_1q84n_kitwl_107:not(#\9) {
|
|
764
659
|
font-weight: 700;
|
|
765
660
|
}
|
|
766
661
|
|
|
767
|
-
.awsui_flash-
|
|
662
|
+
.awsui_flash-content_1q84n_kitwl_108:not(#\9) {
|
|
768
663
|
/* Only used as a selector for test-utils */
|
|
769
664
|
}
|
|
770
665
|
|
|
771
|
-
.awsui_dismiss-button-
|
|
666
|
+
.awsui_dismiss-button-wrapper_1q84n_kitwl_110:not(#\9) {
|
|
772
667
|
flex: 0 0 auto;
|
|
773
668
|
margin-left: var(--space-s-hv8c1d, 12px);
|
|
774
669
|
margin-right: calc(-1 * var(--space-xxs-ynfts5, 4px));
|
|
775
670
|
padding-right: var(--space-flashbar-dismiss-right-cbaywa, 0px);
|
|
776
671
|
}
|
|
777
672
|
|
|
778
|
-
.awsui_dismiss-
|
|
673
|
+
.awsui_dismiss-button_1q84n_kitwl_110:not(#\9) {
|
|
779
674
|
/* Only used as a selector for test-utils */
|
|
780
675
|
}
|
|
781
676
|
|
|
782
|
-
.awsui_action-button-
|
|
677
|
+
.awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9) {
|
|
783
678
|
white-space: nowrap;
|
|
784
679
|
margin-left: var(--space-flashbar-action-left-y2z8zt, 12px);
|
|
785
680
|
}
|
|
786
681
|
|
|
787
|
-
.
|
|
682
|
+
.awsui_flashbar_1q84n_kitwl_549.awsui_breakpoint-default_1q84n_kitwl_682 > .awsui_flash-list_1q84n_kitwl_295 > .awsui_flash-list-item_1q84n_kitwl_295 > .awsui_flash_1q84n_kitwl_93 > .awsui_flash-body_1q84n_kitwl_107:not(#\9) {
|
|
788
683
|
display: block;
|
|
789
684
|
}
|
|
790
|
-
.
|
|
685
|
+
.awsui_flashbar_1q84n_kitwl_549.awsui_breakpoint-default_1q84n_kitwl_682 > .awsui_flash-list_1q84n_kitwl_295 > .awsui_flash-list-item_1q84n_kitwl_295 > .awsui_flash_1q84n_kitwl_93 > .awsui_flash-body_1q84n_kitwl_107 > .awsui_action-button-wrapper_1q84n_kitwl_109:not(#\9) {
|
|
791
686
|
margin-left: var(--space-l-4vl6xu, 20px);
|
|
792
687
|
padding-left: var(--space-xxs-ynfts5, 4px);
|
|
793
688
|
margin-bottom: var(--space-xxs-ynfts5, 4px);
|
|
794
689
|
}
|
|
795
690
|
|
|
796
|
-
.awsui_action-
|
|
691
|
+
.awsui_action-button_1q84n_kitwl_109:not(#\9) {
|
|
797
692
|
/* Only used as a selector for test-utils */
|
|
798
693
|
}
|
|
799
694
|
|
|
800
|
-
.awsui_flash-type-
|
|
695
|
+
.awsui_flash-type-success_1q84n_kitwl_695:not(#\9) {
|
|
801
696
|
background-color: var(--color-background-notification-green-0d9ow8, #037f0c);
|
|
802
697
|
}
|
|
803
698
|
|
|
804
|
-
.awsui_flash-type-
|
|
699
|
+
.awsui_flash-type-error_1q84n_kitwl_699:not(#\9) {
|
|
805
700
|
background-color: var(--color-background-notification-red-v7js1f, #d91515);
|
|
806
701
|
}
|
|
807
702
|
|
|
808
|
-
.awsui_flash-type-
|
|
703
|
+
.awsui_flash-type-warning_1q84n_kitwl_703:not(#\9) {
|
|
809
704
|
background-color: var(--color-background-notification-blue-vqb59v, #0972d3);
|
|
810
705
|
}
|
|
811
706
|
|
|
812
|
-
.awsui_flash-type-
|
|
707
|
+
.awsui_flash-type-info_1q84n_kitwl_707:not(#\9) {
|
|
813
708
|
background-color: var(--color-background-notification-blue-vqb59v, #0972d3);
|
|
814
709
|
}
|