@cloudscape-design/components 3.0.609 → 3.0.610

package/annotation-context/annotation/styles.css.js

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_8n93s_99",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_8n93s_103",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_8n93s_103",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_8n93s_140",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_8n93s_140",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_8n93s_143",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_8n93s_143",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_8n93s_146",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_8n93s_146",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_8n93s_149",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_8n93s_149",
-  "annotation": "awsui_annotation_1hpp3_8n93s_157",
-  "next-button": "awsui_next-button_1hpp3_8n93s_158",
-  "previous-button": "awsui_previous-button_1hpp3_8n93s_159",
-  "finish-button": "awsui_finish-button_1hpp3_8n93s_160",
-  "header": "awsui_header_1hpp3_8n93s_161",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_8n93s_162",
-  "content": "awsui_content_1hpp3_8n93s_163",
-  "description": "awsui_description_1hpp3_8n93s_167",
-  "actionBar": "awsui_actionBar_1hpp3_8n93s_172",
-  "stepCounter": "awsui_stepCounter_1hpp3_8n93s_179",
-  "divider": "awsui_divider_1hpp3_8n93s_183",
-  "hotspot": "awsui_hotspot_1hpp3_8n93s_187",
-  "icon": "awsui_icon_1hpp3_8n93s_254"
+  "arrow": "awsui_arrow_1hpp3_10w1c_99",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_10w1c_103",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_10w1c_103",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_10w1c_144",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_10w1c_144",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_10w1c_147",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_10w1c_147",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_10w1c_150",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_10w1c_150",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_10w1c_153",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_10w1c_153",
+  "annotation": "awsui_annotation_1hpp3_10w1c_161",
+  "next-button": "awsui_next-button_1hpp3_10w1c_162",
+  "previous-button": "awsui_previous-button_1hpp3_10w1c_163",
+  "finish-button": "awsui_finish-button_1hpp3_10w1c_164",
+  "header": "awsui_header_1hpp3_10w1c_165",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_10w1c_166",
+  "content": "awsui_content_1hpp3_10w1c_167",
+  "description": "awsui_description_1hpp3_10w1c_171",
+  "actionBar": "awsui_actionBar_1hpp3_10w1c_176",
+  "stepCounter": "awsui_stepCounter_1hpp3_10w1c_183",
+  "divider": "awsui_divider_1hpp3_10w1c_187",
+  "hotspot": "awsui_hotspot_1hpp3_10w1c_191",
+  "icon": "awsui_icon_1hpp3_10w1c_258"
 };
   

package/annotation-context/annotation/styles.scoped.css

