@cloudscape-design/components-themeable 3.0.345 → 3.0.346

package/lib/internal/template/input/styles.css.js

@@ -1,17 +1,17 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2rhyz_h4xh4_93",
-  "input": "awsui_input_2rhyz_h4xh4_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_h4xh4_120",
-  "input-invalid": "awsui_input-invalid_2rhyz_h4xh4_181",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_h4xh4_192",
-  "input-type-search": "awsui_input-type-search_2rhyz_h4xh4_197",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_h4xh4_213",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_h4xh4_216",
-  "input-container": "awsui_input-container_2rhyz_h4xh4_220",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_h4xh4_225",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_h4xh4_232",
-  "input-button-right": "awsui_input-button-right_2rhyz_h4xh4_238"
+  "root": "awsui_root_2rhyz_m7mcl_93",
+  "input": "awsui_input_2rhyz_m7mcl_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_m7mcl_120",
+  "input-invalid": "awsui_input-invalid_2rhyz_m7mcl_181",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_m7mcl_192",
+  "input-type-search": "awsui_input-type-search_2rhyz_m7mcl_197",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_m7mcl_213",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_m7mcl_216",
+  "input-container": "awsui_input-container_2rhyz_m7mcl_220",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_m7mcl_225",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_m7mcl_232",
+  "input-button-right": "awsui_input-button-right_2rhyz_m7mcl_238"
 };
   

package/lib/internal/template/input/styles.scoped.css

