@cloudscape-design/components 3.0.1300 → 3.0.1301
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/internal/base-component/styles.scoped.css +33 -26
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/styles/tokens.d.ts +33 -26
- package/internal/generated/styles/tokens.js +33 -26
- package/internal/generated/theming/index.cjs +289 -113
- package/internal/generated/theming/index.cjs.d.ts +216 -153
- package/internal/generated/theming/index.d.ts +216 -153
- package/internal/generated/theming/index.js +289 -113
- package/internal/manifest.json +1 -1
- package/manifest.json +2 -2
- package/package.json +1 -1
- package/status-indicator/styles.css.js +24 -24
- package/status-indicator/styles.scoped.css +64 -30
- package/status-indicator/styles.selectors.js +24 -24
package/internal/manifest.json
CHANGED
package/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
"./internal/base-component/index.js",
|
|
167
167
|
"./internal/base-component/styles.css.js"
|
|
168
168
|
],
|
|
169
|
-
"version": "3.0.
|
|
169
|
+
"version": "3.0.1301",
|
|
170
170
|
"repository": {
|
|
171
171
|
"type": "git",
|
|
172
172
|
"url": "https://github.com/cloudscape-design/components.git"
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"icon-shake": "awsui_icon-
|
|
5
|
-
"awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-
|
|
6
|
-
"container-fade-in": "awsui_container-fade-
|
|
7
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
8
|
-
"root": "
|
|
9
|
-
"status-error": "awsui_status-
|
|
10
|
-
"status-warning": "awsui_status-
|
|
11
|
-
"status-success": "awsui_status-
|
|
12
|
-
"status-info": "awsui_status-
|
|
13
|
-
"status-stopped": "awsui_status-
|
|
14
|
-
"status-pending": "awsui_status-
|
|
15
|
-
"status-in-progress": "awsui_status-in-
|
|
16
|
-
"status-loading": "awsui_status-
|
|
17
|
-
"status-not-started": "awsui_status-not-
|
|
18
|
-
"color-override-red": "awsui_color-override-
|
|
19
|
-
"color-override-grey": "awsui_color-override-
|
|
20
|
-
"color-override-blue": "awsui_color-override-
|
|
21
|
-
"color-override-green": "awsui_color-override-
|
|
22
|
-
"color-override-yellow": "awsui_color-override-
|
|
23
|
-
"container": "
|
|
24
|
-
"display-inline": "awsui_display-
|
|
25
|
-
"icon": "
|
|
26
|
-
"display-inline-block": "awsui_display-inline-
|
|
27
|
-
"overflow-ellipsis": "awsui_overflow-
|
|
4
|
+
"icon-shake": "awsui_icon-shake_1cbgc_15y7y_153",
|
|
5
|
+
"awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_15y7y_1",
|
|
6
|
+
"container-fade-in": "awsui_container-fade-in_1cbgc_15y7y_181",
|
|
7
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_15y7y_1",
|
|
8
|
+
"root": "awsui_root_1cbgc_15y7y_203",
|
|
9
|
+
"status-error": "awsui_status-error_1cbgc_15y7y_212",
|
|
10
|
+
"status-warning": "awsui_status-warning_1cbgc_15y7y_215",
|
|
11
|
+
"status-success": "awsui_status-success_1cbgc_15y7y_218",
|
|
12
|
+
"status-info": "awsui_status-info_1cbgc_15y7y_221",
|
|
13
|
+
"status-stopped": "awsui_status-stopped_1cbgc_15y7y_224",
|
|
14
|
+
"status-pending": "awsui_status-pending_1cbgc_15y7y_227",
|
|
15
|
+
"status-in-progress": "awsui_status-in-progress_1cbgc_15y7y_230",
|
|
16
|
+
"status-loading": "awsui_status-loading_1cbgc_15y7y_233",
|
|
17
|
+
"status-not-started": "awsui_status-not-started_1cbgc_15y7y_236",
|
|
18
|
+
"color-override-red": "awsui_color-override-red_1cbgc_15y7y_239",
|
|
19
|
+
"color-override-grey": "awsui_color-override-grey_1cbgc_15y7y_242",
|
|
20
|
+
"color-override-blue": "awsui_color-override-blue_1cbgc_15y7y_245",
|
|
21
|
+
"color-override-green": "awsui_color-override-green_1cbgc_15y7y_248",
|
|
22
|
+
"color-override-yellow": "awsui_color-override-yellow_1cbgc_15y7y_251",
|
|
23
|
+
"container": "awsui_container_1cbgc_15y7y_181",
|
|
24
|
+
"display-inline": "awsui_display-inline_1cbgc_15y7y_289",
|
|
25
|
+
"icon": "awsui_icon_1cbgc_15y7y_153",
|
|
26
|
+
"display-inline-block": "awsui_display-inline-block_1cbgc_15y7y_297",
|
|
27
|
+
"overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_15y7y_306"
|
|
28
28
|
};
|
|
29
29
|
|
|
@@ -150,11 +150,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
150
150
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
151
151
|
SPDX-License-Identifier: Apache-2.0
|
|
152
152
|
*/
|
|
153
|
-
.awsui_icon-
|
|
153
|
+
.awsui_icon-shake_1cbgc_15y7y_153:not(#\9) {
|
|
154
154
|
display: inline-block;
|
|
155
|
-
animation: awsui_awsui-motion-shake-
|
|
155
|
+
animation: awsui_awsui-motion-shake-horizontally_1cbgc_15y7y_1 var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
|
|
156
156
|
}
|
|
157
|
-
@keyframes awsui_awsui-motion-shake-
|
|
157
|
+
@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_15y7y_1 {
|
|
158
158
|
0% {
|
|
159
159
|
transform: translateX(-5px);
|
|
160
160
|
animation-timing-function: linear;
|
|
@@ -168,20 +168,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
170
|
@media (prefers-reduced-motion: reduce) {
|
|
171
|
-
.awsui_icon-
|
|
171
|
+
.awsui_icon-shake_1cbgc_15y7y_153:not(#\9) {
|
|
172
172
|
animation: none;
|
|
173
173
|
transition: none;
|
|
174
174
|
}
|
|
175
175
|
}
|
|
176
|
-
.awsui-motion-disabled .awsui_icon-
|
|
176
|
+
.awsui-motion-disabled .awsui_icon-shake_1cbgc_15y7y_153:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_15y7y_153:not(#\9) {
|
|
177
177
|
animation: none;
|
|
178
178
|
transition: none;
|
|
179
179
|
}
|
|
180
180
|
|
|
181
|
-
.awsui_container-fade-
|
|
182
|
-
animation: awsui_awsui-motion-fade-in-
|
|
181
|
+
.awsui_container-fade-in_1cbgc_15y7y_181:not(#\9) {
|
|
182
|
+
animation: awsui_awsui-motion-fade-in-0_1cbgc_15y7y_1 var(--motion-duration-refresh-only-medium-5rbn3k, 165ms) var(--motion-easing-refresh-only-a-ccyqaz, cubic-bezier(0, 0, 0, 1));
|
|
183
183
|
}
|
|
184
|
-
@keyframes awsui_awsui-motion-fade-in-
|
|
184
|
+
@keyframes awsui_awsui-motion-fade-in-0_1cbgc_15y7y_1 {
|
|
185
185
|
from {
|
|
186
186
|
opacity: 0;
|
|
187
187
|
}
|
|
@@ -190,17 +190,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
190
190
|
}
|
|
191
191
|
}
|
|
192
192
|
@media (prefers-reduced-motion: reduce) {
|
|
193
|
-
.awsui_container-fade-
|
|
193
|
+
.awsui_container-fade-in_1cbgc_15y7y_181:not(#\9) {
|
|
194
194
|
animation: none;
|
|
195
195
|
transition: none;
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
|
-
.awsui-motion-disabled .awsui_container-fade-
|
|
198
|
+
.awsui-motion-disabled .awsui_container-fade-in_1cbgc_15y7y_181:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_15y7y_181:not(#\9) {
|
|
199
199
|
animation: none;
|
|
200
200
|
transition: none;
|
|
201
201
|
}
|
|
202
202
|
|
|
203
|
-
.
|
|
203
|
+
.awsui_root_1cbgc_15y7y_203:not(#\9) {
|
|
204
204
|
font-size: var(--font-size-body-m-a7nh2n, 14px);
|
|
205
205
|
line-height: var(--line-height-body-m-2mh3ke, 20px);
|
|
206
206
|
color: var(--color-text-body-default-vvtq8u, #0f141a);
|
|
@@ -209,67 +209,101 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
209
209
|
-webkit-font-smoothing: auto;
|
|
210
210
|
-moz-osx-font-smoothing: auto;
|
|
211
211
|
}
|
|
212
|
-
.
|
|
212
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-error_1cbgc_15y7y_212:not(#\9) {
|
|
213
213
|
color: var(--color-text-status-error-ksqavh, #db0000);
|
|
214
214
|
}
|
|
215
|
-
.
|
|
215
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-warning_1cbgc_15y7y_215:not(#\9) {
|
|
216
216
|
color: var(--color-text-status-warning-6meo06, #855900);
|
|
217
217
|
}
|
|
218
|
-
.
|
|
218
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-success_1cbgc_15y7y_218:not(#\9) {
|
|
219
219
|
color: var(--color-text-status-success-ybmii8, #00802f);
|
|
220
220
|
}
|
|
221
|
-
.
|
|
221
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-info_1cbgc_15y7y_221:not(#\9) {
|
|
222
222
|
color: var(--color-text-status-info-ue8bd2, #006ce0);
|
|
223
223
|
}
|
|
224
|
-
.
|
|
224
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-stopped_1cbgc_15y7y_224:not(#\9) {
|
|
225
225
|
color: var(--color-text-status-inactive-gy7337, #656871);
|
|
226
226
|
}
|
|
227
|
-
.
|
|
227
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-pending_1cbgc_15y7y_227:not(#\9) {
|
|
228
228
|
color: var(--color-text-status-inactive-gy7337, #656871);
|
|
229
229
|
}
|
|
230
|
-
.
|
|
230
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-in-progress_1cbgc_15y7y_230:not(#\9) {
|
|
231
231
|
color: var(--color-text-status-inactive-gy7337, #656871);
|
|
232
232
|
}
|
|
233
|
-
.
|
|
233
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-loading_1cbgc_15y7y_233:not(#\9) {
|
|
234
234
|
color: var(--color-text-status-inactive-gy7337, #656871);
|
|
235
235
|
}
|
|
236
|
-
.
|
|
236
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-not-started_1cbgc_15y7y_236:not(#\9) {
|
|
237
237
|
color: var(--color-text-status-inactive-gy7337, #656871);
|
|
238
238
|
}
|
|
239
|
-
.
|
|
239
|
+
.awsui_root_1cbgc_15y7y_203.awsui_color-override-red_1cbgc_15y7y_239:not(#\9) {
|
|
240
240
|
color: var(--color-text-status-error-ksqavh, #db0000);
|
|
241
241
|
}
|
|
242
|
-
.
|
|
242
|
+
.awsui_root_1cbgc_15y7y_203.awsui_color-override-grey_1cbgc_15y7y_242:not(#\9) {
|
|
243
243
|
color: var(--color-text-status-inactive-gy7337, #656871);
|
|
244
244
|
}
|
|
245
|
-
.
|
|
245
|
+
.awsui_root_1cbgc_15y7y_203.awsui_color-override-blue_1cbgc_15y7y_245:not(#\9) {
|
|
246
246
|
color: var(--color-text-status-info-ue8bd2, #006ce0);
|
|
247
247
|
}
|
|
248
|
-
.
|
|
248
|
+
.awsui_root_1cbgc_15y7y_203.awsui_color-override-green_1cbgc_15y7y_248:not(#\9) {
|
|
249
249
|
color: var(--color-text-status-success-ybmii8, #00802f);
|
|
250
250
|
}
|
|
251
|
-
.
|
|
251
|
+
.awsui_root_1cbgc_15y7y_203.awsui_color-override-yellow_1cbgc_15y7y_251:not(#\9) {
|
|
252
252
|
color: var(--color-text-status-warning-6meo06, #855900);
|
|
253
253
|
}
|
|
254
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-error_1cbgc_15y7y_212 > .awsui_container_1cbgc_15y7y_181:not(#\9) {
|
|
255
|
+
background: var(--color-background-status-indicator-error-txnmnb, transparent);
|
|
256
|
+
}
|
|
257
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-warning_1cbgc_15y7y_215 > .awsui_container_1cbgc_15y7y_181:not(#\9) {
|
|
258
|
+
background: var(--color-background-status-indicator-warning-xf3dw4, transparent);
|
|
259
|
+
}
|
|
260
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-success_1cbgc_15y7y_218 > .awsui_container_1cbgc_15y7y_181:not(#\9) {
|
|
261
|
+
background: var(--color-background-status-indicator-success-o8ig5c, transparent);
|
|
262
|
+
}
|
|
263
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-info_1cbgc_15y7y_221 > .awsui_container_1cbgc_15y7y_181:not(#\9) {
|
|
264
|
+
background: var(--color-background-status-indicator-info-nqw7od, transparent);
|
|
265
|
+
}
|
|
266
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-stopped_1cbgc_15y7y_224 > .awsui_container_1cbgc_15y7y_181:not(#\9) {
|
|
267
|
+
background: var(--color-background-status-indicator-neutral-psqqh7, transparent);
|
|
268
|
+
}
|
|
269
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-pending_1cbgc_15y7y_227 > .awsui_container_1cbgc_15y7y_181:not(#\9) {
|
|
270
|
+
background: var(--color-background-status-indicator-neutral-psqqh7, transparent);
|
|
271
|
+
}
|
|
272
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-in-progress_1cbgc_15y7y_230 > .awsui_container_1cbgc_15y7y_181:not(#\9) {
|
|
273
|
+
background: var(--color-background-status-indicator-neutral-psqqh7, transparent);
|
|
274
|
+
}
|
|
275
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-loading_1cbgc_15y7y_233 > .awsui_container_1cbgc_15y7y_181:not(#\9) {
|
|
276
|
+
background: var(--color-background-status-indicator-neutral-psqqh7, transparent);
|
|
277
|
+
}
|
|
278
|
+
.awsui_root_1cbgc_15y7y_203.awsui_status-not-started_1cbgc_15y7y_236 > .awsui_container_1cbgc_15y7y_181:not(#\9) {
|
|
279
|
+
background: var(--color-background-status-indicator-neutral-psqqh7, transparent);
|
|
280
|
+
}
|
|
254
281
|
|
|
255
|
-
.
|
|
282
|
+
.awsui_container_1cbgc_15y7y_181:not(#\9) {
|
|
283
|
+
padding-inline: var(--space-status-indicator-padding-horizontal-xv70fu, 0px);
|
|
284
|
+
border-start-start-radius: var(--border-radius-status-indicator-fkcvdq, 4px);
|
|
285
|
+
border-start-end-radius: var(--border-radius-status-indicator-fkcvdq, 4px);
|
|
286
|
+
border-end-start-radius: var(--border-radius-status-indicator-fkcvdq, 4px);
|
|
287
|
+
border-end-end-radius: var(--border-radius-status-indicator-fkcvdq, 4px);
|
|
288
|
+
}
|
|
289
|
+
.awsui_container_1cbgc_15y7y_181.awsui_display-inline_1cbgc_15y7y_289:not(#\9) {
|
|
256
290
|
min-inline-size: 0;
|
|
257
291
|
word-break: break-word;
|
|
258
292
|
display: inline;
|
|
259
293
|
}
|
|
260
|
-
.
|
|
294
|
+
.awsui_container_1cbgc_15y7y_181.awsui_display-inline_1cbgc_15y7y_289 > .awsui_icon_1cbgc_15y7y_153:not(#\9) {
|
|
261
295
|
white-space: nowrap;
|
|
262
296
|
}
|
|
263
|
-
.
|
|
297
|
+
.awsui_container_1cbgc_15y7y_181.awsui_display-inline-block_1cbgc_15y7y_297:not(#\9) {
|
|
264
298
|
display: inline-block;
|
|
265
299
|
word-wrap: break-word;
|
|
266
300
|
word-break: break-all;
|
|
267
301
|
}
|
|
268
|
-
.
|
|
302
|
+
.awsui_container_1cbgc_15y7y_181.awsui_display-inline-block_1cbgc_15y7y_297 > .awsui_icon_1cbgc_15y7y_153:not(#\9) {
|
|
269
303
|
padding-inline-end: var(--space-xxs-hwfkai, 4px);
|
|
270
304
|
}
|
|
271
305
|
|
|
272
|
-
.awsui_overflow-
|
|
306
|
+
.awsui_overflow-ellipsis_1cbgc_15y7y_306:not(#\9) {
|
|
273
307
|
max-inline-size: 100%;
|
|
274
308
|
overflow: hidden;
|
|
275
309
|
text-overflow: ellipsis;
|
|
@@ -2,29 +2,29 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"icon-shake": "awsui_icon-
|
|
6
|
-
"awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-
|
|
7
|
-
"container-fade-in": "awsui_container-fade-
|
|
8
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
9
|
-
"root": "
|
|
10
|
-
"status-error": "awsui_status-
|
|
11
|
-
"status-warning": "awsui_status-
|
|
12
|
-
"status-success": "awsui_status-
|
|
13
|
-
"status-info": "awsui_status-
|
|
14
|
-
"status-stopped": "awsui_status-
|
|
15
|
-
"status-pending": "awsui_status-
|
|
16
|
-
"status-in-progress": "awsui_status-in-
|
|
17
|
-
"status-loading": "awsui_status-
|
|
18
|
-
"status-not-started": "awsui_status-not-
|
|
19
|
-
"color-override-red": "awsui_color-override-
|
|
20
|
-
"color-override-grey": "awsui_color-override-
|
|
21
|
-
"color-override-blue": "awsui_color-override-
|
|
22
|
-
"color-override-green": "awsui_color-override-
|
|
23
|
-
"color-override-yellow": "awsui_color-override-
|
|
24
|
-
"container": "
|
|
25
|
-
"display-inline": "awsui_display-
|
|
26
|
-
"icon": "
|
|
27
|
-
"display-inline-block": "awsui_display-inline-
|
|
28
|
-
"overflow-ellipsis": "awsui_overflow-
|
|
5
|
+
"icon-shake": "awsui_icon-shake_1cbgc_15y7y_153",
|
|
6
|
+
"awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_15y7y_1",
|
|
7
|
+
"container-fade-in": "awsui_container-fade-in_1cbgc_15y7y_181",
|
|
8
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_15y7y_1",
|
|
9
|
+
"root": "awsui_root_1cbgc_15y7y_203",
|
|
10
|
+
"status-error": "awsui_status-error_1cbgc_15y7y_212",
|
|
11
|
+
"status-warning": "awsui_status-warning_1cbgc_15y7y_215",
|
|
12
|
+
"status-success": "awsui_status-success_1cbgc_15y7y_218",
|
|
13
|
+
"status-info": "awsui_status-info_1cbgc_15y7y_221",
|
|
14
|
+
"status-stopped": "awsui_status-stopped_1cbgc_15y7y_224",
|
|
15
|
+
"status-pending": "awsui_status-pending_1cbgc_15y7y_227",
|
|
16
|
+
"status-in-progress": "awsui_status-in-progress_1cbgc_15y7y_230",
|
|
17
|
+
"status-loading": "awsui_status-loading_1cbgc_15y7y_233",
|
|
18
|
+
"status-not-started": "awsui_status-not-started_1cbgc_15y7y_236",
|
|
19
|
+
"color-override-red": "awsui_color-override-red_1cbgc_15y7y_239",
|
|
20
|
+
"color-override-grey": "awsui_color-override-grey_1cbgc_15y7y_242",
|
|
21
|
+
"color-override-blue": "awsui_color-override-blue_1cbgc_15y7y_245",
|
|
22
|
+
"color-override-green": "awsui_color-override-green_1cbgc_15y7y_248",
|
|
23
|
+
"color-override-yellow": "awsui_color-override-yellow_1cbgc_15y7y_251",
|
|
24
|
+
"container": "awsui_container_1cbgc_15y7y_181",
|
|
25
|
+
"display-inline": "awsui_display-inline_1cbgc_15y7y_289",
|
|
26
|
+
"icon": "awsui_icon_1cbgc_15y7y_153",
|
|
27
|
+
"display-inline-block": "awsui_display-inline-block_1cbgc_15y7y_297",
|
|
28
|
+
"overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_15y7y_306"
|
|
29
29
|
};
|
|
30
30
|
|