@cloudscape-design/components 3.0.515 → 3.0.517
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/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +153 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +37 -32
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +66 -72
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +134 -119
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +79 -54
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +31 -31
- package/property-filter/styles.scoped.css +54 -53
- package/property-filter/styles.selectors.js +31 -31
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +17 -17
- package/radio-group/styles.selectors.js +9 -9
- package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
- package/s3-resource-selector/s3-in-context/styles.scoped.css +18 -16
- package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +55 -49
- package/segmented-control/styles.selectors.js +14 -14
- package/select/parts/styles.css.js +16 -16
- package/select/parts/styles.scoped.css +39 -31
- package/select/parts/styles.selectors.js +16 -16
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +86 -73
- package/side-navigation/styles.selectors.js +28 -28
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +49 -45
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/styles.css.js +55 -55
- package/split-panel/styles.scoped.css +149 -131
- package/split-panel/styles.selectors.js +55 -55
- package/status-indicator/styles.css.js +23 -23
- package/status-indicator/styles.scoped.css +31 -31
- package/status-indicator/styles.selectors.js +23 -23
|
@@ -182,54 +182,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
182
182
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
183
183
|
SPDX-License-Identifier: Apache-2.0
|
|
184
184
|
*/
|
|
185
|
-
.
|
|
186
|
-
|
|
187
|
-
|
|
185
|
+
.awsui_arrow_xjuzf_1nc4t_185:not(#\9) {
|
|
186
|
+
inline-size: 20px;
|
|
187
|
+
block-size: 10px;
|
|
188
188
|
}
|
|
189
|
-
.awsui_arrow-
|
|
189
|
+
.awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9), .awsui_arrow-inner_xjuzf_1nc4t_189:not(#\9) {
|
|
190
190
|
position: absolute;
|
|
191
191
|
overflow: hidden;
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
192
|
+
inline-size: 20px;
|
|
193
|
+
block-size: 10px;
|
|
194
|
+
inset-block-start: 0;
|
|
195
|
+
inset-inline-start: 0;
|
|
196
196
|
}
|
|
197
|
-
.awsui_arrow-
|
|
197
|
+
.awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9)::after, .awsui_arrow-inner_xjuzf_1nc4t_189:not(#\9)::after {
|
|
198
198
|
content: "";
|
|
199
199
|
box-sizing: border-box;
|
|
200
200
|
display: inline-block;
|
|
201
201
|
position: absolute;
|
|
202
|
-
border-radius: 2px
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
202
|
+
border-start-start-radius: 2px;
|
|
203
|
+
border-start-end-radius: 0;
|
|
204
|
+
border-end-start-radius: 0;
|
|
205
|
+
border-end-end-radius: 0;
|
|
206
|
+
inset-block-end: 0;
|
|
207
|
+
inset-inline-start: 0;
|
|
208
|
+
inline-size: 14px;
|
|
209
|
+
block-size: 14px;
|
|
207
210
|
transform: rotate(45deg);
|
|
208
211
|
transform-origin: 0 100%;
|
|
209
212
|
}
|
|
210
|
-
.awsui_arrow-
|
|
213
|
+
.awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9)::after {
|
|
211
214
|
background-color: var(--color-border-popover-umqvld, #9ba7b6);
|
|
212
215
|
}
|
|
213
|
-
.awsui_arrow-
|
|
214
|
-
|
|
216
|
+
.awsui_arrow-inner_xjuzf_1nc4t_189:not(#\9) {
|
|
217
|
+
inset-block-start: 2px;
|
|
215
218
|
}
|
|
216
|
-
.awsui_arrow-
|
|
217
|
-
|
|
219
|
+
.awsui_arrow-inner_xjuzf_1nc4t_189.awsui_refresh_xjuzf_1nc4t_219:not(#\9) {
|
|
220
|
+
inset-block-start: 3px;
|
|
218
221
|
}
|
|
219
|
-
.awsui_arrow-
|
|
220
|
-
border-radius: 1px
|
|
222
|
+
.awsui_arrow-inner_xjuzf_1nc4t_189:not(#\9)::after {
|
|
223
|
+
border-start-start-radius: 1px;
|
|
224
|
+
border-start-end-radius: 0;
|
|
225
|
+
border-end-start-radius: 0;
|
|
226
|
+
border-end-end-radius: 0;
|
|
221
227
|
background-color: var(--color-background-popover-szburm, #ffffff);
|
|
222
228
|
}
|
|
223
|
-
.awsui_arrow-position-right-
|
|
229
|
+
.awsui_arrow-position-right-top_xjuzf_1nc4t_229 > .awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_1nc4t_229 > .awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9)::after {
|
|
224
230
|
box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
|
|
225
231
|
}
|
|
226
|
-
.awsui_arrow-position-left-
|
|
232
|
+
.awsui_arrow-position-left-top_xjuzf_1nc4t_232 > .awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_1nc4t_232 > .awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9)::after {
|
|
227
233
|
box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
|
|
228
234
|
}
|
|
229
|
-
.awsui_arrow-position-top-
|
|
235
|
+
.awsui_arrow-position-top-center_xjuzf_1nc4t_235 > .awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_1nc4t_235 > .awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_1nc4t_235 > .awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_1nc4t_235 > .awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9)::after {
|
|
230
236
|
box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
|
|
231
237
|
}
|
|
232
|
-
.awsui_arrow-position-bottom-
|
|
238
|
+
.awsui_arrow-position-bottom-center_xjuzf_1nc4t_238 > .awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_1nc4t_238 > .awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_1nc4t_238 > .awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_1nc4t_238 > .awsui_arrow-outer_xjuzf_1nc4t_189:not(#\9)::after {
|
|
233
239
|
box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
|
|
234
240
|
}
|
|
235
241
|
|
|
@@ -325,7 +331,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
325
331
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
326
332
|
SPDX-License-Identifier: Apache-2.0
|
|
327
333
|
*/
|
|
328
|
-
.
|
|
334
|
+
.awsui_body_xjuzf_1nc4t_334:not(#\9) {
|
|
329
335
|
border-collapse: separate;
|
|
330
336
|
border-spacing: 0;
|
|
331
337
|
box-sizing: border-box;
|
|
@@ -362,33 +368,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
362
368
|
word-wrap: break-word;
|
|
363
369
|
max-width: 100%;
|
|
364
370
|
overflow: hidden;
|
|
365
|
-
padding: var(--space-s-34lx8l, 12px)
|
|
371
|
+
padding-block: var(--space-s-34lx8l, 12px);
|
|
372
|
+
padding-inline: var(--space-m-udix3p, 16px);
|
|
366
373
|
}
|
|
367
|
-
.awsui_body-overflow-
|
|
374
|
+
.awsui_body-overflow-visible_xjuzf_1nc4t_373:not(#\9) {
|
|
368
375
|
overflow: visible;
|
|
369
376
|
}
|
|
370
377
|
|
|
371
|
-
.awsui_has-
|
|
378
|
+
.awsui_has-dismiss_xjuzf_1nc4t_377:not(#\9) {
|
|
372
379
|
display: flex;
|
|
373
380
|
align-items: baseline;
|
|
374
381
|
}
|
|
375
382
|
|
|
376
|
-
.
|
|
377
|
-
margin: calc(-1 * (var(--space-scaled-xxs-7597g1, 4px) + var(--border-field-width-09w7vk, 2px)))
|
|
378
|
-
margin-
|
|
383
|
+
.awsui_dismiss_xjuzf_1nc4t_382:not(#\9) {
|
|
384
|
+
margin-block: calc(-1 * (var(--space-scaled-xxs-7597g1, 4px) + var(--border-field-width-09w7vk, 2px)));
|
|
385
|
+
margin-inline-start: 0;
|
|
386
|
+
margin-inline-end: calc(-1 * (var(--space-xxs-p8yyaw, 4px) + var(--border-field-width-09w7vk, 2px)));
|
|
379
387
|
flex: 0 0 auto;
|
|
380
388
|
order: 1;
|
|
381
389
|
}
|
|
382
390
|
|
|
383
|
-
.awsui_dismiss-
|
|
391
|
+
.awsui_dismiss-control_xjuzf_1nc4t_390:not(#\9) {
|
|
384
392
|
/* used in test-utils */
|
|
385
393
|
}
|
|
386
394
|
|
|
387
|
-
.awsui_header-
|
|
388
|
-
margin-
|
|
395
|
+
.awsui_header-row_xjuzf_1nc4t_394:not(#\9) {
|
|
396
|
+
margin-block-end: var(--space-xs-zb16t3, 8px);
|
|
389
397
|
}
|
|
390
398
|
|
|
391
|
-
.
|
|
399
|
+
.awsui_header_xjuzf_1nc4t_394:not(#\9) {
|
|
392
400
|
word-wrap: break-word;
|
|
393
401
|
max-width: 100%;
|
|
394
402
|
overflow: hidden;
|
|
@@ -401,7 +409,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
401
409
|
/* stylelint-disable selector-max-type */
|
|
402
410
|
/* stylelint-enable selector-max-type */
|
|
403
411
|
}
|
|
404
|
-
.
|
|
412
|
+
.awsui_header_xjuzf_1nc4t_394 > h2:not(#\9) {
|
|
405
413
|
font-size: var(--font-size-heading-xs-wo4hpf, 14px);
|
|
406
414
|
line-height: var(--line-height-heading-xs-aeleja, 18px);
|
|
407
415
|
font-weight: var(--font-weight-heading-xs-l7rqme, 700);
|
|
@@ -410,15 +418,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
410
418
|
display: inline;
|
|
411
419
|
}
|
|
412
420
|
|
|
413
|
-
.
|
|
421
|
+
.awsui_content_xjuzf_1nc4t_420:not(#\9) {
|
|
414
422
|
word-wrap: break-word;
|
|
415
423
|
max-width: 100%;
|
|
416
424
|
overflow: hidden;
|
|
417
425
|
color: var(--color-text-body-secondary-w9jvno, #414d5c);
|
|
418
426
|
flex: 1 1 auto;
|
|
419
|
-
min-
|
|
427
|
+
min-inline-size: 0;
|
|
420
428
|
}
|
|
421
|
-
.awsui_content-overflow-
|
|
429
|
+
.awsui_content-overflow-visible_xjuzf_1nc4t_428:not(#\9) {
|
|
422
430
|
overflow: visible;
|
|
423
431
|
}
|
|
424
432
|
|
|
@@ -514,15 +522,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
514
522
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
515
523
|
SPDX-License-Identifier: Apache-2.0
|
|
516
524
|
*/
|
|
517
|
-
.
|
|
525
|
+
.awsui_container_xjuzf_1nc4t_524:not(#\9) {
|
|
518
526
|
display: inline-block;
|
|
519
527
|
position: fixed;
|
|
520
|
-
|
|
521
|
-
|
|
528
|
+
inset-block-start: -9999px;
|
|
529
|
+
inset-inline-start: -9999px;
|
|
522
530
|
z-index: 2000;
|
|
523
531
|
}
|
|
524
532
|
|
|
525
|
-
.awsui_container-
|
|
533
|
+
.awsui_container-body_xjuzf_1nc4t_532:not(#\9) {
|
|
526
534
|
border-collapse: separate;
|
|
527
535
|
border-spacing: 0;
|
|
528
536
|
box-sizing: border-box;
|
|
@@ -556,98 +564,102 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
556
564
|
font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
557
565
|
-webkit-font-smoothing: auto;
|
|
558
566
|
-moz-osx-font-smoothing: auto;
|
|
559
|
-
border-radius: var(--border-radius-popover-clv1ya, 8px);
|
|
567
|
+
border-start-start-radius: var(--border-radius-popover-clv1ya, 8px);
|
|
568
|
+
border-start-end-radius: var(--border-radius-popover-clv1ya, 8px);
|
|
569
|
+
border-end-start-radius: var(--border-radius-popover-clv1ya, 8px);
|
|
570
|
+
border-end-end-radius: var(--border-radius-popover-clv1ya, 8px);
|
|
560
571
|
background-color: var(--color-background-popover-szburm, #ffffff);
|
|
561
572
|
box-shadow: var(--shadow-popover-8zls8c, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
|
|
562
|
-
border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-popover-umqvld, #9ba7b6);
|
|
573
|
+
border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-popover-umqvld, #9ba7b6);
|
|
574
|
+
border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-popover-umqvld, #9ba7b6);
|
|
563
575
|
}
|
|
564
576
|
|
|
565
|
-
.awsui_container-body-variant-
|
|
577
|
+
.awsui_container-body-variant-annotation_xjuzf_1nc4t_575:not(#\9) {
|
|
566
578
|
background-color: var(--color-background-status-info-mvnbre, #f2f8fd);
|
|
567
579
|
border-color: var(--color-border-status-info-8upc6f, #0972d3);
|
|
568
580
|
}
|
|
569
581
|
|
|
570
|
-
.awsui_container-body-size-
|
|
571
|
-
max-
|
|
582
|
+
.awsui_container-body-size-small_xjuzf_1nc4t_580:not(#\9) {
|
|
583
|
+
max-inline-size: 210px;
|
|
572
584
|
}
|
|
573
|
-
.awsui_container-body-size-
|
|
574
|
-
|
|
585
|
+
.awsui_container-body-size-small_xjuzf_1nc4t_580.awsui_fixed-width_xjuzf_1nc4t_583:not(#\9) {
|
|
586
|
+
inline-size: 210px;
|
|
575
587
|
}
|
|
576
588
|
|
|
577
|
-
.awsui_container-body-size-
|
|
578
|
-
max-
|
|
589
|
+
.awsui_container-body-size-medium_xjuzf_1nc4t_587:not(#\9) {
|
|
590
|
+
max-inline-size: 310px;
|
|
579
591
|
}
|
|
580
|
-
.awsui_container-body-size-
|
|
581
|
-
|
|
592
|
+
.awsui_container-body-size-medium_xjuzf_1nc4t_587.awsui_fixed-width_xjuzf_1nc4t_583:not(#\9) {
|
|
593
|
+
inline-size: 310px;
|
|
582
594
|
}
|
|
583
595
|
|
|
584
|
-
.awsui_container-body-size-
|
|
585
|
-
max-
|
|
596
|
+
.awsui_container-body-size-large_xjuzf_1nc4t_594:not(#\9) {
|
|
597
|
+
max-inline-size: 480px;
|
|
586
598
|
}
|
|
587
599
|
@media (max-width: 480px) {
|
|
588
|
-
.awsui_container-body-size-
|
|
589
|
-
max-
|
|
600
|
+
.awsui_container-body-size-large_xjuzf_1nc4t_594:not(#\9) {
|
|
601
|
+
max-inline-size: 310px;
|
|
590
602
|
}
|
|
591
603
|
}
|
|
592
|
-
.awsui_container-body-size-
|
|
593
|
-
|
|
604
|
+
.awsui_container-body-size-large_xjuzf_1nc4t_594.awsui_fixed-width_xjuzf_1nc4t_583:not(#\9) {
|
|
605
|
+
inline-size: 480px;
|
|
594
606
|
}
|
|
595
607
|
|
|
596
|
-
.awsui_container-
|
|
608
|
+
.awsui_container-arrow_xjuzf_1nc4t_606:not(#\9) {
|
|
597
609
|
position: absolute;
|
|
598
610
|
display: inline-block;
|
|
599
611
|
}
|
|
600
|
-
.awsui_container-arrow-position-right-
|
|
612
|
+
.awsui_container-arrow-position-right-top_xjuzf_1nc4t_610:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_1nc4t_610:not(#\9) {
|
|
601
613
|
transform: rotate(-90deg);
|
|
602
614
|
transform-origin: 0 100%;
|
|
603
615
|
}
|
|
604
|
-
.awsui_container-arrow-position-right-
|
|
605
|
-
|
|
606
|
-
|
|
616
|
+
.awsui_container-arrow-position-right-top_xjuzf_1nc4t_610:not(#\9) {
|
|
617
|
+
inset-block-start: calc(12px + 10px);
|
|
618
|
+
inset-inline-start: 0;
|
|
607
619
|
}
|
|
608
|
-
.awsui_container-arrow-position-right-
|
|
609
|
-
|
|
610
|
-
|
|
620
|
+
.awsui_container-arrow-position-right-bottom_xjuzf_1nc4t_610:not(#\9) {
|
|
621
|
+
inset-block-end: 12px;
|
|
622
|
+
inset-inline-start: 0;
|
|
611
623
|
}
|
|
612
|
-
.awsui_container-arrow-position-left-
|
|
624
|
+
.awsui_container-arrow-position-left-top_xjuzf_1nc4t_622:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_1nc4t_622:not(#\9) {
|
|
613
625
|
transform: rotate(90deg);
|
|
614
626
|
transform-origin: 100% 100%;
|
|
615
627
|
}
|
|
616
|
-
.awsui_container-arrow-position-left-
|
|
617
|
-
|
|
618
|
-
|
|
628
|
+
.awsui_container-arrow-position-left-top_xjuzf_1nc4t_622:not(#\9) {
|
|
629
|
+
inset-block-start: calc(12px + 10px);
|
|
630
|
+
inset-inline-end: 0;
|
|
619
631
|
}
|
|
620
|
-
.awsui_container-arrow-position-left-
|
|
621
|
-
|
|
622
|
-
|
|
632
|
+
.awsui_container-arrow-position-left-bottom_xjuzf_1nc4t_622:not(#\9) {
|
|
633
|
+
inset-block-end: 12px;
|
|
634
|
+
inset-inline-end: 0;
|
|
623
635
|
}
|
|
624
|
-
.awsui_container-arrow-position-top-
|
|
636
|
+
.awsui_container-arrow-position-top-center_xjuzf_1nc4t_634:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_1nc4t_634:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_1nc4t_634:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_1nc4t_634:not(#\9) {
|
|
625
637
|
transform: rotate(180deg);
|
|
626
638
|
transform-origin: 50% 50%;
|
|
627
639
|
}
|
|
628
|
-
.awsui_container-arrow-position-top-
|
|
629
|
-
|
|
630
|
-
|
|
640
|
+
.awsui_container-arrow-position-top-center_xjuzf_1nc4t_634:not(#\9) {
|
|
641
|
+
inset-block-end: -10px;
|
|
642
|
+
inset-inline-start: calc(50% - 10px);
|
|
631
643
|
}
|
|
632
|
-
.awsui_container-arrow-position-top-
|
|
633
|
-
|
|
634
|
-
|
|
644
|
+
.awsui_container-arrow-position-top-right_xjuzf_1nc4t_634:not(#\9) {
|
|
645
|
+
inset-block-end: -10px;
|
|
646
|
+
inset-inline-start: 12px;
|
|
635
647
|
}
|
|
636
|
-
.awsui_container-arrow-position-top-
|
|
637
|
-
|
|
638
|
-
|
|
648
|
+
.awsui_container-arrow-position-top-left_xjuzf_1nc4t_634:not(#\9) {
|
|
649
|
+
inset-block-end: -10px;
|
|
650
|
+
inset-inline-start: calc(100% - 20px - 12px);
|
|
639
651
|
}
|
|
640
|
-
.awsui_container-arrow-position-bottom-
|
|
641
|
-
|
|
642
|
-
|
|
652
|
+
.awsui_container-arrow-position-bottom-center_xjuzf_1nc4t_650:not(#\9) {
|
|
653
|
+
inset-block-start: -10px;
|
|
654
|
+
inset-inline-start: calc(50% - 10px);
|
|
643
655
|
}
|
|
644
|
-
.awsui_container-arrow-position-bottom-
|
|
645
|
-
|
|
646
|
-
|
|
656
|
+
.awsui_container-arrow-position-bottom-right_xjuzf_1nc4t_654:not(#\9) {
|
|
657
|
+
inset-block-start: -10px;
|
|
658
|
+
inset-inline-start: 12px;
|
|
647
659
|
}
|
|
648
|
-
.awsui_container-arrow-position-bottom-
|
|
649
|
-
|
|
650
|
-
|
|
660
|
+
.awsui_container-arrow-position-bottom-left_xjuzf_1nc4t_658:not(#\9) {
|
|
661
|
+
inset-block-start: -10px;
|
|
662
|
+
inset-inline-start: calc(100% - 20px - 12px);
|
|
651
663
|
}
|
|
652
664
|
|
|
653
665
|
/*
|
|
@@ -742,10 +754,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
742
754
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
743
755
|
SPDX-License-Identifier: Apache-2.0
|
|
744
756
|
*/
|
|
745
|
-
.
|
|
746
|
-
animation: awsui_awsui-motion-fade-
|
|
757
|
+
.awsui_container_xjuzf_1nc4t_524:not(#\9) {
|
|
758
|
+
animation: awsui_awsui-motion-fade-in_xjuzf_1nc4t_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
|
|
747
759
|
}
|
|
748
|
-
@keyframes awsui_awsui-motion-fade-
|
|
760
|
+
@keyframes awsui_awsui-motion-fade-in_xjuzf_1nc4t_1 {
|
|
749
761
|
from {
|
|
750
762
|
opacity: 0.2;
|
|
751
763
|
}
|
|
@@ -754,19 +766,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
754
766
|
}
|
|
755
767
|
}
|
|
756
768
|
@media (prefers-reduced-motion: reduce) {
|
|
757
|
-
.
|
|
769
|
+
.awsui_container_xjuzf_1nc4t_524:not(#\9) {
|
|
758
770
|
animation: none;
|
|
759
771
|
transition: none;
|
|
760
772
|
}
|
|
761
773
|
}
|
|
762
|
-
.awsui-motion-disabled .
|
|
774
|
+
.awsui-motion-disabled .awsui_container_xjuzf_1nc4t_524:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_1nc4t_524:not(#\9) {
|
|
763
775
|
animation: none;
|
|
764
776
|
transition: none;
|
|
765
777
|
}
|
|
766
|
-
.
|
|
767
|
-
animation: awsui_awsui-motion-fade-
|
|
778
|
+
.awsui_container_xjuzf_1nc4t_524.awsui_refresh_xjuzf_1nc4t_219:not(#\9) {
|
|
779
|
+
animation: awsui_awsui-motion-fade-in_xjuzf_1nc4t_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
|
|
768
780
|
}
|
|
769
|
-
@keyframes awsui_awsui-motion-fade-
|
|
781
|
+
@keyframes awsui_awsui-motion-fade-in_xjuzf_1nc4t_1 {
|
|
770
782
|
from {
|
|
771
783
|
opacity: 0.2;
|
|
772
784
|
}
|
|
@@ -775,17 +787,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
775
787
|
}
|
|
776
788
|
}
|
|
777
789
|
@media (prefers-reduced-motion: reduce) {
|
|
778
|
-
.
|
|
790
|
+
.awsui_container_xjuzf_1nc4t_524.awsui_refresh_xjuzf_1nc4t_219:not(#\9) {
|
|
779
791
|
animation: none;
|
|
780
792
|
transition: none;
|
|
781
793
|
}
|
|
782
794
|
}
|
|
783
|
-
.awsui-motion-disabled .
|
|
795
|
+
.awsui-motion-disabled .awsui_container_xjuzf_1nc4t_524.awsui_refresh_xjuzf_1nc4t_219:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_1nc4t_524.awsui_refresh_xjuzf_1nc4t_219:not(#\9) {
|
|
784
796
|
animation: none;
|
|
785
797
|
transition: none;
|
|
786
798
|
}
|
|
787
799
|
|
|
788
|
-
.
|
|
800
|
+
.awsui_root_xjuzf_1nc4t_798:not(#\9) {
|
|
789
801
|
border-collapse: separate;
|
|
790
802
|
border-spacing: 0;
|
|
791
803
|
box-sizing: border-box;
|
|
@@ -822,32 +834,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
822
834
|
color: inherit;
|
|
823
835
|
}
|
|
824
836
|
|
|
825
|
-
.
|
|
837
|
+
.awsui_trigger_xjuzf_1nc4t_834:not(#\9) {
|
|
826
838
|
display: inline-block;
|
|
827
|
-
max-
|
|
839
|
+
max-inline-size: 100%;
|
|
828
840
|
color: inherit;
|
|
829
841
|
text-align: inherit;
|
|
830
842
|
}
|
|
831
843
|
|
|
832
|
-
.awsui_trigger-type-
|
|
833
|
-
border: 0;
|
|
834
|
-
|
|
835
|
-
|
|
844
|
+
.awsui_trigger-type-text_xjuzf_1nc4t_841:not(#\9) {
|
|
845
|
+
border-block: 0;
|
|
846
|
+
border-inline: 0;
|
|
847
|
+
margin-block: 0;
|
|
848
|
+
margin-inline: 0;
|
|
849
|
+
padding-block: 0;
|
|
850
|
+
padding-inline: 0;
|
|
836
851
|
background-color: transparent;
|
|
837
852
|
cursor: pointer;
|
|
838
|
-
border-
|
|
853
|
+
border-block-end: var(--border-divider-list-width-27y3k5, 1px) dashed currentColor;
|
|
839
854
|
}
|
|
840
|
-
.awsui_trigger-type-
|
|
855
|
+
.awsui_trigger-type-text_xjuzf_1nc4t_841:not(#\9):focus {
|
|
841
856
|
outline: none;
|
|
842
857
|
}
|
|
843
|
-
body[data-awsui-focus-visible=true] .awsui_trigger-type-
|
|
858
|
+
body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1nc4t_841:not(#\9):focus {
|
|
844
859
|
position: relative;
|
|
845
860
|
}
|
|
846
|
-
body[data-awsui-focus-visible=true] .awsui_trigger-type-
|
|
861
|
+
body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1nc4t_841:not(#\9):focus {
|
|
847
862
|
outline: 2px dotted transparent;
|
|
848
863
|
outline-offset: calc(1px - 1px);
|
|
849
864
|
}
|
|
850
|
-
body[data-awsui-focus-visible=true] .awsui_trigger-type-
|
|
865
|
+
body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1nc4t_841:not(#\9):focus::before {
|
|
851
866
|
content: " ";
|
|
852
867
|
display: block;
|
|
853
868
|
position: absolute;
|
|
@@ -858,10 +873,10 @@ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_le2x1_829:not
|
|
|
858
873
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
859
874
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
860
875
|
}
|
|
861
|
-
.awsui_trigger-type-
|
|
876
|
+
.awsui_trigger-type-text_xjuzf_1nc4t_841 > .awsui_trigger-inner-text_xjuzf_1nc4t_873:not(#\9) {
|
|
862
877
|
position: relative;
|
|
863
878
|
}
|
|
864
879
|
|
|
865
|
-
.awsui_popover-
|
|
880
|
+
.awsui_popover-content_xjuzf_1nc4t_877:not(#\9) {
|
|
866
881
|
display: inline;
|
|
867
882
|
}
|
|
@@ -2,55 +2,55 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"arrow": "
|
|
6
|
-
"arrow-outer": "awsui_arrow-
|
|
7
|
-
"arrow-inner": "awsui_arrow-
|
|
8
|
-
"refresh": "
|
|
9
|
-
"arrow-position-right-top": "awsui_arrow-position-right-
|
|
10
|
-
"arrow-position-right-bottom": "awsui_arrow-position-right-
|
|
11
|
-
"arrow-position-left-top": "awsui_arrow-position-left-
|
|
12
|
-
"arrow-position-left-bottom": "awsui_arrow-position-left-
|
|
13
|
-
"arrow-position-top-center": "awsui_arrow-position-top-
|
|
14
|
-
"arrow-position-top-right": "awsui_arrow-position-top-
|
|
15
|
-
"arrow-position-top-left": "awsui_arrow-position-top-
|
|
16
|
-
"arrow-position-top-responsive": "awsui_arrow-position-top-
|
|
17
|
-
"arrow-position-bottom-center": "awsui_arrow-position-bottom-
|
|
18
|
-
"arrow-position-bottom-right": "awsui_arrow-position-bottom-
|
|
19
|
-
"arrow-position-bottom-left": "awsui_arrow-position-bottom-
|
|
20
|
-
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-
|
|
21
|
-
"body": "
|
|
22
|
-
"body-overflow-visible": "awsui_body-overflow-
|
|
23
|
-
"has-dismiss": "awsui_has-
|
|
24
|
-
"dismiss": "
|
|
25
|
-
"dismiss-control": "awsui_dismiss-
|
|
26
|
-
"header-row": "awsui_header-
|
|
27
|
-
"header": "
|
|
28
|
-
"content": "
|
|
29
|
-
"content-overflow-visible": "awsui_content-overflow-
|
|
30
|
-
"container": "
|
|
31
|
-
"container-body": "awsui_container-
|
|
32
|
-
"container-body-variant-annotation": "awsui_container-body-variant-
|
|
33
|
-
"container-body-size-small": "awsui_container-body-size-
|
|
34
|
-
"fixed-width": "awsui_fixed-
|
|
35
|
-
"container-body-size-medium": "awsui_container-body-size-
|
|
36
|
-
"container-body-size-large": "awsui_container-body-size-
|
|
37
|
-
"container-arrow": "awsui_container-
|
|
38
|
-
"container-arrow-position-right-top": "awsui_container-arrow-position-right-
|
|
39
|
-
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-
|
|
40
|
-
"container-arrow-position-left-top": "awsui_container-arrow-position-left-
|
|
41
|
-
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-
|
|
42
|
-
"container-arrow-position-top-center": "awsui_container-arrow-position-top-
|
|
43
|
-
"container-arrow-position-top-right": "awsui_container-arrow-position-top-
|
|
44
|
-
"container-arrow-position-top-left": "awsui_container-arrow-position-top-
|
|
45
|
-
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-
|
|
46
|
-
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-
|
|
47
|
-
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-
|
|
48
|
-
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-
|
|
49
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
50
|
-
"root": "
|
|
51
|
-
"trigger": "
|
|
52
|
-
"trigger-type-text": "awsui_trigger-type-
|
|
53
|
-
"trigger-inner-text": "awsui_trigger-inner-
|
|
54
|
-
"popover-content": "awsui_popover-
|
|
5
|
+
"arrow": "awsui_arrow_xjuzf_1nc4t_185",
|
|
6
|
+
"arrow-outer": "awsui_arrow-outer_xjuzf_1nc4t_189",
|
|
7
|
+
"arrow-inner": "awsui_arrow-inner_xjuzf_1nc4t_189",
|
|
8
|
+
"refresh": "awsui_refresh_xjuzf_1nc4t_219",
|
|
9
|
+
"arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1nc4t_229",
|
|
10
|
+
"arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1nc4t_229",
|
|
11
|
+
"arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1nc4t_232",
|
|
12
|
+
"arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1nc4t_232",
|
|
13
|
+
"arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1nc4t_235",
|
|
14
|
+
"arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1nc4t_235",
|
|
15
|
+
"arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1nc4t_235",
|
|
16
|
+
"arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1nc4t_235",
|
|
17
|
+
"arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1nc4t_238",
|
|
18
|
+
"arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1nc4t_238",
|
|
19
|
+
"arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1nc4t_238",
|
|
20
|
+
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1nc4t_238",
|
|
21
|
+
"body": "awsui_body_xjuzf_1nc4t_334",
|
|
22
|
+
"body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1nc4t_373",
|
|
23
|
+
"has-dismiss": "awsui_has-dismiss_xjuzf_1nc4t_377",
|
|
24
|
+
"dismiss": "awsui_dismiss_xjuzf_1nc4t_382",
|
|
25
|
+
"dismiss-control": "awsui_dismiss-control_xjuzf_1nc4t_390",
|
|
26
|
+
"header-row": "awsui_header-row_xjuzf_1nc4t_394",
|
|
27
|
+
"header": "awsui_header_xjuzf_1nc4t_394",
|
|
28
|
+
"content": "awsui_content_xjuzf_1nc4t_420",
|
|
29
|
+
"content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1nc4t_428",
|
|
30
|
+
"container": "awsui_container_xjuzf_1nc4t_524",
|
|
31
|
+
"container-body": "awsui_container-body_xjuzf_1nc4t_532",
|
|
32
|
+
"container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1nc4t_575",
|
|
33
|
+
"container-body-size-small": "awsui_container-body-size-small_xjuzf_1nc4t_580",
|
|
34
|
+
"fixed-width": "awsui_fixed-width_xjuzf_1nc4t_583",
|
|
35
|
+
"container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1nc4t_587",
|
|
36
|
+
"container-body-size-large": "awsui_container-body-size-large_xjuzf_1nc4t_594",
|
|
37
|
+
"container-arrow": "awsui_container-arrow_xjuzf_1nc4t_606",
|
|
38
|
+
"container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1nc4t_610",
|
|
39
|
+
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1nc4t_610",
|
|
40
|
+
"container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1nc4t_622",
|
|
41
|
+
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1nc4t_622",
|
|
42
|
+
"container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1nc4t_634",
|
|
43
|
+
"container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1nc4t_634",
|
|
44
|
+
"container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1nc4t_634",
|
|
45
|
+
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1nc4t_634",
|
|
46
|
+
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1nc4t_650",
|
|
47
|
+
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1nc4t_654",
|
|
48
|
+
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1nc4t_658",
|
|
49
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1nc4t_1",
|
|
50
|
+
"root": "awsui_root_xjuzf_1nc4t_798",
|
|
51
|
+
"trigger": "awsui_trigger_xjuzf_1nc4t_834",
|
|
52
|
+
"trigger-type-text": "awsui_trigger-type-text_xjuzf_1nc4t_841",
|
|
53
|
+
"trigger-inner-text": "awsui_trigger-inner-text_xjuzf_1nc4t_873",
|
|
54
|
+
"popover-content": "awsui_popover-content_xjuzf_1nc4t_877"
|
|
55
55
|
};
|
|
56
56
|
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"progress": "
|
|
5
|
-
"result-state": "awsui_result-
|
|
6
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
7
|
-
"root": "
|
|
8
|
-
"with-result-button": "awsui_with-result-
|
|
9
|
-
"result-text": "awsui_result-
|
|
10
|
-
"result-container-error": "awsui_result-container-
|
|
11
|
-
"result-container-success": "awsui_result-container-
|
|
12
|
-
"result-button": "awsui_result-
|
|
13
|
-
"word-wrap": "awsui_word-
|
|
14
|
-
"label-flash": "awsui_label-
|
|
15
|
-
"label-key-value": "awsui_label-key-
|
|
16
|
-
"flash": "
|
|
17
|
-
"progress-container": "awsui_progress-
|
|
18
|
-
"percentage-container": "awsui_percentage-
|
|
19
|
-
"percentage": "
|
|
20
|
-
"complete": "
|
|
21
|
-
"progress-in-flash": "awsui_progress-in-
|
|
4
|
+
"progress": "awsui_progress_11huc_tfzsb_185",
|
|
5
|
+
"result-state": "awsui_result-state_11huc_tfzsb_199",
|
|
6
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_tfzsb_1",
|
|
7
|
+
"root": "awsui_root_11huc_tfzsb_221",
|
|
8
|
+
"with-result-button": "awsui_with-result-button_11huc_tfzsb_256",
|
|
9
|
+
"result-text": "awsui_result-text_11huc_tfzsb_260",
|
|
10
|
+
"result-container-error": "awsui_result-container-error_11huc_tfzsb_264",
|
|
11
|
+
"result-container-success": "awsui_result-container-success_11huc_tfzsb_264",
|
|
12
|
+
"result-button": "awsui_result-button_11huc_tfzsb_268",
|
|
13
|
+
"word-wrap": "awsui_word-wrap_11huc_tfzsb_274",
|
|
14
|
+
"label-flash": "awsui_label-flash_11huc_tfzsb_279",
|
|
15
|
+
"label-key-value": "awsui_label-key-value_11huc_tfzsb_283",
|
|
16
|
+
"flash": "awsui_flash_11huc_tfzsb_291",
|
|
17
|
+
"progress-container": "awsui_progress-container_11huc_tfzsb_295",
|
|
18
|
+
"percentage-container": "awsui_percentage-container_11huc_tfzsb_302",
|
|
19
|
+
"percentage": "awsui_percentage_11huc_tfzsb_302",
|
|
20
|
+
"complete": "awsui_complete_11huc_tfzsb_348",
|
|
21
|
+
"progress-in-flash": "awsui_progress-in-flash_11huc_tfzsb_376"
|
|
22
22
|
};
|
|
23
23
|
|