@cloudscape-design/components-themeable 3.0.950 → 3.0.951

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.
Files changed (16) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/alert/styles.scss +1 -2
  3. package/lib/internal/scss/flashbar/styles.scss +1 -2
  4. package/lib/internal/scss/popover/styles.scss +1 -0
  5. package/lib/internal/template/alert/styles.css.js +27 -27
  6. package/lib/internal/template/alert/styles.scoped.css +40 -41
  7. package/lib/internal/template/alert/styles.selectors.js +27 -27
  8. package/lib/internal/template/flashbar/styles.css.js +50 -50
  9. package/lib/internal/template/flashbar/styles.scoped.css +147 -148
  10. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  11. package/lib/internal/template/internal/environment.js +1 -1
  12. package/lib/internal/template/internal/environment.json +1 -1
  13. package/lib/internal/template/popover/styles.css.js +54 -54
  14. package/lib/internal/template/popover/styles.scoped.css +84 -77
  15. package/lib/internal/template/popover/styles.selectors.js +54 -54
  16. package/package.json +1 -1
package/lib/internal/template/popover/styles.scoped.css CHANGED
@@ -286,11 +286,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
286
286
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
287
287
  SPDX-License-Identifier: Apache-2.0
288
288
  */
289
- .awsui_arrow_xjuzf_196ah_289:not(#\9) {
289
+ .awsui_arrow_xjuzf_d2ijc_289:not(#\9) {
290
290
  inline-size: 20px;
291
291
  block-size: 10px;
292
292
  }
293
- .awsui_arrow-outer_xjuzf_196ah_293:not(#\9), .awsui_arrow-inner_xjuzf_196ah_293:not(#\9) {
293
+ .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9), .awsui_arrow-inner_xjuzf_d2ijc_293:not(#\9) {
294
294
  position: absolute;
295
295
  overflow: hidden;
296
296
  inline-size: 20px;
@@ -299,7 +299,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
299
299
  inset-inline-start: 0;
300
300
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
301
301
  }
302
- .awsui_arrow-outer_xjuzf_196ah_293:not(#\9)::after, .awsui_arrow-inner_xjuzf_196ah_293:not(#\9)::after {
302
+ .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9)::after, .awsui_arrow-inner_xjuzf_d2ijc_293:not(#\9)::after {
303
303
  content: "";
304
304
  box-sizing: border-box;
305
305
  display: inline-block;
@@ -315,33 +315,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
315
315
  transform: rotate(45deg);
316
316
  transform-origin: 0 100%;
317
317
  }
318
- .awsui_arrow-outer_xjuzf_196ah_293:not(#\9):dir(rtl)::after, .awsui_arrow-inner_xjuzf_196ah_293:not(#\9):dir(rtl)::after {
318
+ .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9):dir(rtl)::after, .awsui_arrow-inner_xjuzf_d2ijc_293:not(#\9):dir(rtl)::after {
319
319
  transform: rotate(-45deg);
320
320
  transform-origin: 100% 100%;
321
321
  }
322
- .awsui_arrow-outer_xjuzf_196ah_293:not(#\9)::after {
322
+ .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9)::after {
323
323
  background-color: var(--color-border-popover-x1jxjw, #d5dbdb);
324
324
  }
325
- .awsui_arrow-inner_xjuzf_196ah_293:not(#\9) {
325
+ .awsui_arrow-inner_xjuzf_d2ijc_293:not(#\9) {
326
326
  inset-block-start: calc(var(--border-width-popover-ymjvav, 1px) + 1px);
327
327
  }
328
- .awsui_arrow-inner_xjuzf_196ah_293:not(#\9)::after {
328
+ .awsui_arrow-inner_xjuzf_d2ijc_293:not(#\9)::after {
329
329
  border-start-start-radius: 1px;
330
330
  border-start-end-radius: 0;
331
331
  border-end-start-radius: 0;
332
332
  border-end-end-radius: 0;
333
333
  background-color: var(--color-background-popover-jk60jt, #ffffff);
334
334
  }
335
- .awsui_arrow-position-right-top_xjuzf_196ah_335 > .awsui_arrow-outer_xjuzf_196ah_293:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_196ah_335 > .awsui_arrow-outer_xjuzf_196ah_293:not(#\9)::after {
335
+ .awsui_arrow-position-right-top_xjuzf_d2ijc_335 > .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_d2ijc_335 > .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9)::after {
336
336
  box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-2h7lgk, rgba(0, 28, 36, 0.5));
337
337
  }
338
- .awsui_arrow-position-left-top_xjuzf_196ah_338 > .awsui_arrow-outer_xjuzf_196ah_293:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_196ah_338 > .awsui_arrow-outer_xjuzf_196ah_293:not(#\9)::after {
338
+ .awsui_arrow-position-left-top_xjuzf_d2ijc_338 > .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_d2ijc_338 > .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9)::after {
339
339
  box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-2h7lgk, rgba(0, 28, 36, 0.5));
340
340
  }
341
- .awsui_arrow-position-top-center_xjuzf_196ah_341 > .awsui_arrow-outer_xjuzf_196ah_293:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_196ah_341 > .awsui_arrow-outer_xjuzf_196ah_293:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_196ah_341 > .awsui_arrow-outer_xjuzf_196ah_293:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_196ah_341 > .awsui_arrow-outer_xjuzf_196ah_293:not(#\9)::after {
341
+ .awsui_arrow-position-top-center_xjuzf_d2ijc_341 > .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_d2ijc_341 > .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_d2ijc_341 > .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_d2ijc_341 > .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9)::after {
342
342
  box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-2h7lgk, rgba(0, 28, 36, 0.5));
343
343
  }
344
- .awsui_arrow-position-bottom-center_xjuzf_196ah_344 > .awsui_arrow-outer_xjuzf_196ah_293:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_196ah_344 > .awsui_arrow-outer_xjuzf_196ah_293:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_196ah_344 > .awsui_arrow-outer_xjuzf_196ah_293:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_196ah_344 > .awsui_arrow-outer_xjuzf_196ah_293:not(#\9)::after {
344
+ .awsui_arrow-position-bottom-center_xjuzf_d2ijc_344 > .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_d2ijc_344 > .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_d2ijc_344 > .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_d2ijc_344 > .awsui_arrow-outer_xjuzf_d2ijc_293:not(#\9)::after {
345
345
  box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-2h7lgk, rgba(0, 28, 36, 0.5));
346
346
  }
347
347
 
@@ -489,7 +489,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
489
489
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
490
490
  SPDX-License-Identifier: Apache-2.0
491
491
  */
492
- .awsui_body_xjuzf_196ah_492:not(#\9) {
492
+ .awsui_body_xjuzf_d2ijc_492:not(#\9) {
493
493
  border-collapse: separate;
494
494
  border-spacing: 0;
495
495
  box-sizing: border-box;
@@ -526,16 +526,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
526
526
  padding-block: var(--space-s-vmutj3, 12px);
527
527
  padding-inline: var(--space-m-u91ipm, 16px);
528
528
  }
529
- .awsui_body-overflow-visible_xjuzf_196ah_528:not(#\9) {
529
+ .awsui_body-overflow-visible_xjuzf_d2ijc_528:not(#\9) {
530
530
  overflow: visible;
531
531
  }
532
532
 
533
- .awsui_has-dismiss_xjuzf_196ah_532:not(#\9) {
533
+ .awsui_has-dismiss_xjuzf_d2ijc_532:not(#\9) {
534
534
  display: flex;
535
535
  align-items: baseline;
536
536
  }
537
537
 
538
- .awsui_dismiss_xjuzf_196ah_537:not(#\9) {
538
+ .awsui_dismiss_xjuzf_d2ijc_537:not(#\9) {
539
539
  margin-block: calc(-1 * var(--space-xs-6dgkww, 8px));
540
540
  margin-inline-start: 0;
541
541
  margin-inline-end: calc(-1 * (var(--space-xxs-y2432o, 4px) + var(--border-width-popover-ymjvav, 1px)));
@@ -543,15 +543,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
543
543
  order: 1;
544
544
  }
545
545
 
546
- .awsui_dismiss-control_xjuzf_196ah_545:not(#\9) {
546
+ .awsui_dismiss-control_xjuzf_d2ijc_545:not(#\9) {
547
547
  /* used in test-utils */
548
548
  }
549
549
 
550
- .awsui_header-row_xjuzf_196ah_549:not(#\9) {
550
+ .awsui_header-row_xjuzf_d2ijc_549:not(#\9) {
551
551
  margin-block-end: var(--space-xs-6dgkww, 8px);
552
552
  }
553
553
 
554
- .awsui_header_xjuzf_196ah_549:not(#\9) {
554
+ .awsui_header_xjuzf_d2ijc_549:not(#\9) {
555
555
  word-wrap: break-word;
556
556
  max-inline-size: 100%;
557
557
  overflow: hidden;
@@ -563,7 +563,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
563
563
  flex: 1 1 auto;
564
564
  /* stylelint-disable-next-line selector-max-type */
565
565
  }
566
- .awsui_header_xjuzf_196ah_549 > h2:not(#\9) {
566
+ .awsui_header_xjuzf_d2ijc_549 > h2:not(#\9) {
567
567
  font-size: var(--font-size-heading-xs-grnyyg, 16px);
568
568
  line-height: var(--line-height-heading-xs-funjxm, 20px);
569
569
  font-weight: var(--font-weight-heading-xs-y5uryl, 400);
@@ -572,7 +572,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
572
572
  display: inline;
573
573
  }
574
574
 
575
- .awsui_content_xjuzf_196ah_574:not(#\9) {
575
+ .awsui_content_xjuzf_d2ijc_574:not(#\9) {
576
576
  word-wrap: break-word;
577
577
  max-inline-size: 100%;
578
578
  overflow: hidden;
@@ -580,7 +580,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
580
580
  flex: 1 1 auto;
581
581
  min-inline-size: 0;
582
582
  }
583
- .awsui_content-overflow-visible_xjuzf_196ah_582:not(#\9) {
583
+ .awsui_content-overflow-visible_xjuzf_d2ijc_582:not(#\9) {
584
584
  overflow: visible;
585
585
  }
586
586
 
@@ -728,7 +728,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
728
728
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
729
729
  SPDX-License-Identifier: Apache-2.0
730
730
  */
731
- .awsui_container_xjuzf_196ah_730:not(#\9) {
731
+ .awsui_container_xjuzf_d2ijc_730:not(#\9) {
732
732
  display: inline-block;
733
733
  position: fixed;
734
734
  inset-block-start: -9999px;
@@ -736,7 +736,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
736
736
  z-index: 2000;
737
737
  }
738
738
 
739
- .awsui_container-body_xjuzf_196ah_738:not(#\9) {
739
+ .awsui_container-body_xjuzf_d2ijc_738:not(#\9) {
740
740
  border-collapse: separate;
741
741
  border-spacing: 0;
742
742
  box-sizing: border-box;
@@ -777,100 +777,100 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
777
777
  border-inline: var(--border-width-popover-ymjvav, 1px) solid var(--color-border-popover-x1jxjw, #d5dbdb);
778
778
  }
779
779
 
780
- .awsui_container-body-variant-annotation_xjuzf_196ah_778:not(#\9) {
780
+ .awsui_container-body-variant-annotation_xjuzf_d2ijc_778:not(#\9) {
781
781
  background-color: var(--color-background-status-info-zgt1yi, #f1faff);
782
782
  border-color: var(--color-border-status-info-7kw04i, #0073bb);
783
783
  }
784
784
 
785
- .awsui_container-body-size-small_xjuzf_196ah_783:not(#\9) {
785
+ .awsui_container-body-size-small_xjuzf_d2ijc_783:not(#\9) {
786
786
  max-inline-size: 210px;
787
787
  }
788
- .awsui_container-body-size-small_xjuzf_196ah_783.awsui_fixed-width_xjuzf_196ah_786:not(#\9) {
788
+ .awsui_container-body-size-small_xjuzf_d2ijc_783.awsui_fixed-width_xjuzf_d2ijc_786:not(#\9) {
789
789
  inline-size: 210px;
790
790
  }
791
791
 
792
- .awsui_container-body-size-medium_xjuzf_196ah_790:not(#\9) {
792
+ .awsui_container-body-size-medium_xjuzf_d2ijc_790:not(#\9) {
793
793
  max-inline-size: 310px;
794
794
  }
795
- .awsui_container-body-size-medium_xjuzf_196ah_790.awsui_fixed-width_xjuzf_196ah_786:not(#\9) {
795
+ .awsui_container-body-size-medium_xjuzf_d2ijc_790.awsui_fixed-width_xjuzf_d2ijc_786:not(#\9) {
796
796
  inline-size: 310px;
797
797
  }
798
798
 
799
- .awsui_container-body-size-large_xjuzf_196ah_797:not(#\9) {
799
+ .awsui_container-body-size-large_xjuzf_d2ijc_797:not(#\9) {
800
800
  max-inline-size: 482px;
801
801
  }
802
802
  @media (max-width: 482px) {
803
- .awsui_container-body-size-large_xjuzf_196ah_797:not(#\9) {
803
+ .awsui_container-body-size-large_xjuzf_d2ijc_797:not(#\9) {
804
804
  max-inline-size: 310px;
805
805
  }
806
806
  }
807
- .awsui_container-body-size-large_xjuzf_196ah_797.awsui_fixed-width_xjuzf_196ah_786:not(#\9) {
807
+ .awsui_container-body-size-large_xjuzf_d2ijc_797.awsui_fixed-width_xjuzf_d2ijc_786:not(#\9) {
808
808
  inline-size: 482px;
809
809
  }
810
810
 
811
- .awsui_container-arrow_xjuzf_196ah_809:not(#\9) {
811
+ .awsui_container-arrow_xjuzf_d2ijc_809:not(#\9) {
812
812
  position: absolute;
813
813
  display: inline-block;
814
814
  }
815
- .awsui_container-arrow-position-right-top_xjuzf_196ah_813:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_196ah_813:not(#\9) {
815
+ .awsui_container-arrow-position-right-top_xjuzf_d2ijc_813:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_d2ijc_813:not(#\9) {
816
816
  transform: rotate(-90deg);
817
817
  transform-origin: 0 100%;
818
818
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
819
819
  }
820
- .awsui_container-arrow-position-right-top_xjuzf_196ah_813:not(#\9):dir(rtl), .awsui_container-arrow-position-right-bottom_xjuzf_196ah_813:not(#\9):dir(rtl) {
820
+ .awsui_container-arrow-position-right-top_xjuzf_d2ijc_813:not(#\9):dir(rtl), .awsui_container-arrow-position-right-bottom_xjuzf_d2ijc_813:not(#\9):dir(rtl) {
821
821
  transform: rotate(90deg);
822
822
  transform-origin: 100% 100%;
823
823
  }
824
- .awsui_container-arrow-position-right-top_xjuzf_196ah_813:not(#\9) {
824
+ .awsui_container-arrow-position-right-top_xjuzf_d2ijc_813:not(#\9) {
825
825
  inset-block-start: calc(12px + 10px);
826
826
  inset-inline-start: 0;
827
827
  }
828
- .awsui_container-arrow-position-right-bottom_xjuzf_196ah_813:not(#\9) {
828
+ .awsui_container-arrow-position-right-bottom_xjuzf_d2ijc_813:not(#\9) {
829
829
  inset-block-end: 12px;
830
830
  inset-inline-start: 0;
831
831
  }
832
- .awsui_container-arrow-position-left-top_xjuzf_196ah_830:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_196ah_830:not(#\9) {
832
+ .awsui_container-arrow-position-left-top_xjuzf_d2ijc_830:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_d2ijc_830:not(#\9) {
833
833
  transform: rotate(90deg);
834
834
  transform-origin: 100% 100%;
835
835
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
836
836
  }
837
- .awsui_container-arrow-position-left-top_xjuzf_196ah_830:not(#\9):dir(rtl), .awsui_container-arrow-position-left-bottom_xjuzf_196ah_830:not(#\9):dir(rtl) {
837
+ .awsui_container-arrow-position-left-top_xjuzf_d2ijc_830:not(#\9):dir(rtl), .awsui_container-arrow-position-left-bottom_xjuzf_d2ijc_830:not(#\9):dir(rtl) {
838
838
  transform: rotate(-90deg);
839
839
  transform-origin: 0% 100%;
840
840
  }
841
- .awsui_container-arrow-position-left-top_xjuzf_196ah_830:not(#\9) {
841
+ .awsui_container-arrow-position-left-top_xjuzf_d2ijc_830:not(#\9) {
842
842
  inset-block-start: calc(12px + 10px);
843
843
  inset-inline-end: 0;
844
844
  }
845
- .awsui_container-arrow-position-left-bottom_xjuzf_196ah_830:not(#\9) {
845
+ .awsui_container-arrow-position-left-bottom_xjuzf_d2ijc_830:not(#\9) {
846
846
  inset-block-end: 12px;
847
847
  inset-inline-end: 0;
848
848
  }
849
- .awsui_container-arrow-position-top-center_xjuzf_196ah_847:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_196ah_847:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_196ah_847:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_196ah_847:not(#\9) {
849
+ .awsui_container-arrow-position-top-center_xjuzf_d2ijc_847:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_d2ijc_847:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_d2ijc_847:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_d2ijc_847:not(#\9) {
850
850
  transform: rotate(180deg);
851
851
  transform-origin: 50% 50%;
852
852
  }
853
- .awsui_container-arrow-position-top-center_xjuzf_196ah_847:not(#\9) {
853
+ .awsui_container-arrow-position-top-center_xjuzf_d2ijc_847:not(#\9) {
854
854
  inset-block-end: -10px;
855
855
  inset-inline-start: calc(50% - 10px);
856
856
  }
857
- .awsui_container-arrow-position-top-right_xjuzf_196ah_847:not(#\9) {
857
+ .awsui_container-arrow-position-top-right_xjuzf_d2ijc_847:not(#\9) {
858
858
  inset-block-end: -10px;
859
859
  inset-inline-start: 12px;
860
860
  }
861
- .awsui_container-arrow-position-top-left_xjuzf_196ah_847:not(#\9) {
861
+ .awsui_container-arrow-position-top-left_xjuzf_d2ijc_847:not(#\9) {
862
862
  inset-block-end: -10px;
863
863
  inset-inline-start: calc(100% - 20px - 12px);
864
864
  }
865
- .awsui_container-arrow-position-bottom-center_xjuzf_196ah_863:not(#\9) {
865
+ .awsui_container-arrow-position-bottom-center_xjuzf_d2ijc_863:not(#\9) {
866
866
  inset-block-start: -10px;
867
867
  inset-inline-start: calc(50% - 10px);
868
868
  }
869
- .awsui_container-arrow-position-bottom-right_xjuzf_196ah_867:not(#\9) {
869
+ .awsui_container-arrow-position-bottom-right_xjuzf_d2ijc_867:not(#\9) {
870
870
  inset-block-start: -10px;
871
871
  inset-inline-start: 12px;
872
872
  }
873
- .awsui_container-arrow-position-bottom-left_xjuzf_196ah_871:not(#\9) {
873
+ .awsui_container-arrow-position-bottom-left_xjuzf_d2ijc_871:not(#\9) {
874
874
  inset-block-start: -10px;
875
875
  inset-inline-start: calc(100% - 20px - 12px);
876
876
  }
@@ -1019,10 +1019,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
1019
1019
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
1020
1020
  SPDX-License-Identifier: Apache-2.0
1021
1021
  */
1022
- .awsui_container_xjuzf_196ah_730:not(#\9) {
1023
- animation: awsui_awsui-motion-fade-in_xjuzf_196ah_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
1022
+ .awsui_container_xjuzf_d2ijc_730:not(#\9) {
1023
+ animation: awsui_awsui-motion-fade-in_xjuzf_d2ijc_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
1024
1024
  }
1025
- @keyframes awsui_awsui-motion-fade-in_xjuzf_196ah_1 {
1025
+ @keyframes awsui_awsui-motion-fade-in_xjuzf_d2ijc_1 {
1026
1026
  from {
1027
1027
  opacity: 0.2;
1028
1028
  }
@@ -1031,19 +1031,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
1031
1031
  }
1032
1032
  }
1033
1033
  @media (prefers-reduced-motion: reduce) {
1034
- .awsui_container_xjuzf_196ah_730:not(#\9) {
1034
+ .awsui_container_xjuzf_d2ijc_730:not(#\9) {
1035
1035
  animation: none;
1036
1036
  transition: none;
1037
1037
  }
1038
1038
  }
1039
- .awsui-motion-disabled .awsui_container_xjuzf_196ah_730:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_196ah_730:not(#\9) {
1039
+ .awsui-motion-disabled .awsui_container_xjuzf_d2ijc_730:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_d2ijc_730:not(#\9) {
1040
1040
  animation: none;
1041
1041
  transition: none;
1042
1042
  }
1043
- .awsui_container_xjuzf_196ah_730.awsui_refresh_xjuzf_196ah_1041:not(#\9) {
1044
- animation: awsui_awsui-motion-fade-in_xjuzf_196ah_1 var(--motion-duration-refresh-only-fast-ww2eh4, 0ms) var(--motion-easing-refresh-only-a-tqkxvq, cubic-bezier(0, 0, 0, 1));
1043
+ .awsui_container_xjuzf_d2ijc_730.awsui_refresh_xjuzf_d2ijc_1041:not(#\9) {
1044
+ animation: awsui_awsui-motion-fade-in_xjuzf_d2ijc_1 var(--motion-duration-refresh-only-fast-ww2eh4, 0ms) var(--motion-easing-refresh-only-a-tqkxvq, cubic-bezier(0, 0, 0, 1));
1045
1045
  }
1046
- @keyframes awsui_awsui-motion-fade-in_xjuzf_196ah_1 {
1046
+ @keyframes awsui_awsui-motion-fade-in_xjuzf_d2ijc_1 {
1047
1047
  from {
1048
1048
  opacity: 0.2;
1049
1049
  }
@@ -1052,17 +1052,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
1052
1052
  }
1053
1053
  }
1054
1054
  @media (prefers-reduced-motion: reduce) {
1055
- .awsui_container_xjuzf_196ah_730.awsui_refresh_xjuzf_196ah_1041:not(#\9) {
1055
+ .awsui_container_xjuzf_d2ijc_730.awsui_refresh_xjuzf_d2ijc_1041:not(#\9) {
1056
1056
  animation: none;
1057
1057
  transition: none;
1058
1058
  }
1059
1059
  }
1060
- .awsui-motion-disabled .awsui_container_xjuzf_196ah_730.awsui_refresh_xjuzf_196ah_1041:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_196ah_730.awsui_refresh_xjuzf_196ah_1041:not(#\9) {
1060
+ .awsui-motion-disabled .awsui_container_xjuzf_d2ijc_730.awsui_refresh_xjuzf_d2ijc_1041:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_d2ijc_730.awsui_refresh_xjuzf_d2ijc_1041:not(#\9) {
1061
1061
  animation: none;
1062
1062
  transition: none;
1063
1063
  }
1064
1064
 
1065
- .awsui_root_xjuzf_196ah_1063:not(#\9) {
1065
+ .awsui_root_xjuzf_d2ijc_1063:not(#\9) {
1066
1066
  border-collapse: separate;
1067
1067
  border-spacing: 0;
1068
1068
  box-sizing: border-box;
@@ -1095,22 +1095,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
1095
1095
  -moz-osx-font-smoothing: auto;
1096
1096
  color: inherit;
1097
1097
  }
1098
- .awsui_root_xjuzf_196ah_1063.awsui_no-wrap_xjuzf_196ah_1095:not(#\9) {
1098
+ .awsui_root_xjuzf_d2ijc_1063.awsui_no-wrap_xjuzf_d2ijc_1095:not(#\9) {
1099
1099
  white-space: nowrap;
1100
1100
  }
1101
1101
 
1102
- .awsui_root-filtering-token_xjuzf_196ah_1099:not(#\9) {
1102
+ .awsui_root-filtering-token_xjuzf_d2ijc_1099:not(#\9) {
1103
1103
  display: flex;
1104
1104
  }
1105
1105
 
1106
- .awsui_trigger_xjuzf_196ah_1103:not(#\9) {
1106
+ .awsui_trigger_xjuzf_d2ijc_1103:not(#\9) {
1107
1107
  display: inline-block;
1108
1108
  max-inline-size: 100%;
1109
1109
  color: inherit;
1110
1110
  text-align: inherit;
1111
1111
  }
1112
1112
 
1113
- .awsui_overflow-ellipsis_xjuzf_196ah_1110:not(#\9) {
1113
+ .awsui_overflow-ellipsis_xjuzf_d2ijc_1110:not(#\9) {
1114
1114
  white-space: nowrap;
1115
1115
  overflow: hidden;
1116
1116
  text-overflow: ellipsis;
@@ -1118,7 +1118,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
1118
1118
  word-break: break-word;
1119
1119
  }
1120
1120
 
1121
- .awsui_trigger-type-text-inline_xjuzf_196ah_1118:not(#\9) {
1121
+ .awsui_trigger-type-text-inline_xjuzf_d2ijc_1118:not(#\9) {
1122
+ font-size: var(--font-size-body-m-6wxxs5, 14px);
1123
+ line-height: var(--line-height-body-m-gw0130, 22px);
1124
+ color: var(--color-text-body-default-agk00h, #16191f);
1125
+ font-weight: 400;
1126
+ font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
1127
+ -webkit-font-smoothing: auto;
1128
+ -moz-osx-font-smoothing: auto;
1122
1129
  border-block: 0;
1123
1130
  /*
1124
1131
  This transparent border is necessary to maintain space between the trigger and the bottom-positioned popover.
@@ -1129,20 +1136,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
1129
1136
  text-decoration-thickness: var(--border-divider-list-width-x6rz7e, 1px);
1130
1137
  text-underline-offset: 0.25em;
1131
1138
  }
1132
- .awsui_trigger-type-text-inline_xjuzf_196ah_1118.awsui_overflow-ellipsis_xjuzf_196ah_1110:not(#\9) {
1139
+ .awsui_trigger-type-text-inline_xjuzf_d2ijc_1118.awsui_overflow-ellipsis_xjuzf_d2ijc_1110:not(#\9) {
1133
1140
  /*
1134
1141
  This style needs because of the overflow: hidden would otherwise conceal the underline styles.
1135
1142
  */
1136
1143
  padding-block-end: calc(0.25em + var(--border-divider-list-width-x6rz7e, 1px));
1137
1144
  }
1138
1145
 
1139
- .awsui_trigger-type-text_xjuzf_196ah_1118:not(#\9) {
1146
+ .awsui_trigger-type-text_xjuzf_d2ijc_1118:not(#\9) {
1140
1147
  border-block: 0;
1141
1148
  border-block-end: var(--border-divider-list-width-x6rz7e, 1px) dashed currentColor;
1142
1149
  }
1143
1150
 
1144
- .awsui_trigger-type-text-inline_xjuzf_196ah_1118:not(#\9),
1145
- .awsui_trigger-type-text_xjuzf_196ah_1118:not(#\9) {
1151
+ .awsui_trigger-type-text-inline_xjuzf_d2ijc_1118:not(#\9),
1152
+ .awsui_trigger-type-text_xjuzf_d2ijc_1118:not(#\9) {
1146
1153
  border-inline: 0;
1147
1154
  margin-block: 0;
1148
1155
  margin-inline: 0;
@@ -1151,21 +1158,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
1151
1158
  background-color: transparent;
1152
1159
  cursor: pointer;
1153
1160
  }
1154
- .awsui_trigger-type-text-inline_xjuzf_196ah_1118:not(#\9):focus,
1155
- .awsui_trigger-type-text_xjuzf_196ah_1118:not(#\9):focus {
1161
+ .awsui_trigger-type-text-inline_xjuzf_d2ijc_1118:not(#\9):focus,
1162
+ .awsui_trigger-type-text_xjuzf_d2ijc_1118:not(#\9):focus {
1156
1163
  outline: none;
1157
1164
  }
1158
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_196ah_1118:not(#\9):focus,
1159
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_196ah_1118:not(#\9):focus {
1165
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_d2ijc_1118:not(#\9):focus,
1166
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_d2ijc_1118:not(#\9):focus {
1160
1167
  position: relative;
1161
1168
  }
1162
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_196ah_1118:not(#\9):focus,
1163
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_196ah_1118:not(#\9):focus {
1169
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_d2ijc_1118:not(#\9):focus,
1170
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_d2ijc_1118:not(#\9):focus {
1164
1171
  outline: 2px dotted transparent;
1165
1172
  outline-offset: calc(1px - 1px);
1166
1173
  }
1167
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_196ah_1118:not(#\9):focus::before,
1168
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_196ah_1118:not(#\9):focus::before {
1174
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_d2ijc_1118:not(#\9):focus::before,
1175
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_d2ijc_1118:not(#\9):focus::before {
1169
1176
  content: " ";
1170
1177
  display: block;
1171
1178
  position: absolute;
@@ -1180,10 +1187,10 @@ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_196ah_1118:no
1180
1187
  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
1181
1188
  }
1182
1189
 
1183
- .awsui_trigger-type-filtering-token_xjuzf_196ah_1179:not(#\9) {
1190
+ .awsui_trigger-type-filtering-token_xjuzf_d2ijc_1186:not(#\9) {
1184
1191
  display: flex;
1185
1192
  }
1186
1193
 
1187
- .awsui_popover-inline-content_xjuzf_196ah_1183:not(#\9) {
1194
+ .awsui_popover-inline-content_xjuzf_d2ijc_1190:not(#\9) {
1188
1195
  display: inline;
1189
1196
  }
package/lib/internal/template/popover/styles.selectors.js CHANGED
@@ -2,59 +2,59 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "arrow": "awsui_arrow_xjuzf_196ah_289",
6
- "arrow-outer": "awsui_arrow-outer_xjuzf_196ah_293",
7
- "arrow-inner": "awsui_arrow-inner_xjuzf_196ah_293",
8
- "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_196ah_335",
9
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_196ah_335",
10
- "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_196ah_338",
11
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_196ah_338",
12
- "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_196ah_341",
13
- "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_196ah_341",
14
- "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_196ah_341",
15
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_196ah_341",
16
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_196ah_344",
17
- "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_196ah_344",
18
- "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_196ah_344",
19
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_196ah_344",
20
- "body": "awsui_body_xjuzf_196ah_492",
21
- "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_196ah_528",
22
- "has-dismiss": "awsui_has-dismiss_xjuzf_196ah_532",
23
- "dismiss": "awsui_dismiss_xjuzf_196ah_537",
24
- "dismiss-control": "awsui_dismiss-control_xjuzf_196ah_545",
25
- "header-row": "awsui_header-row_xjuzf_196ah_549",
26
- "header": "awsui_header_xjuzf_196ah_549",
27
- "content": "awsui_content_xjuzf_196ah_574",
28
- "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_196ah_582",
29
- "container": "awsui_container_xjuzf_196ah_730",
30
- "container-body": "awsui_container-body_xjuzf_196ah_738",
31
- "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_196ah_778",
32
- "container-body-size-small": "awsui_container-body-size-small_xjuzf_196ah_783",
33
- "fixed-width": "awsui_fixed-width_xjuzf_196ah_786",
34
- "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_196ah_790",
35
- "container-body-size-large": "awsui_container-body-size-large_xjuzf_196ah_797",
36
- "container-arrow": "awsui_container-arrow_xjuzf_196ah_809",
37
- "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_196ah_813",
38
- "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_196ah_813",
39
- "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_196ah_830",
40
- "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_196ah_830",
41
- "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_196ah_847",
42
- "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_196ah_847",
43
- "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_196ah_847",
44
- "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_196ah_847",
45
- "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_196ah_863",
46
- "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_196ah_867",
47
- "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_196ah_871",
48
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_196ah_1",
49
- "refresh": "awsui_refresh_xjuzf_196ah_1041",
50
- "root": "awsui_root_xjuzf_196ah_1063",
51
- "no-wrap": "awsui_no-wrap_xjuzf_196ah_1095",
52
- "root-filtering-token": "awsui_root-filtering-token_xjuzf_196ah_1099",
53
- "trigger": "awsui_trigger_xjuzf_196ah_1103",
54
- "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_196ah_1110",
55
- "trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_196ah_1118",
56
- "trigger-type-text": "awsui_trigger-type-text_xjuzf_196ah_1118",
57
- "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_196ah_1179",
58
- "popover-inline-content": "awsui_popover-inline-content_xjuzf_196ah_1183"
5
+ "arrow": "awsui_arrow_xjuzf_d2ijc_289",
6
+ "arrow-outer": "awsui_arrow-outer_xjuzf_d2ijc_293",
7
+ "arrow-inner": "awsui_arrow-inner_xjuzf_d2ijc_293",
8
+ "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_d2ijc_335",
9
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_d2ijc_335",
10
+ "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_d2ijc_338",
11
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_d2ijc_338",
12
+ "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_d2ijc_341",
13
+ "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_d2ijc_341",
14
+ "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_d2ijc_341",
15
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_d2ijc_341",
16
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_d2ijc_344",
17
+ "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_d2ijc_344",
18
+ "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_d2ijc_344",
19
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_d2ijc_344",
20
+ "body": "awsui_body_xjuzf_d2ijc_492",
21
+ "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_d2ijc_528",
22
+ "has-dismiss": "awsui_has-dismiss_xjuzf_d2ijc_532",
23
+ "dismiss": "awsui_dismiss_xjuzf_d2ijc_537",
24
+ "dismiss-control": "awsui_dismiss-control_xjuzf_d2ijc_545",
25
+ "header-row": "awsui_header-row_xjuzf_d2ijc_549",
26
+ "header": "awsui_header_xjuzf_d2ijc_549",
27
+ "content": "awsui_content_xjuzf_d2ijc_574",
28
+ "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_d2ijc_582",
29
+ "container": "awsui_container_xjuzf_d2ijc_730",
30
+ "container-body": "awsui_container-body_xjuzf_d2ijc_738",
31
+ "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_d2ijc_778",
32
+ "container-body-size-small": "awsui_container-body-size-small_xjuzf_d2ijc_783",
33
+ "fixed-width": "awsui_fixed-width_xjuzf_d2ijc_786",
34
+ "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_d2ijc_790",
35
+ "container-body-size-large": "awsui_container-body-size-large_xjuzf_d2ijc_797",
36
+ "container-arrow": "awsui_container-arrow_xjuzf_d2ijc_809",
37
+ "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_d2ijc_813",
38
+ "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_d2ijc_813",
39
+ "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_d2ijc_830",
40
+ "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_d2ijc_830",
41
+ "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_d2ijc_847",
42
+ "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_d2ijc_847",
43
+ "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_d2ijc_847",
44
+ "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_d2ijc_847",
45
+ "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_d2ijc_863",
46
+ "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_d2ijc_867",
47
+ "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_d2ijc_871",
48
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_d2ijc_1",
49
+ "refresh": "awsui_refresh_xjuzf_d2ijc_1041",
50
+ "root": "awsui_root_xjuzf_d2ijc_1063",
51
+ "no-wrap": "awsui_no-wrap_xjuzf_d2ijc_1095",
52
+ "root-filtering-token": "awsui_root-filtering-token_xjuzf_d2ijc_1099",
53
+ "trigger": "awsui_trigger_xjuzf_d2ijc_1103",
54
+ "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_d2ijc_1110",
55
+ "trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_d2ijc_1118",
56
+ "trigger-type-text": "awsui_trigger-type-text_xjuzf_d2ijc_1118",
57
+ "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_d2ijc_1186",
58
+ "popover-inline-content": "awsui_popover-inline-content_xjuzf_d2ijc_1190"
59
59
  };
60
60
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.950",
3
+ "version": "3.0.951",
4
4
  "files": [
5
5
  "lib"
6
6
  ],