@cloudscape-design/components 3.0.636 → 3.0.638
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +31 -31
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/skeleton/index.d.ts +4 -0
- package/app-layout/skeleton/index.d.ts.map +1 -0
- package/app-layout/skeleton/index.js +10 -0
- package/app-layout/skeleton/index.js.map +1 -0
- package/app-layout/skeleton/layout.d.ts +8 -0
- package/app-layout/skeleton/layout.d.ts.map +1 -0
- package/app-layout/skeleton/layout.js +27 -0
- package/app-layout/skeleton/layout.js.map +1 -0
- package/app-layout/skeleton/styles.css.js +16 -0
- package/app-layout/skeleton/styles.scoped.css +180 -0
- package/app-layout/skeleton/styles.selectors.js +17 -0
- package/app-layout/visual-refresh/main.d.ts.map +1 -1
- package/app-layout/visual-refresh/main.js +2 -2
- package/app-layout/visual-refresh/main.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +81 -81
- package/app-layout/visual-refresh/styles.scoped.css +258 -258
- package/app-layout/visual-refresh/styles.selectors.js +81 -81
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +171 -171
- package/flashbar/styles.selectors.js +47 -47
- package/internal/base-component/styles.scoped.css +3 -0
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +41 -41
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/custom-css-properties/index.js +51 -51
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/generated/styles/tokens.d.ts +1 -0
- package/internal/generated/styles/tokens.js +1 -0
- package/internal/generated/theming/index.cjs +11 -0
- package/internal/generated/theming/index.js +11 -0
- package/internal/hooks/use-performance-marks.d.ts.map +1 -1
- package/internal/hooks/use-performance-marks.js +4 -2
- package/internal/hooks/use-performance-marks.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/dom.d.ts.map +1 -1
- package/internal/utils/dom.js +3 -1
- package/internal/utils/dom.js.map +1 -1
- package/package.json +1 -1
- package/progress-bar/index.d.ts +1 -1
- package/progress-bar/index.d.ts.map +1 -1
- package/progress-bar/index.js +6 -4
- package/progress-bar/index.js.map +1 -1
- package/progress-bar/interfaces.d.ts +4 -0
- package/progress-bar/interfaces.d.ts.map +1 -1
- package/progress-bar/interfaces.js.map +1 -1
- package/progress-bar/internal.d.ts +4 -2
- package/progress-bar/internal.d.ts.map +1 -1
- package/progress-bar/internal.js +4 -4
- package/progress-bar/internal.js.map +1 -1
- package/slider/styles.css.js +25 -25
- package/slider/styles.scoped.css +71 -71
- package/slider/styles.selectors.js +25 -25
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +39 -39
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/icons/resize-handler.d.ts.map +1 -1
- package/split-panel/icons/resize-handler.js +1 -1
- package/split-panel/icons/resize-handler.js.map +1 -1
- package/split-panel/styles.css.js +57 -57
- package/split-panel/styles.scoped.css +78 -77
- package/split-panel/styles.selectors.js +57 -57
|
@@ -96,54 +96,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
96
96
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
97
|
SPDX-License-Identifier: Apache-2.0
|
|
98
98
|
*/
|
|
99
|
-
.awsui_flash-with-
|
|
99
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99:not(#\9) {
|
|
100
100
|
opacity: 0;
|
|
101
101
|
transform: translateY(-20px);
|
|
102
102
|
}
|
|
103
103
|
@media (prefers-reduced-motion: reduce) {
|
|
104
|
-
.awsui_flash-with-
|
|
104
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99:not(#\9) {
|
|
105
105
|
animation: none;
|
|
106
106
|
transition: none;
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
109
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99:not(#\9) {
|
|
110
110
|
animation: none;
|
|
111
111
|
transition: none;
|
|
112
112
|
}
|
|
113
|
-
.awsui_flash-with-
|
|
114
|
-
.awsui_flash-with-
|
|
115
|
-
.awsui_flash-with-
|
|
116
|
-
.awsui_flash-with-
|
|
113
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9),
|
|
114
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9),
|
|
115
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9),
|
|
116
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9) {
|
|
117
117
|
opacity: 0;
|
|
118
118
|
transform: translateY(-8px);
|
|
119
119
|
}
|
|
120
120
|
@media (prefers-reduced-motion: reduce) {
|
|
121
|
-
.awsui_flash-with-
|
|
122
|
-
.awsui_flash-with-
|
|
123
|
-
.awsui_flash-with-
|
|
124
|
-
.awsui_flash-with-
|
|
121
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9),
|
|
122
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9),
|
|
123
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9),
|
|
124
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9) {
|
|
125
125
|
animation: none;
|
|
126
126
|
transition: none;
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
129
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9) {
|
|
130
130
|
animation: none;
|
|
131
131
|
transition: none;
|
|
132
132
|
}
|
|
133
|
-
.awsui_flash-with-
|
|
133
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9) {
|
|
134
134
|
opacity: 0;
|
|
135
135
|
}
|
|
136
136
|
@media (prefers-reduced-motion: reduce) {
|
|
137
|
-
.awsui_flash-with-
|
|
137
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9) {
|
|
138
138
|
animation: none;
|
|
139
139
|
transition: none;
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
142
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_enter_1q84n_kwvxa_99 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9) {
|
|
143
143
|
animation: none;
|
|
144
144
|
transition: none;
|
|
145
145
|
}
|
|
146
|
-
.awsui_flash-with-
|
|
146
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152:not(#\9) {
|
|
147
147
|
transition-property: transform, opacity;
|
|
148
148
|
transition-duration: var(--motion-duration-refresh-only-slow-zbvbxt, 250ms);
|
|
149
149
|
transition-timing-function: var(--motion-easing-refresh-only-c-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
|
|
@@ -151,25 +151,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
151
151
|
transform: translateY(0);
|
|
152
152
|
}
|
|
153
153
|
@media (prefers-reduced-motion: reduce) {
|
|
154
|
-
.awsui_flash-with-
|
|
154
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152:not(#\9) {
|
|
155
155
|
animation: none;
|
|
156
156
|
transition: none;
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
159
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152:not(#\9) {
|
|
160
160
|
animation: none;
|
|
161
161
|
transition: none;
|
|
162
162
|
}
|
|
163
|
-
.awsui_flash-with-
|
|
164
|
-
.awsui_flash-with-
|
|
165
|
-
.awsui_flash-with-
|
|
166
|
-
.awsui_flash-with-
|
|
167
|
-
.awsui_flash-with-
|
|
168
|
-
.awsui_flash-with-
|
|
169
|
-
.awsui_flash-with-
|
|
170
|
-
.awsui_flash-with-
|
|
171
|
-
.awsui_flash-with-
|
|
172
|
-
.awsui_flash-with-
|
|
163
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9),
|
|
164
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9),
|
|
165
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9),
|
|
166
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9),
|
|
167
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9),
|
|
168
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9),
|
|
169
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9),
|
|
170
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9),
|
|
171
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9),
|
|
172
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9) {
|
|
173
173
|
opacity: 1;
|
|
174
174
|
transform: translateY(0);
|
|
175
175
|
transition-property: transform, opacity;
|
|
@@ -177,83 +177,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
177
177
|
transition-timing-function: var(--motion-easing-refresh-only-c-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
|
|
178
178
|
}
|
|
179
179
|
@media (prefers-reduced-motion: reduce) {
|
|
180
|
-
.awsui_flash-with-
|
|
181
|
-
.awsui_flash-with-
|
|
182
|
-
.awsui_flash-with-
|
|
183
|
-
.awsui_flash-with-
|
|
184
|
-
.awsui_flash-with-
|
|
185
|
-
.awsui_flash-with-
|
|
186
|
-
.awsui_flash-with-
|
|
187
|
-
.awsui_flash-with-
|
|
188
|
-
.awsui_flash-with-
|
|
189
|
-
.awsui_flash-with-
|
|
180
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9),
|
|
181
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9),
|
|
182
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9),
|
|
183
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9),
|
|
184
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9),
|
|
185
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9),
|
|
186
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9),
|
|
187
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9),
|
|
188
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9),
|
|
189
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9) {
|
|
190
190
|
animation: none;
|
|
191
191
|
transition: none;
|
|
192
192
|
}
|
|
193
193
|
}
|
|
194
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
194
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9) {
|
|
195
195
|
animation: none;
|
|
196
196
|
transition: none;
|
|
197
197
|
}
|
|
198
|
-
.awsui_flash-with-
|
|
198
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9), .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9) {
|
|
199
199
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) - 50ms);
|
|
200
200
|
}
|
|
201
201
|
@media (prefers-reduced-motion: reduce) {
|
|
202
|
-
.awsui_flash-with-
|
|
202
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9), .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9) {
|
|
203
203
|
animation: none;
|
|
204
204
|
transition: none;
|
|
205
205
|
}
|
|
206
206
|
}
|
|
207
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
207
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-icon_1q84n_kwvxa_139:not(#\9) {
|
|
208
208
|
animation: none;
|
|
209
209
|
transition: none;
|
|
210
210
|
}
|
|
211
|
-
.awsui_flash-with-
|
|
211
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9), .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9) {
|
|
212
212
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) + 10ms);
|
|
213
213
|
}
|
|
214
214
|
@media (prefers-reduced-motion: reduce) {
|
|
215
|
-
.awsui_flash-with-
|
|
215
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9), .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9) {
|
|
216
216
|
animation: none;
|
|
217
217
|
transition: none;
|
|
218
218
|
}
|
|
219
219
|
}
|
|
220
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
220
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-header_1q84n_kwvxa_113:not(#\9) {
|
|
221
221
|
animation: none;
|
|
222
222
|
transition: none;
|
|
223
223
|
}
|
|
224
|
-
.awsui_flash-with-
|
|
224
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9), .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9) {
|
|
225
225
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) + 10ms);
|
|
226
226
|
}
|
|
227
227
|
@media (prefers-reduced-motion: reduce) {
|
|
228
|
-
.awsui_flash-with-
|
|
228
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9), .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9) {
|
|
229
229
|
animation: none;
|
|
230
230
|
transition: none;
|
|
231
231
|
}
|
|
232
232
|
}
|
|
233
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
233
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_flash-message_1q84n_kwvxa_113 > .awsui_flash-content_1q84n_kwvxa_114:not(#\9) {
|
|
234
234
|
animation: none;
|
|
235
235
|
transition: none;
|
|
236
236
|
}
|
|
237
|
-
.awsui_flash-with-
|
|
238
|
-
.awsui_flash-with-
|
|
239
|
-
.awsui_flash-with-
|
|
240
|
-
.awsui_flash-with-
|
|
237
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9),
|
|
238
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9),
|
|
239
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9),
|
|
240
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9) {
|
|
241
241
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) * 2 - 100ms);
|
|
242
242
|
}
|
|
243
243
|
@media (prefers-reduced-motion: reduce) {
|
|
244
|
-
.awsui_flash-with-
|
|
245
|
-
.awsui_flash-with-
|
|
246
|
-
.awsui_flash-with-
|
|
247
|
-
.awsui_flash-with-
|
|
244
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9),
|
|
245
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9),
|
|
246
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9),
|
|
247
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9) {
|
|
248
248
|
animation: none;
|
|
249
249
|
transition: none;
|
|
250
250
|
}
|
|
251
251
|
}
|
|
252
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
252
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entering_1q84n_kwvxa_152 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_entered_1q84n_kwvxa_173 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9) {
|
|
253
253
|
animation: none;
|
|
254
254
|
transition: none;
|
|
255
255
|
}
|
|
256
|
-
.awsui_flash-with-
|
|
256
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_exiting_1q84n_kwvxa_278:not(#\9) {
|
|
257
257
|
opacity: 0;
|
|
258
258
|
transform: translateY(-20px);
|
|
259
259
|
transition-property: transform, opacity;
|
|
@@ -261,12 +261,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
261
261
|
transition-timing-function: var(--motion-easing-refresh-only-c-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
|
|
262
262
|
}
|
|
263
263
|
@media (prefers-reduced-motion: reduce) {
|
|
264
|
-
.awsui_flash-with-
|
|
264
|
+
.awsui_flash-with-motion_1q84n_kwvxa_99.awsui_exiting_1q84n_kwvxa_278:not(#\9) {
|
|
265
265
|
animation: none;
|
|
266
266
|
transition: none;
|
|
267
267
|
}
|
|
268
268
|
}
|
|
269
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
269
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_exiting_1q84n_kwvxa_278:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_kwvxa_99.awsui_exiting_1q84n_kwvxa_278:not(#\9) {
|
|
270
270
|
animation: none;
|
|
271
271
|
transition: none;
|
|
272
272
|
}
|
|
@@ -275,26 +275,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
275
275
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
276
276
|
SPDX-License-Identifier: Apache-2.0
|
|
277
277
|
*/
|
|
278
|
-
.
|
|
279
|
-
.
|
|
280
|
-
.
|
|
278
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_animation-running_1q84n_kwvxa_300 > .awsui_item_1q84n_kwvxa_300:not(#\9),
|
|
279
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_animation-running_1q84n_kwvxa_300 > .awsui_flash-list-item_1q84n_kwvxa_301:not(#\9),
|
|
280
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_animation-running_1q84n_kwvxa_300.awsui_notification-bar_1q84n_kwvxa_302:not(#\9) {
|
|
281
281
|
transition-timing-function: var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
|
|
282
282
|
transition-duration: var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
283
283
|
}
|
|
284
284
|
@media (prefers-reduced-motion: reduce) {
|
|
285
|
-
.
|
|
286
|
-
.
|
|
287
|
-
.
|
|
285
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_animation-running_1q84n_kwvxa_300 > .awsui_item_1q84n_kwvxa_300:not(#\9),
|
|
286
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_animation-running_1q84n_kwvxa_300 > .awsui_flash-list-item_1q84n_kwvxa_301:not(#\9),
|
|
287
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_animation-running_1q84n_kwvxa_300.awsui_notification-bar_1q84n_kwvxa_302:not(#\9) {
|
|
288
288
|
animation: none;
|
|
289
289
|
transition: none;
|
|
290
290
|
}
|
|
291
291
|
}
|
|
292
|
-
.awsui-motion-disabled .
|
|
292
|
+
.awsui-motion-disabled .awsui_stack_1q84n_kwvxa_300 > .awsui_animation-running_1q84n_kwvxa_300 > .awsui_item_1q84n_kwvxa_300:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_kwvxa_300 > .awsui_animation-running_1q84n_kwvxa_300 > .awsui_item_1q84n_kwvxa_300:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_kwvxa_300 > .awsui_animation-running_1q84n_kwvxa_300 > .awsui_flash-list-item_1q84n_kwvxa_301:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_kwvxa_300 > .awsui_animation-running_1q84n_kwvxa_300 > .awsui_flash-list-item_1q84n_kwvxa_301:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_kwvxa_300 > .awsui_animation-running_1q84n_kwvxa_300.awsui_notification-bar_1q84n_kwvxa_302:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_kwvxa_300 > .awsui_animation-running_1q84n_kwvxa_300.awsui_notification-bar_1q84n_kwvxa_302:not(#\9) {
|
|
293
293
|
animation: none;
|
|
294
294
|
transition: none;
|
|
295
295
|
}
|
|
296
|
-
.
|
|
297
|
-
.
|
|
296
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_collapsed_1q84n_kwvxa_322.awsui_animation-ready_1q84n_kwvxa_322 > .awsui_expanded-only_1q84n_kwvxa_322:not(#\9),
|
|
297
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_collapsed_1q84n_kwvxa_322.awsui_animation-running_1q84n_kwvxa_300 > .awsui_expanded-only_1q84n_kwvxa_322:not(#\9) {
|
|
298
298
|
display: none;
|
|
299
299
|
}
|
|
300
300
|
|
|
@@ -302,12 +302,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
302
302
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
303
303
|
SPDX-License-Identifier: Apache-2.0
|
|
304
304
|
*/
|
|
305
|
-
.
|
|
305
|
+
.awsui_stack_1q84n_kwvxa_300:not(#\9) {
|
|
306
306
|
display: grid;
|
|
307
307
|
grid-template-columns: 30px 1fr 30px;
|
|
308
308
|
}
|
|
309
309
|
|
|
310
|
-
.
|
|
310
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_expanded_1q84n_kwvxa_322:not(#\9) {
|
|
311
311
|
grid-column: 1/4;
|
|
312
312
|
}
|
|
313
313
|
|
|
@@ -321,21 +321,21 @@ the grid layout will be:
|
|
|
321
321
|
[10px] [item 2 start] [10px] [fractional unit] [10px] [item 2 end] [10px]
|
|
322
322
|
[10px] [10px] [item 3 start] [fractional unit] [item 3 end] [10px] [10px]
|
|
323
323
|
*/
|
|
324
|
-
.
|
|
324
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_collapsed_1q84n_kwvxa_322:not(#\9) {
|
|
325
325
|
display: grid;
|
|
326
326
|
grid-column: 1/4;
|
|
327
|
-
grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-
|
|
327
|
+
grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-epuq3n), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-epuq3n), 10px);
|
|
328
328
|
row-gap: 8px;
|
|
329
329
|
z-index: 0;
|
|
330
330
|
}
|
|
331
|
-
.
|
|
332
|
-
grid-column-start: calc(var(--awsui-flashbar-stack-index-
|
|
333
|
-
grid-column-end: calc(var(--awsui-flashbar-stack-depth-
|
|
331
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_collapsed_1q84n_kwvxa_322 > .awsui_item_1q84n_kwvxa_300:not(#\9) {
|
|
332
|
+
grid-column-start: calc(var(--awsui-flashbar-stack-index-epuq3n) + 1);
|
|
333
|
+
grid-column-end: calc(var(--awsui-flashbar-stack-depth-epuq3n) * 2 + 1 - var(--awsui-flashbar-stack-index-epuq3n) + 1);
|
|
334
334
|
grid-row-start: 1;
|
|
335
|
-
grid-row-end: calc(var(--awsui-flashbar-stack-index-
|
|
336
|
-
z-index: calc(var(--awsui-flashbar-stack-depth-
|
|
335
|
+
grid-row-end: calc(var(--awsui-flashbar-stack-index-epuq3n) + 2);
|
|
336
|
+
z-index: calc(var(--awsui-flashbar-stack-depth-epuq3n) - var(--awsui-flashbar-stack-index-epuq3n));
|
|
337
337
|
}
|
|
338
|
-
.
|
|
338
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_collapsed_1q84n_kwvxa_322 > .awsui_item_1q84n_kwvxa_300:not(#\9):not(:first-of-type) {
|
|
339
339
|
align-self: end;
|
|
340
340
|
/* Give placeholder elements in the stacked state the height of a notification
|
|
341
341
|
with one single line of text.
|
|
@@ -347,23 +347,23 @@ the grid layout will be:
|
|
|
347
347
|
) * 2
|
|
348
348
|
);
|
|
349
349
|
}
|
|
350
|
-
.
|
|
351
|
-
.
|
|
350
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_collapsed_1q84n_kwvxa_322 > .awsui_item_1q84n_kwvxa_300:not(#\9):not(:last-child) > .awsui_flash_1q84n_kwvxa_99::before,
|
|
351
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_collapsed_1q84n_kwvxa_322 > .awsui_item_1q84n_kwvxa_300.awsui_flash_1q84n_kwvxa_99:not(#\9)::before {
|
|
352
352
|
box-shadow: var(--shadow-flash-collapsed-s7gipk, 0px 4px 4px rgba(0, 0, 0, 0.25));
|
|
353
353
|
}
|
|
354
354
|
|
|
355
|
-
.
|
|
355
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_expanded_1q84n_kwvxa_322.awsui_animation-running_1q84n_kwvxa_300 > .awsui_flash-list-item_1q84n_kwvxa_301:not(#\9) {
|
|
356
356
|
position: relative;
|
|
357
|
-
z-index: calc(var(--awsui-flashbar-stack-depth-
|
|
357
|
+
z-index: calc(var(--awsui-flashbar-stack-depth-epuq3n) - var(--awsui-flashbar-stack-index-epuq3n));
|
|
358
358
|
}
|
|
359
359
|
|
|
360
|
-
.
|
|
360
|
+
.awsui_stack_1q84n_kwvxa_300.awsui_collapsible_1q84n_kwvxa_386:not(#\9):not(.awsui_expanded_1q84n_kwvxa_322) {
|
|
361
361
|
/*
|
|
362
362
|
Since the notification bar is anchored to the bottom of the Flashbar, we need to push it up to account for the
|
|
363
363
|
missing third item when there are only 2 items in the stack.
|
|
364
364
|
*/
|
|
365
365
|
}
|
|
366
|
-
.
|
|
366
|
+
.awsui_stack_1q84n_kwvxa_300.awsui_collapsible_1q84n_kwvxa_386:not(#\9):not(.awsui_expanded_1q84n_kwvxa_322):not(.awsui_short-list_1q84n_kwvxa_392):not(.awsui_visual-refresh_1q84n_kwvxa_392) {
|
|
367
367
|
/*
|
|
368
368
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
369
369
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -372,17 +372,17 @@ the grid layout will be:
|
|
|
372
372
|
*/
|
|
373
373
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
374
374
|
is the full height of the notification bar */
|
|
375
|
-
--awsui-stacked-notifications-default-bottom-margin-
|
|
375
|
+
--awsui-stacked-notifications-default-bottom-margin-epuq3n: calc(
|
|
376
376
|
var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 1px - calc(var(--space-scaled-xl-kswcw7, 24px) + 3px)
|
|
377
377
|
);
|
|
378
378
|
margin-block-end: calc(
|
|
379
379
|
var(
|
|
380
|
-
--awsui-stacked-notifications-bottom-margin-
|
|
381
|
-
var(--awsui-stacked-notifications-default-bottom-margin-
|
|
380
|
+
--awsui-stacked-notifications-bottom-margin-epuq3n,
|
|
381
|
+
var(--awsui-stacked-notifications-default-bottom-margin-epuq3n)
|
|
382
382
|
) + 0px + 0px
|
|
383
383
|
);
|
|
384
384
|
}
|
|
385
|
-
.
|
|
385
|
+
.awsui_stack_1q84n_kwvxa_300.awsui_collapsible_1q84n_kwvxa_386:not(#\9):not(.awsui_expanded_1q84n_kwvxa_322):not(.awsui_short-list_1q84n_kwvxa_392):not(.awsui_visual-refresh_1q84n_kwvxa_392) > .awsui_notification-bar_1q84n_kwvxa_302 {
|
|
386
386
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 0px);
|
|
387
387
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
388
388
|
is the full height of the notification bar */
|
|
@@ -393,7 +393,7 @@ the grid layout will be:
|
|
|
393
393
|
);
|
|
394
394
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
395
395
|
}
|
|
396
|
-
.
|
|
396
|
+
.awsui_stack_1q84n_kwvxa_300.awsui_collapsible_1q84n_kwvxa_386:not(#\9):not(.awsui_expanded_1q84n_kwvxa_322):not(.awsui_short-list_1q84n_kwvxa_392).awsui_visual-refresh_1q84n_kwvxa_392 {
|
|
397
397
|
/*
|
|
398
398
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
399
399
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -402,17 +402,17 @@ the grid layout will be:
|
|
|
402
402
|
*/
|
|
403
403
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
404
404
|
is the full height of the notification bar */
|
|
405
|
-
--awsui-stacked-notifications-default-bottom-margin-
|
|
405
|
+
--awsui-stacked-notifications-default-bottom-margin-epuq3n: calc(
|
|
406
406
|
var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 2px - calc(var(--space-scaled-xl-kswcw7, 24px) + 3px)
|
|
407
407
|
);
|
|
408
408
|
margin-block-end: calc(
|
|
409
409
|
var(
|
|
410
|
-
--awsui-stacked-notifications-bottom-margin-
|
|
411
|
-
var(--awsui-stacked-notifications-default-bottom-margin-
|
|
410
|
+
--awsui-stacked-notifications-bottom-margin-epuq3n,
|
|
411
|
+
var(--awsui-stacked-notifications-default-bottom-margin-epuq3n)
|
|
412
412
|
) + 0px + 0px
|
|
413
413
|
);
|
|
414
414
|
}
|
|
415
|
-
.
|
|
415
|
+
.awsui_stack_1q84n_kwvxa_300.awsui_collapsible_1q84n_kwvxa_386:not(#\9):not(.awsui_expanded_1q84n_kwvxa_322):not(.awsui_short-list_1q84n_kwvxa_392).awsui_visual-refresh_1q84n_kwvxa_392 > .awsui_notification-bar_1q84n_kwvxa_302 {
|
|
416
416
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 0px);
|
|
417
417
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
418
418
|
is the full height of the notification bar */
|
|
@@ -423,7 +423,7 @@ the grid layout will be:
|
|
|
423
423
|
);
|
|
424
424
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
425
425
|
}
|
|
426
|
-
.
|
|
426
|
+
.awsui_stack_1q84n_kwvxa_300.awsui_collapsible_1q84n_kwvxa_386:not(#\9):not(.awsui_expanded_1q84n_kwvxa_322).awsui_short-list_1q84n_kwvxa_392:not(.awsui_visual-refresh_1q84n_kwvxa_392) {
|
|
427
427
|
/*
|
|
428
428
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
429
429
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -432,17 +432,17 @@ the grid layout will be:
|
|
|
432
432
|
*/
|
|
433
433
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
434
434
|
is the full height of the notification bar */
|
|
435
|
-
--awsui-stacked-notifications-default-bottom-margin-
|
|
435
|
+
--awsui-stacked-notifications-default-bottom-margin-epuq3n: calc(
|
|
436
436
|
var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 1px - calc(var(--space-scaled-xl-kswcw7, 24px) + 3px)
|
|
437
437
|
);
|
|
438
438
|
margin-block-end: calc(
|
|
439
439
|
var(
|
|
440
|
-
--awsui-stacked-notifications-bottom-margin-
|
|
441
|
-
var(--awsui-stacked-notifications-default-bottom-margin-
|
|
440
|
+
--awsui-stacked-notifications-bottom-margin-epuq3n,
|
|
441
|
+
var(--awsui-stacked-notifications-default-bottom-margin-epuq3n)
|
|
442
442
|
) + 0px + 8px
|
|
443
443
|
);
|
|
444
444
|
}
|
|
445
|
-
.
|
|
445
|
+
.awsui_stack_1q84n_kwvxa_300.awsui_collapsible_1q84n_kwvxa_386:not(#\9):not(.awsui_expanded_1q84n_kwvxa_322).awsui_short-list_1q84n_kwvxa_392:not(.awsui_visual-refresh_1q84n_kwvxa_392) > .awsui_notification-bar_1q84n_kwvxa_302 {
|
|
446
446
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 8px);
|
|
447
447
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
448
448
|
is the full height of the notification bar */
|
|
@@ -453,7 +453,7 @@ the grid layout will be:
|
|
|
453
453
|
);
|
|
454
454
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
455
455
|
}
|
|
456
|
-
.
|
|
456
|
+
.awsui_stack_1q84n_kwvxa_300.awsui_collapsible_1q84n_kwvxa_386:not(#\9):not(.awsui_expanded_1q84n_kwvxa_322).awsui_short-list_1q84n_kwvxa_392.awsui_visual-refresh_1q84n_kwvxa_392 {
|
|
457
457
|
/*
|
|
458
458
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
459
459
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -462,17 +462,17 @@ the grid layout will be:
|
|
|
462
462
|
*/
|
|
463
463
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
464
464
|
is the full height of the notification bar */
|
|
465
|
-
--awsui-stacked-notifications-default-bottom-margin-
|
|
465
|
+
--awsui-stacked-notifications-default-bottom-margin-epuq3n: calc(
|
|
466
466
|
var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 2px - calc(var(--space-scaled-xl-kswcw7, 24px) + 3px)
|
|
467
467
|
);
|
|
468
468
|
margin-block-end: calc(
|
|
469
469
|
var(
|
|
470
|
-
--awsui-stacked-notifications-bottom-margin-
|
|
471
|
-
var(--awsui-stacked-notifications-default-bottom-margin-
|
|
470
|
+
--awsui-stacked-notifications-bottom-margin-epuq3n,
|
|
471
|
+
var(--awsui-stacked-notifications-default-bottom-margin-epuq3n)
|
|
472
472
|
) + 0px + 8px
|
|
473
473
|
);
|
|
474
474
|
}
|
|
475
|
-
.
|
|
475
|
+
.awsui_stack_1q84n_kwvxa_300.awsui_collapsible_1q84n_kwvxa_386:not(#\9):not(.awsui_expanded_1q84n_kwvxa_322).awsui_short-list_1q84n_kwvxa_392.awsui_visual-refresh_1q84n_kwvxa_392 > .awsui_notification-bar_1q84n_kwvxa_302 {
|
|
476
476
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 8px);
|
|
477
477
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
478
478
|
is the full height of the notification bar */
|
|
@@ -483,7 +483,7 @@ the grid layout will be:
|
|
|
483
483
|
);
|
|
484
484
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
485
485
|
}
|
|
486
|
-
.
|
|
486
|
+
.awsui_stack_1q84n_kwvxa_300.awsui_collapsible_1q84n_kwvxa_386.awsui_expanded_1q84n_kwvxa_322:not(#\9):not(.awsui_visual-refresh_1q84n_kwvxa_392) {
|
|
487
487
|
/*
|
|
488
488
|
Give a bit more bottom margin when expanded, but only in Classic because in Visual Refresh the margin around the
|
|
489
489
|
notifications slot already gives it enough space.
|
|
@@ -496,17 +496,17 @@ the grid layout will be:
|
|
|
496
496
|
*/
|
|
497
497
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
498
498
|
is the full height of the notification bar */
|
|
499
|
-
--awsui-stacked-notifications-default-bottom-margin-
|
|
499
|
+
--awsui-stacked-notifications-default-bottom-margin-epuq3n: calc(
|
|
500
500
|
var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 1px - var(--space-scaled-s-aqzyko, 12px)
|
|
501
501
|
);
|
|
502
502
|
margin-block-end: calc(
|
|
503
503
|
var(
|
|
504
|
-
--awsui-stacked-notifications-bottom-margin-
|
|
505
|
-
var(--awsui-stacked-notifications-default-bottom-margin-
|
|
504
|
+
--awsui-stacked-notifications-bottom-margin-epuq3n,
|
|
505
|
+
var(--awsui-stacked-notifications-default-bottom-margin-epuq3n)
|
|
506
506
|
) + var(--space-scaled-m-mo5yse, 16px) + 0px
|
|
507
507
|
);
|
|
508
508
|
}
|
|
509
|
-
.
|
|
509
|
+
.awsui_stack_1q84n_kwvxa_300.awsui_collapsible_1q84n_kwvxa_386.awsui_expanded_1q84n_kwvxa_322:not(#\9):not(.awsui_visual-refresh_1q84n_kwvxa_392) > .awsui_notification-bar_1q84n_kwvxa_302 {
|
|
510
510
|
margin-block-start: calc(-1 * var(--space-scaled-s-aqzyko, 12px) + 0px);
|
|
511
511
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
512
512
|
is the full height of the notification bar */
|
|
@@ -517,7 +517,7 @@ the grid layout will be:
|
|
|
517
517
|
);
|
|
518
518
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
519
519
|
}
|
|
520
|
-
.
|
|
520
|
+
.awsui_stack_1q84n_kwvxa_300.awsui_collapsible_1q84n_kwvxa_386.awsui_expanded_1q84n_kwvxa_322.awsui_visual-refresh_1q84n_kwvxa_392:not(#\9) {
|
|
521
521
|
/*
|
|
522
522
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
523
523
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -526,17 +526,17 @@ the grid layout will be:
|
|
|
526
526
|
*/
|
|
527
527
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
528
528
|
is the full height of the notification bar */
|
|
529
|
-
--awsui-stacked-notifications-default-bottom-margin-
|
|
529
|
+
--awsui-stacked-notifications-default-bottom-margin-epuq3n: calc(
|
|
530
530
|
var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + 2 * 2px - var(--space-scaled-s-aqzyko, 12px)
|
|
531
531
|
);
|
|
532
532
|
margin-block-end: calc(
|
|
533
533
|
var(
|
|
534
|
-
--awsui-stacked-notifications-bottom-margin-
|
|
535
|
-
var(--awsui-stacked-notifications-default-bottom-margin-
|
|
534
|
+
--awsui-stacked-notifications-bottom-margin-epuq3n,
|
|
535
|
+
var(--awsui-stacked-notifications-default-bottom-margin-epuq3n)
|
|
536
536
|
) + 0px + 0px
|
|
537
537
|
);
|
|
538
538
|
}
|
|
539
|
-
.
|
|
539
|
+
.awsui_stack_1q84n_kwvxa_300.awsui_collapsible_1q84n_kwvxa_386.awsui_expanded_1q84n_kwvxa_322.awsui_visual-refresh_1q84n_kwvxa_392 > .awsui_notification-bar_1q84n_kwvxa_302:not(#\9) {
|
|
540
540
|
margin-block-start: calc(-1 * var(--space-scaled-s-aqzyko, 12px) + 0px);
|
|
541
541
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
542
542
|
is the full height of the notification bar */
|
|
@@ -548,7 +548,7 @@ the grid layout will be:
|
|
|
548
548
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
549
549
|
}
|
|
550
550
|
|
|
551
|
-
.
|
|
551
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302:not(#\9) {
|
|
552
552
|
min-inline-size: 0;
|
|
553
553
|
word-break: break-word;
|
|
554
554
|
background: var(--color-background-notification-stack-bar-btgysg, #232f3e);
|
|
@@ -576,9 +576,9 @@ the grid layout will be:
|
|
|
576
576
|
text-decoration: none;
|
|
577
577
|
z-index: 1;
|
|
578
578
|
}
|
|
579
|
-
.
|
|
580
|
-
.
|
|
581
|
-
.
|
|
579
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_status_1q84n_kwvxa_605 > .awsui_header_1q84n_kwvxa_605:not(#\9),
|
|
580
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_status_1q84n_kwvxa_605 > .awsui_item-count_1q84n_kwvxa_606:not(#\9),
|
|
581
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_button_1q84n_kwvxa_607:not(#\9) {
|
|
582
582
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
583
583
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
584
584
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
@@ -591,7 +591,7 @@ the grid layout will be:
|
|
|
591
591
|
margin-block: 0;
|
|
592
592
|
padding-block: 0;
|
|
593
593
|
}
|
|
594
|
-
.
|
|
594
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_status_1q84n_kwvxa_605:not(#\9) {
|
|
595
595
|
display: flex;
|
|
596
596
|
flex-direction: row;
|
|
597
597
|
flex-wrap: wrap;
|
|
@@ -599,11 +599,11 @@ the grid layout will be:
|
|
|
599
599
|
justify-content: center;
|
|
600
600
|
row-gap: 0;
|
|
601
601
|
}
|
|
602
|
-
.
|
|
602
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_status_1q84n_kwvxa_605 > .awsui_header_1q84n_kwvxa_605:not(#\9) {
|
|
603
603
|
font-weight: var(--font-button-weight-hv56tz, 700);
|
|
604
604
|
display: inline-block;
|
|
605
605
|
}
|
|
606
|
-
.
|
|
606
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_status_1q84n_kwvxa_605 > .awsui_item-count_1q84n_kwvxa_606:not(#\9) {
|
|
607
607
|
column-gap: var(--space-s-34lx8l, 12px);
|
|
608
608
|
display: flex;
|
|
609
609
|
flex-direction: row;
|
|
@@ -611,33 +611,33 @@ the grid layout will be:
|
|
|
611
611
|
justify-content: center;
|
|
612
612
|
row-gap: 0;
|
|
613
613
|
}
|
|
614
|
-
.
|
|
614
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_status_1q84n_kwvxa_605 > .awsui_item-count_1q84n_kwvxa_606 > .awsui_type-count_1q84n_kwvxa_640 > .awsui_count-number_1q84n_kwvxa_640:not(#\9) {
|
|
615
615
|
margin-inline-start: var(--space-xxs-p8yyaw, 4px);
|
|
616
616
|
}
|
|
617
|
-
.
|
|
617
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302:not(#\9):hover {
|
|
618
618
|
background: var(--color-background-notification-stack-bar-hover-905myr, #414d5c);
|
|
619
619
|
border-color: var(--color-background-notification-stack-bar-hover-905myr, #414d5c);
|
|
620
620
|
}
|
|
621
|
-
.
|
|
621
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302:not(#\9):active {
|
|
622
622
|
background: var(--color-background-notification-stack-bar-active-g701bg, #232f3e);
|
|
623
623
|
}
|
|
624
|
-
.
|
|
624
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302.awsui_visual-refresh_1q84n_kwvxa_392:not(#\9) {
|
|
625
625
|
border-block-width: 2px;
|
|
626
626
|
border-inline-width: 2px;
|
|
627
627
|
padding-inline: var(--space-l-t419sm, 20px);
|
|
628
628
|
}
|
|
629
|
-
.
|
|
629
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302:not(#\9):not(.awsui_visual-refresh_1q84n_kwvxa_392) {
|
|
630
630
|
border-block-width: 1px;
|
|
631
631
|
border-inline-width: 1px;
|
|
632
632
|
padding-inline: var(--space-s-34lx8l, 12px);
|
|
633
633
|
}
|
|
634
|
-
.
|
|
634
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302:not(#\9):not(.awsui_visual-refresh_1q84n_kwvxa_392):focus {
|
|
635
635
|
text-decoration: none;
|
|
636
636
|
}
|
|
637
|
-
.
|
|
637
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302:not(#\9):not(.awsui_visual-refresh_1q84n_kwvxa_392):hover {
|
|
638
638
|
text-decoration: none;
|
|
639
639
|
}
|
|
640
|
-
.
|
|
640
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_button_1q84n_kwvxa_607:not(#\9) {
|
|
641
641
|
display: inline-block;
|
|
642
642
|
flex-grow: 1;
|
|
643
643
|
background: none;
|
|
@@ -645,33 +645,33 @@ the grid layout will be:
|
|
|
645
645
|
border-inline: none;
|
|
646
646
|
padding-block: 0;
|
|
647
647
|
}
|
|
648
|
-
.
|
|
648
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_button_1q84n_kwvxa_607 > .awsui_icon_1q84n_kwvxa_674:not(#\9) {
|
|
649
649
|
transition: transform var(--motion-duration-rotate-90-4ry26y, 135ms) var(--motion-easing-rotate-90-sb4dk7, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
650
650
|
}
|
|
651
651
|
@media (prefers-reduced-motion: reduce) {
|
|
652
|
-
.
|
|
652
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_button_1q84n_kwvxa_607 > .awsui_icon_1q84n_kwvxa_674:not(#\9) {
|
|
653
653
|
animation: none;
|
|
654
654
|
transition: none;
|
|
655
655
|
}
|
|
656
656
|
}
|
|
657
|
-
.awsui-motion-disabled .
|
|
657
|
+
.awsui-motion-disabled .awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_button_1q84n_kwvxa_607 > .awsui_icon_1q84n_kwvxa_674:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_button_1q84n_kwvxa_607 > .awsui_icon_1q84n_kwvxa_674:not(#\9) {
|
|
658
658
|
animation: none;
|
|
659
659
|
transition: none;
|
|
660
660
|
}
|
|
661
|
-
.
|
|
661
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_button_1q84n_kwvxa_607.awsui_expanded_1q84n_kwvxa_322 > .awsui_icon_1q84n_kwvxa_674:not(#\9) {
|
|
662
662
|
transform: rotate(180deg);
|
|
663
663
|
}
|
|
664
|
-
.
|
|
664
|
+
.awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_button_1q84n_kwvxa_607:not(#\9):focus {
|
|
665
665
|
outline: none;
|
|
666
666
|
}
|
|
667
|
-
body[data-awsui-focus-visible=true] .
|
|
667
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_button_1q84n_kwvxa_607:not(#\9):focus {
|
|
668
668
|
position: relative;
|
|
669
669
|
}
|
|
670
|
-
body[data-awsui-focus-visible=true] .
|
|
670
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_button_1q84n_kwvxa_607:not(#\9):focus {
|
|
671
671
|
outline: 2px dotted transparent;
|
|
672
672
|
outline-offset: calc(0px - 1px);
|
|
673
673
|
}
|
|
674
|
-
body[data-awsui-focus-visible=true] .
|
|
674
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_kwvxa_300 > .awsui_notification-bar_1q84n_kwvxa_302 > .awsui_button_1q84n_kwvxa_607:not(#\9):focus::before {
|
|
675
675
|
content: " ";
|
|
676
676
|
display: block;
|
|
677
677
|
position: absolute;
|
|
@@ -686,24 +686,24 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_qt4pn_300 > .awsui_notifi
|
|
|
686
686
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
687
687
|
}
|
|
688
688
|
|
|
689
|
-
.
|
|
690
|
-
padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-
|
|
689
|
+
.awsui_stack_1q84n_kwvxa_300.awsui_expanded_1q84n_kwvxa_322:not(#\9):not(.awsui_floating_1q84n_kwvxa_715) {
|
|
690
|
+
padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-epuq3n, 0);
|
|
691
691
|
}
|
|
692
692
|
|
|
693
693
|
/*
|
|
694
694
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
695
695
|
SPDX-License-Identifier: Apache-2.0
|
|
696
696
|
*/
|
|
697
|
-
.
|
|
697
|
+
.awsui_flashbar_1q84n_kwvxa_723:not(#\9) {
|
|
698
698
|
position: relative;
|
|
699
699
|
/* stylelint-disable-next-line selector-max-type */
|
|
700
700
|
}
|
|
701
|
-
.
|
|
701
|
+
.awsui_flashbar_1q84n_kwvxa_723 > li + li:not(#\9) {
|
|
702
702
|
padding-block-start: 0;
|
|
703
703
|
}
|
|
704
704
|
|
|
705
|
-
.
|
|
706
|
-
.
|
|
705
|
+
.awsui_flashbar_1q84n_kwvxa_723:not(#\9),
|
|
706
|
+
.awsui_flash_1q84n_kwvxa_99:not(#\9) {
|
|
707
707
|
border-collapse: separate;
|
|
708
708
|
border-spacing: 0;
|
|
709
709
|
box-sizing: border-box;
|
|
@@ -739,7 +739,7 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_qt4pn_300 > .awsui_notifi
|
|
|
739
739
|
-moz-osx-font-smoothing: auto;
|
|
740
740
|
}
|
|
741
741
|
|
|
742
|
-
.
|
|
742
|
+
.awsui_flash_1q84n_kwvxa_99:not(#\9) {
|
|
743
743
|
position: relative;
|
|
744
744
|
display: flex;
|
|
745
745
|
justify-content: flex-start;
|
|
@@ -754,7 +754,7 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_qt4pn_300 > .awsui_notifi
|
|
|
754
754
|
overflow-wrap: break-word;
|
|
755
755
|
word-wrap: break-word;
|
|
756
756
|
}
|
|
757
|
-
.
|
|
757
|
+
.awsui_flash_1q84n_kwvxa_99:not(#\9)::before {
|
|
758
758
|
content: "";
|
|
759
759
|
position: absolute;
|
|
760
760
|
inset-inline-start: 0px;
|
|
@@ -770,43 +770,43 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_qt4pn_300 > .awsui_notifi
|
|
|
770
770
|
border-end-end-radius: var(--border-radius-flashbar-hcdl9q, 12px);
|
|
771
771
|
box-shadow: var(--shadow-flash-sticky-pq8cuq, 0px 4px 8px rgba(0, 7, 22, 0.1));
|
|
772
772
|
}
|
|
773
|
-
.awsui_flash-
|
|
773
|
+
.awsui_flash-refresh_1q84n_kwvxa_798:not(#\9)::before {
|
|
774
774
|
z-index: -1;
|
|
775
775
|
}
|
|
776
776
|
|
|
777
|
-
.awsui_flash-
|
|
777
|
+
.awsui_flash-list_1q84n_kwvxa_301:not(#\9) {
|
|
778
778
|
list-style: none;
|
|
779
779
|
padding-block: 0;
|
|
780
780
|
padding-inline: 0;
|
|
781
781
|
margin-block: 0;
|
|
782
782
|
margin-inline: 0;
|
|
783
783
|
}
|
|
784
|
-
.awsui_flash-
|
|
784
|
+
.awsui_flash-list_1q84n_kwvxa_301:not(#\9):not(.awsui_collapsed_1q84n_kwvxa_322) > li:not(:last-child) {
|
|
785
785
|
margin-block-end: var(--space-xxxs-zbmxqb, 2px);
|
|
786
786
|
}
|
|
787
787
|
|
|
788
|
-
.awsui_flash-
|
|
788
|
+
.awsui_flash-body_1q84n_kwvxa_113:not(#\9) {
|
|
789
789
|
display: flex;
|
|
790
790
|
flex-grow: 1;
|
|
791
791
|
min-inline-size: 0;
|
|
792
792
|
}
|
|
793
793
|
|
|
794
|
-
.awsui_flash-focus-
|
|
794
|
+
.awsui_flash-focus-container_1q84n_kwvxa_819:not(#\9) {
|
|
795
795
|
display: flex;
|
|
796
796
|
flex: 1;
|
|
797
797
|
min-inline-size: 0;
|
|
798
798
|
}
|
|
799
|
-
.awsui_flash-focus-
|
|
799
|
+
.awsui_flash-focus-container_1q84n_kwvxa_819:not(#\9):focus {
|
|
800
800
|
outline: none;
|
|
801
801
|
}
|
|
802
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
802
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_kwvxa_819:not(#\9):focus {
|
|
803
803
|
position: relative;
|
|
804
804
|
}
|
|
805
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
805
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_kwvxa_819:not(#\9):focus {
|
|
806
806
|
outline: 2px dotted transparent;
|
|
807
807
|
outline-offset: calc(var(--space-button-focus-outline-gutter-cqfd0c, 4px) - 1px);
|
|
808
808
|
}
|
|
809
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
809
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_kwvxa_819:not(#\9):focus::before {
|
|
810
810
|
content: " ";
|
|
811
811
|
display: block;
|
|
812
812
|
position: absolute;
|
|
@@ -821,76 +821,76 @@ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_qt4pn_819
|
|
|
821
821
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
822
822
|
}
|
|
823
823
|
|
|
824
|
-
.awsui_flash-
|
|
824
|
+
.awsui_flash-text_1q84n_kwvxa_849:not(#\9) {
|
|
825
825
|
margin-block: var(--border-field-width-09w7vk, 2px);
|
|
826
826
|
margin-inline: 0;
|
|
827
827
|
padding-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
828
828
|
padding-inline: var(--space-xxs-p8yyaw, 4px);
|
|
829
829
|
}
|
|
830
830
|
|
|
831
|
-
.awsui_flash-
|
|
831
|
+
.awsui_flash-icon_1q84n_kwvxa_139:not(#\9) {
|
|
832
832
|
flex: 0 0 auto;
|
|
833
833
|
padding-inline-start: 0;
|
|
834
834
|
}
|
|
835
835
|
|
|
836
|
-
.awsui_flash-
|
|
836
|
+
.awsui_flash-message_1q84n_kwvxa_113:not(#\9) {
|
|
837
837
|
flex: 1 1 0%;
|
|
838
838
|
word-wrap: break-word;
|
|
839
839
|
max-inline-size: 100%;
|
|
840
840
|
overflow: hidden;
|
|
841
841
|
}
|
|
842
842
|
|
|
843
|
-
.awsui_flash-
|
|
843
|
+
.awsui_flash-header_1q84n_kwvxa_113:not(#\9) {
|
|
844
844
|
font-weight: 700;
|
|
845
845
|
}
|
|
846
846
|
|
|
847
|
-
.awsui_flash-
|
|
847
|
+
.awsui_flash-content_1q84n_kwvxa_114:not(#\9) {
|
|
848
848
|
/* Only used as a selector for test-utils */
|
|
849
849
|
}
|
|
850
850
|
|
|
851
|
-
.awsui_dismiss-button-
|
|
851
|
+
.awsui_dismiss-button-wrapper_1q84n_kwvxa_116:not(#\9) {
|
|
852
852
|
flex: 0 0 auto;
|
|
853
853
|
margin-inline: var(--space-s-34lx8l, 12px) calc(-1 * var(--space-xxs-p8yyaw, 4px));
|
|
854
854
|
padding-inline-end: var(--space-flashbar-dismiss-right-tcpfax, 0px);
|
|
855
855
|
}
|
|
856
856
|
|
|
857
|
-
.awsui_dismiss-
|
|
857
|
+
.awsui_dismiss-button_1q84n_kwvxa_116:not(#\9) {
|
|
858
858
|
/* Only used as a selector for test-utils */
|
|
859
859
|
}
|
|
860
860
|
|
|
861
|
-
.awsui_action-button-
|
|
861
|
+
.awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9) {
|
|
862
862
|
white-space: nowrap;
|
|
863
863
|
margin-inline-start: var(--space-flashbar-action-left-qkhz5m, 12px);
|
|
864
864
|
}
|
|
865
865
|
|
|
866
|
-
.
|
|
866
|
+
.awsui_flashbar_1q84n_kwvxa_723.awsui_breakpoint-default_1q84n_kwvxa_891 > .awsui_flash-list_1q84n_kwvxa_301 > .awsui_flash-list-item_1q84n_kwvxa_301 > .awsui_flash_1q84n_kwvxa_99 > .awsui_flash-body_1q84n_kwvxa_113:not(#\9) {
|
|
867
867
|
display: block;
|
|
868
868
|
}
|
|
869
|
-
.
|
|
869
|
+
.awsui_flashbar_1q84n_kwvxa_723.awsui_breakpoint-default_1q84n_kwvxa_891 > .awsui_flash-list_1q84n_kwvxa_301 > .awsui_flash-list-item_1q84n_kwvxa_301 > .awsui_flash_1q84n_kwvxa_99 > .awsui_flash-body_1q84n_kwvxa_113 > .awsui_action-button-wrapper_1q84n_kwvxa_115:not(#\9) {
|
|
870
870
|
margin-inline-start: var(--space-l-t419sm, 20px);
|
|
871
871
|
padding-inline-start: var(--space-xxs-p8yyaw, 4px);
|
|
872
872
|
margin-block-end: var(--space-xxs-p8yyaw, 4px);
|
|
873
873
|
}
|
|
874
874
|
|
|
875
|
-
.awsui_action-
|
|
876
|
-
.awsui_action-
|
|
875
|
+
.awsui_action-button_1q84n_kwvxa_115:not(#\9),
|
|
876
|
+
.awsui_action-slot_1q84n_kwvxa_901:not(#\9) {
|
|
877
877
|
/* Only used as a selector for test-utils */
|
|
878
878
|
}
|
|
879
879
|
|
|
880
|
-
.awsui_flash-type-
|
|
880
|
+
.awsui_flash-type-success_1q84n_kwvxa_905:not(#\9) {
|
|
881
881
|
background-color: var(--color-background-notification-green-1jtqmb, #037f0c);
|
|
882
882
|
}
|
|
883
883
|
|
|
884
|
-
.awsui_flash-type-
|
|
884
|
+
.awsui_flash-type-error_1q84n_kwvxa_909:not(#\9) {
|
|
885
885
|
background-color: var(--color-background-notification-red-ovptxu, #d91515);
|
|
886
886
|
}
|
|
887
887
|
|
|
888
|
-
.awsui_flash-type-
|
|
889
|
-
.awsui_flash-type-in-
|
|
888
|
+
.awsui_flash-type-info_1q84n_kwvxa_913:not(#\9),
|
|
889
|
+
.awsui_flash-type-in-progress_1q84n_kwvxa_914:not(#\9) {
|
|
890
890
|
background-color: var(--color-background-notification-blue-g2q2z0, #0972d3);
|
|
891
891
|
}
|
|
892
892
|
|
|
893
|
-
.awsui_flash-type-
|
|
893
|
+
.awsui_flash-type-warning_1q84n_kwvxa_918:not(#\9) {
|
|
894
894
|
color: var(--color-text-notification-yellow-p027cz, #000716);
|
|
895
895
|
background-color: var(--color-background-notification-yellow-seoi5y, #ffe457);
|
|
896
896
|
}
|