@@ -96,11 +96,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_1hpp3_8n93s_99:not(#\9) {
+.awsui_arrow_1hpp3_10w1c_99:not(#\9) {
   inline-size: 20px;
   block-size: 10px;
 }
-.awsui_arrow-outer_1hpp3_8n93s_103:not(#\9), .awsui_arrow-inner_1hpp3_8n93s_103:not(#\9) {
+.awsui_arrow-outer_1hpp3_10w1c_103:not(#\9), .awsui_arrow-inner_1hpp3_10w1c_103:not(#\9) {
   position: absolute;
   overflow: hidden;
   inline-size: 20px;
@@ -108,7 +108,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_1hpp3_8n93s_103:not(#\9)::after, .awsui_arrow-inner_1hpp3_8n93s_103:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_10w1c_103:not(#\9)::after, .awsui_arrow-inner_1hpp3_10w1c_103:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -124,29 +124,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_8n93s_103:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_10w1c_103:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_10w1c_103:not(#\9):dir(rtl)::after {
+  transform: rotate(-45deg);
+  transform-origin: 100% 100%;
+}
+.awsui_arrow-outer_1hpp3_10w1c_103:not(#\9)::after {
   background-color: var(--color-border-status-info-8upc6f, #0972d3);
 }
-.awsui_arrow-inner_1hpp3_8n93s_103:not(#\9) {
+.awsui_arrow-inner_1hpp3_10w1c_103:not(#\9) {
   inset-block-start: 2px;
 }
-.awsui_arrow-inner_1hpp3_8n93s_103:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_10w1c_103: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-status-info-mvnbre, #f2f8fd);
 }
-.awsui_arrow-position-right-top_1hpp3_8n93s_140 > .awsui_arrow-outer_1hpp3_8n93s_103:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_8n93s_140 > .awsui_arrow-outer_1hpp3_8n93s_103:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_10w1c_144 > .awsui_arrow-outer_1hpp3_10w1c_103:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_10w1c_144 > .awsui_arrow-outer_1hpp3_10w1c_103: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_1hpp3_8n93s_143 > .awsui_arrow-outer_1hpp3_8n93s_103:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_8n93s_143 > .awsui_arrow-outer_1hpp3_8n93s_103:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_10w1c_147 > .awsui_arrow-outer_1hpp3_10w1c_103:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_10w1c_147 > .awsui_arrow-outer_1hpp3_10w1c_103: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_1hpp3_8n93s_146 > .awsui_arrow-outer_1hpp3_8n93s_103:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_8n93s_146 > .awsui_arrow-outer_1hpp3_8n93s_103:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_10w1c_150 > .awsui_arrow-outer_1hpp3_10w1c_103:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_10w1c_150 > .awsui_arrow-outer_1hpp3_10w1c_103: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_1hpp3_8n93s_149 > .awsui_arrow-outer_1hpp3_8n93s_103:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_8n93s_149 > .awsui_arrow-outer_1hpp3_8n93s_103:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_10w1c_153 > .awsui_arrow-outer_1hpp3_10w1c_103:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_10w1c_153 > .awsui_arrow-outer_1hpp3_10w1c_103:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
 }
 
@@ -154,37 +158,37 @@ 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_annotation_1hpp3_8n93s_157:not(#\9),
-.awsui_next-button_1hpp3_8n93s_158:not(#\9),
-.awsui_previous-button_1hpp3_8n93s_159:not(#\9),
-.awsui_finish-button_1hpp3_8n93s_160:not(#\9),
-.awsui_header_1hpp3_8n93s_161:not(#\9),
-.awsui_step-counter-content_1hpp3_8n93s_162:not(#\9),
-.awsui_content_1hpp3_8n93s_163:not(#\9) {
+.awsui_annotation_1hpp3_10w1c_161:not(#\9),
+.awsui_next-button_1hpp3_10w1c_162:not(#\9),
+.awsui_previous-button_1hpp3_10w1c_163:not(#\9),
+.awsui_finish-button_1hpp3_10w1c_164:not(#\9),
+.awsui_header_1hpp3_10w1c_165:not(#\9),
+.awsui_step-counter-content_1hpp3_10w1c_166:not(#\9),
+.awsui_content_1hpp3_10w1c_167:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_8n93s_167:not(#\9) {
+.awsui_description_1hpp3_10w1c_171:not(#\9) {
   overflow: hidden;
   margin-block-start: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_actionBar_1hpp3_8n93s_172:not(#\9) {
+.awsui_actionBar_1hpp3_10w1c_176:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_8n93s_179:not(#\9) {
+.awsui_stepCounter_1hpp3_10w1c_183:not(#\9) {
   margin-inline-end: 20px;
 }
 
-.awsui_divider_1hpp3_8n93s_183:not(#\9) {
+.awsui_divider_1hpp3_10w1c_187:not(#\9) {
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
 }
 
-.awsui_hotspot_1hpp3_8n93s_187:not(#\9) {
+.awsui_hotspot_1hpp3_10w1c_191:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -228,17 +232,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_8n93s_187:not(#\9):focus {
+.awsui_hotspot_1hpp3_10w1c_191:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_8n93s_187:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_10w1c_191:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_8n93s_187:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_10w1c_191:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_8n93s_187:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_10w1c_191:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -252,13 +256,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_8n93s_187:not(#\9):focu
   border-end-end-radius: var(--border-radius-control-circular-focus-ring-w07mub, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_hotspot_1hpp3_8n93s_187 > .awsui_icon_1hpp3_8n93s_254:not(#\9) {
+.awsui_hotspot_1hpp3_10w1c_191 > .awsui_icon_1hpp3_10w1c_258:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-latg1a, #0972d3);
 }
-.awsui_hotspot_1hpp3_8n93s_187:not(#\9):hover > .awsui_icon_1hpp3_8n93s_254 {
+.awsui_hotspot_1hpp3_10w1c_191:not(#\9):hover > .awsui_icon_1hpp3_10w1c_258 {
   stroke: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_hotspot_1hpp3_8n93s_187:not(#\9):active > .awsui_icon_1hpp3_8n93s_254 {
+.awsui_hotspot_1hpp3_10w1c_191:not(#\9):active > .awsui_icon_1hpp3_10w1c_258 {
   stroke: var(--color-text-link-default-latg1a, #0972d3);
 }

package/annotation-context/annotation/styles.selectors.js

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_8n93s_99",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_8n93s_103",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_8n93s_103",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_8n93s_140",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_8n93s_140",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_8n93s_143",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_8n93s_143",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_8n93s_146",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_8n93s_146",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_8n93s_149",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_8n93s_149",
-  "annotation": "awsui_annotation_1hpp3_8n93s_157",
-  "next-button": "awsui_next-button_1hpp3_8n93s_158",
-  "previous-button": "awsui_previous-button_1hpp3_8n93s_159",
-  "finish-button": "awsui_finish-button_1hpp3_8n93s_160",
-  "header": "awsui_header_1hpp3_8n93s_161",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_8n93s_162",
-  "content": "awsui_content_1hpp3_8n93s_163",
-  "description": "awsui_description_1hpp3_8n93s_167",
-  "actionBar": "awsui_actionBar_1hpp3_8n93s_172",
-  "stepCounter": "awsui_stepCounter_1hpp3_8n93s_179",
-  "divider": "awsui_divider_1hpp3_8n93s_183",
-  "hotspot": "awsui_hotspot_1hpp3_8n93s_187",
-  "icon": "awsui_icon_1hpp3_8n93s_254"
+  "arrow": "awsui_arrow_1hpp3_10w1c_99",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_10w1c_103",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_10w1c_103",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_10w1c_144",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_10w1c_144",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_10w1c_147",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_10w1c_147",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_10w1c_150",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_10w1c_150",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_10w1c_153",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_10w1c_153",
+  "annotation": "awsui_annotation_1hpp3_10w1c_161",
+  "next-button": "awsui_next-button_1hpp3_10w1c_162",
+  "previous-button": "awsui_previous-button_1hpp3_10w1c_163",
+  "finish-button": "awsui_finish-button_1hpp3_10w1c_164",
+  "header": "awsui_header_1hpp3_10w1c_165",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_10w1c_166",
+  "content": "awsui_content_1hpp3_10w1c_167",
+  "description": "awsui_description_1hpp3_10w1c_171",
+  "actionBar": "awsui_actionBar_1hpp3_10w1c_176",
+  "stepCounter": "awsui_stepCounter_1hpp3_10w1c_183",
+  "divider": "awsui_divider_1hpp3_10w1c_187",
+  "hotspot": "awsui_hotspot_1hpp3_10w1c_191",
+  "icon": "awsui_icon_1hpp3_10w1c_258"
 };
   

package/button-dropdown/category-elements/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "header": "awsui_header_16mm3_1v2fv_99",
-  "disabled": "awsui_disabled_16mm3_1v2fv_116",
-  "expandable-header": "awsui_expandable-header_16mm3_1v2fv_120",
-  "rolled-down": "awsui_rolled-down_16mm3_1v2fv_131",
-  "highlighted": "awsui_highlighted_16mm3_1v2fv_134",
-  "is-focused": "awsui_is-focused_16mm3_1v2fv_152",
-  "category": "awsui_category_16mm3_1v2fv_157",
-  "expandable": "awsui_expandable_16mm3_1v2fv_120",
-  "variant-navigation": "awsui_variant-navigation_16mm3_1v2fv_172",
-  "expand-icon": "awsui_expand-icon_16mm3_1v2fv_179",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_1v2fv_186",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_1v2fv_189",
-  "items-list-container": "awsui_items-list-container_16mm3_1v2fv_203",
-  "in-dropdown": "awsui_in-dropdown_16mm3_1v2fv_212"
+  "header": "awsui_header_16mm3_w5lmn_99",
+  "disabled": "awsui_disabled_16mm3_w5lmn_116",
+  "expandable-header": "awsui_expandable-header_16mm3_w5lmn_120",
+  "rolled-down": "awsui_rolled-down_16mm3_w5lmn_131",
+  "highlighted": "awsui_highlighted_16mm3_w5lmn_134",
+  "is-focused": "awsui_is-focused_16mm3_w5lmn_152",
+  "category": "awsui_category_16mm3_w5lmn_157",
+  "expandable": "awsui_expandable_16mm3_w5lmn_120",
+  "variant-navigation": "awsui_variant-navigation_16mm3_w5lmn_172",
+  "expand-icon": "awsui_expand-icon_16mm3_w5lmn_179",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_w5lmn_186",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_w5lmn_189",
+  "items-list-container": "awsui_items-list-container_16mm3_w5lmn_206",
+  "in-dropdown": "awsui_in-dropdown_16mm3_w5lmn_215"
 };
   

package/button-dropdown/category-elements/styles.scoped.css

@@ -96,7 +96,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_header_16mm3_1v2fv_99:not(#\9) {
+.awsui_header_16mm3_w5lmn_99:not(#\9) {
   position: relative;
   margin-block: 0;
   margin-inline: 0;
@@ -113,25 +113,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: calc(var(--space-button-horizontal-8jxzea, 20px) + var(--border-item-width-yel47s, 2px));
   z-index: 1;
 }
-.awsui_header_16mm3_1v2fv_99.awsui_disabled_16mm3_1v2fv_116:not(#\9) {
+.awsui_header_16mm3_w5lmn_99.awsui_disabled_16mm3_w5lmn_116:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
   cursor: default;
 }
-.awsui_header_16mm3_1v2fv_99.awsui_expandable-header_16mm3_1v2fv_120:not(#\9) {
+.awsui_header_16mm3_w5lmn_99.awsui_expandable-header_16mm3_w5lmn_120:not(#\9) {
   border-block-start-color: var(--color-border-dropdown-group-yakmix, #b6bec9);
   border-block-end-color: var(--color-border-dropdown-group-yakmix, #b6bec9);
   cursor: pointer;
 }
-.awsui_header_16mm3_1v2fv_99.awsui_expandable-header_16mm3_1v2fv_120.awsui_disabled_16mm3_1v2fv_116:not(#\9) {
+.awsui_header_16mm3_w5lmn_99.awsui_expandable-header_16mm3_w5lmn_120.awsui_disabled_16mm3_w5lmn_116:not(#\9) {
   cursor: default;
 }
-.awsui_header_16mm3_1v2fv_99.awsui_expandable-header_16mm3_1v2fv_120:not(#\9):focus {
+.awsui_header_16mm3_w5lmn_99.awsui_expandable-header_16mm3_w5lmn_120:not(#\9):focus {
   outline: none;
 }
-.awsui_header_16mm3_1v2fv_99.awsui_expandable-header_16mm3_1v2fv_120.awsui_rolled-down_16mm3_1v2fv_131:not(#\9) {
+.awsui_header_16mm3_w5lmn_99.awsui_expandable-header_16mm3_w5lmn_120.awsui_rolled-down_16mm3_w5lmn_131:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header_16mm3_1v2fv_99.awsui_expandable-header_16mm3_1v2fv_120.awsui_highlighted_16mm3_1v2fv_134:not(#\9) {
+.awsui_header_16mm3_w5lmn_99.awsui_expandable-header_16mm3_w5lmn_120.awsui_highlighted_16mm3_w5lmn_134:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-swsulg, #f4f4f4);
   color: var(--color-text-dropdown-item-highlighted-a51hdb, #000716);
   padding-block: var(--space-xxs-p8yyaw, 4px);
@@ -144,63 +144,66 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-item-05df9h, 8px);
   z-index: 2;
 }
-.awsui_header_16mm3_1v2fv_99.awsui_expandable-header_16mm3_1v2fv_120.awsui_highlighted_16mm3_1v2fv_134.awsui_disabled_16mm3_1v2fv_116:not(#\9) {
+.awsui_header_16mm3_w5lmn_99.awsui_expandable-header_16mm3_w5lmn_120.awsui_highlighted_16mm3_w5lmn_134.awsui_disabled_16mm3_w5lmn_116:not(#\9) {
   background-color: var(--color-background-dropdown-item-dimmed-dlm6wk, transparent);
   border-color: var(--color-border-dropdown-item-dimmed-hover-xdu0hf, #7d8998);
   color: var(--color-text-dropdown-item-dimmed-f2joj8, #9ba7b6);
 }
-.awsui_header_16mm3_1v2fv_99.awsui_expandable-header_16mm3_1v2fv_120.awsui_highlighted_16mm3_1v2fv_134.awsui_is-focused_16mm3_1v2fv_152:not(#\9) {
+.awsui_header_16mm3_w5lmn_99.awsui_expandable-header_16mm3_w5lmn_120.awsui_highlighted_16mm3_w5lmn_134.awsui_is-focused_16mm3_w5lmn_152:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-5hbaf3, #414d5c);
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_category_16mm3_1v2fv_157:not(#\9) {
+.awsui_category_16mm3_w5lmn_157:not(#\9) {
   list-style: none;
   margin-block-start: calc(-1 * var(--border-divider-list-width-27y3k5, 1px));
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_category_16mm3_1v2fv_157:not(#\9):first-child {
+.awsui_category_16mm3_w5lmn_157:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_category_16mm3_1v2fv_157.awsui_expandable_16mm3_1v2fv_120:not(#\9) {
+.awsui_category_16mm3_w5lmn_157.awsui_expandable_16mm3_w5lmn_120:not(#\9) {
   border-block-start: 0;
 }
-.awsui_category_16mm3_1v2fv_157:not(#\9):last-child {
+.awsui_category_16mm3_w5lmn_157:not(#\9):last-child {
   border-block-end: none;
 }
-.awsui_category_16mm3_1v2fv_157.awsui_variant-navigation_16mm3_1v2fv_172:not(#\9) {
+.awsui_category_16mm3_w5lmn_157.awsui_variant-navigation_16mm3_w5lmn_172:not(#\9) {
   padding-block-start: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_category_16mm3_1v2fv_157.awsui_variant-navigation_16mm3_1v2fv_172.awsui_expandable_16mm3_1v2fv_120:not(#\9) {
+.awsui_category_16mm3_w5lmn_157.awsui_variant-navigation_16mm3_w5lmn_172.awsui_expandable_16mm3_w5lmn_120:not(#\9) {
   padding-block-start: 0;
 }
 
-.awsui_expand-icon_16mm3_1v2fv_179:not(#\9) {
+.awsui_expand-icon_16mm3_w5lmn_179:not(#\9) {
   position: relative;
   inset-inline-start: var(--space-s-34lx8l, 12px);
   inline-size: var(--space-m-udix3p, 16px);
   display: inline-block;
   transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
-.awsui_expand-icon-up_16mm3_1v2fv_186:not(#\9) {
+.awsui_expand-icon-up_16mm3_w5lmn_186:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_expand-icon-right_16mm3_1v2fv_189:not(#\9) {
+.awsui_expand-icon-right_16mm3_w5lmn_189:not(#\9) {
   transform: rotate(-90deg);
 }
+.awsui_expand-icon-right_16mm3_w5lmn_189:not(#\9):dir(rtl) {
+  transform: rotate(90deg);
+}
 @media (prefers-reduced-motion: reduce) {
-  .awsui_expand-icon_16mm3_1v2fv_179:not(#\9) {
+  .awsui_expand-icon_16mm3_w5lmn_179:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_expand-icon_16mm3_1v2fv_179:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_1v2fv_179:not(#\9) {
+.awsui-motion-disabled .awsui_expand-icon_16mm3_w5lmn_179:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_w5lmn_179:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_items-list-container_16mm3_1v2fv_203:not(#\9) {
+.awsui_items-list-container_16mm3_w5lmn_206:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block-start: -1px;
@@ -209,6 +212,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-y: auto;
 }
 
-.awsui_in-dropdown_16mm3_1v2fv_212:not(#\9) {
+.awsui_in-dropdown_16mm3_w5lmn_215:not(#\9) {
   margin-block-end: -1px;
 }

package/button-dropdown/category-elements/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header": "awsui_header_16mm3_1v2fv_99",
-  "disabled": "awsui_disabled_16mm3_1v2fv_116",
-  "expandable-header": "awsui_expandable-header_16mm3_1v2fv_120",
-  "rolled-down": "awsui_rolled-down_16mm3_1v2fv_131",
-  "highlighted": "awsui_highlighted_16mm3_1v2fv_134",
-  "is-focused": "awsui_is-focused_16mm3_1v2fv_152",
-  "category": "awsui_category_16mm3_1v2fv_157",
-  "expandable": "awsui_expandable_16mm3_1v2fv_120",
-  "variant-navigation": "awsui_variant-navigation_16mm3_1v2fv_172",
-  "expand-icon": "awsui_expand-icon_16mm3_1v2fv_179",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_1v2fv_186",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_1v2fv_189",
-  "items-list-container": "awsui_items-list-container_16mm3_1v2fv_203",
-  "in-dropdown": "awsui_in-dropdown_16mm3_1v2fv_212"
+  "header": "awsui_header_16mm3_w5lmn_99",
+  "disabled": "awsui_disabled_16mm3_w5lmn_116",
+  "expandable-header": "awsui_expandable-header_16mm3_w5lmn_120",
+  "rolled-down": "awsui_rolled-down_16mm3_w5lmn_131",
+  "highlighted": "awsui_highlighted_16mm3_w5lmn_134",
+  "is-focused": "awsui_is-focused_16mm3_w5lmn_152",
+  "category": "awsui_category_16mm3_w5lmn_157",
+  "expandable": "awsui_expandable_16mm3_w5lmn_120",
+  "variant-navigation": "awsui_variant-navigation_16mm3_w5lmn_172",
+  "expand-icon": "awsui_expand-icon_16mm3_w5lmn_179",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_w5lmn_186",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_w5lmn_189",
+  "items-list-container": "awsui_items-list-container_16mm3_w5lmn_206",
+  "in-dropdown": "awsui_in-dropdown_16mm3_w5lmn_215"
 };
   

package/internal/components/chart-popover/index.d.ts

@@ -4,7 +4,7 @@ export interface ChartPopoverProps extends PopoverProps {
     /** Title of the popover */
     title?: React.ReactNode;
     /** References the element the container is positioned against. */
-    trackRef: React.RefObject<Element>;
+    trackRef: React.RefObject<HTMLElement | SVGElement>;
     /**
       Used to update the container position in case track or track position changes:
       

package/internal/components/chart-popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/chart-popover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAS3D,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,+FAA+F;IAC/F,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAE1B,wDAAwD;IACxD,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE3C,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;;AAED,wBAA8C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/chart-popover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAS3D,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;IACpD;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,+FAA+F;IAC/F,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAE1B,wDAAwD;IACxD,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEjD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE3C,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;;AAED,wBAA8C"}

package/internal/components/chart-popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-popover/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\n\nimport { getBaseProps } from '../../base-component';\n\nimport { PopoverProps } from '../../../popover/interfaces';\nimport PopoverContainer from '../../../popover/container';\nimport PopoverBody from '../../../popover/body';\nimport popoverStyles from '../../../popover/styles.css.js';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\n\nimport styles from './styles.css.js';\nimport { nodeBelongs } from '../../utils/node-belongs';\n\nexport interface ChartPopoverProps extends PopoverProps {\n  /** Title of the popover */\n  title?: React.ReactNode;\n\n  /** References the element the container is positioned against. */\n  trackRef: React.RefObject<Element>;\n  /**\n    Used to update the container position in case track or track position changes:\n    \n    const trackRef = useRef<Element>(null)\n    return (<>\n      <Track style={getPosition(selectedItemId)} ref={trackRef} />\n      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n    </>)\n  */\n  trackKey?: string | number;\n\n  /** Optional container element that prevents any clicks in there from dismissing the popover */\n  container: Element | null;\n\n  /** Event that is fired when the popover is dismissed */\n  onDismiss: (outsideClick?: boolean) => void;\n\n  /** Fired when the pointer enters the hoverable area around the popover */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n\n  /** Fired when the pointer leaves the hoverable area around the popover */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n\n  onBlur?: (event: React.FocusEvent) => void;\n\n  /** Popover content */\n  children?: React.ReactNode;\n}\n\nexport default React.forwardRef(ChartPopover);\n\nfunction ChartPopover(\n  {\n    position = 'right',\n    size = 'medium',\n    fixedWidth = false,\n    dismissButton = false,\n    dismissAriaLabel,\n\n    children,\n\n    title,\n    trackRef,\n    trackKey,\n    onDismiss,\n    container,\n\n    onMouseEnter,\n    onMouseLeave,\n    onBlur,\n\n    ...restProps\n  }: ChartPopoverProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const baseProps = getBaseProps(restProps);\n  const popoverObjectRef = useRef<HTMLDivElement | null>(null);\n\n  const popoverRef = useMergeRefs(popoverObjectRef, ref);\n\n  useEffect(() => {\n    const onDocumentClick = (event: MouseEvent) => {\n      if (\n        event.target &&\n        !nodeBelongs(popoverObjectRef.current, event.target as Element) && // click not in popover\n        !nodeContains(container, event.target as Element) // click not in segment\n      ) {\n        onDismiss(true);\n      }\n    };\n\n    document.addEventListener('mousedown', onDocumentClick, { capture: true });\n    return () => {\n      document.removeEventListener('mousedown', onDocumentClick, { capture: true });\n    };\n  }, [container, onDismiss]);\n\n  // In chart popovers, dismiss button is present when they are pinned, so both values are equivalent.\n  const isPinned = dismissButton;\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(popoverStyles.root, styles.root, baseProps.className)}\n      ref={popoverRef}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onBlur={onBlur}\n      // The tabIndex makes it so that clicking inside popover assigns this element as blur target.\n      // That is necessary in charts to ensure the blur target is within the chart and no cleanup is needed.\n      tabIndex={-1}\n    >\n      <PopoverContainer\n        size={size}\n        fixedWidth={fixedWidth}\n        position={position}\n        trackRef={trackRef}\n        trackKey={trackKey}\n        arrow={position => (\n          <div className={clsx(popoverStyles.arrow, popoverStyles[`arrow-position-${position}`])}>\n            <div className={popoverStyles['arrow-outer']} />\n            <div className={popoverStyles['arrow-inner']} />\n          </div>\n        )}\n        keepPosition={true}\n        allowVerticalOverflow={true}\n        allowScrollToFit={isPinned}\n      >\n        <div className={styles['hover-area']}>\n          <PopoverBody\n            dismissButton={dismissButton}\n            dismissAriaLabel={dismissAriaLabel}\n            header={title}\n            onDismiss={onDismiss}\n            overflowVisible=\"content\"\n            className={styles['popover-body']}\n          >\n            {children}\n          </PopoverBody>\n        </div>\n      </PopoverContainer>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-popover/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\n\nimport { getBaseProps } from '../../base-component';\n\nimport { PopoverProps } from '../../../popover/interfaces';\nimport PopoverContainer from '../../../popover/container';\nimport PopoverBody from '../../../popover/body';\nimport popoverStyles from '../../../popover/styles.css.js';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\n\nimport styles from './styles.css.js';\nimport { nodeBelongs } from '../../utils/node-belongs';\n\nexport interface ChartPopoverProps extends PopoverProps {\n  /** Title of the popover */\n  title?: React.ReactNode;\n\n  /** References the element the container is positioned against. */\n  trackRef: React.RefObject<HTMLElement | SVGElement>;\n  /**\n    Used to update the container position in case track or track position changes:\n    \n    const trackRef = useRef<Element>(null)\n    return (<>\n      <Track style={getPosition(selectedItemId)} ref={trackRef} />\n      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n    </>)\n  */\n  trackKey?: string | number;\n\n  /** Optional container element that prevents any clicks in there from dismissing the popover */\n  container: Element | null;\n\n  /** Event that is fired when the popover is dismissed */\n  onDismiss: (outsideClick?: boolean) => void;\n\n  /** Fired when the pointer enters the hoverable area around the popover */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n\n  /** Fired when the pointer leaves the hoverable area around the popover */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n\n  onBlur?: (event: React.FocusEvent) => void;\n\n  /** Popover content */\n  children?: React.ReactNode;\n}\n\nexport default React.forwardRef(ChartPopover);\n\nfunction ChartPopover(\n  {\n    position = 'right',\n    size = 'medium',\n    fixedWidth = false,\n    dismissButton = false,\n    dismissAriaLabel,\n\n    children,\n\n    title,\n    trackRef,\n    trackKey,\n    onDismiss,\n    container,\n\n    onMouseEnter,\n    onMouseLeave,\n    onBlur,\n\n    ...restProps\n  }: ChartPopoverProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const baseProps = getBaseProps(restProps);\n  const popoverObjectRef = useRef<HTMLDivElement | null>(null);\n\n  const popoverRef = useMergeRefs(popoverObjectRef, ref);\n\n  useEffect(() => {\n    const onDocumentClick = (event: MouseEvent) => {\n      if (\n        event.target &&\n        !nodeBelongs(popoverObjectRef.current, event.target as Element) && // click not in popover\n        !nodeContains(container, event.target as Element) // click not in segment\n      ) {\n        onDismiss(true);\n      }\n    };\n\n    document.addEventListener('mousedown', onDocumentClick, { capture: true });\n    return () => {\n      document.removeEventListener('mousedown', onDocumentClick, { capture: true });\n    };\n  }, [container, onDismiss]);\n\n  // In chart popovers, dismiss button is present when they are pinned, so both values are equivalent.\n  const isPinned = dismissButton;\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(popoverStyles.root, styles.root, baseProps.className)}\n      ref={popoverRef}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onBlur={onBlur}\n      // The tabIndex makes it so that clicking inside popover assigns this element as blur target.\n      // That is necessary in charts to ensure the blur target is within the chart and no cleanup is needed.\n      tabIndex={-1}\n    >\n      <PopoverContainer\n        size={size}\n        fixedWidth={fixedWidth}\n        position={position}\n        trackRef={trackRef}\n        trackKey={trackKey}\n        arrow={position => (\n          <div className={clsx(popoverStyles.arrow, popoverStyles[`arrow-position-${position}`])}>\n            <div className={popoverStyles['arrow-outer']} />\n            <div className={popoverStyles['arrow-inner']} />\n          </div>\n        )}\n        keepPosition={true}\n        allowVerticalOverflow={true}\n        allowScrollToFit={isPinned}\n      >\n        <div className={styles['hover-area']}>\n          <PopoverBody\n            dismissButton={dismissButton}\n            dismissAriaLabel={dismissAriaLabel}\n            header={title}\n            onDismiss={onDismiss}\n            overflowVisible=\"content\"\n            className={styles['popover-body']}\n          >\n            {children}\n          </PopoverBody>\n        </div>\n      </PopoverContainer>\n    </div>\n  );\n}\n"]}

package/internal/components/dropdown/dropdown-fit-handler.d.ts

@@ -1,20 +1,20 @@
 import { BoundingBox } from '../../utils/scrollable-containers';
 interface AvailableSpace {
-    above: number;
-    below: number;
-    left: number;
-    right: number;
+    blockStart: number;
+    blockEnd: number;
+    inlineStart: number;
+    inlineEnd: number;
 }
 export interface DropdownPosition {
-    height: string;
-    width: string;
-    dropUp: boolean;
-    dropLeft: boolean;
-    left: string;
+    blockSize: string;
+    inlineSize: string;
+    dropBlockStart: boolean;
+    dropInlineStart: boolean;
+    insetInlineStart: string;
 }
 export interface InteriorDropdownPosition extends DropdownPosition {
-    bottom: string;
-    top: string;
+    insetBlockEnd: string;
+    insetBlockStart: string;
 }
 export declare const defaultMaxDropdownWidth: number;
 export declare const getAvailableSpace: ({ trigger, overflowParents, stretchWidth, stretchHeight, isMobile, }: {
@@ -37,7 +37,7 @@ export declare const getWidths: ({ triggerElement, dropdownElement, desiredMinWi
 }) => {
     idealWidth: number;
     minWidth: number;
-    triggerWidth: number;
+    triggerInlineSize: number;
 };
 export declare const hasEnoughSpaceToStretchBeyondTriggerWidth: ({ triggerElement, dropdownElement, desiredMinWidth, expandToViewport, stretchWidth, stretchHeight, isMobile, }: {
     triggerElement: HTMLElement;

package/internal/components/dropdown/dropdown-fit-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-fit-handler.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/dropdown-fit-handler.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAmD,MAAM,mCAAmC,CAAC;AAOjH,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AAkBD,eAAO,MAAM,uBAAuB,QAA4B,CAAC;AAEjE,eAAO,MAAM,iBAAiB;aAOnB,WAAW;qBACH,cAAc,WAAW,CAAC;;;;MAIzC,cA8BH,CAAC;AAEF,eAAO,MAAM,yBAAyB;aAK3B,WAAW;qBACH,cAAc,WAAW,CAAC;;MAEzC,cA+BH,CAAC;AAEF,eAAO,MAAM,SAAS;oBAMJ,WAAW;qBACV,WAAW;;;;;;;CAe7B,CAAC;AAEF,eAAO,MAAM,yCAAyC;oBASpC,WAAW;qBACV,WAAW;;sBAEV,OAAO;kBACX,OAAO;mBACN,OAAO;cACZ,OAAO;aAsBlB,CAAC;AAEF,eAAO,MAAM,mBAAmB;oBAWd,WAAW;qBACV,WAAW;qBACX,cAAc,WAAW,CAAC;;;;;;;MAOzC,gBAyDH,CAAC;AAEF,eAAO,MAAM,2BAA2B,YAC7B,WAAW,YACV,WAAW,mBACJ,cAAc,WAAW,CAAC,aAChC,OAAO,KACjB,wBAmCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,oBACX,cAAc,kBACf,cAAc,4BACJ,cAAc,YAC9B,OAAO,oBACC,OAAO,gBACX,OAAO,gBACP,OAAO,iBACN,OAAO,YACZ,OAAO,aACN,MAAM,8BACW,OAAO,KAClC,CAAC,gBAAgB,EAAE,OAAO,CAkC5B,CAAC"}
+{"version":3,"file":"dropdown-fit-handler.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/dropdown-fit-handler.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAmD,MAAM,mCAAmC,CAAC;AAOjH,UAAU,cAAc;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AACD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AACD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB;AAkBD,eAAO,MAAM,uBAAuB,QAA4B,CAAC;AAEjE,eAAO,MAAM,iBAAiB;aAOnB,WAAW;qBACH,cAAc,WAAW,CAAC;;;;MAIzC,cA2CH,CAAC;AAEF,eAAO,MAAM,yBAAyB;aAK3B,WAAW;qBACH,cAAc,WAAW,CAAC;;MAEzC,cA4CH,CAAC;AAEF,eAAO,MAAM,SAAS;oBAMJ,WAAW;qBACV,WAAW;;;;;;;CAe7B,CAAC;AAEF,eAAO,MAAM,yCAAyC;oBASpC,WAAW;qBACV,WAAW;;sBAEV,OAAO;kBACX,OAAO;mBACN,OAAO;cACZ,OAAO;aAsBlB,CAAC;AAEF,eAAO,MAAM,mBAAmB;oBAWd,WAAW;qBACV,WAAW;qBACX,cAAc,WAAW,CAAC;;;;;;;MAOzC,gBA0DH,CAAC;AAEF,eAAO,MAAM,2BAA2B,YAC7B,WAAW,YACV,WAAW,mBACJ,cAAc,WAAW,CAAC,aAChC,OAAO,KACjB,wBAyCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,oBACX,cAAc,kBACf,cAAc,4BACJ,cAAc,YAC9B,OAAO,oBACC,OAAO,gBACX,OAAO,gBACP,OAAO,iBACN,OAAO,YACZ,OAAO,aACN,MAAM,8BACW,OAAO,KAClC,CAAC,gBAAgB,EAAE,OAAO,CAkC5B,CAAC"}