@@ -90,11 +90,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_root_2rhyz_h4xh4_93:not(#\9) {
+.awsui_root_2rhyz_m7mcl_93:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
 
-.awsui_input_2rhyz_h4xh4_97:not(#\9) {
+.awsui_input_2rhyz_m7mcl_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -125,7 +125,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   box-sizing: border-box;
   font-size: var(--font-body-m-size-0qqejn, 14px);
-  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  line-height: var(--font-body-m-line-height-43ichb, 22px);
   color: var(--color-text-body-default-4colr5, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -140,73 +140,73 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-input-gfayl6, 2px);
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-default-3zchtj, #687078);
   font-size: var(--font-body-m-size-0qqejn, 14px);
-  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
-  height: var(--size-vertical-input-yg5yti, 32px);
+  line-height: var(--font-body-m-line-height-43ichb, 22px);
+  height: var(--size-vertical-input-dyqh75, 32px);
 }
-.awsui_input_2rhyz_h4xh4_97.awsui_input-readonly_2rhyz_h4xh4_120:not(#\9) {
+.awsui_input_2rhyz_m7mcl_97.awsui_input-readonly_2rhyz_m7mcl_120:not(#\9) {
   background-color: var(--color-background-input-default-16mzof, #ffffff);
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-disabled-4rrzz6, #eaeded);
 }
-.awsui_input_2rhyz_h4xh4_97:not(#\9)::-webkit-input-placeholder {
+.awsui_input_2rhyz_m7mcl_97:not(#\9)::-webkit-input-placeholder {
   color: var(--color-text-input-placeholder-j38kg2, #687078);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_h4xh4_97:not(#\9)::-ms-input-placeholder {
+.awsui_input_2rhyz_m7mcl_97:not(#\9)::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-j38kg2, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_h4xh4_97:not(#\9)::-moz-placeholder {
+.awsui_input_2rhyz_m7mcl_97:not(#\9)::-moz-placeholder {
   color: var(--color-text-input-placeholder-j38kg2, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_h4xh4_97:not(#\9):-ms-input-placeholder {
+.awsui_input_2rhyz_m7mcl_97:not(#\9):-ms-input-placeholder {
   color: var(--color-text-input-placeholder-j38kg2, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_h4xh4_97:not(#\9):-moz-placeholder {
+.awsui_input_2rhyz_m7mcl_97:not(#\9):-moz-placeholder {
   color: var(--color-text-input-placeholder-j38kg2, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_h4xh4_97:not(#\9):focus {
+.awsui_input_2rhyz_m7mcl_97:not(#\9):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-item-focused-4clyb1, #0073bb);
   border-radius: var(--border-radius-input-gfayl6, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-qycpr2, 1px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_input_2rhyz_h4xh4_97:not(#\9):disabled {
+.awsui_input_2rhyz_m7mcl_97:not(#\9):disabled {
   background-color: var(--color-background-input-disabled-izitmw, #eaeded);
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-disabled-4rrzz6, #eaeded);
   color: var(--color-text-input-disabled-w14lvq, #879596);
   cursor: auto;
   cursor: default;
 }
-.awsui_input_2rhyz_h4xh4_97:not(#\9):disabled::-webkit-input-placeholder {
+.awsui_input_2rhyz_m7mcl_97:not(#\9):disabled::-webkit-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-x5vuev, #687078);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_h4xh4_97:not(#\9):disabled::-ms-input-placeholder {
+.awsui_input_2rhyz_m7mcl_97:not(#\9):disabled::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-x5vuev, #687078);
 }
-.awsui_input_2rhyz_h4xh4_97:not(#\9):disabled::-moz-placeholder {
+.awsui_input_2rhyz_m7mcl_97:not(#\9):disabled::-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-x5vuev, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_h4xh4_97:not(#\9):disabled:-ms-input-placeholder {
+.awsui_input_2rhyz_m7mcl_97:not(#\9):disabled:-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-x5vuev, #687078);
 }
-.awsui_input_2rhyz_h4xh4_97:not(#\9):disabled:-moz-placeholder {
+.awsui_input_2rhyz_m7mcl_97:not(#\9):disabled:-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-x5vuev, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_h4xh4_97:not(#\9):invalid {
+.awsui_input_2rhyz_m7mcl_97:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_h4xh4_97.awsui_input-invalid_2rhyz_h4xh4_181:not(#\9) {
+.awsui_input_2rhyz_m7mcl_97.awsui_input-invalid_2rhyz_m7mcl_181:not(#\9) {
   color: var(--color-text-status-error-6ntion, #d13212);
   border-color: var(--color-text-status-error-6ntion, #d13212);
   padding-left: calc(
@@ -214,55 +214,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 );
   border-left-width: var(--border-invalid-width-6tnuc9, 4px);
 }
-.awsui_input_2rhyz_h4xh4_97.awsui_input-invalid_2rhyz_h4xh4_181:not(#\9):focus {
+.awsui_input_2rhyz_m7mcl_97.awsui_input-invalid_2rhyz_m7mcl_181:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-56jreh, 1px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_input_2rhyz_h4xh4_97.awsui_input-invalid_2rhyz_h4xh4_181.awsui_input-has-icon-left_2rhyz_h4xh4_192:not(#\9) {
+.awsui_input_2rhyz_m7mcl_97.awsui_input-invalid_2rhyz_m7mcl_181.awsui_input-has-icon-left_2rhyz_m7mcl_192:not(#\9) {
   padding-left: calc(
         var(--space-field-icon-offset-v49om3, 32px) - (var(--border-invalid-width-6tnuc9, 4px) - var(--border-field-width-gmdyxy, 1px))
       );
 }
-.awsui_input_2rhyz_h4xh4_97.awsui_input-type-search_2rhyz_h4xh4_197:not(#\9) {
+.awsui_input_2rhyz_m7mcl_97.awsui_input-type-search_2rhyz_m7mcl_197:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_h4xh4_97.awsui_input-type-search_2rhyz_h4xh4_197:not(#\9)::-ms-clear {
+.awsui_input_2rhyz_m7mcl_97.awsui_input-type-search_2rhyz_m7mcl_197:not(#\9)::-ms-clear {
   display: none;
 }
-.awsui_input_2rhyz_h4xh4_97.awsui_input-type-search_2rhyz_h4xh4_197:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_m7mcl_97.awsui_input-type-search_2rhyz_m7mcl_197:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_h4xh4_97.awsui_input-type-search_2rhyz_h4xh4_197:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_m7mcl_97.awsui_input-type-search_2rhyz_m7mcl_197:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_h4xh4_97.awsui_input-has-icon-left_2rhyz_h4xh4_192:not(#\9) {
+.awsui_input_2rhyz_m7mcl_97.awsui_input-has-icon-left_2rhyz_m7mcl_192:not(#\9) {
   padding-left: var(--space-field-icon-offset-v49om3, 32px);
 }
-.awsui_input_2rhyz_h4xh4_97.awsui_input-has-icon-right_2rhyz_h4xh4_213:not(#\9) {
+.awsui_input_2rhyz_m7mcl_97.awsui_input-has-icon-right_2rhyz_m7mcl_213:not(#\9) {
   padding-right: var(--space-field-icon-offset-v49om3, 32px);
 }
-.awsui_input_2rhyz_h4xh4_97.awsui_input-has-no-border-radius_2rhyz_h4xh4_216:not(#\9) {
+.awsui_input_2rhyz_m7mcl_97.awsui_input-has-no-border-radius_2rhyz_m7mcl_216:not(#\9) {
   border-radius: var(--border-radius-dropdown-svczfv, 0px);
 }
 
-.awsui_input-container_2rhyz_h4xh4_220:not(#\9) {
+.awsui_input-container_2rhyz_m7mcl_220:not(#\9) {
   display: flex;
   position: relative;
 }
 
-.awsui_input-icon-left_2rhyz_h4xh4_225:not(#\9) {
+.awsui_input-icon-left_2rhyz_m7mcl_225:not(#\9) {
   position: absolute;
   pointer-events: none;
   left: var(--space-field-horizontal-xg7uom, 8px);
-  top: calc(50% - var(--font-body-m-line-height-9vkzhc, 22px) / 2);
+  top: calc(50% - var(--font-body-m-line-height-43ichb, 22px) / 2);
 }
 
-.awsui_input-icon-right_2rhyz_h4xh4_232:not(#\9) {
+.awsui_input-icon-right_2rhyz_m7mcl_232:not(#\9) {
   position: absolute;
-  top: calc(50% - var(--font-body-m-line-height-9vkzhc, 22px) / 2);
+  top: calc(50% - var(--font-body-m-line-height-43ichb, 22px) / 2);
   right: calc(var(--space-field-horizontal-xg7uom, 8px) - var(--space-xxs-xx079q, 4px));
 }
 
-.awsui_input-button-right_2rhyz_h4xh4_238:not(#\9) {
+.awsui_input-button-right_2rhyz_m7mcl_238:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/input/styles.selectors.js

@@ -2,17 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2rhyz_h4xh4_93",
-  "input": "awsui_input_2rhyz_h4xh4_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_h4xh4_120",
-  "input-invalid": "awsui_input-invalid_2rhyz_h4xh4_181",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_h4xh4_192",
-  "input-type-search": "awsui_input-type-search_2rhyz_h4xh4_197",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_h4xh4_213",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_h4xh4_216",
-  "input-container": "awsui_input-container_2rhyz_h4xh4_220",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_h4xh4_225",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_h4xh4_232",
-  "input-button-right": "awsui_input-button-right_2rhyz_h4xh4_238"
+  "root": "awsui_root_2rhyz_m7mcl_93",
+  "input": "awsui_input_2rhyz_m7mcl_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_m7mcl_120",
+  "input-invalid": "awsui_input-invalid_2rhyz_m7mcl_181",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_m7mcl_192",
+  "input-type-search": "awsui_input-type-search_2rhyz_m7mcl_197",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_m7mcl_213",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_m7mcl_216",
+  "input-container": "awsui_input-container_2rhyz_m7mcl_220",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_m7mcl_225",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_m7mcl_232",
+  "input-button-right": "awsui_input-button-right_2rhyz_m7mcl_238"
 };
   

package/lib/internal/template/internal/base-component/styles.scoped.css

@@ -369,7 +369,7 @@
   --color-dropzone-background-hover-6edrvi:#99cbe4;
   --color-dropzone-text-active-5iu70l:#545b64;
   --color-dropzone-text-hover-4q4iwk:#12293b;
-  --font-body-m-line-height-9vkzhc:22px;
+  --font-body-m-line-height-43ichb:22px;
   --font-body-m-size-0qqejn:14px;
   --font-body-s-letter-spacing-bzrysr:normal;
   --font-body-s-line-height-jfgg5d:16px;
@@ -384,7 +384,7 @@
   --font-expandable-heading-size-x20mdp:14px;
   --font-family-base-nzcxu9:"Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   --font-family-monospace-t2i6ax:Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace;
-  --font-header-h2-description-line-height-a838oe:16px;
+  --font-header-h2-description-line-height-24o2o0:16px;
   --font-header-h2-description-size-9x583i:12px;
   --font-heading-l-letter-spacing-898wn9:normal;
   --font-heading-l-line-height-b1ar04:22px;
@@ -499,7 +499,7 @@
   --size-icon-medium-9v2l3x:16px;
   --size-icon-normal-sz51st:16px;
   --size-table-selection-horizontal-yct218:54px;
-  --size-vertical-input-yg5yti:32px;
+  --size-vertical-input-dyqh75:32px;
   --size-vertical-panel-icon-offset-1vmzlx:15px;
   --space-alert-action-left-jyjob3:20px;
   --space-alert-horizontal-tgnc21:20px;
@@ -507,7 +507,7 @@
   --space-alert-vertical-95y4j3:12px;
   --space-button-focus-outline-gutter-pow250:3px;
   --space-button-icon-focus-outline-gutter-vertical-i0hxof:3px;
-  --space-button-icon-only-horizontal-bgkkaz:16px;
+  --space-button-icon-only-horizontal-fqcek3:16px;
   --space-button-inline-icon-focus-outline-gutter-v7tn85:3px;
   --space-button-modal-dismiss-vertical-hbpr1b:4px;
   --space-calendar-grid-focus-outline-gutter-z4nann:0px;
@@ -533,6 +533,7 @@
   --space-layout-toggle-padding-j06q89:20px;
   --space-modal-content-bottom-io4sah:20px;
   --space-modal-horizontal-0as3uz:20px;
+  --space-option-icon-big-top-q8buv4:2px;
   --space-panel-nav-left-woldqx:32px;
   --space-panel-side-left-v0z44b:32px;
   --space-panel-side-right-q7rj50:32px;
@@ -951,7 +952,7 @@
   }
 }
 .awsui-compact-mode:not(#\9) {
-  --size-vertical-input-yg5yti:28px;
+  --size-vertical-input-dyqh75:28px;
   --size-vertical-panel-icon-offset-1vmzlx:13px;
   --space-alert-vertical-95y4j3:8px;
   --space-button-modal-dismiss-vertical-hbpr1b:2px;
@@ -1003,7 +1004,7 @@
 }
 
 .awsui-context-compact-table:not(#\9) {
-  --size-vertical-input-yg5yti:28px;
+  --size-vertical-input-dyqh75:28px;
   --space-alert-vertical-95y4j3:8px;
   --space-button-modal-dismiss-vertical-hbpr1b:2px;
   --space-container-content-top-5kufne:12px;
@@ -1414,6 +1415,7 @@
   --color-dropzone-background-hover-6edrvi:#d3e7f9;
   --color-dropzone-text-active-5iu70l:#5f6b7a;
   --color-dropzone-text-hover-4q4iwk:#033160;
+  --font-body-m-line-height-43ichb:20px;
   --font-body-s-letter-spacing-bzrysr:0.005em;
   --font-button-letter-spacing-668fbm:0.005em;
   --font-button-weight-lifqd4:800;
@@ -1424,7 +1426,7 @@
   --font-display-label-weight-udcxbe:700;
   --font-expandable-heading-size-x20mdp:16px;
   --font-family-base-nzcxu9:"Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
-  --font-header-h2-description-line-height-a838oe:22px;
+  --font-header-h2-description-line-height-24o2o0:20px;
   --font-header-h2-description-size-9x583i:14px;
   --font-heading-l-letter-spacing-898wn9:-0.015em;
   --font-heading-l-line-height-b1ar04:30px;
@@ -1505,14 +1507,13 @@
   --size-control-6eaw6l:16px;
   --size-icon-medium-9v2l3x:20px;
   --size-table-selection-horizontal-yct218:40px;
-  --size-vertical-input-yg5yti:34px;
   --space-alert-action-left-jyjob3:12px;
   --space-alert-horizontal-tgnc21:16px;
   --space-alert-message-right-76dae3:4px;
   --space-alert-vertical-95y4j3:8px;
   --space-button-focus-outline-gutter-pow250:4px;
   --space-button-icon-focus-outline-gutter-vertical-i0hxof:0px;
-  --space-button-icon-only-horizontal-bgkkaz:7px;
+  --space-button-icon-only-horizontal-fqcek3:6px;
   --space-button-inline-icon-focus-outline-gutter-v7tn85:0px;
   --space-button-modal-dismiss-vertical-hbpr1b:0px;
   --space-calendar-grid-focus-outline-gutter-z4nann:-5px;
@@ -1531,6 +1532,7 @@
   --space-flashbar-horizontal-w3fjml:16px;
   --space-layout-content-bottom-zu47sf:40px;
   --space-modal-content-bottom-io4sah:16px;
+  --space-option-icon-big-top-q8buv4:0px;
   --space-panel-nav-left-woldqx:28px;
   --space-panel-side-left-v0z44b:28px;
   --space-panel-side-right-q7rj50:24px;
@@ -1773,9 +1775,8 @@
   }
 }
 .awsui-compact-mode.awsui-visual-refresh:not(#\9) {
-  --size-vertical-input-yg5yti:30px;
   --space-alert-vertical-95y4j3:4px;
-  --space-button-icon-only-horizontal-bgkkaz:5px;
+  --space-button-icon-only-horizontal-fqcek3:4px;
   --space-container-header-vertical-ezarcz:12px;
   --space-content-header-padding-bottom-v55qlt:12px;
   --space-dark-header-overlap-distance-g5z45b:32px;
@@ -1796,7 +1797,6 @@
 }
 
 .awsui-visual-refresh .awsui-context-compact-table:not(#\9) {
-  --size-vertical-input-yg5yti:30px;
   --space-alert-vertical-95y4j3:4px;
   --space-button-modal-dismiss-vertical-hbpr1b:0px;
   --space-container-content-top-5kufne:0px;
@@ -1812,7 +1812,6 @@
 }
 
 .awsui-context-compact-table.awsui-visual-refresh:not(#\9) {
-  --size-vertical-input-yg5yti:30px;
   --space-alert-vertical-95y4j3:4px;
   --space-container-header-vertical-ezarcz:12px;
   --space-panel-side-right-q7rj50:20px;

package/lib/internal/template/internal/components/button-trigger/styles.css.js

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "button-trigger": "awsui_button-trigger_18eso_hebwl_97",
-  "arrow": "awsui_arrow_18eso_hebwl_97",
-  "has-caret": "awsui_has-caret_18eso_hebwl_137",
-  "placeholder": "awsui_placeholder_18eso_hebwl_140",
-  "pressed": "awsui_pressed_18eso_hebwl_153",
-  "disabled": "awsui_disabled_18eso_hebwl_156",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_hebwl_165",
-  "read-only": "awsui_read-only_18eso_hebwl_171",
-  "invalid": "awsui_invalid_18eso_hebwl_188"
+  "button-trigger": "awsui_button-trigger_18eso_2fbgh_97",
+  "arrow": "awsui_arrow_18eso_2fbgh_97",
+  "has-caret": "awsui_has-caret_18eso_2fbgh_137",
+  "placeholder": "awsui_placeholder_18eso_2fbgh_140",
+  "pressed": "awsui_pressed_18eso_2fbgh_153",
+  "disabled": "awsui_disabled_18eso_2fbgh_156",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_2fbgh_165",
+  "read-only": "awsui_read-only_18eso_2fbgh_171",
+  "invalid": "awsui_invalid_18eso_2fbgh_188"
 };
   

package/lib/internal/template/internal/components/button-trigger/styles.scoped.css

@@ -94,16 +94,16 @@ 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_button-trigger_18eso_hebwl_97 > .awsui_arrow_18eso_hebwl_97:not(#\9) {
+.awsui_button-trigger_18eso_2fbgh_97 > .awsui_arrow_18eso_2fbgh_97:not(#\9) {
   transition: transform var(--motion-duration-rotate-180-ur235g, 135ms) var(--motion-easing-rotate-180-eilno1, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-trigger_18eso_hebwl_97 > .awsui_arrow_18eso_hebwl_97:not(#\9) {
+  .awsui_button-trigger_18eso_2fbgh_97 > .awsui_arrow_18eso_2fbgh_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-trigger_18eso_hebwl_97 > .awsui_arrow_18eso_hebwl_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_hebwl_97 > .awsui_arrow_18eso_hebwl_97:not(#\9) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_2fbgh_97 > .awsui_arrow_18eso_2fbgh_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_2fbgh_97 > .awsui_arrow_18eso_2fbgh_97:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -112,7 +112,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_button-trigger_18eso_hebwl_97:not(#\9) {
+.awsui_button-trigger_18eso_2fbgh_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -143,7 +143,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   box-sizing: border-box;
   font-size: var(--font-body-m-size-0qqejn, 14px);
-  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  line-height: var(--font-body-m-line-height-43ichb, 22px);
   color: var(--color-text-body-default-4colr5, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -158,60 +158,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-input-default-16mzof, #ffffff);
   border-radius: var(--border-radius-input-gfayl6, 2px);
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-default-3zchtj, #687078);
-  min-height: var(--size-vertical-input-yg5yti, 32px);
+  min-height: var(--size-vertical-input-dyqh75, 32px);
 }
-.awsui_button-trigger_18eso_hebwl_97.awsui_has-caret_18eso_hebwl_137:not(#\9) {
+.awsui_button-trigger_18eso_2fbgh_97.awsui_has-caret_18eso_2fbgh_137:not(#\9) {
   padding-right: var(--space-field-icon-offset-v49om3, 32px);
 }
-.awsui_button-trigger_18eso_hebwl_97 > .awsui_placeholder_18eso_hebwl_140:not(#\9) {
+.awsui_button-trigger_18eso_2fbgh_97 > .awsui_placeholder_18eso_2fbgh_140:not(#\9) {
   color: var(--color-text-input-placeholder-j38kg2, #687078);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_hebwl_97 > .awsui_arrow_18eso_hebwl_97:not(#\9) {
+.awsui_button-trigger_18eso_2fbgh_97 > .awsui_arrow_18eso_2fbgh_97:not(#\9) {
   position: absolute;
   right: var(--space-field-horizontal-xg7uom, 8px);
-  top: calc(50% - var(--font-body-m-line-height-9vkzhc, 22px) / 2);
+  top: calc(50% - var(--font-body-m-line-height-43ichb, 22px) / 2);
   color: var(--color-text-button-inline-icon-default-au9sza, #545b64);
 }
-.awsui_button-trigger_18eso_hebwl_97:not(#\9):hover > .awsui_arrow_18eso_hebwl_97 {
+.awsui_button-trigger_18eso_2fbgh_97:not(#\9):hover > .awsui_arrow_18eso_2fbgh_97 {
   color: var(--color-text-button-inline-icon-hover-3vml1m, #16191f);
 }
-.awsui_button-trigger_18eso_hebwl_97.awsui_pressed_18eso_hebwl_153 > .awsui_arrow_18eso_hebwl_97:not(#\9) {
+.awsui_button-trigger_18eso_2fbgh_97.awsui_pressed_18eso_2fbgh_153 > .awsui_arrow_18eso_2fbgh_97:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_button-trigger_18eso_hebwl_97.awsui_disabled_18eso_hebwl_156:not(#\9) {
+.awsui_button-trigger_18eso_2fbgh_97.awsui_disabled_18eso_2fbgh_156:not(#\9) {
   background-color: var(--color-background-input-disabled-izitmw, #eaeded);
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-disabled-4rrzz6, #eaeded);
   color: var(--color-text-input-disabled-w14lvq, #879596);
   cursor: auto;
 }
-.awsui_button-trigger_18eso_hebwl_97.awsui_disabled_18eso_hebwl_156 > .awsui_arrow_18eso_hebwl_97:not(#\9) {
+.awsui_button-trigger_18eso_2fbgh_97.awsui_disabled_18eso_2fbgh_156 > .awsui_arrow_18eso_2fbgh_97:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-320glj, #aab7b8);
 }
-.awsui_button-trigger_18eso_hebwl_97.awsui_disabled_18eso_hebwl_156.awsui_in-filtering-token_18eso_hebwl_165:not(#\9) {
+.awsui_button-trigger_18eso_2fbgh_97.awsui_disabled_18eso_2fbgh_156.awsui_in-filtering-token_18eso_2fbgh_165:not(#\9) {
   border-color: var(--color-border-control-disabled-p74xpm, #d5dbdb);
 }
-.awsui_button-trigger_18eso_hebwl_97.awsui_disabled_18eso_hebwl_156 > .awsui_placeholder_18eso_hebwl_140:not(#\9) {
+.awsui_button-trigger_18eso_2fbgh_97.awsui_disabled_18eso_2fbgh_156 > .awsui_placeholder_18eso_2fbgh_140:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-x5vuev, #687078);
 }
-.awsui_button-trigger_18eso_hebwl_97.awsui_read-only_18eso_hebwl_171:not(#\9) {
+.awsui_button-trigger_18eso_2fbgh_97.awsui_read-only_18eso_2fbgh_171:not(#\9) {
   background-color: var(--color-background-input-default-16mzof, #ffffff);
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-disabled-4rrzz6, #eaeded);
 }
-.awsui_button-trigger_18eso_hebwl_97:not(#\9):focus {
+.awsui_button-trigger_18eso_2fbgh_97:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hebwl_97:not(#\9):not(.awsui_in-filtering-token_18eso_hebwl_165):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_2fbgh_97:not(#\9):not(.awsui_in-filtering-token_18eso_2fbgh_165):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-item-focused-4clyb1, #0073bb);
   border-radius: var(--border-radius-input-gfayl6, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-qycpr2, 1px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_button-trigger_18eso_hebwl_97:not(#\9):not(.awsui_in-filtering-token_18eso_hebwl_165):invalid {
+.awsui_button-trigger_18eso_2fbgh_97:not(#\9):not(.awsui_in-filtering-token_18eso_2fbgh_165):invalid {
   box-shadow: none;
 }
-.awsui_button-trigger_18eso_hebwl_97:not(#\9):not(.awsui_in-filtering-token_18eso_hebwl_165).awsui_invalid_18eso_hebwl_188, .awsui_button-trigger_18eso_hebwl_97:not(#\9):not(.awsui_in-filtering-token_18eso_hebwl_165).awsui_invalid_18eso_hebwl_188:focus {
+.awsui_button-trigger_18eso_2fbgh_97:not(#\9):not(.awsui_in-filtering-token_18eso_2fbgh_165).awsui_invalid_18eso_2fbgh_188, .awsui_button-trigger_18eso_2fbgh_97:not(#\9):not(.awsui_in-filtering-token_18eso_2fbgh_165).awsui_invalid_18eso_2fbgh_188:focus {
   color: var(--color-text-status-error-6ntion, #d13212);
   border-color: var(--color-text-status-error-6ntion, #d13212);
   padding-left: calc(
@@ -219,23 +219,23 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hebwl_97:not(#\9
 );
   border-left-width: var(--border-invalid-width-6tnuc9, 4px);
 }
-.awsui_button-trigger_18eso_hebwl_97:not(#\9):not(.awsui_in-filtering-token_18eso_hebwl_165).awsui_invalid_18eso_hebwl_188:focus, .awsui_button-trigger_18eso_hebwl_97:not(#\9):not(.awsui_in-filtering-token_18eso_hebwl_165).awsui_invalid_18eso_hebwl_188:focus:focus {
+.awsui_button-trigger_18eso_2fbgh_97:not(#\9):not(.awsui_in-filtering-token_18eso_2fbgh_165).awsui_invalid_18eso_2fbgh_188:focus, .awsui_button-trigger_18eso_2fbgh_97:not(#\9):not(.awsui_in-filtering-token_18eso_2fbgh_165).awsui_invalid_18eso_2fbgh_188:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-56jreh, 1px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_button-trigger_18eso_hebwl_97.awsui_in-filtering-token_18eso_hebwl_165:not(#\9) {
+.awsui_button-trigger_18eso_2fbgh_97.awsui_in-filtering-token_18eso_2fbgh_165:not(#\9) {
   border-color: var(--color-border-item-selected-044zoh, #0073bb);
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   height: 100%;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hebwl_97.awsui_in-filtering-token_18eso_hebwl_165:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_2fbgh_97.awsui_in-filtering-token_18eso_2fbgh_165:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hebwl_97.awsui_in-filtering-token_18eso_hebwl_165:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_2fbgh_97.awsui_in-filtering-token_18eso_2fbgh_165:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-8aybuc, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hebwl_97.awsui_in-filtering-token_18eso_hebwl_165:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_2fbgh_97.awsui_in-filtering-token_18eso_2fbgh_165:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;

package/lib/internal/template/internal/components/button-trigger/styles.selectors.js

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-trigger": "awsui_button-trigger_18eso_hebwl_97",
-  "arrow": "awsui_arrow_18eso_hebwl_97",
-  "has-caret": "awsui_has-caret_18eso_hebwl_137",
-  "placeholder": "awsui_placeholder_18eso_hebwl_140",
-  "pressed": "awsui_pressed_18eso_hebwl_153",
-  "disabled": "awsui_disabled_18eso_hebwl_156",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_hebwl_165",
-  "read-only": "awsui_read-only_18eso_hebwl_171",
-  "invalid": "awsui_invalid_18eso_hebwl_188"
+  "button-trigger": "awsui_button-trigger_18eso_2fbgh_97",
+  "arrow": "awsui_arrow_18eso_2fbgh_97",
+  "has-caret": "awsui_has-caret_18eso_2fbgh_137",
+  "placeholder": "awsui_placeholder_18eso_2fbgh_140",
+  "pressed": "awsui_pressed_18eso_2fbgh_153",
+  "disabled": "awsui_disabled_18eso_2fbgh_156",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_2fbgh_165",
+  "read-only": "awsui_read-only_18eso_2fbgh_171",
+  "invalid": "awsui_invalid_18eso_2fbgh_188"
 };
   

package/lib/internal/template/internal/components/cartesian-chart/labels-measure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"labels-measure.d.ts","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/labels-measure.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAIzD,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE1E,UAAU,kBAAkB;IAC1B,KAAK,EAAE,UAAU,GAAG,iBAAiB,CAAC;IACtC,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,MAAM,CAAC;IAClD,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;;AAED,wBAA2D;AAG3D,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,kBAAkB,eA0BpF"}
+{"version":3,"file":"labels-measure.d.ts","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/labels-measure.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAG1E,UAAU,kBAAkB;IAC1B,KAAK,EAAE,UAAU,GAAG,iBAAiB,CAAC;IACtC,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,MAAM,CAAC;IAClD,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;;AAED,wBAA2D;AAG3D,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,kBAAkB,eA0BpF"}

package/lib/internal/template/internal/components/cartesian-chart/labels-measure.js

@@ -3,11 +3,11 @@
 import React, { memo, useEffect } from 'react';
 import clsx from 'clsx';
 import styles from './styles.css.js';
-import { useContainerQuery } from '../../hooks/container-queries';
+import { useContainerQuery } from '@cloudscape-design/component-toolkit';
 export default memo(LabelsMeasure);
 // Places the invisible left-hand side labels to calculate their maximum width.
 function LabelsMeasure({ scale, ticks, tickFormatter, autoWidth }) {
-    const [width, ref] = useContainerQuery(rect => rect.width);
+    const [width, ref] = useContainerQuery(rect => rect.contentBoxWidth);
     // Tell elements's width to the parent.
     useEffect(() => {
         autoWidth(width || 0);

package/lib/internal/template/internal/components/cartesian-chart/labels-measure.js.map

@@ -1 +1 @@
-{"version":3,"file":"labels-measure.js","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/labels-measure.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAUlE,eAAe,IAAI,CAAC,aAAa,CAAyB,CAAC;AAE3D,+EAA+E;AAC/E,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAsB;IACnF,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,iBAAiB,CAAS,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEnE,uCAAuC;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,MAAM,WAAW,GAAG,CAAC,KAAqB,EAAE,EAAE;QAC5C,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,KAAY,CAAC,CAAC;QAChD,IAAI,WAAW,KAAK,SAAS,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YACvD,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,iBAAc,MAAM,IAC9E,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAC3D,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,qBAAqB,CAAC,CAAC,IACjF,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CACnB,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useEffect } from 'react';\nimport clsx from 'clsx';\n\nimport { ChartScale, NumericChartScale } from './scales';\n\nimport styles from './styles.css.js';\nimport { useContainerQuery } from '../../hooks/container-queries';\nimport { ChartDataTypes } from '../../../mixed-line-bar-chart/interfaces';\n\ninterface LabelsMeasureProps {\n  scale: ChartScale | NumericChartScale;\n  ticks: readonly ChartDataTypes[];\n  tickFormatter?: (value: ChartDataTypes) => string;\n  autoWidth: (value: number) => void;\n}\n\nexport default memo(LabelsMeasure) as typeof LabelsMeasure;\n\n// Places the invisible left-hand side labels to calculate their maximum width.\nfunction LabelsMeasure({ scale, ticks, tickFormatter, autoWidth }: LabelsMeasureProps) {\n  const [width, ref] = useContainerQuery<number>(rect => rect.width);\n\n  // Tell elements's width to the parent.\n  useEffect(() => {\n    autoWidth(width || 0);\n  }, [autoWidth, width]);\n\n  const labelMapper = (value: ChartDataTypes) => {\n    const scaledValue = scale.d3Scale(value as any);\n    if (scaledValue === undefined || !isFinite(scaledValue)) {\n      return null;\n    }\n\n    return (\n      <div key={`${value}`} className={styles['labels-left__label']} aria-hidden=\"true\">\n        {tickFormatter ? tickFormatter(value as any) : value.toString()}\n      </div>\n    );\n  };\n\n  return (\n    <div ref={ref} className={clsx(styles['labels-left'], styles['labels-left--hidden'])}>\n      {ticks.map(labelMapper)}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"labels-measure.js","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/labels-measure.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AASzE,eAAe,IAAI,CAAC,aAAa,CAAyB,CAAC;AAE3D,+EAA+E;AAC/E,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAsB;IACnF,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,iBAAiB,CAAS,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAE7E,uCAAuC;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,MAAM,WAAW,GAAG,CAAC,KAAqB,EAAE,EAAE;QAC5C,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,KAAY,CAAC,CAAC;QAChD,IAAI,WAAW,KAAK,SAAS,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YACvD,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,iBAAc,MAAM,IAC9E,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAC3D,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,qBAAqB,CAAC,CAAC,IACjF,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CACnB,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useEffect } from 'react';\nimport clsx from 'clsx';\n\nimport { ChartScale, NumericChartScale } from './scales';\n\nimport styles from './styles.css.js';\nimport { ChartDataTypes } from '../../../mixed-line-bar-chart/interfaces';\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\n\ninterface LabelsMeasureProps {\n  scale: ChartScale | NumericChartScale;\n  ticks: readonly ChartDataTypes[];\n  tickFormatter?: (value: ChartDataTypes) => string;\n  autoWidth: (value: number) => void;\n}\n\nexport default memo(LabelsMeasure) as typeof LabelsMeasure;\n\n// Places the invisible left-hand side labels to calculate their maximum width.\nfunction LabelsMeasure({ scale, ticks, tickFormatter, autoWidth }: LabelsMeasureProps) {\n  const [width, ref] = useContainerQuery<number>(rect => rect.contentBoxWidth);\n\n  // Tell elements's width to the parent.\n  useEffect(() => {\n    autoWidth(width || 0);\n  }, [autoWidth, width]);\n\n  const labelMapper = (value: ChartDataTypes) => {\n    const scaledValue = scale.d3Scale(value as any);\n    if (scaledValue === undefined || !isFinite(scaledValue)) {\n      return null;\n    }\n\n    return (\n      <div key={`${value}`} className={styles['labels-left__label']} aria-hidden=\"true\">\n        {tickFormatter ? tickFormatter(value as any) : value.toString()}\n      </div>\n    );\n  };\n\n  return (\n    <div ref={ref} className={clsx(styles['labels-left'], styles['labels-left--hidden'])}>\n      {ticks.map(labelMapper)}\n    </div>\n  );\n}\n"]}

package/lib/internal/template/internal/components/chart-filter/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1px7g_1kquj_93",
-  "chart-filter": "awsui_chart-filter_1px7g_1kquj_106",
-  "custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_1kquj_110"
+  "root": "awsui_root_1px7g_1j0j8_93",
+  "chart-filter": "awsui_chart-filter_1px7g_1j0j8_106",
+  "custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_1j0j8_110"
 };