@cloudscape-design/components 3.0.609 → 3.0.611

package/popover/styles.scoped.css

@@ -194,11 +194,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_arrow_xjuzf_1xq78_197:not(#\9) {
+.awsui_arrow_xjuzf_ov8et_197:not(#\9) {
   inline-size: 20px;
   block-size: 10px;
 }
-.awsui_arrow-outer_xjuzf_1xq78_201:not(#\9), .awsui_arrow-inner_xjuzf_1xq78_201:not(#\9) {
+.awsui_arrow-outer_xjuzf_ov8et_201:not(#\9), .awsui_arrow-inner_xjuzf_ov8et_201:not(#\9) {
   position: absolute;
   overflow: hidden;
   inline-size: 20px;
@@ -206,7 +206,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: 0;
   inset-inline-start: 0;
 }
-.awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-inner_xjuzf_1xq78_201:not(#\9)::after {
+.awsui_arrow-outer_xjuzf_ov8et_201:not(#\9)::after, .awsui_arrow-inner_xjuzf_ov8et_201:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -222,32 +222,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after {
+.awsui_arrow-outer_xjuzf_ov8et_201:not(#\9):dir(rtl)::after, .awsui_arrow-inner_xjuzf_ov8et_201:not(#\9):dir(rtl)::after {
+  transform: rotate(-45deg);
+  transform-origin: 100% 100%;
+}
+.awsui_arrow-outer_xjuzf_ov8et_201:not(#\9)::after {
   background-color: var(--color-border-popover-umqvld, #9ba7b6);
 }
-.awsui_arrow-inner_xjuzf_1xq78_201:not(#\9) {
+.awsui_arrow-inner_xjuzf_ov8et_201:not(#\9) {
   inset-block-start: 2px;
 }
-.awsui_arrow-inner_xjuzf_1xq78_201.awsui_refresh_xjuzf_1xq78_231:not(#\9) {
+.awsui_arrow-inner_xjuzf_ov8et_201.awsui_refresh_xjuzf_ov8et_235:not(#\9) {
   inset-block-start: 3px;
 }
-.awsui_arrow-inner_xjuzf_1xq78_201:not(#\9)::after {
+.awsui_arrow-inner_xjuzf_ov8et_201:not(#\9)::after {
   border-start-start-radius: 1px;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
   background-color: var(--color-background-popover-szburm, #ffffff);
 }
-.awsui_arrow-position-right-top_xjuzf_1xq78_241 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_1xq78_241 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after {
+.awsui_arrow-position-right-top_xjuzf_ov8et_245 > .awsui_arrow-outer_xjuzf_ov8et_201:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_ov8et_245 > .awsui_arrow-outer_xjuzf_ov8et_201:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-left-top_xjuzf_1xq78_244 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_1xq78_244 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after {
+.awsui_arrow-position-left-top_xjuzf_ov8et_248 > .awsui_arrow-outer_xjuzf_ov8et_201:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_ov8et_248 > .awsui_arrow-outer_xjuzf_ov8et_201:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-top-center_xjuzf_1xq78_247 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_1xq78_247 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_1xq78_247 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_1xq78_247 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after {
+.awsui_arrow-position-top-center_xjuzf_ov8et_251 > .awsui_arrow-outer_xjuzf_ov8et_201:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_ov8et_251 > .awsui_arrow-outer_xjuzf_ov8et_201:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_ov8et_251 > .awsui_arrow-outer_xjuzf_ov8et_201:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_ov8et_251 > .awsui_arrow-outer_xjuzf_ov8et_201:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-bottom-center_xjuzf_1xq78_250 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_1xq78_250 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_1xq78_250 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_1xq78_250 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after {
+.awsui_arrow-position-bottom-center_xjuzf_ov8et_254 > .awsui_arrow-outer_xjuzf_ov8et_201:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_ov8et_254 > .awsui_arrow-outer_xjuzf_ov8et_201:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_ov8et_254 > .awsui_arrow-outer_xjuzf_ov8et_201:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_ov8et_254 > .awsui_arrow-outer_xjuzf_ov8et_201:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
 }
 
@@ -349,7 +353,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_body_xjuzf_1xq78_352:not(#\9) {
+.awsui_body_xjuzf_ov8et_356:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -389,16 +393,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-s-34lx8l, 12px);
   padding-inline: var(--space-m-udix3p, 16px);
 }
-.awsui_body-overflow-visible_xjuzf_1xq78_391:not(#\9) {
+.awsui_body-overflow-visible_xjuzf_ov8et_395:not(#\9) {
   overflow: visible;
 }
 
-.awsui_has-dismiss_xjuzf_1xq78_395:not(#\9) {
+.awsui_has-dismiss_xjuzf_ov8et_399:not(#\9) {
   display: flex;
   align-items: baseline;
 }
 
-.awsui_dismiss_xjuzf_1xq78_400:not(#\9) {
+.awsui_dismiss_xjuzf_ov8et_404:not(#\9) {
   margin-block: calc(-1 * var(--space-xs-zb16t3, 8px));
   margin-inline-start: 0;
   margin-inline-end: calc(-1 * (var(--space-xxs-p8yyaw, 4px) + var(--border-field-width-09w7vk, 2px)));
@@ -406,15 +410,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   order: 1;
 }
 
-.awsui_dismiss-control_xjuzf_1xq78_408:not(#\9) {
+.awsui_dismiss-control_xjuzf_ov8et_412:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_header-row_xjuzf_1xq78_412:not(#\9) {
+.awsui_header-row_xjuzf_ov8et_416:not(#\9) {
   margin-block-end: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_header_xjuzf_1xq78_412:not(#\9) {
+.awsui_header_xjuzf_ov8et_416:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   overflow: hidden;
@@ -427,7 +431,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_header_xjuzf_1xq78_412 > h2:not(#\9) {
+.awsui_header_xjuzf_ov8et_416 > h2:not(#\9) {
   font-size: var(--font-size-heading-xs-wo4hpf, 14px);
   line-height: var(--line-height-heading-xs-aeleja, 18px);
   font-weight: var(--font-weight-heading-xs-l7rqme, 700);
@@ -436,7 +440,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: inline;
 }
 
-.awsui_content_xjuzf_1xq78_438:not(#\9) {
+.awsui_content_xjuzf_ov8et_442:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   overflow: hidden;
@@ -444,7 +448,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex: 1 1 auto;
   min-inline-size: 0;
 }
-.awsui_content-overflow-visible_xjuzf_1xq78_446:not(#\9) {
+.awsui_content-overflow-visible_xjuzf_ov8et_450:not(#\9) {
   overflow: visible;
 }
 
@@ -546,7 +550,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_container_xjuzf_1xq78_548:not(#\9) {
+.awsui_container_xjuzf_ov8et_552:not(#\9) {
   display: inline-block;
   position: fixed;
   inset-block-start: -9999px;
@@ -554,7 +558,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 2000;
 }
 
-.awsui_container-body_xjuzf_1xq78_556:not(#\9) {
+.awsui_container-body_xjuzf_ov8et_560:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -598,90 +602,98 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-popover-umqvld, #9ba7b6);
 }
 
-.awsui_container-body-variant-annotation_xjuzf_1xq78_599:not(#\9) {
+.awsui_container-body-variant-annotation_xjuzf_ov8et_603:not(#\9) {
   background-color: var(--color-background-status-info-mvnbre, #f2f8fd);
   border-color: var(--color-border-status-info-8upc6f, #0972d3);
 }
 
-.awsui_container-body-size-small_xjuzf_1xq78_604:not(#\9) {
+.awsui_container-body-size-small_xjuzf_ov8et_608:not(#\9) {
   max-inline-size: 210px;
 }
-.awsui_container-body-size-small_xjuzf_1xq78_604.awsui_fixed-width_xjuzf_1xq78_607:not(#\9) {
+.awsui_container-body-size-small_xjuzf_ov8et_608.awsui_fixed-width_xjuzf_ov8et_611:not(#\9) {
   inline-size: 210px;
 }
 
-.awsui_container-body-size-medium_xjuzf_1xq78_611:not(#\9) {
+.awsui_container-body-size-medium_xjuzf_ov8et_615:not(#\9) {
   max-inline-size: 310px;
 }
-.awsui_container-body-size-medium_xjuzf_1xq78_611.awsui_fixed-width_xjuzf_1xq78_607:not(#\9) {
+.awsui_container-body-size-medium_xjuzf_ov8et_615.awsui_fixed-width_xjuzf_ov8et_611:not(#\9) {
   inline-size: 310px;
 }
 
-.awsui_container-body-size-large_xjuzf_1xq78_618:not(#\9) {
+.awsui_container-body-size-large_xjuzf_ov8et_622:not(#\9) {
   max-inline-size: 480px;
 }
 @media (max-width: 480px) {
-  .awsui_container-body-size-large_xjuzf_1xq78_618:not(#\9) {
+  .awsui_container-body-size-large_xjuzf_ov8et_622:not(#\9) {
     max-inline-size: 310px;
   }
 }
-.awsui_container-body-size-large_xjuzf_1xq78_618.awsui_fixed-width_xjuzf_1xq78_607:not(#\9) {
+.awsui_container-body-size-large_xjuzf_ov8et_622.awsui_fixed-width_xjuzf_ov8et_611:not(#\9) {
   inline-size: 480px;
 }
 
-.awsui_container-arrow_xjuzf_1xq78_630:not(#\9) {
+.awsui_container-arrow_xjuzf_ov8et_634:not(#\9) {
   position: absolute;
   display: inline-block;
 }
-.awsui_container-arrow-position-right-top_xjuzf_1xq78_634:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_1xq78_634:not(#\9) {
+.awsui_container-arrow-position-right-top_xjuzf_ov8et_638:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_ov8et_638:not(#\9) {
   transform: rotate(-90deg);
   transform-origin: 0 100%;
 }
-.awsui_container-arrow-position-right-top_xjuzf_1xq78_634:not(#\9) {
+.awsui_container-arrow-position-right-top_xjuzf_ov8et_638:not(#\9):dir(rtl), .awsui_container-arrow-position-right-bottom_xjuzf_ov8et_638:not(#\9):dir(rtl) {
+  transform: rotate(90deg);
+  transform-origin: 100% 100%;
+}
+.awsui_container-arrow-position-right-top_xjuzf_ov8et_638:not(#\9) {
   inset-block-start: calc(12px + 10px);
   inset-inline-start: 0;
 }
-.awsui_container-arrow-position-right-bottom_xjuzf_1xq78_634:not(#\9) {
+.awsui_container-arrow-position-right-bottom_xjuzf_ov8et_638:not(#\9) {
   inset-block-end: 12px;
   inset-inline-start: 0;
 }
-.awsui_container-arrow-position-left-top_xjuzf_1xq78_646:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_1xq78_646:not(#\9) {
+.awsui_container-arrow-position-left-top_xjuzf_ov8et_654:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_ov8et_654:not(#\9) {
   transform: rotate(90deg);
   transform-origin: 100% 100%;
 }
-.awsui_container-arrow-position-left-top_xjuzf_1xq78_646:not(#\9) {
+.awsui_container-arrow-position-left-top_xjuzf_ov8et_654:not(#\9):dir(rtl), .awsui_container-arrow-position-left-bottom_xjuzf_ov8et_654:not(#\9):dir(rtl) {
+  transform: rotate(-90deg);
+  transform-origin: 0% 100%;
+}
+.awsui_container-arrow-position-left-top_xjuzf_ov8et_654:not(#\9) {
   inset-block-start: calc(12px + 10px);
   inset-inline-end: 0;
 }
-.awsui_container-arrow-position-left-bottom_xjuzf_1xq78_646:not(#\9) {
+.awsui_container-arrow-position-left-bottom_xjuzf_ov8et_654:not(#\9) {
   inset-block-end: 12px;
   inset-inline-end: 0;
 }
-.awsui_container-arrow-position-top-center_xjuzf_1xq78_658:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_1xq78_658:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_1xq78_658:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_1xq78_658:not(#\9) {
+.awsui_container-arrow-position-top-center_xjuzf_ov8et_670:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_ov8et_670:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_ov8et_670:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_ov8et_670:not(#\9) {
   transform: rotate(180deg);
   transform-origin: 50% 50%;
 }
-.awsui_container-arrow-position-top-center_xjuzf_1xq78_658:not(#\9) {
+.awsui_container-arrow-position-top-center_xjuzf_ov8et_670:not(#\9) {
   inset-block-end: -10px;
   inset-inline-start: calc(50% - 10px);
 }
-.awsui_container-arrow-position-top-right_xjuzf_1xq78_658:not(#\9) {
+.awsui_container-arrow-position-top-right_xjuzf_ov8et_670:not(#\9) {
   inset-block-end: -10px;
   inset-inline-start: 12px;
 }
-.awsui_container-arrow-position-top-left_xjuzf_1xq78_658:not(#\9) {
+.awsui_container-arrow-position-top-left_xjuzf_ov8et_670:not(#\9) {
   inset-block-end: -10px;
   inset-inline-start: calc(100% - 20px - 12px);
 }
-.awsui_container-arrow-position-bottom-center_xjuzf_1xq78_674:not(#\9) {
+.awsui_container-arrow-position-bottom-center_xjuzf_ov8et_686:not(#\9) {
   inset-block-start: -10px;
   inset-inline-start: calc(50% - 10px);
 }
-.awsui_container-arrow-position-bottom-right_xjuzf_1xq78_678:not(#\9) {
+.awsui_container-arrow-position-bottom-right_xjuzf_ov8et_690:not(#\9) {
   inset-block-start: -10px;
   inset-inline-start: 12px;
 }
-.awsui_container-arrow-position-bottom-left_xjuzf_1xq78_682:not(#\9) {
+.awsui_container-arrow-position-bottom-left_xjuzf_ov8et_694:not(#\9) {
   inset-block-start: -10px;
   inset-inline-start: calc(100% - 20px - 12px);
 }
@@ -784,10 +796,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_container_xjuzf_1xq78_548:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_xjuzf_1xq78_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
+.awsui_container_xjuzf_ov8et_552:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_xjuzf_ov8et_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_xjuzf_1xq78_1 {
+@keyframes awsui_awsui-motion-fade-in_xjuzf_ov8et_1 {
   from {
     opacity: 0.2;
   }
@@ -796,19 +808,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container_xjuzf_1xq78_548:not(#\9) {
+  .awsui_container_xjuzf_ov8et_552:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container_xjuzf_1xq78_548:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_1xq78_548:not(#\9) {
+.awsui-motion-disabled .awsui_container_xjuzf_ov8et_552:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_ov8et_552:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_container_xjuzf_1xq78_548.awsui_refresh_xjuzf_1xq78_231:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_xjuzf_1xq78_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
+.awsui_container_xjuzf_ov8et_552.awsui_refresh_xjuzf_ov8et_235:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_xjuzf_ov8et_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in_xjuzf_1xq78_1 {
+@keyframes awsui_awsui-motion-fade-in_xjuzf_ov8et_1 {
   from {
     opacity: 0.2;
   }
@@ -817,17 +829,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container_xjuzf_1xq78_548.awsui_refresh_xjuzf_1xq78_231:not(#\9) {
+  .awsui_container_xjuzf_ov8et_552.awsui_refresh_xjuzf_ov8et_235:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container_xjuzf_1xq78_548.awsui_refresh_xjuzf_1xq78_231:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_1xq78_548.awsui_refresh_xjuzf_1xq78_231:not(#\9) {
+.awsui-motion-disabled .awsui_container_xjuzf_ov8et_552.awsui_refresh_xjuzf_ov8et_235:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_ov8et_552.awsui_refresh_xjuzf_ov8et_235:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_xjuzf_1xq78_828:not(#\9) {
+.awsui_root_xjuzf_ov8et_840:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -864,14 +876,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: inherit;
 }
 
-.awsui_trigger_xjuzf_1xq78_864:not(#\9) {
+.awsui_trigger_xjuzf_ov8et_876:not(#\9) {
   display: inline-block;
   max-inline-size: 100%;
   color: inherit;
   text-align: inherit;
 }
 
-.awsui_trigger-type-text_xjuzf_1xq78_871:not(#\9) {
+.awsui_trigger-type-text_xjuzf_ov8et_883:not(#\9) {
   border-block: 0;
   border-inline: 0;
   margin-block: 0;
@@ -882,17 +894,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: pointer;
   border-block-end: var(--border-divider-list-width-27y3k5, 1px) dashed currentColor;
 }
-.awsui_trigger-type-text_xjuzf_1xq78_871:not(#\9):focus {
+.awsui_trigger-type-text_xjuzf_ov8et_883:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1xq78_871:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_ov8et_883:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1xq78_871:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_ov8et_883:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(1px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1xq78_871:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_ov8et_883:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -906,10 +918,10 @@ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1xq78_871:not
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_trigger-type-text_xjuzf_1xq78_871 > .awsui_trigger-inner-text_xjuzf_1xq78_906:not(#\9) {
+.awsui_trigger-type-text_xjuzf_ov8et_883 > .awsui_trigger-inner-text_xjuzf_ov8et_918:not(#\9) {
   position: relative;
 }
 
-.awsui_popover-inline-content_xjuzf_1xq78_910:not(#\9) {
+.awsui_popover-inline-content_xjuzf_ov8et_922:not(#\9) {
   display: inline;
 }

package/popover/styles.selectors.js

@@ -2,55 +2,55 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_xjuzf_1xq78_197",
-  "arrow-outer": "awsui_arrow-outer_xjuzf_1xq78_201",
-  "arrow-inner": "awsui_arrow-inner_xjuzf_1xq78_201",
-  "refresh": "awsui_refresh_xjuzf_1xq78_231",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1xq78_241",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1xq78_241",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1xq78_244",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1xq78_244",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1xq78_247",
-  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1xq78_247",
-  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1xq78_247",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1xq78_247",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1xq78_250",
-  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1xq78_250",
-  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1xq78_250",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1xq78_250",
-  "body": "awsui_body_xjuzf_1xq78_352",
-  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1xq78_391",
-  "has-dismiss": "awsui_has-dismiss_xjuzf_1xq78_395",
-  "dismiss": "awsui_dismiss_xjuzf_1xq78_400",
-  "dismiss-control": "awsui_dismiss-control_xjuzf_1xq78_408",
-  "header-row": "awsui_header-row_xjuzf_1xq78_412",
-  "header": "awsui_header_xjuzf_1xq78_412",
-  "content": "awsui_content_xjuzf_1xq78_438",
-  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1xq78_446",
-  "container": "awsui_container_xjuzf_1xq78_548",
-  "container-body": "awsui_container-body_xjuzf_1xq78_556",
-  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1xq78_599",
-  "container-body-size-small": "awsui_container-body-size-small_xjuzf_1xq78_604",
-  "fixed-width": "awsui_fixed-width_xjuzf_1xq78_607",
-  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1xq78_611",
-  "container-body-size-large": "awsui_container-body-size-large_xjuzf_1xq78_618",
-  "container-arrow": "awsui_container-arrow_xjuzf_1xq78_630",
-  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1xq78_634",
-  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1xq78_634",
-  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1xq78_646",
-  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1xq78_646",
-  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1xq78_658",
-  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1xq78_658",
-  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1xq78_658",
-  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1xq78_658",
-  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1xq78_674",
-  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1xq78_678",
-  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1xq78_682",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1xq78_1",
-  "root": "awsui_root_xjuzf_1xq78_828",
-  "trigger": "awsui_trigger_xjuzf_1xq78_864",
-  "trigger-type-text": "awsui_trigger-type-text_xjuzf_1xq78_871",
-  "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_1xq78_906",
-  "popover-inline-content": "awsui_popover-inline-content_xjuzf_1xq78_910"
+  "arrow": "awsui_arrow_xjuzf_ov8et_197",
+  "arrow-outer": "awsui_arrow-outer_xjuzf_ov8et_201",
+  "arrow-inner": "awsui_arrow-inner_xjuzf_ov8et_201",
+  "refresh": "awsui_refresh_xjuzf_ov8et_235",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_ov8et_245",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_ov8et_245",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_ov8et_248",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_ov8et_248",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_ov8et_251",
+  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_ov8et_251",
+  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_ov8et_251",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_ov8et_251",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_ov8et_254",
+  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_ov8et_254",
+  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_ov8et_254",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_ov8et_254",
+  "body": "awsui_body_xjuzf_ov8et_356",
+  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_ov8et_395",
+  "has-dismiss": "awsui_has-dismiss_xjuzf_ov8et_399",
+  "dismiss": "awsui_dismiss_xjuzf_ov8et_404",
+  "dismiss-control": "awsui_dismiss-control_xjuzf_ov8et_412",
+  "header-row": "awsui_header-row_xjuzf_ov8et_416",
+  "header": "awsui_header_xjuzf_ov8et_416",
+  "content": "awsui_content_xjuzf_ov8et_442",
+  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_ov8et_450",
+  "container": "awsui_container_xjuzf_ov8et_552",
+  "container-body": "awsui_container-body_xjuzf_ov8et_560",
+  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_ov8et_603",
+  "container-body-size-small": "awsui_container-body-size-small_xjuzf_ov8et_608",
+  "fixed-width": "awsui_fixed-width_xjuzf_ov8et_611",
+  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_ov8et_615",
+  "container-body-size-large": "awsui_container-body-size-large_xjuzf_ov8et_622",
+  "container-arrow": "awsui_container-arrow_xjuzf_ov8et_634",
+  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_ov8et_638",
+  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_ov8et_638",
+  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_ov8et_654",
+  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_ov8et_654",
+  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_ov8et_670",
+  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_ov8et_670",
+  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_ov8et_670",
+  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_ov8et_670",
+  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_ov8et_686",
+  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_ov8et_690",
+  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_ov8et_694",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_ov8et_1",
+  "root": "awsui_root_xjuzf_ov8et_840",
+  "trigger": "awsui_trigger_xjuzf_ov8et_876",
+  "trigger-type-text": "awsui_trigger-type-text_xjuzf_ov8et_883",
+  "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_ov8et_918",
+  "popover-inline-content": "awsui_popover-inline-content_xjuzf_ov8et_922"
 };
   

package/popover/use-popover-position.d.ts

@@ -4,7 +4,7 @@ export default function usePopoverPosition({ popoverRef, bodyRef, arrowRef, trac
     popoverRef: React.RefObject<HTMLDivElement | null>;
     bodyRef: React.RefObject<HTMLDivElement | null>;
     arrowRef: React.RefObject<HTMLDivElement | null>;
-    trackRef: React.RefObject<Element | null>;
+    trackRef: React.RefObject<HTMLElement | SVGElement | null>;
     contentRef: React.RefObject<HTMLDivElement | null>;
     allowScrollToFit?: boolean;
     allowVerticalOverflow?: boolean;

package/popover/use-popover-position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-popover-position.d.ts","sourceRoot":"","sources":["../../../src/popover/use-popover-position.ts"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAUnF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,EAAE;IACD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,EAAE,YAAY,CAAC,QAAQ,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;;;;qDAMyC,IAAI;EAoI7C"}
+{"version":3,"file":"use-popover-position.d.ts","sourceRoot":"","sources":["../../../src/popover/use-popover-position.ts"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAWnF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,EAAE;IACD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,GAAG,IAAI,CAAC,CAAC;IAC3D,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,EAAE,YAAY,CAAC,QAAQ,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;;;;qDAMyC,IAAI;EAsI7C"}

package/popover/use-popover-position.js

@@ -5,6 +5,7 @@ import { calculatePosition, getDimensions, getOffsetDimensions } from './utils/p
 import { nodeContains } from '@cloudscape-design/component-toolkit/dom';
 import { calculateScroll, getFirstScrollableParent, scrollRectangleIntoView, } from '../internal/utils/scrollable-containers';
 import { getContainingBlock } from '../internal/utils/dom';
+import { getLogicalBoundingClientRect } from '../internal/direction';
 export default function usePopoverPosition({ popoverRef, bodyRef, arrowRef, trackRef, contentRef, allowScrollToFit, allowVerticalOverflow, preferredPosition, renderWithPortal, keepPosition, }) {
     const previousInternalPositionRef = useRef(null);
     const [popoverStyle, setPopoverStyle] = useState({});
@@ -31,26 +32,26 @@ export default function usePopoverPosition({ popoverRef, bodyRef, arrowRef, trac
         // Imperatively move body off-screen to give it room to expand.
         // Not doing this in React because this recalculation should happen
         // in the span of a single frame without rerendering anything.
-        const prevTop = popover.style.top;
-        const prevLeft = popover.style.left;
-        popover.style.top = '0';
-        popover.style.left = '0';
+        const prevInsetBlockStart = popover.style.insetBlockStart;
+        const prevInsetInlineStart = popover.style.insetInlineStart;
+        popover.style.insetBlockStart = '0';
+        popover.style.insetInlineStart = '0';
         // Imperatively remove body styles that can remain from the previous computation.
-        body.style.maxHeight = '';
+        body.style.maxBlockSize = '';
         body.style.overflowX = '';
         body.style.overflowY = '';
         // Get rects representing key elements
         // Use getComputedStyle for arrowRect to avoid modifications made by transform
         const viewportRect = getViewportRect(document.defaultView);
-        const trackRect = track.getBoundingClientRect();
+        const trackRect = getLogicalBoundingClientRect(track);
         const arrowRect = getDimensions(arrow);
         const containingBlock = getContainingBlock(popover);
-        const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;
+        const containingBlockRect = containingBlock ? getLogicalBoundingClientRect(containingBlock) : viewportRect;
         const bodyBorderWidth = getBorderWidth(body);
-        const contentRect = contentRef.current.getBoundingClientRect();
+        const contentRect = getLogicalBoundingClientRect(contentRef.current);
         const contentBoundingBox = {
-            width: contentRect.width + 2 * bodyBorderWidth,
-            height: contentRect.height + 2 * bodyBorderWidth,
+            inlineSize: contentRect.inlineSize + 2 * bodyBorderWidth,
+            blockSize: contentRect.blockSize + 2 * bodyBorderWidth,
         };
         // When keepPosition is true and the recalculation was triggered by a resize of the popover content,
         // we maintain the previously defined internal position,
@@ -75,11 +76,11 @@ export default function usePopoverPosition({ popoverRef, bodyRef, arrowRef, trac
         // and use that to recalculate the new popover position.
         const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));
         // Bring back the container to its original position to prevent any flashing.
-        popover.style.top = prevTop;
-        popover.style.left = prevLeft;
+        popover.style.insetBlockStart = prevInsetBlockStart;
+        popover.style.insetInlineStart = prevInsetInlineStart;
         // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.
         if (scrollable) {
-            body.style.maxHeight = rect.height + 'px';
+            body.style.maxBlockSize = rect.blockSize + 'px';
             body.style.overflowX = 'hidden';
             body.style.overflowY = 'auto';
         }
@@ -88,18 +89,20 @@ export default function usePopoverPosition({ popoverRef, bodyRef, arrowRef, trac
         setInternalPosition(newInternalPosition);
         const shouldScroll = allowScrollToFit && !shouldKeepPosition;
         // Position the popover
-        const top = shouldScroll ? popoverOffset.top + calculateScroll(rect) : popoverOffset.top;
-        setPopoverStyle({ top, left: popoverOffset.left });
+        const insetBlockStart = shouldScroll
+            ? popoverOffset.insetBlockStart + calculateScroll(rect)
+            : popoverOffset.insetBlockStart;
+        setPopoverStyle({ insetBlockStart, insetInlineStart: popoverOffset.insetInlineStart });
         // Scroll if necessary
         if (shouldScroll) {
             const scrollableParent = getFirstScrollableParent(popover);
             scrollRectangleIntoView(rect, scrollableParent);
         }
         positionHandlerRef.current = () => {
-            const newTrackOffset = toRelativePosition(track.getBoundingClientRect(), containingBlock ? containingBlock.getBoundingClientRect() : viewportRect);
+            const newTrackOffset = toRelativePosition(getLogicalBoundingClientRect(track), containingBlock ? getLogicalBoundingClientRect(containingBlock) : viewportRect);
             setPopoverStyle({
-                top: newTrackOffset.top + trackRelativeOffset.top,
-                left: newTrackOffset.left + trackRelativeOffset.left,
+                insetBlockStart: newTrackOffset.insetBlockStart + trackRelativeOffset.insetBlockStart,
+                insetInlineStart: newTrackOffset.insetInlineStart + trackRelativeOffset.insetInlineStart,
             });
         };
     }, [
@@ -124,8 +127,8 @@ function getBorderWidth(element) {
  */
 function toRelativePosition(element, parent) {
     return {
-        top: element.top - parent.top,
-        left: element.left - parent.left,
+        insetBlockStart: element.insetBlockStart - parent.insetBlockStart,
+        insetInlineStart: element.insetInlineStart - parent.insetInlineStart,
     };
 }
 /**
@@ -133,19 +136,19 @@ function toRelativePosition(element, parent) {
  */
 function getViewportRect(window) {
     return {
-        top: 0,
-        left: 0,
-        width: window.innerWidth,
-        height: window.innerHeight,
+        insetBlockStart: 0,
+        insetInlineStart: 0,
+        inlineSize: window.innerWidth,
+        blockSize: window.innerHeight,
     };
 }
 function getDocumentRect(document) {
-    const { top, left } = document.documentElement.getBoundingClientRect();
+    const { insetBlockStart, insetInlineStart } = getLogicalBoundingClientRect(document.documentElement);
     return {
-        top,
-        left,
-        width: document.documentElement.scrollWidth,
-        height: document.documentElement.scrollHeight,
+        insetBlockStart,
+        insetInlineStart,
+        inlineSize: document.documentElement.scrollWidth,
+        blockSize: document.documentElement.scrollHeight,
     };
 }
 //# sourceMappingURL=use-popover-position.js.map