@cloudscape-design/components 3.0.637 → 3.0.639

package/internal/components/dropdown/styles.scoped.css

@@ -96,10 +96,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_dropdown-content-wrapper_qwoo0_kabis_99:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_kabis_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
+.awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_ori7u_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_kabis_1 {
+@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_ori7u_1 {
   from {
     opacity: 0.4;
   }
@@ -108,22 +108,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_kabis_99:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_kabis_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_kabis_99:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_kabis_99.awsui_refresh_qwoo0_kabis_120:not(#\9) {
+.awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_refresh_qwoo0_ori7u_120:not(#\9) {
   transform-origin: top;
-  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_kabis_1;
+  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_ori7u_1;
   animation-duration: var(--motion-duration-show-quick-aq3ump, 135ms);
   animation-timing-function: var(--motion-easing-show-quick-vc5zgd, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-0_qwoo0_kabis_1 {
+@keyframes awsui_awsui-motion-fade-in-0_qwoo0_ori7u_1 {
   from {
     opacity: 0;
   }
@@ -132,12 +132,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_kabis_99.awsui_refresh_qwoo0_kabis_120:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_refresh_qwoo0_ori7u_120:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_kabis_99.awsui_refresh_qwoo0_kabis_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_kabis_99.awsui_refresh_qwoo0_kabis_120:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_refresh_qwoo0_ori7u_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_refresh_qwoo0_ori7u_120:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -146,7 +146,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_root_qwoo0_kabis_149:not(#\9) {
+.awsui_root_qwoo0_ori7u_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -183,11 +183,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   white-space: inherit;
 }
-.awsui_root_qwoo0_kabis_149.awsui_interior_qwoo0_kabis_185:not(#\9) {
+.awsui_root_qwoo0_ori7u_149.awsui_interior_qwoo0_ori7u_185:not(#\9) {
   position: static;
 }
 
-.awsui_dropdown_qwoo0_kabis_99:not(#\9) {
+.awsui_dropdown_qwoo0_ori7u_99:not(#\9) {
   position: absolute;
   display: none;
   z-index: 2000;
@@ -195,24 +195,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
           user-select: none;
   transform-origin: top;
 }
-.awsui_dropdown_qwoo0_kabis_99.awsui_use-portal_qwoo0_kabis_196:not(#\9) {
+.awsui_dropdown_qwoo0_ori7u_99.awsui_use-portal_qwoo0_ori7u_196:not(#\9) {
   z-index: 7000;
 }
-.awsui_dropdown_qwoo0_kabis_99:not(#\9):not(.awsui_interior_qwoo0_kabis_185) {
+.awsui_dropdown_qwoo0_ori7u_99:not(#\9):not(.awsui_interior_qwoo0_ori7u_185) {
   transform: translateY(0px);
   transition: transform var(--motion-duration-show-quick-aq3ump, 135ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown_qwoo0_kabis_99:not(#\9):not(.awsui_interior_qwoo0_kabis_185) {
+  .awsui_dropdown_qwoo0_ori7u_99:not(#\9):not(.awsui_interior_qwoo0_ori7u_185) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown_qwoo0_kabis_99:not(#\9):not(.awsui_interior_qwoo0_kabis_185), .awsui-mode-entering .awsui_dropdown_qwoo0_kabis_99:not(#\9):not(.awsui_interior_qwoo0_kabis_185) {
+.awsui-motion-disabled .awsui_dropdown_qwoo0_ori7u_99:not(#\9):not(.awsui_interior_qwoo0_ori7u_185), .awsui-mode-entering .awsui_dropdown_qwoo0_ori7u_99:not(#\9):not(.awsui_interior_qwoo0_ori7u_185) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_kabis_99:not(#\9) {
+.awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
   position: relative;
   background-color: var(--color-background-dropdown-item-default-be16w5, #ffffff);
   outline: none;
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
   box-sizing: border-box;
 }
-.awsui_dropdown-content-wrapper_qwoo0_kabis_99:not(#\9)::after {
+.awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -242,76 +242,76 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .awsui_dropdown-content-wrapper_qwoo0_kabis_99:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
     border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
     border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
   }
 }
-.awsui_dropdown-content-wrapper_qwoo0_kabis_99.awsui_is-empty_qwoo0_kabis_248:not(#\9)::after {
+.awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_is-empty_qwoo0_ori7u_248:not(#\9)::after {
   display: none;
 }
-.awsui_dropdown_qwoo0_kabis_99 > .awsui_dropdown-content-wrapper_qwoo0_kabis_99:not(#\9) {
+.awsui_dropdown_qwoo0_ori7u_99 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
   border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
   border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-dropdown-group-yakmix, #b6bec9);
 }
-.awsui_dropdown-drop-up_qwoo0_kabis_255 > .awsui_dropdown-content-wrapper_qwoo0_kabis_99:not(#\9) {
+.awsui_dropdown-drop-up_qwoo0_ori7u_255 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
   transform-origin: bottom;
   box-shadow: var(--shadow-dropup-xqkiza, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
 }
-.awsui_dropdown-drop-up_qwoo0_kabis_255.awsui_with-limited-width_qwoo0_kabis_259 > .awsui_dropdown-content-wrapper_qwoo0_kabis_99:not(#\9) {
+.awsui_dropdown-drop-up_qwoo0_ori7u_255.awsui_with-limited-width_qwoo0_ori7u_259 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown-drop-left_qwoo0_kabis_262:not(#\9) {
+.awsui_dropdown-drop-left_qwoo0_ori7u_262:not(#\9) {
   inset-inline-end: 0;
 }
-.awsui_dropdown-drop-left_qwoo0_kabis_262:not(#\9):dir(rtl) {
+.awsui_dropdown-drop-left_qwoo0_ori7u_262:not(#\9):dir(rtl) {
   inset-inline-end: unset;
 }
-.awsui_dropdown-drop-right_qwoo0_kabis_268:not(#\9) {
+.awsui_dropdown-drop-right_qwoo0_ori7u_268:not(#\9) {
   inset-inline-start: 0;
 }
-.awsui_dropdown-drop-right_qwoo0_kabis_268:not(#\9):dir(rtl) {
+.awsui_dropdown-drop-right_qwoo0_ori7u_268:not(#\9):dir(rtl) {
   inset-inline-start: unset;
 }
-.awsui_dropdown_qwoo0_kabis_99.awsui_occupy-entire-width_qwoo0_kabis_274:not(#\9) {
+.awsui_dropdown_qwoo0_ori7u_99.awsui_occupy-entire-width_qwoo0_ori7u_274:not(#\9) {
   min-inline-size: 100%;
 }
-.awsui_dropdown_qwoo0_kabis_99.awsui_stretch-beyond-trigger-width_qwoo0_kabis_277:not(#\9) {
+.awsui_dropdown_qwoo0_ori7u_99.awsui_stretch-beyond-trigger-width_qwoo0_ori7u_277:not(#\9) {
   inline-size: max-content;
-  max-inline-size: var(--awsui-dropdown-default-max-width-tkr9yl, 100%);
+  max-inline-size: var(--awsui-dropdown-default-max-width-7t5ed6, 100%);
 }
-.awsui_dropdown_qwoo0_kabis_99.awsui_interior_qwoo0_kabis_185 > .awsui_dropdown-content-wrapper_qwoo0_kabis_99:not(#\9) {
+.awsui_dropdown_qwoo0_ori7u_99.awsui_interior_qwoo0_ori7u_185 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
   margin-block-start: -1px;
 }
-.awsui_dropdown_qwoo0_kabis_99.awsui_hide-block-border_qwoo0_kabis_284 > .awsui_dropdown-content-wrapper_qwoo0_kabis_99:not(#\9) {
+.awsui_dropdown_qwoo0_ori7u_99.awsui_hide-block-border_qwoo0_ori7u_284 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown_qwoo0_kabis_99.awsui_hide-block-border_qwoo0_kabis_284:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_kabis_255) > .awsui_dropdown-content-wrapper_qwoo0_kabis_99 {
+.awsui_dropdown_qwoo0_ori7u_99.awsui_hide-block-border_qwoo0_ori7u_284:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_ori7u_255) > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99 {
   border-block-end: none;
 }
-.awsui_dropdown_qwoo0_kabis_99.awsui_hide-block-border_qwoo0_kabis_284.awsui_refresh_qwoo0_kabis_120 > .awsui_dropdown-content-wrapper_qwoo0_kabis_99:not(#\9) {
+.awsui_dropdown_qwoo0_ori7u_99.awsui_hide-block-border_qwoo0_ori7u_284.awsui_refresh_qwoo0_ori7u_120 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
   border-block-end: none;
 }
-.awsui_dropdown_qwoo0_kabis_99.awsui_open_qwoo0_kabis_293:not(#\9) {
+.awsui_dropdown_qwoo0_ori7u_99.awsui_open_qwoo0_ori7u_293:not(#\9) {
   display: block;
 }
-.awsui_dropdown_qwoo0_kabis_99.awsui_open_qwoo0_kabis_293:not(#\9):not(.awsui_interior_qwoo0_kabis_185).awsui_refresh_qwoo0_kabis_120[data-animating=true] {
+.awsui_dropdown_qwoo0_ori7u_99.awsui_open_qwoo0_ori7u_293:not(#\9):not(.awsui_interior_qwoo0_ori7u_185).awsui_refresh_qwoo0_ori7u_120[data-animating=true] {
   transform: translateY(4px);
 }
-.awsui_dropdown_qwoo0_kabis_99.awsui_open_qwoo0_kabis_293:not(#\9):not(.awsui_interior_qwoo0_kabis_185).awsui_refresh_qwoo0_kabis_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_kabis_255 {
+.awsui_dropdown_qwoo0_ori7u_99.awsui_open_qwoo0_ori7u_293:not(#\9):not(.awsui_interior_qwoo0_ori7u_185).awsui_refresh_qwoo0_ori7u_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_ori7u_255 {
   transform: translateY(-4px);
 }
-.awsui_dropdown_qwoo0_kabis_99.awsui_open_qwoo0_kabis_293.awsui_nowrap_qwoo0_kabis_302:not(#\9) {
+.awsui_dropdown_qwoo0_ori7u_99.awsui_open_qwoo0_ori7u_293.awsui_nowrap_qwoo0_ori7u_302:not(#\9) {
   white-space: nowrap;
   overflow: scroll;
 }
 
-.awsui_dropdown-content_qwoo0_kabis_99:not(#\9) {
+.awsui_dropdown-content_qwoo0_ori7u_99:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
 
-.awsui_stretch-trigger-height_qwoo0_kabis_313:not(#\9) {
+.awsui_stretch-trigger-height_qwoo0_ori7u_313:not(#\9) {
   block-size: 100%;
 }

package/internal/components/dropdown/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_kabis_99",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_kabis_1",
-  "refresh": "awsui_refresh_qwoo0_kabis_120",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_kabis_1",
-  "root": "awsui_root_qwoo0_kabis_149",
-  "interior": "awsui_interior_qwoo0_kabis_185",
-  "dropdown": "awsui_dropdown_qwoo0_kabis_99",
-  "use-portal": "awsui_use-portal_qwoo0_kabis_196",
-  "is-empty": "awsui_is-empty_qwoo0_kabis_248",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_kabis_255",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_kabis_259",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_kabis_262",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_kabis_268",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_kabis_274",
-  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_kabis_277",
-  "hide-block-border": "awsui_hide-block-border_qwoo0_kabis_284",
-  "open": "awsui_open_qwoo0_kabis_293",
-  "nowrap": "awsui_nowrap_qwoo0_kabis_302",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_kabis_99",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_kabis_313"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_ori7u_99",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_ori7u_1",
+  "refresh": "awsui_refresh_qwoo0_ori7u_120",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_ori7u_1",
+  "root": "awsui_root_qwoo0_ori7u_149",
+  "interior": "awsui_interior_qwoo0_ori7u_185",
+  "dropdown": "awsui_dropdown_qwoo0_ori7u_99",
+  "use-portal": "awsui_use-portal_qwoo0_ori7u_196",
+  "is-empty": "awsui_is-empty_qwoo0_ori7u_248",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_ori7u_255",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_ori7u_259",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_ori7u_262",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_ori7u_268",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_ori7u_274",
+  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_ori7u_277",
+  "hide-block-border": "awsui_hide-block-border_qwoo0_ori7u_284",
+  "open": "awsui_open_qwoo0_ori7u_293",
+  "nowrap": "awsui_nowrap_qwoo0_ori7u_302",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_ori7u_99",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_ori7u_313"
 };
   

package/internal/components/responsive-text/index.js

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import React, { memo, useEffect, useRef } from 'react';
 import { getTextWidth } from './responsive-text-utils';
-import { getIsRtl } from '../../direction';
+import { getIsRtl } from '@cloudscape-design/component-toolkit/internal';
 export default memo(ResponsiveText);
 function ResponsiveText({ x, y, className, children, maxWidth }) {
     const textRef = useRef(null);

package/internal/components/responsive-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/responsive-text/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAU3C,eAAe,IAAI,CAAC,cAAc,CAAC,CAAC;AAEpC,SAAS,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAuB;IAClF,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,sFAAsF;IACtF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAQ,CAAC,CAAC;QACzC,iBAAiB,CAAC,OAAO,CAAC,OAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,8BAAM,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,IAC/E,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,QAAwB,EAAE,IAAY,EAAE,QAAgB,EAAE,KAAc;IACxG,IAAI,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;IAChC,OAAO,aAAa,IAAI,CAAC,EAAE;QACzB,QAAQ,CAAC,WAAW,GAAG,YAAY,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;QAEhE,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAAE;YACtC,OAAO;SACR;aAAM;YACL,aAAa,EAAE,CAAC;SACjB;KACF;AACH,CAAC;AAED,SAAS,YAAY,CAAC,IAAY,EAAE,SAAiB,EAAE,KAAc;IACnE,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;IACD,IAAI,KAAK,EAAE;QACT,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,GAAG,CAAC;KAClD;IACD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,GAAG,CAAC;AACxC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useEffect, useRef } from 'react';\nimport { getTextWidth } from './responsive-text-utils';\nimport { getIsRtl } from '../../direction';\n\ninterface ResponsiveTextProps {\n  x: number;\n  y: number;\n  className?: string;\n  children: string;\n  maxWidth: number;\n}\n\nexport default memo(ResponsiveText);\n\nfunction ResponsiveText({ x, y, className, children, maxWidth }: ResponsiveTextProps) {\n  const textRef = useRef<SVGTextElement>(null);\n\n  // Determine the visible width of the text and if necessary truncate it until it fits.\n  useEffect(() => {\n    const isRtl = getIsRtl(textRef.current!);\n    renderTextContent(textRef.current!, children, maxWidth, isRtl);\n  }, [maxWidth, children]);\n\n  return (\n    <text ref={textRef} x={x} y={y} style={{ textAnchor: 'end' }} className={className}>\n      {children}\n    </text>\n  );\n}\n\nexport function renderTextContent(textNode: SVGTextElement, text: string, maxWidth: number, isRtl: boolean) {\n  let visibleLength = text.length;\n  while (visibleLength >= 0) {\n    textNode.textContent = truncateText(text, visibleLength, isRtl);\n\n    if (getTextWidth(textNode) <= maxWidth) {\n      return;\n    } else {\n      visibleLength--;\n    }\n  }\n}\n\nfunction truncateText(text: string, maxLength: number, isRtl: boolean) {\n  if (text.length === maxLength) {\n    return text;\n  }\n  if (isRtl) {\n    return text.slice(text.length - maxLength) + '…';\n  }\n  return text.slice(0, maxLength) + '…';\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/responsive-text/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAUzE,eAAe,IAAI,CAAC,cAAc,CAAC,CAAC;AAEpC,SAAS,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAuB;IAClF,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,sFAAsF;IACtF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAQ,CAAC,CAAC;QACzC,iBAAiB,CAAC,OAAO,CAAC,OAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,8BAAM,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,IAC/E,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,QAAwB,EAAE,IAAY,EAAE,QAAgB,EAAE,KAAc;IACxG,IAAI,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;IAChC,OAAO,aAAa,IAAI,CAAC,EAAE;QACzB,QAAQ,CAAC,WAAW,GAAG,YAAY,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;QAEhE,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAAE;YACtC,OAAO;SACR;aAAM;YACL,aAAa,EAAE,CAAC;SACjB;KACF;AACH,CAAC;AAED,SAAS,YAAY,CAAC,IAAY,EAAE,SAAiB,EAAE,KAAc;IACnE,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;IACD,IAAI,KAAK,EAAE;QACT,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,GAAG,CAAC;KAClD;IACD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,GAAG,CAAC;AACxC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useEffect, useRef } from 'react';\nimport { getTextWidth } from './responsive-text-utils';\nimport { getIsRtl } from '@cloudscape-design/component-toolkit/internal';\n\ninterface ResponsiveTextProps {\n  x: number;\n  y: number;\n  className?: string;\n  children: string;\n  maxWidth: number;\n}\n\nexport default memo(ResponsiveText);\n\nfunction ResponsiveText({ x, y, className, children, maxWidth }: ResponsiveTextProps) {\n  const textRef = useRef<SVGTextElement>(null);\n\n  // Determine the visible width of the text and if necessary truncate it until it fits.\n  useEffect(() => {\n    const isRtl = getIsRtl(textRef.current!);\n    renderTextContent(textRef.current!, children, maxWidth, isRtl);\n  }, [maxWidth, children]);\n\n  return (\n    <text ref={textRef} x={x} y={y} style={{ textAnchor: 'end' }} className={className}>\n      {children}\n    </text>\n  );\n}\n\nexport function renderTextContent(textNode: SVGTextElement, text: string, maxWidth: number, isRtl: boolean) {\n  let visibleLength = text.length;\n  while (visibleLength >= 0) {\n    textNode.textContent = truncateText(text, visibleLength, isRtl);\n\n    if (getTextWidth(textNode) <= maxWidth) {\n      return;\n    } else {\n      visibleLength--;\n    }\n  }\n}\n\nfunction truncateText(text: string, maxLength: number, isRtl: boolean) {\n  if (text.length === maxLength) {\n    return text;\n  }\n  if (isRtl) {\n    return text.slice(text.length - maxLength) + '…';\n  }\n  return text.slice(0, maxLength) + '…';\n}\n"]}

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (9bc6032b)";
+export var PACKAGE_VERSION = "3.0.0 (cb92fe29)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (9bc6032b)",
+  "PACKAGE_VERSION": "3.0.0 (cb92fe29)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/generated/custom-css-properties/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAC,MAAM,CAoDjD,CAAC;AACF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAC,MAAM,CAyDjD,CAAC;AACF,eAAe,sBAAsB,CAAC"}

package/internal/generated/custom-css-properties/index.js

@@ -1,55 +1,60 @@
 const customCSSPropertiesMap = {
-    "breadcrumbsGap": "--awsui-breadcrumbs-gap-tkr9yl",
-    "contentGapLeft": "--awsui-content-gap-left-tkr9yl",
-    "contentGapRight": "--awsui-content-gap-right-tkr9yl",
-    "contentHeight": "--awsui-content-height-tkr9yl",
-    "defaultMaxContentWidth": "--awsui-default-max-content-width-tkr9yl",
-    "defaultMinContentWidth": "--awsui-default-min-content-width-tkr9yl",
-    "drawerSize": "--awsui-drawer-size-tkr9yl",
-    "footerHeight": "--awsui-footer-height-tkr9yl",
-    "headerGap": "--awsui-header-gap-tkr9yl",
-    "headerHeight": "--awsui-header-height-tkr9yl",
-    "layoutWidth": "--awsui-layout-width-tkr9yl",
-    "mainGap": "--awsui-main-gap-tkr9yl",
-    "mainOffsetLeft": "--awsui-main-offset-left-tkr9yl",
-    "mainTemplateRows": "--awsui-main-template-rows-tkr9yl",
-    "maxContentWidth": "--awsui-max-content-width-tkr9yl",
-    "minContentWidth": "--awsui-min-content-width-tkr9yl",
-    "mobileBarHeight": "--awsui-mobile-bar-height-tkr9yl",
-    "notificationsGap": "--awsui-notifications-gap-tkr9yl",
-    "notificationsHeight": "--awsui-notifications-height-tkr9yl",
-    "offsetTop": "--awsui-offset-top-tkr9yl",
-    "overlapHeight": "--awsui-overlap-height-tkr9yl",
-    "navigationWidth": "--awsui-navigation-width-tkr9yl",
-    "splitPanelReportedHeaderSize": "--awsui-split-panel-reported-header-size-tkr9yl",
-    "splitPanelReportedSize": "--awsui-split-panel-reported-size-tkr9yl",
-    "splitPanelHeight": "--awsui-split-panel-height-tkr9yl",
-    "splitPanelMinWidth": "--awsui-split-panel-min-width-tkr9yl",
-    "splitPanelMaxWidth": "--awsui-split-panel-max-width-tkr9yl",
-    "toolsMaxWidth": "--awsui-tools-max-width-tkr9yl",
-    "toolsWidth": "--awsui-tools-width-tkr9yl",
-    "toolsAnimationStartingOpacity": "--awsui-tools-animation-starting-opacity-tkr9yl",
-    "contentScrollMargin": "--awsui-content-scroll-margin-tkr9yl",
-    "flashbarStackDepth": "--awsui-flashbar-stack-depth-tkr9yl",
-    "flashbarStackIndex": "--awsui-flashbar-stack-index-tkr9yl",
-    "flashbarStickyBottomMargin": "--awsui-flashbar-sticky-bottom-margin-tkr9yl",
-    "stackedNotificationsBottomMargin": "--awsui-stacked-notifications-bottom-margin-tkr9yl",
-    "stackedNotificationsDefaultBottomMargin": "--awsui-stacked-notifications-default-bottom-margin-tkr9yl",
-    "dropdownDefaultMaxWidth": "--awsui-dropdown-default-max-width-tkr9yl",
-    "spinnerRotatorFrom": "--awsui-spinner-rotator-from-tkr9yl",
-    "spinnerRotatorTo": "--awsui-spinner-rotator-to-tkr9yl",
-    "spinnerLineLeftFrom": "--awsui-spinner-line-left-from-tkr9yl",
-    "spinnerLineLeftTo": "--awsui-spinner-line-left-to-tkr9yl",
-    "spinnerLineRightFrom": "--awsui-spinner-line-right-from-tkr9yl",
-    "spinnerLineRightTo": "--awsui-spinner-line-right-to-tkr9yl",
-    "sliderLabelCount": "--awsui-slider-label-count-tkr9yl",
-    "sliderTickCount": "--awsui-slider-tick-count-tkr9yl",
-    "sliderReferenceColumn": "--awsui-slider-reference-column-tkr9yl",
-    "sliderNextReferenceColumn": "--awsui-slider-next-reference-column-tkr9yl",
-    "sliderMaxStart": "--awsui-slider-max-start-tkr9yl",
-    "sliderMinEnd": "--awsui-slider-min-end-tkr9yl",
-    "sliderRangeInlineSize": "--awsui-slider-range-inline-size-tkr9yl",
-    "sliderTooltipPosition": "--awsui-slider-tooltip-position-tkr9yl",
+    "maxContentWidth": "--awsui-max-content-width-7t5ed6",
+    "minContentWidth": "--awsui-min-content-width-7t5ed6",
+    "breadcrumbsGap": "--awsui-breadcrumbs-gap-7t5ed6",
+    "contentGapLeft": "--awsui-content-gap-left-7t5ed6",
+    "contentGapRight": "--awsui-content-gap-right-7t5ed6",
+    "contentHeight": "--awsui-content-height-7t5ed6",
+    "contentLayoutDefaultHorizontalPadding": "--awsui-content-layout-default-horizontal-padding-7t5ed6",
+    "contentLayoutMaxContentWidth": "--awsui-content-layout-max-content-width-7t5ed6",
+    "contentLayoutMainGap": "--awsui-content-layout-main-gap-7t5ed6",
+    "defaultMaxContentWidth": "--awsui-default-max-content-width-7t5ed6",
+    "defaultMinContentWidth": "--awsui-default-min-content-width-7t5ed6",
+    "drawerSize": "--awsui-drawer-size-7t5ed6",
+    "footerHeight": "--awsui-footer-height-7t5ed6",
+    "headerGap": "--awsui-header-gap-7t5ed6",
+    "headerHeight": "--awsui-header-height-7t5ed6",
+    "layoutWidth": "--awsui-layout-width-7t5ed6",
+    "mainGap": "--awsui-main-gap-7t5ed6",
+    "mainOffsetLeft": "--awsui-main-offset-left-7t5ed6",
+    "mainTemplateRows": "--awsui-main-template-rows-7t5ed6",
+    "mobileBarHeight": "--awsui-mobile-bar-height-7t5ed6",
+    "notificationsGap": "--awsui-notifications-gap-7t5ed6",
+    "notificationsHeight": "--awsui-notifications-height-7t5ed6",
+    "offsetTop": "--awsui-offset-top-7t5ed6",
+    "overlapHeight": "--awsui-overlap-height-7t5ed6",
+    "navigationWidth": "--awsui-navigation-width-7t5ed6",
+    "splitPanelReportedHeaderSize": "--awsui-split-panel-reported-header-size-7t5ed6",
+    "splitPanelReportedSize": "--awsui-split-panel-reported-size-7t5ed6",
+    "splitPanelHeight": "--awsui-split-panel-height-7t5ed6",
+    "splitPanelMinWidth": "--awsui-split-panel-min-width-7t5ed6",
+    "splitPanelMaxWidth": "--awsui-split-panel-max-width-7t5ed6",
+    "toolsMaxWidth": "--awsui-tools-max-width-7t5ed6",
+    "toolsWidth": "--awsui-tools-width-7t5ed6",
+    "toolsAnimationStartingOpacity": "--awsui-tools-animation-starting-opacity-7t5ed6",
+    "contentScrollMargin": "--awsui-content-scroll-margin-7t5ed6",
+    "flashbarStackDepth": "--awsui-flashbar-stack-depth-7t5ed6",
+    "flashbarStackIndex": "--awsui-flashbar-stack-index-7t5ed6",
+    "flashbarStickyBottomMargin": "--awsui-flashbar-sticky-bottom-margin-7t5ed6",
+    "stackedNotificationsBottomMargin": "--awsui-stacked-notifications-bottom-margin-7t5ed6",
+    "stackedNotificationsDefaultBottomMargin": "--awsui-stacked-notifications-default-bottom-margin-7t5ed6",
+    "dropdownDefaultMaxWidth": "--awsui-dropdown-default-max-width-7t5ed6",
+    "spinnerRotatorFrom": "--awsui-spinner-rotator-from-7t5ed6",
+    "spinnerRotatorTo": "--awsui-spinner-rotator-to-7t5ed6",
+    "spinnerLineLeftFrom": "--awsui-spinner-line-left-from-7t5ed6",
+    "spinnerLineLeftTo": "--awsui-spinner-line-left-to-7t5ed6",
+    "spinnerLineRightFrom": "--awsui-spinner-line-right-from-7t5ed6",
+    "spinnerLineRightTo": "--awsui-spinner-line-right-to-7t5ed6",
+    "sliderLabelCount": "--awsui-slider-label-count-7t5ed6",
+    "sliderTickCount": "--awsui-slider-tick-count-7t5ed6",
+    "sliderReferenceColumn": "--awsui-slider-reference-column-7t5ed6",
+    "sliderNextReferenceColumn": "--awsui-slider-next-reference-column-7t5ed6",
+    "sliderMaxStart": "--awsui-slider-max-start-7t5ed6",
+    "sliderMinEnd": "--awsui-slider-min-end-7t5ed6",
+    "sliderRangeInlineSize": "--awsui-slider-range-inline-size-7t5ed6",
+    "sliderTooltipPosition": "--awsui-slider-tooltip-position-7t5ed6",
+    "togglesLeftWidth": "--awsui-toggles-left-width-7t5ed6",
+    "togglesRightWidth": "--awsui-toggles-right-width-7t5ed6",
 };
 export default customCSSPropertiesMap;
 //# sourceMappingURL=index.js.map

package/internal/generated/custom-css-properties/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,MAAM,sBAAsB,GAA0B;IACpD,gBAAgB,EAAE,gCAAgC;IAC1D,gBAAgB,EAAE,iCAAiC;IACnD,iBAAiB,EAAE,kCAAkC;IACrD,eAAe,EAAE,+BAA+B;IAChD,wBAAwB,EAAE,0CAA0C;IACpE,wBAAwB,EAAE,0CAA0C;IACpE,YAAY,EAAE,4BAA4B;IAC1C,cAAc,EAAE,8BAA8B;IAC9C,WAAW,EAAE,2BAA2B;IACxC,cAAc,EAAE,8BAA8B;IAC9C,aAAa,EAAE,6BAA6B;IAC5C,SAAS,EAAE,yBAAyB;IACpC,gBAAgB,EAAE,iCAAiC;IACnD,kBAAkB,EAAE,mCAAmC;IACvD,iBAAiB,EAAE,kCAAkC;IACrD,iBAAiB,EAAE,kCAAkC;IACrD,iBAAiB,EAAE,kCAAkC;IACrD,kBAAkB,EAAE,kCAAkC;IACtD,qBAAqB,EAAE,qCAAqC;IAC5D,WAAW,EAAE,2BAA2B;IACxC,eAAe,EAAE,+BAA+B;IAChD,iBAAiB,EAAE,iCAAiC;IACpD,8BAA8B,EAAE,iDAAiD;IACjF,wBAAwB,EAAE,0CAA0C;IACpE,kBAAkB,EAAE,mCAAmC;IACvD,oBAAoB,EAAE,sCAAsC;IAC5D,oBAAoB,EAAE,sCAAsC;IAC5D,eAAe,EAAE,gCAAgC;IACjD,YAAY,EAAE,4BAA4B;IAC1C,+BAA+B,EAAE,iDAAiD;IAClF,qBAAqB,EAAE,sCAAsC;IAC7D,oBAAoB,EAAE,qCAAqC;IAC3D,oBAAoB,EAAE,qCAAqC;IAC3D,4BAA4B,EAAE,8CAA8C;IAC5E,kCAAkC,EAAE,oDAAoD;IACxF,yCAAyC,EAAE,4DAA4D;IACvG,yBAAyB,EAAE,2CAA2C;IACtE,oBAAoB,EAAE,qCAAqC;IAC3D,kBAAkB,EAAE,mCAAmC;IACvD,qBAAqB,EAAE,uCAAuC;IAC9D,mBAAmB,EAAE,qCAAqC;IAC1D,sBAAsB,EAAE,wCAAwC;IAChE,oBAAoB,EAAE,sCAAsC;IAC5D,kBAAkB,EAAE,mCAAmC;IACvD,iBAAiB,EAAE,kCAAkC;IACrD,uBAAuB,EAAE,wCAAwC;IACjE,2BAA2B,EAAE,6CAA6C;IAC1E,gBAAgB,EAAE,iCAAiC;IACnD,cAAc,EAAE,+BAA+B;IAC/C,uBAAuB,EAAE,yCAAyC;IAClE,uBAAuB,EAAE,wCAAwC;CAC1D,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["\n      const customCSSPropertiesMap: Record<string,string> = {\n        \"breadcrumbsGap\": \"--awsui-breadcrumbs-gap-tkr9yl\",\n\"contentGapLeft\": \"--awsui-content-gap-left-tkr9yl\",\n\"contentGapRight\": \"--awsui-content-gap-right-tkr9yl\",\n\"contentHeight\": \"--awsui-content-height-tkr9yl\",\n\"defaultMaxContentWidth\": \"--awsui-default-max-content-width-tkr9yl\",\n\"defaultMinContentWidth\": \"--awsui-default-min-content-width-tkr9yl\",\n\"drawerSize\": \"--awsui-drawer-size-tkr9yl\",\n\"footerHeight\": \"--awsui-footer-height-tkr9yl\",\n\"headerGap\": \"--awsui-header-gap-tkr9yl\",\n\"headerHeight\": \"--awsui-header-height-tkr9yl\",\n\"layoutWidth\": \"--awsui-layout-width-tkr9yl\",\n\"mainGap\": \"--awsui-main-gap-tkr9yl\",\n\"mainOffsetLeft\": \"--awsui-main-offset-left-tkr9yl\",\n\"mainTemplateRows\": \"--awsui-main-template-rows-tkr9yl\",\n\"maxContentWidth\": \"--awsui-max-content-width-tkr9yl\",\n\"minContentWidth\": \"--awsui-min-content-width-tkr9yl\",\n\"mobileBarHeight\": \"--awsui-mobile-bar-height-tkr9yl\",\n\"notificationsGap\": \"--awsui-notifications-gap-tkr9yl\",\n\"notificationsHeight\": \"--awsui-notifications-height-tkr9yl\",\n\"offsetTop\": \"--awsui-offset-top-tkr9yl\",\n\"overlapHeight\": \"--awsui-overlap-height-tkr9yl\",\n\"navigationWidth\": \"--awsui-navigation-width-tkr9yl\",\n\"splitPanelReportedHeaderSize\": \"--awsui-split-panel-reported-header-size-tkr9yl\",\n\"splitPanelReportedSize\": \"--awsui-split-panel-reported-size-tkr9yl\",\n\"splitPanelHeight\": \"--awsui-split-panel-height-tkr9yl\",\n\"splitPanelMinWidth\": \"--awsui-split-panel-min-width-tkr9yl\",\n\"splitPanelMaxWidth\": \"--awsui-split-panel-max-width-tkr9yl\",\n\"toolsMaxWidth\": \"--awsui-tools-max-width-tkr9yl\",\n\"toolsWidth\": \"--awsui-tools-width-tkr9yl\",\n\"toolsAnimationStartingOpacity\": \"--awsui-tools-animation-starting-opacity-tkr9yl\",\n\"contentScrollMargin\": \"--awsui-content-scroll-margin-tkr9yl\",\n\"flashbarStackDepth\": \"--awsui-flashbar-stack-depth-tkr9yl\",\n\"flashbarStackIndex\": \"--awsui-flashbar-stack-index-tkr9yl\",\n\"flashbarStickyBottomMargin\": \"--awsui-flashbar-sticky-bottom-margin-tkr9yl\",\n\"stackedNotificationsBottomMargin\": \"--awsui-stacked-notifications-bottom-margin-tkr9yl\",\n\"stackedNotificationsDefaultBottomMargin\": \"--awsui-stacked-notifications-default-bottom-margin-tkr9yl\",\n\"dropdownDefaultMaxWidth\": \"--awsui-dropdown-default-max-width-tkr9yl\",\n\"spinnerRotatorFrom\": \"--awsui-spinner-rotator-from-tkr9yl\",\n\"spinnerRotatorTo\": \"--awsui-spinner-rotator-to-tkr9yl\",\n\"spinnerLineLeftFrom\": \"--awsui-spinner-line-left-from-tkr9yl\",\n\"spinnerLineLeftTo\": \"--awsui-spinner-line-left-to-tkr9yl\",\n\"spinnerLineRightFrom\": \"--awsui-spinner-line-right-from-tkr9yl\",\n\"spinnerLineRightTo\": \"--awsui-spinner-line-right-to-tkr9yl\",\n\"sliderLabelCount\": \"--awsui-slider-label-count-tkr9yl\",\n\"sliderTickCount\": \"--awsui-slider-tick-count-tkr9yl\",\n\"sliderReferenceColumn\": \"--awsui-slider-reference-column-tkr9yl\",\n\"sliderNextReferenceColumn\": \"--awsui-slider-next-reference-column-tkr9yl\",\n\"sliderMaxStart\": \"--awsui-slider-max-start-tkr9yl\",\n\"sliderMinEnd\": \"--awsui-slider-min-end-tkr9yl\",\n\"sliderRangeInlineSize\": \"--awsui-slider-range-inline-size-tkr9yl\",\n\"sliderTooltipPosition\": \"--awsui-slider-tooltip-position-tkr9yl\",\n      };\n      export default customCSSPropertiesMap;\n    "]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,MAAM,sBAAsB,GAA0B;IACpD,iBAAiB,EAAE,kCAAkC;IAC7D,iBAAiB,EAAE,kCAAkC;IACrD,gBAAgB,EAAE,gCAAgC;IAClD,gBAAgB,EAAE,iCAAiC;IACnD,iBAAiB,EAAE,kCAAkC;IACrD,eAAe,EAAE,+BAA+B;IAChD,uCAAuC,EAAE,0DAA0D;IACnG,8BAA8B,EAAE,iDAAiD;IACjF,sBAAsB,EAAE,wCAAwC;IAChE,wBAAwB,EAAE,0CAA0C;IACpE,wBAAwB,EAAE,0CAA0C;IACpE,YAAY,EAAE,4BAA4B;IAC1C,cAAc,EAAE,8BAA8B;IAC9C,WAAW,EAAE,2BAA2B;IACxC,cAAc,EAAE,8BAA8B;IAC9C,aAAa,EAAE,6BAA6B;IAC5C,SAAS,EAAE,yBAAyB;IACpC,gBAAgB,EAAE,iCAAiC;IACnD,kBAAkB,EAAE,mCAAmC;IACvD,iBAAiB,EAAE,kCAAkC;IACrD,kBAAkB,EAAE,kCAAkC;IACtD,qBAAqB,EAAE,qCAAqC;IAC5D,WAAW,EAAE,2BAA2B;IACxC,eAAe,EAAE,+BAA+B;IAChD,iBAAiB,EAAE,iCAAiC;IACpD,8BAA8B,EAAE,iDAAiD;IACjF,wBAAwB,EAAE,0CAA0C;IACpE,kBAAkB,EAAE,mCAAmC;IACvD,oBAAoB,EAAE,sCAAsC;IAC5D,oBAAoB,EAAE,sCAAsC;IAC5D,eAAe,EAAE,gCAAgC;IACjD,YAAY,EAAE,4BAA4B;IAC1C,+BAA+B,EAAE,iDAAiD;IAClF,qBAAqB,EAAE,sCAAsC;IAC7D,oBAAoB,EAAE,qCAAqC;IAC3D,oBAAoB,EAAE,qCAAqC;IAC3D,4BAA4B,EAAE,8CAA8C;IAC5E,kCAAkC,EAAE,oDAAoD;IACxF,yCAAyC,EAAE,4DAA4D;IACvG,yBAAyB,EAAE,2CAA2C;IACtE,oBAAoB,EAAE,qCAAqC;IAC3D,kBAAkB,EAAE,mCAAmC;IACvD,qBAAqB,EAAE,uCAAuC;IAC9D,mBAAmB,EAAE,qCAAqC;IAC1D,sBAAsB,EAAE,wCAAwC;IAChE,oBAAoB,EAAE,sCAAsC;IAC5D,kBAAkB,EAAE,mCAAmC;IACvD,iBAAiB,EAAE,kCAAkC;IACrD,uBAAuB,EAAE,wCAAwC;IACjE,2BAA2B,EAAE,6CAA6C;IAC1E,gBAAgB,EAAE,iCAAiC;IACnD,cAAc,EAAE,+BAA+B;IAC/C,uBAAuB,EAAE,yCAAyC;IAClE,uBAAuB,EAAE,wCAAwC;IACjE,kBAAkB,EAAE,mCAAmC;IACvD,mBAAmB,EAAE,oCAAoC;CAClD,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["\n      const customCSSPropertiesMap: Record<string,string> = {\n        \"maxContentWidth\": \"--awsui-max-content-width-7t5ed6\",\n\"minContentWidth\": \"--awsui-min-content-width-7t5ed6\",\n\"breadcrumbsGap\": \"--awsui-breadcrumbs-gap-7t5ed6\",\n\"contentGapLeft\": \"--awsui-content-gap-left-7t5ed6\",\n\"contentGapRight\": \"--awsui-content-gap-right-7t5ed6\",\n\"contentHeight\": \"--awsui-content-height-7t5ed6\",\n\"contentLayoutDefaultHorizontalPadding\": \"--awsui-content-layout-default-horizontal-padding-7t5ed6\",\n\"contentLayoutMaxContentWidth\": \"--awsui-content-layout-max-content-width-7t5ed6\",\n\"contentLayoutMainGap\": \"--awsui-content-layout-main-gap-7t5ed6\",\n\"defaultMaxContentWidth\": \"--awsui-default-max-content-width-7t5ed6\",\n\"defaultMinContentWidth\": \"--awsui-default-min-content-width-7t5ed6\",\n\"drawerSize\": \"--awsui-drawer-size-7t5ed6\",\n\"footerHeight\": \"--awsui-footer-height-7t5ed6\",\n\"headerGap\": \"--awsui-header-gap-7t5ed6\",\n\"headerHeight\": \"--awsui-header-height-7t5ed6\",\n\"layoutWidth\": \"--awsui-layout-width-7t5ed6\",\n\"mainGap\": \"--awsui-main-gap-7t5ed6\",\n\"mainOffsetLeft\": \"--awsui-main-offset-left-7t5ed6\",\n\"mainTemplateRows\": \"--awsui-main-template-rows-7t5ed6\",\n\"mobileBarHeight\": \"--awsui-mobile-bar-height-7t5ed6\",\n\"notificationsGap\": \"--awsui-notifications-gap-7t5ed6\",\n\"notificationsHeight\": \"--awsui-notifications-height-7t5ed6\",\n\"offsetTop\": \"--awsui-offset-top-7t5ed6\",\n\"overlapHeight\": \"--awsui-overlap-height-7t5ed6\",\n\"navigationWidth\": \"--awsui-navigation-width-7t5ed6\",\n\"splitPanelReportedHeaderSize\": \"--awsui-split-panel-reported-header-size-7t5ed6\",\n\"splitPanelReportedSize\": \"--awsui-split-panel-reported-size-7t5ed6\",\n\"splitPanelHeight\": \"--awsui-split-panel-height-7t5ed6\",\n\"splitPanelMinWidth\": \"--awsui-split-panel-min-width-7t5ed6\",\n\"splitPanelMaxWidth\": \"--awsui-split-panel-max-width-7t5ed6\",\n\"toolsMaxWidth\": \"--awsui-tools-max-width-7t5ed6\",\n\"toolsWidth\": \"--awsui-tools-width-7t5ed6\",\n\"toolsAnimationStartingOpacity\": \"--awsui-tools-animation-starting-opacity-7t5ed6\",\n\"contentScrollMargin\": \"--awsui-content-scroll-margin-7t5ed6\",\n\"flashbarStackDepth\": \"--awsui-flashbar-stack-depth-7t5ed6\",\n\"flashbarStackIndex\": \"--awsui-flashbar-stack-index-7t5ed6\",\n\"flashbarStickyBottomMargin\": \"--awsui-flashbar-sticky-bottom-margin-7t5ed6\",\n\"stackedNotificationsBottomMargin\": \"--awsui-stacked-notifications-bottom-margin-7t5ed6\",\n\"stackedNotificationsDefaultBottomMargin\": \"--awsui-stacked-notifications-default-bottom-margin-7t5ed6\",\n\"dropdownDefaultMaxWidth\": \"--awsui-dropdown-default-max-width-7t5ed6\",\n\"spinnerRotatorFrom\": \"--awsui-spinner-rotator-from-7t5ed6\",\n\"spinnerRotatorTo\": \"--awsui-spinner-rotator-to-7t5ed6\",\n\"spinnerLineLeftFrom\": \"--awsui-spinner-line-left-from-7t5ed6\",\n\"spinnerLineLeftTo\": \"--awsui-spinner-line-left-to-7t5ed6\",\n\"spinnerLineRightFrom\": \"--awsui-spinner-line-right-from-7t5ed6\",\n\"spinnerLineRightTo\": \"--awsui-spinner-line-right-to-7t5ed6\",\n\"sliderLabelCount\": \"--awsui-slider-label-count-7t5ed6\",\n\"sliderTickCount\": \"--awsui-slider-tick-count-7t5ed6\",\n\"sliderReferenceColumn\": \"--awsui-slider-reference-column-7t5ed6\",\n\"sliderNextReferenceColumn\": \"--awsui-slider-next-reference-column-7t5ed6\",\n\"sliderMaxStart\": \"--awsui-slider-max-start-7t5ed6\",\n\"sliderMinEnd\": \"--awsui-slider-min-end-7t5ed6\",\n\"sliderRangeInlineSize\": \"--awsui-slider-range-inline-size-7t5ed6\",\n\"sliderTooltipPosition\": \"--awsui-slider-tooltip-position-7t5ed6\",\n\"togglesLeftWidth\": \"--awsui-toggles-left-width-7t5ed6\",\n\"togglesRightWidth\": \"--awsui-toggles-right-width-7t5ed6\",\n      };\n      export default customCSSPropertiesMap;\n    "]}

package/internal/generated/styles/tokens.d.ts

@@ -630,6 +630,7 @@ export const spacePanelNavLeft: string;
 export const spacePanelSideLeft: string;
 export const spacePanelSideRight: string;
 export const spacePanelSplitTop: string;
+export const spacePanelSplitBottom: string;
 export const spaceSegmentedControlFocusOutlineGutter: string;
 export const spaceTabsContentTop: string;
 export const spaceTabsFocusOutlineGutter: string;

package/internal/generated/styles/tokens.js

@@ -630,6 +630,7 @@ export var spacePanelNavLeft = "var(--space-panel-nav-left-b1g0mt, 28px)";
 export var spacePanelSideLeft = "var(--space-panel-side-left-5t0who, 28px)";
 export var spacePanelSideRight = "var(--space-panel-side-right-xofg51, 24px)";
 export var spacePanelSplitTop = "var(--space-panel-split-top-q1pux4, 20px)";
+export var spacePanelSplitBottom = "var(--space-panel-split-bottom-qwdduf, 20px)";
 export var spaceSegmentedControlFocusOutlineGutter = "var(--space-segmented-control-focus-outline-gutter-gbye20, 4px)";
 export var spaceTabsContentTop = "var(--space-tabs-content-top-dedu0k, 12px)";
 export var spaceTabsFocusOutlineGutter = "var(--space-tabs-focus-outline-gutter-xm37ly, -8px)";

package/internal/generated/theming/index.cjs

@@ -2147,6 +2147,10 @@ module.exports.preset = {
         "comfortable": "{spaceScaledL}",
         "compact": "{spaceScaledL}"
       },
+      "spacePanelSplitBottom": {
+        "comfortable": "{spaceScaledL}",
+        "compact": "{spaceScaledL}"
+      },
       "spaceSegmentedControlFocusOutlineGutter": {
         "comfortable": "4px",
         "compact": "4px"
@@ -2609,6 +2613,10 @@ module.exports.preset = {
             "comfortable": "{spaceScaledL}",
             "compact": "{spaceScaledL}"
           },
+          "spacePanelSplitBottom": {
+            "comfortable": "{spaceScaledL}",
+            "compact": "{spaceScaledL}"
+          },
           "spaceSegmentedControlFocusOutlineGutter": {
             "comfortable": "4px",
             "compact": "4px"
@@ -9271,6 +9279,7 @@ module.exports.preset = {
       "spacePanelSideLeft": "density",
       "spacePanelSideRight": "density",
       "spacePanelSplitTop": "density",
+      "spacePanelSplitBottom": "density",
       "spaceSegmentedControlFocusOutlineGutter": "density",
       "spaceTabsContentTop": "density",
       "spaceTabsFocusOutlineGutter": "density",
@@ -10542,6 +10551,7 @@ module.exports.preset = {
     "spacePanelSideLeft": "space-panel-side-left",
     "spacePanelSideRight": "space-panel-side-right",
     "spacePanelSplitTop": "space-panel-split-top",
+    "spacePanelSplitBottom": "space-panel-split-bottom",
     "spaceSegmentedControlFocusOutlineGutter": "space-segmented-control-focus-outline-gutter",
     "spaceTabsContentTop": "space-tabs-content-top",
     "spaceTabsFocusOutlineGutter": "space-tabs-focus-outline-gutter",
@@ -11243,6 +11253,7 @@ module.exports.preset = {
     "spacePanelSideLeft": "--space-panel-side-left-5t0who",
     "spacePanelSideRight": "--space-panel-side-right-xofg51",
     "spacePanelSplitTop": "--space-panel-split-top-q1pux4",
+    "spacePanelSplitBottom": "--space-panel-split-bottom-qwdduf",
     "spaceSegmentedControlFocusOutlineGutter": "--space-segmented-control-focus-outline-gutter-gbye20",
     "spaceTabsContentTop": "--space-tabs-content-top-dedu0k",
     "spaceTabsFocusOutlineGutter": "--space-tabs-focus-outline-gutter-xm37ly",

package/internal/generated/theming/index.js

@@ -2147,6 +2147,10 @@ export var preset = {
         "comfortable": "{spaceScaledL}",
         "compact": "{spaceScaledL}"
       },
+      "spacePanelSplitBottom": {
+        "comfortable": "{spaceScaledL}",
+        "compact": "{spaceScaledL}"
+      },
       "spaceSegmentedControlFocusOutlineGutter": {
         "comfortable": "4px",
         "compact": "4px"
@@ -2609,6 +2613,10 @@ export var preset = {
             "comfortable": "{spaceScaledL}",
             "compact": "{spaceScaledL}"
           },
+          "spacePanelSplitBottom": {
+            "comfortable": "{spaceScaledL}",
+            "compact": "{spaceScaledL}"
+          },
           "spaceSegmentedControlFocusOutlineGutter": {
             "comfortable": "4px",
             "compact": "4px"
@@ -9271,6 +9279,7 @@ export var preset = {
       "spacePanelSideLeft": "density",
       "spacePanelSideRight": "density",
       "spacePanelSplitTop": "density",
+      "spacePanelSplitBottom": "density",
       "spaceSegmentedControlFocusOutlineGutter": "density",
       "spaceTabsContentTop": "density",
       "spaceTabsFocusOutlineGutter": "density",
@@ -10542,6 +10551,7 @@ export var preset = {
     "spacePanelSideLeft": "space-panel-side-left",
     "spacePanelSideRight": "space-panel-side-right",
     "spacePanelSplitTop": "space-panel-split-top",
+    "spacePanelSplitBottom": "space-panel-split-bottom",
     "spaceSegmentedControlFocusOutlineGutter": "space-segmented-control-focus-outline-gutter",
     "spaceTabsContentTop": "space-tabs-content-top",
     "spaceTabsFocusOutlineGutter": "space-tabs-focus-outline-gutter",
@@ -11243,6 +11253,7 @@ export var preset = {
     "spacePanelSideLeft": "--space-panel-side-left-5t0who",
     "spacePanelSideRight": "--space-panel-side-right-xofg51",
     "spacePanelSplitTop": "--space-panel-split-top-q1pux4",
+    "spacePanelSplitBottom": "--space-panel-split-bottom-qwdduf",
     "spaceSegmentedControlFocusOutlineGutter": "--space-segmented-control-focus-outline-gutter-gbye20",
     "spaceTabsContentTop": "--space-tabs-content-top-dedu0k",
     "spaceTabsFocusOutlineGutter": "--space-tabs-focus-outline-gutter-xm37ly",

package/internal/hooks/use-performance-marks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-performance-marks.d.ts","sourceRoot":"","sources":["../../../../src/internal/hooks/use-performance-marks.ts"],"names":[],"mappings":";AAOA,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,UAAU,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EACvE,YAAY,EAAE,KAAK,CAAC,cAAc,QAsDnC"}
+{"version":3,"file":"use-performance-marks.d.ts","sourceRoot":"","sources":["../../../../src/internal/hooks/use-performance-marks.ts"],"names":[],"mappings":";AAQA,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,UAAU,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EACvE,YAAY,EAAE,KAAK,CAAC,cAAc,QAuDnC"}

package/internal/hooks/use-performance-marks.js

@@ -3,10 +3,12 @@
 import { useEffect } from 'react';
 import { useUniqueId } from './use-unique-id';
 import { useEffectOnUpdate } from './use-effect-on-update';
+import { useModalContext } from '../context/modal-context';
 export function usePerformanceMarks(name, enabled, elementRef, getDetails, dependencies) {
     const id = useUniqueId();
+    const { isInModal } = useModalContext();
     useEffect(() => {
-        if (!enabled || !elementRef.current) {
+        if (!enabled || !elementRef.current || isInModal) {
             return;
         }
         const elementVisible = elementRef.current.offsetWidth > 0 &&
@@ -22,7 +24,7 @@ export function usePerformanceMarks(name, enabled, elementRef, getDetails, depen
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     useEffectOnUpdate(() => {
-        if (!enabled || !elementRef.current) {
+        if (!enabled || !elementRef.current || isInModal) {
             return;
         }
         const elementVisible = elementRef.current.offsetWidth > 0 &&