@cloudscape-design/components 3.0.357 → 3.0.359
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/actions-wrapper/index.d.ts +16 -0
- package/alert/actions-wrapper/index.d.ts.map +1 -0
- package/alert/actions-wrapper/index.js +22 -0
- package/alert/actions-wrapper/index.js.map +1 -0
- package/alert/actions-wrapper/styles.css.js +6 -0
- package/alert/actions-wrapper/styles.scoped.css +17 -0
- package/alert/actions-wrapper/styles.selectors.js +7 -0
- package/alert/internal.d.ts.map +1 -1
- package/alert/internal.js +11 -5
- package/alert/internal.js.map +1 -1
- package/alert/styles.css.js +25 -24
- package/alert/styles.scoped.css +40 -39
- package/alert/styles.selectors.js +25 -24
- package/app-layout/runtime-api.d.ts +1 -1
- package/app-layout/runtime-api.d.ts.map +1 -1
- package/app-layout/runtime-api.js +6 -20
- package/app-layout/runtime-api.js.map +1 -1
- package/button-dropdown/item-element/styles.css.js +15 -14
- package/button-dropdown/item-element/styles.scoped.css +18 -18
- package/button-dropdown/item-element/styles.selectors.js +15 -14
- package/cards/index.d.ts.map +1 -1
- package/cards/index.js +10 -7
- package/cards/index.js.map +1 -1
- package/container/internal.d.ts +1 -2
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +2 -3
- package/container/internal.js.map +1 -1
- package/file-upload/dropzone/index.d.ts +1 -1
- package/file-upload/dropzone/index.d.ts.map +1 -1
- package/file-upload/dropzone/index.js +10 -4
- package/file-upload/dropzone/index.js.map +1 -1
- package/file-upload/internal.js +1 -1
- package/file-upload/internal.js.map +1 -1
- package/flashbar/flash.d.ts.map +1 -1
- package/flashbar/flash.js +11 -7
- package/flashbar/flash.js.map +1 -1
- package/flashbar/styles.css.js +47 -46
- package/flashbar/styles.scoped.css +146 -145
- package/flashbar/styles.selectors.js +47 -46
- package/header/internal.d.ts.map +1 -1
- package/header/internal.js +5 -0
- package/header/internal.js.map +1 -1
- package/internal/context/collection-label-context.d.ts +7 -0
- package/internal/context/collection-label-context.d.ts.map +1 -0
- package/internal/context/collection-label-context.js +5 -0
- package/internal/context/collection-label-context.js.map +1 -0
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/internal/plugins/api.d.ts +16 -1
- package/internal/plugins/api.d.ts.map +1 -1
- package/internal/plugins/api.js +22 -5
- package/internal/plugins/api.js.map +1 -1
- package/internal/plugins/controllers/action-buttons.d.ts +25 -0
- package/internal/plugins/controllers/action-buttons.d.ts.map +1 -0
- package/internal/plugins/controllers/action-buttons.js +29 -0
- package/internal/plugins/controllers/action-buttons.js.map +1 -0
- package/internal/plugins/{drawers-controller.d.ts → controllers/drawers.d.ts} +3 -4
- package/internal/plugins/controllers/drawers.d.ts.map +1 -0
- package/internal/plugins/{drawers-controller.js → controllers/drawers.js} +7 -12
- package/internal/plugins/controllers/drawers.js.map +1 -0
- package/internal/plugins/helpers/index.d.ts +3 -0
- package/internal/plugins/helpers/index.d.ts.map +1 -0
- package/internal/plugins/helpers/index.js +5 -0
- package/internal/plugins/helpers/index.js.map +1 -0
- package/internal/plugins/helpers/runtime-content-wrapper.d.ts +8 -0
- package/internal/plugins/helpers/runtime-content-wrapper.d.ts.map +1 -0
- package/internal/plugins/helpers/runtime-content-wrapper.js +14 -0
- package/internal/plugins/helpers/runtime-content-wrapper.js.map +1 -0
- package/internal/plugins/helpers/use-discovered-action.d.ts +8 -0
- package/internal/plugins/helpers/use-discovered-action.d.ts.map +1 -0
- package/internal/plugins/helpers/use-discovered-action.js +24 -0
- package/internal/plugins/helpers/use-discovered-action.js.map +1 -0
- package/internal/plugins/helpers/utils.d.ts +5 -0
- package/internal/plugins/helpers/utils.d.ts.map +1 -0
- package/internal/plugins/helpers/utils.js +12 -0
- package/internal/plugins/helpers/utils.js.map +1 -0
- package/package.json +1 -1
- package/split-panel/styles.css.js +56 -56
- package/split-panel/styles.scoped.css +80 -78
- package/split-panel/styles.selectors.js +56 -56
- package/table/interfaces.d.ts +2 -3
- package/table/interfaces.d.ts.map +1 -1
- package/table/interfaces.js.map +1 -1
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +15 -3
- package/table/internal.js.map +1 -1
- package/table/table-role/table-role-helper.d.ts +1 -0
- package/table/table-role/table-role-helper.d.ts.map +1 -1
- package/table/table-role/table-role-helper.js +1 -0
- package/table/table-role/table-role-helper.js.map +1 -1
- package/table/tools-header.d.ts.map +1 -1
- package/table/tools-header.js +10 -2
- package/table/tools-header.js.map +1 -1
- package/test-utils/dom/alert/index.js +1 -1
- package/test-utils/dom/alert/index.js.map +1 -1
- package/test-utils/dom/flashbar/flash.js +1 -1
- package/test-utils/dom/flashbar/flash.js.map +1 -1
- package/test-utils/selectors/alert/index.js +1 -1
- package/test-utils/selectors/alert/index.js.map +1 -1
- package/test-utils/selectors/flashbar/flash.js +1 -1
- package/test-utils/selectors/flashbar/flash.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/internal/plugins/drawers-controller.d.ts.map +0 -1
- package/internal/plugins/drawers-controller.js.map +0 -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_128gc_93.awsui_enter_1q84n_128gc_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_128gc_93.awsui_enter_1q84n_128gc_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_128gc_93.awsui_enter_1q84n_128gc_93:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_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_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9),
|
|
108
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9),
|
|
109
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9),
|
|
110
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_dismiss-button-wrapper_1q84n_128gc_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_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9),
|
|
116
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9),
|
|
117
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9),
|
|
118
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_dismiss-button-wrapper_1q84n_128gc_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_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9) {
|
|
124
124
|
animation: none;
|
|
125
125
|
transition: none;
|
|
126
126
|
}
|
|
127
|
-
.awsui_flash-with-
|
|
127
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-icon_1q84n_128gc_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_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-icon_1q84n_128gc_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_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-icon_1q84n_128gc_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_enter_1q84n_128gc_93 > .awsui_flash-icon_1q84n_128gc_133:not(#\9) {
|
|
137
137
|
animation: none;
|
|
138
138
|
transition: none;
|
|
139
139
|
}
|
|
140
|
-
.awsui_flash-with-
|
|
140
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146:not(#\9) {
|
|
141
141
|
transition-property: transform, opacity;
|
|
142
142
|
transition-duration: var(--motion-duration-refresh-only-slow-zbvbxt, 250ms);
|
|
143
143
|
transition-timing-function: var(--motion-easing-refresh-only-c-vg1m9h, 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_128gc_93.awsui_entering_1q84n_128gc_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_128gc_93.awsui_entering_1q84n_128gc_146:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_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_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-icon_1q84n_128gc_133:not(#\9),
|
|
158
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9),
|
|
159
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9),
|
|
160
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9),
|
|
161
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9),
|
|
162
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-icon_1q84n_128gc_133:not(#\9),
|
|
163
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9),
|
|
164
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9),
|
|
165
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9),
|
|
166
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_dismiss-button-wrapper_1q84n_128gc_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-vg1m9h, 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_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-icon_1q84n_128gc_133:not(#\9),
|
|
175
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9),
|
|
176
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9),
|
|
177
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9),
|
|
178
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9),
|
|
179
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-icon_1q84n_128gc_133:not(#\9),
|
|
180
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9),
|
|
181
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9),
|
|
182
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9),
|
|
183
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_dismiss-button-wrapper_1q84n_128gc_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_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-icon_1q84n_128gc_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-icon_1q84n_128gc_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-icon_1q84n_128gc_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-icon_1q84n_128gc_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9) {
|
|
189
189
|
animation: none;
|
|
190
190
|
transition: none;
|
|
191
191
|
}
|
|
192
|
-
.awsui_flash-with-
|
|
192
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-icon_1q84n_128gc_133:not(#\9), .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-icon_1q84n_128gc_133:not(#\9) {
|
|
193
193
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) - 50ms);
|
|
194
194
|
}
|
|
195
195
|
@media (prefers-reduced-motion: reduce) {
|
|
196
|
-
.awsui_flash-with-
|
|
196
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-icon_1q84n_128gc_133:not(#\9), .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-icon_1q84n_128gc_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_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-icon_1q84n_128gc_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-icon_1q84n_128gc_133:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-icon_1q84n_128gc_133:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-icon_1q84n_128gc_133:not(#\9) {
|
|
202
202
|
animation: none;
|
|
203
203
|
transition: none;
|
|
204
204
|
}
|
|
205
|
-
.awsui_flash-with-
|
|
205
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9), .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9) {
|
|
206
206
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) + 10ms);
|
|
207
207
|
}
|
|
208
208
|
@media (prefers-reduced-motion: reduce) {
|
|
209
|
-
.awsui_flash-with-
|
|
209
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9), .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_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_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-header_1q84n_128gc_107:not(#\9) {
|
|
215
215
|
animation: none;
|
|
216
216
|
transition: none;
|
|
217
217
|
}
|
|
218
|
-
.awsui_flash-with-
|
|
218
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9), .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9) {
|
|
219
219
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 250ms) + 10ms);
|
|
220
220
|
}
|
|
221
221
|
@media (prefers-reduced-motion: reduce) {
|
|
222
|
-
.awsui_flash-with-
|
|
222
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9), .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_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_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_108:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_flash-message_1q84n_128gc_107 > .awsui_flash-content_1q84n_128gc_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_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9),
|
|
232
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9),
|
|
233
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9),
|
|
234
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9) {
|
|
235
235
|
transition-delay: calc(var(--motion-duration-refresh-only-slow-zbvbxt, 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_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9),
|
|
239
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9),
|
|
240
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9),
|
|
241
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_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_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entering_1q84n_128gc_146 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_entered_1q84n_128gc_167 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9) {
|
|
247
247
|
animation: none;
|
|
248
248
|
transition: none;
|
|
249
249
|
}
|
|
250
|
-
.awsui_flash-with-
|
|
250
|
+
.awsui_flash-with-motion_1q84n_128gc_93.awsui_exiting_1q84n_128gc_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-vg1m9h, 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_128gc_93.awsui_exiting_1q84n_128gc_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_128gc_93.awsui_exiting_1q84n_128gc_272:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_128gc_93.awsui_exiting_1q84n_128gc_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_128gc_294 > .awsui_animation-running_1q84n_128gc_294 > .awsui_item_1q84n_128gc_294:not(#\9),
|
|
273
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_animation-running_1q84n_128gc_294 > .awsui_flash-list-item_1q84n_128gc_295:not(#\9),
|
|
274
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_animation-running_1q84n_128gc_294.awsui_notification-bar_1q84n_128gc_296:not(#\9) {
|
|
275
275
|
transition-timing-function: var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
|
|
276
276
|
transition-duration: var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
277
277
|
}
|
|
278
278
|
@media (prefers-reduced-motion: reduce) {
|
|
279
|
-
.
|
|
280
|
-
.
|
|
281
|
-
.
|
|
279
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_animation-running_1q84n_128gc_294 > .awsui_item_1q84n_128gc_294:not(#\9),
|
|
280
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_animation-running_1q84n_128gc_294 > .awsui_flash-list-item_1q84n_128gc_295:not(#\9),
|
|
281
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_animation-running_1q84n_128gc_294.awsui_notification-bar_1q84n_128gc_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_128gc_294 > .awsui_animation-running_1q84n_128gc_294 > .awsui_item_1q84n_128gc_294:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_128gc_294 > .awsui_animation-running_1q84n_128gc_294 > .awsui_item_1q84n_128gc_294:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_128gc_294 > .awsui_animation-running_1q84n_128gc_294 > .awsui_flash-list-item_1q84n_128gc_295:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_128gc_294 > .awsui_animation-running_1q84n_128gc_294 > .awsui_flash-list-item_1q84n_128gc_295:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_128gc_294 > .awsui_animation-running_1q84n_128gc_294.awsui_notification-bar_1q84n_128gc_296:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_128gc_294 > .awsui_animation-running_1q84n_128gc_294.awsui_notification-bar_1q84n_128gc_296:not(#\9) {
|
|
287
287
|
animation: none;
|
|
288
288
|
transition: none;
|
|
289
289
|
}
|
|
290
|
-
.
|
|
291
|
-
.
|
|
290
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_collapsed_1q84n_128gc_316.awsui_animation-ready_1q84n_128gc_316 > .awsui_expanded-only_1q84n_128gc_316:not(#\9),
|
|
291
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_collapsed_1q84n_128gc_316.awsui_animation-running_1q84n_128gc_294 > .awsui_expanded-only_1q84n_128gc_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_128gc_294:not(#\9) {
|
|
300
300
|
display: grid;
|
|
301
301
|
grid-template-columns: 30px 1fr 30px;
|
|
302
302
|
}
|
|
303
303
|
|
|
304
|
-
.
|
|
304
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_expanded_1q84n_128gc_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_128gc_294 > .awsui_collapsed_1q84n_128gc_316:not(#\9) {
|
|
319
319
|
display: grid;
|
|
320
320
|
grid-column: 1/4;
|
|
321
321
|
grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-zw2xxa), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-zw2xxa), 10px);
|
|
322
322
|
row-gap: 8px;
|
|
323
323
|
z-index: 0;
|
|
324
324
|
}
|
|
325
|
-
.
|
|
325
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_collapsed_1q84n_128gc_316 > .awsui_item_1q84n_128gc_294:not(#\9) {
|
|
326
326
|
grid-column-start: calc(var(--awsui-flashbar-stack-index-zw2xxa) + 1);
|
|
327
327
|
grid-column-end: calc(var(--awsui-flashbar-stack-depth-zw2xxa) * 2 + 1 - var(--awsui-flashbar-stack-index-zw2xxa) + 1);
|
|
328
328
|
grid-row-start: 1;
|
|
329
329
|
grid-row-end: calc(var(--awsui-flashbar-stack-index-zw2xxa) + 2);
|
|
330
330
|
z-index: calc(var(--awsui-flashbar-stack-depth-zw2xxa) - var(--awsui-flashbar-stack-index-zw2xxa));
|
|
331
331
|
}
|
|
332
|
-
.
|
|
332
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_collapsed_1q84n_128gc_316 > .awsui_item_1q84n_128gc_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,23 +341,23 @@ the grid layout will be:
|
|
|
341
341
|
) * 2
|
|
342
342
|
);
|
|
343
343
|
}
|
|
344
|
-
.
|
|
345
|
-
.
|
|
344
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_collapsed_1q84n_128gc_316 > .awsui_item_1q84n_128gc_294:not(#\9):not(:last-child) > .awsui_flash_1q84n_128gc_93::before,
|
|
345
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_collapsed_1q84n_128gc_316 > .awsui_item_1q84n_128gc_294.awsui_flash_1q84n_128gc_93:not(#\9)::before {
|
|
346
346
|
box-shadow: var(--shadow-flash-collapsed-s7gipk, 0px 4px 4px rgba(0, 0, 0, 0.25));
|
|
347
347
|
}
|
|
348
348
|
|
|
349
|
-
.
|
|
349
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_expanded_1q84n_128gc_316.awsui_animation-running_1q84n_128gc_294 > .awsui_flash-list-item_1q84n_128gc_295:not(#\9) {
|
|
350
350
|
position: relative;
|
|
351
351
|
z-index: calc(var(--awsui-flashbar-stack-depth-zw2xxa) - var(--awsui-flashbar-stack-index-zw2xxa));
|
|
352
352
|
}
|
|
353
353
|
|
|
354
|
-
.
|
|
354
|
+
.awsui_stack_1q84n_128gc_294.awsui_collapsible_1q84n_128gc_380:not(#\9):not(.awsui_expanded_1q84n_128gc_316) {
|
|
355
355
|
/*
|
|
356
356
|
Since the notification bar is anchored to the bottom of the Flashbar, we need to push it up to account for the
|
|
357
357
|
missing third item when there are only 2 items in the stack.
|
|
358
358
|
*/
|
|
359
359
|
}
|
|
360
|
-
.
|
|
360
|
+
.awsui_stack_1q84n_128gc_294.awsui_collapsible_1q84n_128gc_380:not(#\9):not(.awsui_expanded_1q84n_128gc_316):not(.awsui_short-list_1q84n_128gc_386):not(.awsui_visual-refresh_1q84n_128gc_386) {
|
|
361
361
|
/*
|
|
362
362
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
363
363
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -376,7 +376,7 @@ the grid layout will be:
|
|
|
376
376
|
) + 0px + 0px
|
|
377
377
|
);
|
|
378
378
|
}
|
|
379
|
-
.
|
|
379
|
+
.awsui_stack_1q84n_128gc_294.awsui_collapsible_1q84n_128gc_380:not(#\9):not(.awsui_expanded_1q84n_128gc_316):not(.awsui_short-list_1q84n_128gc_386):not(.awsui_visual-refresh_1q84n_128gc_386) > .awsui_notification-bar_1q84n_128gc_296 {
|
|
380
380
|
margin-top: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 0px);
|
|
381
381
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
382
382
|
is the full height of the notification bar */
|
|
@@ -388,7 +388,7 @@ the grid layout will be:
|
|
|
388
388
|
padding-top: var(--space-scaled-xxs-7597g1, 4px);
|
|
389
389
|
padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
|
|
390
390
|
}
|
|
391
|
-
.
|
|
391
|
+
.awsui_stack_1q84n_128gc_294.awsui_collapsible_1q84n_128gc_380:not(#\9):not(.awsui_expanded_1q84n_128gc_316):not(.awsui_short-list_1q84n_128gc_386).awsui_visual-refresh_1q84n_128gc_386 {
|
|
392
392
|
/*
|
|
393
393
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
394
394
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -407,7 +407,7 @@ the grid layout will be:
|
|
|
407
407
|
) + 0px + 0px
|
|
408
408
|
);
|
|
409
409
|
}
|
|
410
|
-
.
|
|
410
|
+
.awsui_stack_1q84n_128gc_294.awsui_collapsible_1q84n_128gc_380:not(#\9):not(.awsui_expanded_1q84n_128gc_316):not(.awsui_short-list_1q84n_128gc_386).awsui_visual-refresh_1q84n_128gc_386 > .awsui_notification-bar_1q84n_128gc_296 {
|
|
411
411
|
margin-top: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 0px);
|
|
412
412
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
413
413
|
is the full height of the notification bar */
|
|
@@ -419,7 +419,7 @@ the grid layout will be:
|
|
|
419
419
|
padding-top: var(--space-scaled-xxs-7597g1, 4px);
|
|
420
420
|
padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
|
|
421
421
|
}
|
|
422
|
-
.
|
|
422
|
+
.awsui_stack_1q84n_128gc_294.awsui_collapsible_1q84n_128gc_380:not(#\9):not(.awsui_expanded_1q84n_128gc_316).awsui_short-list_1q84n_128gc_386:not(.awsui_visual-refresh_1q84n_128gc_386) {
|
|
423
423
|
/*
|
|
424
424
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
425
425
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -438,7 +438,7 @@ the grid layout will be:
|
|
|
438
438
|
) + 0px + 8px
|
|
439
439
|
);
|
|
440
440
|
}
|
|
441
|
-
.
|
|
441
|
+
.awsui_stack_1q84n_128gc_294.awsui_collapsible_1q84n_128gc_380:not(#\9):not(.awsui_expanded_1q84n_128gc_316).awsui_short-list_1q84n_128gc_386:not(.awsui_visual-refresh_1q84n_128gc_386) > .awsui_notification-bar_1q84n_128gc_296 {
|
|
442
442
|
margin-top: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 8px);
|
|
443
443
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
444
444
|
is the full height of the notification bar */
|
|
@@ -450,7 +450,7 @@ the grid layout will be:
|
|
|
450
450
|
padding-top: var(--space-scaled-xxs-7597g1, 4px);
|
|
451
451
|
padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
|
|
452
452
|
}
|
|
453
|
-
.
|
|
453
|
+
.awsui_stack_1q84n_128gc_294.awsui_collapsible_1q84n_128gc_380:not(#\9):not(.awsui_expanded_1q84n_128gc_316).awsui_short-list_1q84n_128gc_386.awsui_visual-refresh_1q84n_128gc_386 {
|
|
454
454
|
/*
|
|
455
455
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
456
456
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -469,7 +469,7 @@ the grid layout will be:
|
|
|
469
469
|
) + 0px + 8px
|
|
470
470
|
);
|
|
471
471
|
}
|
|
472
|
-
.
|
|
472
|
+
.awsui_stack_1q84n_128gc_294.awsui_collapsible_1q84n_128gc_380:not(#\9):not(.awsui_expanded_1q84n_128gc_316).awsui_short-list_1q84n_128gc_386.awsui_visual-refresh_1q84n_128gc_386 > .awsui_notification-bar_1q84n_128gc_296 {
|
|
473
473
|
margin-top: calc(-1 * calc(var(--space-scaled-xl-kswcw7, 24px) + 3px) + 8px);
|
|
474
474
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
475
475
|
is the full height of the notification bar */
|
|
@@ -481,7 +481,7 @@ the grid layout will be:
|
|
|
481
481
|
padding-top: var(--space-scaled-xxs-7597g1, 4px);
|
|
482
482
|
padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
|
|
483
483
|
}
|
|
484
|
-
.
|
|
484
|
+
.awsui_stack_1q84n_128gc_294.awsui_collapsible_1q84n_128gc_380.awsui_expanded_1q84n_128gc_316:not(#\9):not(.awsui_visual-refresh_1q84n_128gc_386) {
|
|
485
485
|
/*
|
|
486
486
|
Give a bit more bottom margin when expanded, but only in Classic because in Visual Refresh the margin around the
|
|
487
487
|
notifications slot already gives it enough space.
|
|
@@ -504,7 +504,7 @@ the grid layout will be:
|
|
|
504
504
|
) + var(--space-scaled-m-mo5yse, 16px) + 0px
|
|
505
505
|
);
|
|
506
506
|
}
|
|
507
|
-
.
|
|
507
|
+
.awsui_stack_1q84n_128gc_294.awsui_collapsible_1q84n_128gc_380.awsui_expanded_1q84n_128gc_316:not(#\9):not(.awsui_visual-refresh_1q84n_128gc_386) > .awsui_notification-bar_1q84n_128gc_296 {
|
|
508
508
|
margin-top: calc(-1 * var(--space-scaled-s-aqzyko, 12px) + 0px);
|
|
509
509
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
510
510
|
is the full height of the notification bar */
|
|
@@ -516,7 +516,7 @@ the grid layout will be:
|
|
|
516
516
|
padding-top: var(--space-scaled-xxs-7597g1, 4px);
|
|
517
517
|
padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
|
|
518
518
|
}
|
|
519
|
-
.
|
|
519
|
+
.awsui_stack_1q84n_128gc_294.awsui_collapsible_1q84n_128gc_380.awsui_expanded_1q84n_128gc_316.awsui_visual-refresh_1q84n_128gc_386:not(#\9) {
|
|
520
520
|
/*
|
|
521
521
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
522
522
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -535,7 +535,7 @@ the grid layout will be:
|
|
|
535
535
|
) + 0px + 0px
|
|
536
536
|
);
|
|
537
537
|
}
|
|
538
|
-
.
|
|
538
|
+
.awsui_stack_1q84n_128gc_294.awsui_collapsible_1q84n_128gc_380.awsui_expanded_1q84n_128gc_316.awsui_visual-refresh_1q84n_128gc_386 > .awsui_notification-bar_1q84n_128gc_296:not(#\9) {
|
|
539
539
|
margin-top: calc(-1 * var(--space-scaled-s-aqzyko, 12px) + 0px);
|
|
540
540
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
541
541
|
is the full height of the notification bar */
|
|
@@ -548,7 +548,7 @@ the grid layout will be:
|
|
|
548
548
|
padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
|
|
549
549
|
}
|
|
550
550
|
|
|
551
|
-
.
|
|
551
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296:not(#\9) {
|
|
552
552
|
min-width: 0;
|
|
553
553
|
-ms-word-break: break-all;
|
|
554
554
|
word-break: break-word;
|
|
@@ -574,9 +574,9 @@ the grid layout will be:
|
|
|
574
574
|
text-decoration: none;
|
|
575
575
|
z-index: 1;
|
|
576
576
|
}
|
|
577
|
-
.
|
|
578
|
-
.
|
|
579
|
-
.
|
|
577
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_status_1q84n_128gc_603 > .awsui_header_1q84n_128gc_603:not(#\9),
|
|
578
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_status_1q84n_128gc_603 > .awsui_item-count_1q84n_128gc_604:not(#\9),
|
|
579
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_button_1q84n_128gc_605:not(#\9) {
|
|
580
580
|
font-size: var(--font-body-m-size-dhtyxm, 14px);
|
|
581
581
|
line-height: var(--font-body-m-line-height-5wv9x1, 20px);
|
|
582
582
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
@@ -591,7 +591,7 @@ the grid layout will be:
|
|
|
591
591
|
padding-top: 0;
|
|
592
592
|
padding-bottom: 0;
|
|
593
593
|
}
|
|
594
|
-
.
|
|
594
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_status_1q84n_128gc_603: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_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_status_1q84n_128gc_603 > .awsui_header_1q84n_128gc_603:not(#\9) {
|
|
603
603
|
font-weight: var(--font-button-weight-hv56tz, 700);
|
|
604
604
|
display: inline-block;
|
|
605
605
|
}
|
|
606
|
-
.
|
|
606
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_status_1q84n_128gc_603 > .awsui_item-count_1q84n_128gc_604: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_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_status_1q84n_128gc_603 > .awsui_item-count_1q84n_128gc_604 > .awsui_type-count_1q84n_128gc_640 > .awsui_count-number_1q84n_128gc_640:not(#\9) {
|
|
615
615
|
margin-left: var(--space-xxs-p8yyaw, 4px);
|
|
616
616
|
}
|
|
617
|
-
.
|
|
617
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296: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_128gc_294 > .awsui_notification-bar_1q84n_128gc_296:not(#\9):active {
|
|
622
622
|
background: var(--color-background-notification-stack-bar-active-g701bg, #232f3e);
|
|
623
623
|
}
|
|
624
|
-
.
|
|
624
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296.awsui_visual-refresh_1q84n_128gc_386:not(#\9) {
|
|
625
625
|
border-width: 2px;
|
|
626
626
|
padding-left: var(--space-l-t419sm, 20px);
|
|
627
627
|
padding-right: var(--space-l-t419sm, 20px);
|
|
628
628
|
}
|
|
629
|
-
.
|
|
629
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296:not(#\9):not(.awsui_visual-refresh_1q84n_128gc_386) {
|
|
630
630
|
border-width: 1px;
|
|
631
631
|
padding-left: var(--space-s-34lx8l, 12px);
|
|
632
632
|
padding-right: var(--space-s-34lx8l, 12px);
|
|
633
633
|
}
|
|
634
|
-
.
|
|
634
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296:not(#\9):not(.awsui_visual-refresh_1q84n_128gc_386):focus {
|
|
635
635
|
text-decoration: none;
|
|
636
636
|
}
|
|
637
|
-
.
|
|
637
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296:not(#\9):not(.awsui_visual-refresh_1q84n_128gc_386):hover {
|
|
638
638
|
text-decoration: none;
|
|
639
639
|
}
|
|
640
|
-
.
|
|
640
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_button_1q84n_128gc_605: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
|
padding-top: 0;
|
|
646
646
|
padding-bottom: 0;
|
|
647
647
|
}
|
|
648
|
-
.
|
|
648
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_button_1q84n_128gc_605 > .awsui_icon_1q84n_128gc_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_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_button_1q84n_128gc_605 > .awsui_icon_1q84n_128gc_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_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_button_1q84n_128gc_605 > .awsui_icon_1q84n_128gc_674:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_button_1q84n_128gc_605 > .awsui_icon_1q84n_128gc_674:not(#\9) {
|
|
658
658
|
animation: none;
|
|
659
659
|
transition: none;
|
|
660
660
|
}
|
|
661
|
-
.
|
|
661
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_button_1q84n_128gc_605.awsui_expanded_1q84n_128gc_316 > .awsui_icon_1q84n_128gc_674:not(#\9) {
|
|
662
662
|
transform: rotate(180deg);
|
|
663
663
|
}
|
|
664
|
-
.
|
|
664
|
+
.awsui_stack_1q84n_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_button_1q84n_128gc_605: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_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_button_1q84n_128gc_605: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_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_button_1q84n_128gc_605: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_128gc_294 > .awsui_notification-bar_1q84n_128gc_296 > .awsui_button_1q84n_128gc_605:not(#\9):focus::before {
|
|
675
675
|
content: " ";
|
|
676
676
|
display: block;
|
|
677
677
|
position: absolute;
|
|
@@ -683,7 +683,7 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1qhy5_294 > .awsui_notifi
|
|
|
683
683
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
684
684
|
}
|
|
685
685
|
|
|
686
|
-
.
|
|
686
|
+
.awsui_stack_1q84n_128gc_294.awsui_expanded_1q84n_128gc_316:not(#\9):not(.awsui_floating_1q84n_128gc_712) {
|
|
687
687
|
padding-bottom: var(--awsui-flashbar-sticky-bottom-margin-zw2xxa, 0);
|
|
688
688
|
}
|
|
689
689
|
|
|
@@ -691,16 +691,16 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1qhy5_294 > .awsui_notifi
|
|
|
691
691
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
692
692
|
SPDX-License-Identifier: Apache-2.0
|
|
693
693
|
*/
|
|
694
|
-
.
|
|
694
|
+
.awsui_flashbar_1q84n_128gc_720:not(#\9) {
|
|
695
695
|
position: relative;
|
|
696
696
|
/* stylelint-disable-next-line selector-max-type */
|
|
697
697
|
}
|
|
698
|
-
.
|
|
698
|
+
.awsui_flashbar_1q84n_128gc_720 > li + li:not(#\9) {
|
|
699
699
|
padding-top: 0;
|
|
700
700
|
}
|
|
701
701
|
|
|
702
|
-
.
|
|
703
|
-
.
|
|
702
|
+
.awsui_flashbar_1q84n_128gc_720:not(#\9),
|
|
703
|
+
.awsui_flash_1q84n_128gc_93:not(#\9) {
|
|
704
704
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
705
705
|
border-collapse: separate;
|
|
706
706
|
border-spacing: 0;
|
|
@@ -739,7 +739,7 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1qhy5_294 > .awsui_notifi
|
|
|
739
739
|
-moz-osx-font-smoothing: auto;
|
|
740
740
|
}
|
|
741
741
|
|
|
742
|
-
.
|
|
742
|
+
.awsui_flash_1q84n_128gc_93:not(#\9) {
|
|
743
743
|
position: relative;
|
|
744
744
|
display: flex;
|
|
745
745
|
justify-content: flex-start;
|
|
@@ -750,7 +750,7 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1qhy5_294 > .awsui_notifi
|
|
|
750
750
|
overflow-wrap: break-word;
|
|
751
751
|
word-wrap: break-word;
|
|
752
752
|
}
|
|
753
|
-
.
|
|
753
|
+
.awsui_flash_1q84n_128gc_93:not(#\9)::before {
|
|
754
754
|
content: "";
|
|
755
755
|
position: absolute;
|
|
756
756
|
left: 0px;
|
|
@@ -763,41 +763,41 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_1qhy5_294 > .awsui_notifi
|
|
|
763
763
|
border-radius: var(--border-radius-flashbar-hcdl9q, 12px);
|
|
764
764
|
box-shadow: var(--shadow-flash-sticky-3mvsax, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
765
765
|
}
|
|
766
|
-
.awsui_flash-
|
|
766
|
+
.awsui_flash-refresh_1q84n_128gc_766:not(#\9)::before {
|
|
767
767
|
z-index: -1;
|
|
768
768
|
}
|
|
769
769
|
|
|
770
|
-
.awsui_flash-
|
|
770
|
+
.awsui_flash-list_1q84n_128gc_295:not(#\9) {
|
|
771
771
|
list-style: none;
|
|
772
772
|
padding: 0;
|
|
773
773
|
margin: 0;
|
|
774
774
|
}
|
|
775
|
-
.awsui_flash-
|
|
775
|
+
.awsui_flash-list_1q84n_128gc_295:not(#\9):not(.awsui_collapsed_1q84n_128gc_316) > li:not(:last-child) {
|
|
776
776
|
margin-bottom: var(--space-xxxs-zbmxqb, 2px);
|
|
777
777
|
}
|
|
778
778
|
|
|
779
|
-
.awsui_flash-
|
|
779
|
+
.awsui_flash-body_1q84n_128gc_107:not(#\9) {
|
|
780
780
|
display: flex;
|
|
781
781
|
flex-grow: 1;
|
|
782
782
|
min-width: 0;
|
|
783
783
|
}
|
|
784
784
|
|
|
785
|
-
.awsui_flash-focus-
|
|
785
|
+
.awsui_flash-focus-container_1q84n_128gc_785:not(#\9) {
|
|
786
786
|
display: flex;
|
|
787
787
|
flex: 1;
|
|
788
788
|
min-width: 0;
|
|
789
789
|
}
|
|
790
|
-
.awsui_flash-focus-
|
|
790
|
+
.awsui_flash-focus-container_1q84n_128gc_785:not(#\9):focus {
|
|
791
791
|
outline: none;
|
|
792
792
|
}
|
|
793
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
793
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_128gc_785:not(#\9):focus {
|
|
794
794
|
position: relative;
|
|
795
795
|
}
|
|
796
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
796
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_128gc_785:not(#\9):focus {
|
|
797
797
|
outline: 2px dotted transparent;
|
|
798
798
|
outline-offset: calc(var(--space-button-focus-outline-gutter-cqfd0c, 4px) - 1px);
|
|
799
799
|
}
|
|
800
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
800
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_128gc_785:not(#\9):focus::before {
|
|
801
801
|
content: " ";
|
|
802
802
|
display: block;
|
|
803
803
|
position: absolute;
|
|
@@ -809,74 +809,75 @@ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_1qhy5_785
|
|
|
809
809
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
810
810
|
}
|
|
811
811
|
|
|
812
|
-
.awsui_flash-
|
|
812
|
+
.awsui_flash-text_1q84n_128gc_812:not(#\9) {
|
|
813
813
|
margin: var(--border-field-width-09w7vk, 2px) 0;
|
|
814
814
|
padding: var(--space-scaled-xxs-7597g1, 4px) var(--space-xxs-p8yyaw, 4px);
|
|
815
815
|
}
|
|
816
816
|
|
|
817
|
-
.awsui_flash-
|
|
817
|
+
.awsui_flash-icon_1q84n_128gc_133:not(#\9) {
|
|
818
818
|
flex: 0 0 auto;
|
|
819
819
|
padding-left: 0;
|
|
820
820
|
}
|
|
821
821
|
|
|
822
|
-
.awsui_flash-
|
|
822
|
+
.awsui_flash-message_1q84n_128gc_107:not(#\9) {
|
|
823
823
|
flex: 1 1 0%;
|
|
824
824
|
word-wrap: break-word;
|
|
825
825
|
max-width: 100%;
|
|
826
826
|
overflow: hidden;
|
|
827
827
|
}
|
|
828
828
|
|
|
829
|
-
.awsui_flash-
|
|
829
|
+
.awsui_flash-header_1q84n_128gc_107:not(#\9) {
|
|
830
830
|
font-weight: 700;
|
|
831
831
|
}
|
|
832
832
|
|
|
833
|
-
.awsui_flash-
|
|
833
|
+
.awsui_flash-content_1q84n_128gc_108:not(#\9) {
|
|
834
834
|
/* Only used as a selector for test-utils */
|
|
835
835
|
}
|
|
836
836
|
|
|
837
|
-
.awsui_dismiss-button-
|
|
837
|
+
.awsui_dismiss-button-wrapper_1q84n_128gc_110:not(#\9) {
|
|
838
838
|
flex: 0 0 auto;
|
|
839
839
|
margin-left: var(--space-s-34lx8l, 12px);
|
|
840
840
|
margin-right: calc(-1 * var(--space-xxs-p8yyaw, 4px));
|
|
841
841
|
padding-right: var(--space-flashbar-dismiss-right-tcpfax, 0px);
|
|
842
842
|
}
|
|
843
843
|
|
|
844
|
-
.awsui_dismiss-
|
|
844
|
+
.awsui_dismiss-button_1q84n_128gc_110:not(#\9) {
|
|
845
845
|
/* Only used as a selector for test-utils */
|
|
846
846
|
}
|
|
847
847
|
|
|
848
|
-
.awsui_action-button-
|
|
848
|
+
.awsui_action-button-wrapper_1q84n_128gc_109:not(#\9) {
|
|
849
849
|
white-space: nowrap;
|
|
850
850
|
margin-left: var(--space-flashbar-action-left-qkhz5m, 12px);
|
|
851
851
|
}
|
|
852
852
|
|
|
853
|
-
.
|
|
853
|
+
.awsui_flashbar_1q84n_128gc_720.awsui_breakpoint-default_1q84n_128gc_853 > .awsui_flash-list_1q84n_128gc_295 > .awsui_flash-list-item_1q84n_128gc_295 > .awsui_flash_1q84n_128gc_93 > .awsui_flash-body_1q84n_128gc_107:not(#\9) {
|
|
854
854
|
display: block;
|
|
855
855
|
}
|
|
856
|
-
.
|
|
856
|
+
.awsui_flashbar_1q84n_128gc_720.awsui_breakpoint-default_1q84n_128gc_853 > .awsui_flash-list_1q84n_128gc_295 > .awsui_flash-list-item_1q84n_128gc_295 > .awsui_flash_1q84n_128gc_93 > .awsui_flash-body_1q84n_128gc_107 > .awsui_action-button-wrapper_1q84n_128gc_109:not(#\9) {
|
|
857
857
|
margin-left: var(--space-l-t419sm, 20px);
|
|
858
858
|
padding-left: var(--space-xxs-p8yyaw, 4px);
|
|
859
859
|
margin-bottom: var(--space-xxs-p8yyaw, 4px);
|
|
860
860
|
}
|
|
861
861
|
|
|
862
|
-
.awsui_action-
|
|
862
|
+
.awsui_action-button_1q84n_128gc_109:not(#\9),
|
|
863
|
+
.awsui_action-slot_1q84n_128gc_863:not(#\9) {
|
|
863
864
|
/* Only used as a selector for test-utils */
|
|
864
865
|
}
|
|
865
866
|
|
|
866
|
-
.awsui_flash-type-
|
|
867
|
+
.awsui_flash-type-success_1q84n_128gc_867:not(#\9) {
|
|
867
868
|
background-color: var(--color-background-notification-green-1jtqmb, #037f0c);
|
|
868
869
|
}
|
|
869
870
|
|
|
870
|
-
.awsui_flash-type-
|
|
871
|
+
.awsui_flash-type-error_1q84n_128gc_871:not(#\9) {
|
|
871
872
|
background-color: var(--color-background-notification-red-ovptxu, #d91515);
|
|
872
873
|
}
|
|
873
874
|
|
|
874
|
-
.awsui_flash-type-
|
|
875
|
-
.awsui_flash-type-in-
|
|
875
|
+
.awsui_flash-type-info_1q84n_128gc_875:not(#\9),
|
|
876
|
+
.awsui_flash-type-in-progress_1q84n_128gc_876:not(#\9) {
|
|
876
877
|
background-color: var(--color-background-notification-blue-g2q2z0, #0972d3);
|
|
877
878
|
}
|
|
878
879
|
|
|
879
|
-
.awsui_flash-type-
|
|
880
|
+
.awsui_flash-type-warning_1q84n_128gc_880:not(#\9) {
|
|
880
881
|
color: var(--color-text-notification-yellow-p027cz, #000716);
|
|
881
882
|
background-color: var(--color-background-notification-yellow-seoi5y, #ffe457);
|
|
882
883
|
}
|