@cloudscape-design/components 3.0.334 → 3.0.336

package/segmented-control/styles.scoped.css

@@ -94,9 +94,9 @@ 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_segment_8cbea_cqyq1_97:not(#\9) {
+.awsui_segment_8cbea_1axpb_97:not(#\9) {
   font-size: var(--font-body-m-size-7dign1, 14px);
-  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  line-height: var(--font-body-m-line-height-ghizru, 20px);
   word-wrap: break-word;
   max-width: 100%;
   overflow: hidden;
@@ -111,41 +111,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-segment-default-ep33is, #414d5c);
   overflow: visible;
 }
-.awsui_segment_8cbea_cqyq1_97:not(#\9):focus {
+.awsui_segment_8cbea_1axpb_97:not(#\9):focus {
   outline: none;
 }
-.awsui_segment_8cbea_cqyq1_97:not(#\9):nth-child(1) {
+.awsui_segment_8cbea_1axpb_97:not(#\9):nth-child(1) {
   grid-column: 1;
   -ms-grid-column: 1;
 }
-.awsui_segment_8cbea_cqyq1_97:not(#\9):nth-child(2) {
+.awsui_segment_8cbea_1axpb_97:not(#\9):nth-child(2) {
   grid-column: 2;
   -ms-grid-column: 2;
 }
-.awsui_segment_8cbea_cqyq1_97:not(#\9):nth-child(3) {
+.awsui_segment_8cbea_1axpb_97:not(#\9):nth-child(3) {
   grid-column: 3;
   -ms-grid-column: 3;
 }
-.awsui_segment_8cbea_cqyq1_97:not(#\9):nth-child(4) {
+.awsui_segment_8cbea_1axpb_97:not(#\9):nth-child(4) {
   grid-column: 4;
   -ms-grid-column: 4;
 }
-.awsui_segment_8cbea_cqyq1_97:not(#\9):nth-child(5) {
+.awsui_segment_8cbea_1axpb_97:not(#\9):nth-child(5) {
   grid-column: 5;
   -ms-grid-column: 5;
 }
-.awsui_segment_8cbea_cqyq1_97:not(#\9):nth-child(6) {
+.awsui_segment_8cbea_1axpb_97:not(#\9):nth-child(6) {
   grid-column: 6;
   -ms-grid-column: 6;
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_cqyq1_97:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1axpb_97:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_cqyq1_97:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1axpb_97:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-5rc7c3, 4px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_cqyq1_97:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1axpb_97:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -156,53 +156,53 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_cqyq1_97:not(#\9):focus
   border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
 }
-.awsui_segment_8cbea_cqyq1_97:not(#\9):last-child {
+.awsui_segment_8cbea_1axpb_97:not(#\9):last-child {
   border-right-width: var(--border-field-width-riro62, 2px);
   border-radius: 0 var(--border-radius-button-5qmvu7, 20px) var(--border-radius-button-5qmvu7, 20px) 0;
 }
-.awsui_segment_8cbea_cqyq1_97:not(#\9):first-child {
+.awsui_segment_8cbea_1axpb_97:not(#\9):first-child {
   border-radius: var(--border-radius-button-5qmvu7, 20px) 0 0 var(--border-radius-button-5qmvu7, 20px);
 }
-.awsui_segment_8cbea_cqyq1_97.awsui_disabled_8cbea_cqyq1_166:not(#\9) {
+.awsui_segment_8cbea_1axpb_97.awsui_disabled_8cbea_1axpb_166:not(#\9) {
   background: var(--color-background-segment-disabled-iwvttc, #ffffff);
   border-color: var(--color-border-segment-disabled-r1njer, #414d5c);
   color: var(--color-text-interactive-disabled-nss20z, #9ba7b6);
 }
-.awsui_segment_8cbea_cqyq1_97:not(#\9):not(.awsui_disabled_8cbea_cqyq1_166) + .awsui_segment_8cbea_cqyq1_97.awsui_disabled_8cbea_cqyq1_166 {
+.awsui_segment_8cbea_1axpb_97:not(#\9):not(.awsui_disabled_8cbea_1axpb_166) + .awsui_segment_8cbea_1axpb_97.awsui_disabled_8cbea_1axpb_166 {
   border-left-color: var(--color-border-segment-default-buny15, #414d5c);
 }
-.awsui_segment_8cbea_cqyq1_97.awsui_selected_8cbea_cqyq1_174:not(#\9) {
+.awsui_segment_8cbea_1axpb_97.awsui_selected_8cbea_1axpb_174:not(#\9) {
   background: var(--color-background-segment-active-pou6cz, #0972d3);
   border-color: var(--color-border-segment-active-hiisrl, #414d5c);
   color: var(--color-text-segment-active-0vxqmt, #ffffff);
 }
-.awsui_segment_8cbea_cqyq1_97.awsui_selected_8cbea_cqyq1_174 + .awsui_segment_8cbea_cqyq1_97:not(#\9), .awsui_segment_8cbea_cqyq1_97.awsui_selected_8cbea_cqyq1_174 + .awsui_segment_8cbea_cqyq1_97.awsui_disabled_8cbea_cqyq1_166:not(#\9) {
+.awsui_segment_8cbea_1axpb_97.awsui_selected_8cbea_1axpb_174 + .awsui_segment_8cbea_1axpb_97:not(#\9), .awsui_segment_8cbea_1axpb_97.awsui_selected_8cbea_1axpb_174 + .awsui_segment_8cbea_1axpb_97.awsui_disabled_8cbea_1axpb_166:not(#\9) {
   border-left-color: var(--color-border-segment-active-hiisrl, #414d5c);
 }
-.awsui_segment_8cbea_cqyq1_97:not(#\9):hover:not(.awsui_selected_8cbea_cqyq1_174):not(.awsui_disabled_8cbea_cqyq1_166):not(:focus) {
+.awsui_segment_8cbea_1axpb_97:not(#\9):hover:not(.awsui_selected_8cbea_1axpb_174):not(.awsui_disabled_8cbea_1axpb_166):not(:focus) {
   background: var(--color-background-segment-hover-ca9ryd, #ffffff);
   color: var(--color-text-segment-hover-quwel3, #0972d3);
   border-color: var(--color-border-segment-hover-lbm8z9, #414d5c);
   cursor: pointer;
 }
-.awsui_segment_8cbea_cqyq1_97:not(#\9):hover:not(.awsui_selected_8cbea_cqyq1_174):not(.awsui_disabled_8cbea_cqyq1_166):not(:focus) + .awsui_segment_8cbea_cqyq1_97:not(.awsui_selected_8cbea_cqyq1_174) {
+.awsui_segment_8cbea_1axpb_97:not(#\9):hover:not(.awsui_selected_8cbea_1axpb_174):not(.awsui_disabled_8cbea_1axpb_166):not(:focus) + .awsui_segment_8cbea_1axpb_97:not(.awsui_selected_8cbea_1axpb_174) {
   border-left-color: var(--color-border-segment-hover-lbm8z9, #414d5c);
 }
-.awsui_segment_8cbea_cqyq1_97.awsui_selected_8cbea_cqyq1_174 + .awsui_segment_8cbea_cqyq1_97:not(#\9):hover:not(.awsui_selected_8cbea_cqyq1_174):not(.awsui_disabled_8cbea_cqyq1_166):not(:focus) {
+.awsui_segment_8cbea_1axpb_97.awsui_selected_8cbea_1axpb_174 + .awsui_segment_8cbea_1axpb_97:not(#\9):hover:not(.awsui_selected_8cbea_1axpb_174):not(.awsui_disabled_8cbea_1axpb_166):not(:focus) {
   border-left-color: var(--color-border-segment-active-hiisrl, #414d5c);
 }
 
-.awsui_icon_8cbea_cqyq1_195:not(#\9) {
+.awsui_icon_8cbea_1axpb_195:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_with-text_8cbea_cqyq1_199:not(#\9) {
+.awsui_with-text_8cbea_1axpb_199:not(#\9) {
   position: relative;
   left: calc(-1 * var(--space-xxs-ja5cp8, 4px));
   margin-right: var(--space-xxs-ja5cp8, 4px);
 }
 
-.awsui_with-no-text_8cbea_cqyq1_205:not(#\9) {
+.awsui_with-no-text_8cbea_1axpb_205:not(#\9) {
   margin-right: auto;
   margin-left: auto;
   right: 0;
@@ -213,7 +213,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_cqyq1_97:not(#\9):focus
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_8cbea_cqyq1_216:not(#\9) {
+.awsui_root_8cbea_1axpb_216:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -244,7 +244,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_cqyq1_97:not(#\9):focus
   word-spacing: normal;
   box-sizing: border-box;
   font-size: var(--font-body-m-size-7dign1, 14px);
-  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  line-height: var(--font-body-m-line-height-ghizru, 20px);
   color: var(--color-text-body-default-su7kuo, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -252,40 +252,40 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_cqyq1_97:not(#\9):focus
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_segment-part_8cbea_cqyq1_229:not(#\9) {
+.awsui_segment-part_8cbea_1axpb_229:not(#\9) {
   display: inline-grid;
 }
 @media (max-width: 688px) {
-  .awsui_segment-part_8cbea_cqyq1_229:not(#\9) {
+  .awsui_segment-part_8cbea_1axpb_229:not(#\9) {
     display: none;
   }
 }
 
-.awsui_select_8cbea_cqyq1_174:not(#\9) {
+.awsui_select_8cbea_1axpb_174:not(#\9) {
   display: none;
 }
 @media (max-width: 688px) {
-  .awsui_select_8cbea_cqyq1_174:not(#\9) {
+  .awsui_select_8cbea_1axpb_174:not(#\9) {
     display: block;
   }
 }
 
-.awsui_segment-count-2_8cbea_cqyq1_248:not(#\9) {
+.awsui_segment-count-2_8cbea_1axpb_248:not(#\9) {
   grid-template-columns: 1fr 1fr;
 }
 
-.awsui_segment-count-3_8cbea_cqyq1_253:not(#\9) {
+.awsui_segment-count-3_8cbea_1axpb_253:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr;
 }
 
-.awsui_segment-count-4_8cbea_cqyq1_258:not(#\9) {
+.awsui_segment-count-4_8cbea_1axpb_258:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr 1fr;
 }
 
-.awsui_segment-count-5_8cbea_cqyq1_263:not(#\9) {
+.awsui_segment-count-5_8cbea_1axpb_263:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 }
 
-.awsui_segment-count-6_8cbea_cqyq1_268:not(#\9) {
+.awsui_segment-count-6_8cbea_1axpb_268:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
 }

package/segmented-control/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "segment": "awsui_segment_8cbea_cqyq1_97",
-  "disabled": "awsui_disabled_8cbea_cqyq1_166",
-  "selected": "awsui_selected_8cbea_cqyq1_174",
-  "icon": "awsui_icon_8cbea_cqyq1_195",
-  "with-text": "awsui_with-text_8cbea_cqyq1_199",
-  "with-no-text": "awsui_with-no-text_8cbea_cqyq1_205",
-  "root": "awsui_root_8cbea_cqyq1_216",
-  "segment-part": "awsui_segment-part_8cbea_cqyq1_229",
-  "select": "awsui_select_8cbea_cqyq1_174",
-  "segment-count-2": "awsui_segment-count-2_8cbea_cqyq1_248",
-  "segment-count-3": "awsui_segment-count-3_8cbea_cqyq1_253",
-  "segment-count-4": "awsui_segment-count-4_8cbea_cqyq1_258",
-  "segment-count-5": "awsui_segment-count-5_8cbea_cqyq1_263",
-  "segment-count-6": "awsui_segment-count-6_8cbea_cqyq1_268"
+  "segment": "awsui_segment_8cbea_1axpb_97",
+  "disabled": "awsui_disabled_8cbea_1axpb_166",
+  "selected": "awsui_selected_8cbea_1axpb_174",
+  "icon": "awsui_icon_8cbea_1axpb_195",
+  "with-text": "awsui_with-text_8cbea_1axpb_199",
+  "with-no-text": "awsui_with-no-text_8cbea_1axpb_205",
+  "root": "awsui_root_8cbea_1axpb_216",
+  "segment-part": "awsui_segment-part_8cbea_1axpb_229",
+  "select": "awsui_select_8cbea_1axpb_174",
+  "segment-count-2": "awsui_segment-count-2_8cbea_1axpb_248",
+  "segment-count-3": "awsui_segment-count-3_8cbea_1axpb_253",
+  "segment-count-4": "awsui_segment-count-4_8cbea_1axpb_258",
+  "segment-count-5": "awsui_segment-count-5_8cbea_1axpb_263",
+  "segment-count-6": "awsui_segment-count-6_8cbea_1axpb_268"
 };
   

package/select/parts/virtual-list.js

@@ -4,15 +4,15 @@ import { useMergeRefs } from '../../internal/hooks/use-merge-refs';
 import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
 import OptionsList from '../../internal/components/options-list';
 import { renderOptions } from '../utils/render-options';
-import { useContainerQuery } from '../../internal/hooks/container-queries';
 import styles from './styles.css.js';
 import { useVirtual } from '../../internal/hooks/use-virtual';
+import { useContainerQuery } from '@cloudscape-design/component-toolkit';
 const VirtualList = (props, ref) => {
     return props.menuProps.open ? React.createElement(VirtualListOpen, Object.assign({}, props, { ref: ref })) : React.createElement(VirtualListClosed, Object.assign({}, props, { ref: ref }));
 };
 const VirtualListOpen = forwardRef(({ menuProps, getOptionProps, filteredOptions, filteringValue, highlightType, checkboxes, hasDropdownStatus, listBottom, useInteractiveGroups, screenReaderContent, }, ref) => {
     // update component, when it gets wider or narrower to reposition items
-    const [width, menuMeasureRef] = useContainerQuery(rect => rect.width, []);
+    const [width, menuMeasureRef] = useContainerQuery(rect => rect.contentBoxWidth, []);
     const menuRefObject = useRef(null);
     const menuRef = useMergeRefs(menuMeasureRef, menuRefObject, menuProps.ref);
     const { virtualItems, totalSize, scrollToIndex } = useVirtual({

package/select/parts/virtual-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"virtual-list.js","sourceRoot":"lib/default/","sources":["select/parts/virtual-list.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpF,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAE3E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE9D,MAAM,WAAW,GAAG,CAAC,KAAsB,EAAE,GAA6C,EAAE,EAAE;IAC5F,OAAO,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,eAAe,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,oBAAC,iBAAiB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACtH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EACE,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,oBAAoB,EACpB,mBAAmB,GACH,EAClB,GAA6C,EAC7C,EAAE;IACF,uEAAuE;IACvE,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC1E,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,YAAY,CAAC,cAAc,EAAE,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAE3E,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC;QAC5D,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE,aAAa;QACxB,8FAA8F;QAC9F,oDAAoD;QACpD,oEAAoE;QACpE,+HAA+H;QAC/H,uDAAuD;QACvD,YAAY,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;KAC7D,CAAC,CAAC;IAEH,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC,KAAa,EAAE,EAAE;QACtB,IAAI,aAAa,KAAK,UAAU,EAAE;YAChC,aAAa,CAAC,KAAK,CAAC,CAAC;SACtB;IACH,CAAC,EACD,CAAC,aAAa,EAAE,aAAa,CAAC,CAC/B,CAAC;IACF,MAAM,YAAY,GAAG,aAAa,CAAC;QACjC,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAChE,cAAc;QACd,cAAc;QACd,aAAa;QACb,UAAU;QACV,iBAAiB;QACjB,YAAY;QACZ,oBAAoB;QACpB,mBAAmB;QACnB,WAAW,EAAE,eAAe,CAAC,MAAM;KACpC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,WAAW,oBAAK,SAAS,IAAE,GAAG,EAAE,OAAO;QACtC,4CAAiB,MAAM,EAAC,GAAG,EAAC,YAAY,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAAI;QAC3G,YAAY;QACZ,UAAU,CAAC,CAAC,CAAC,CACZ,4BAAI,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,IAC/C,UAAU,CACR,CACN,CAAC,CAAC,CAAC,IAAI,CACI,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,UAAU,EAAmB,EAAE,GAA6C,EAAE,EAAE;IAC5F,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7C,OAAO,CACL,oBAAC,WAAW,oBAAK,SAAS,IAAE,GAAG,EAAE,SAAS,CAAC,GAAG,KAC3C,UAAU,CAAC,CAAC,CAAC,CACZ,4BAAI,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,IAC/C,UAAU,CACR,CACN,CAAC,CAAC,CAAC,IAAI,CACI,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC,WAAW,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';\nimport OptionsList from '../../internal/components/options-list';\nimport { renderOptions } from '../utils/render-options';\nimport { SelectListProps } from './plain-list';\nimport { useContainerQuery } from '../../internal/hooks/container-queries';\n\nimport styles from './styles.css.js';\nimport { useVirtual } from '../../internal/hooks/use-virtual';\n\nconst VirtualList = (props: SelectListProps, ref: React.Ref<SelectListProps.SelectListRef>) => {\n  return props.menuProps.open ? <VirtualListOpen {...props} ref={ref} /> : <VirtualListClosed {...props} ref={ref} />;\n};\n\nconst VirtualListOpen = forwardRef(\n  (\n    {\n      menuProps,\n      getOptionProps,\n      filteredOptions,\n      filteringValue,\n      highlightType,\n      checkboxes,\n      hasDropdownStatus,\n      listBottom,\n      useInteractiveGroups,\n      screenReaderContent,\n    }: SelectListProps,\n    ref: React.Ref<SelectListProps.SelectListRef>\n  ) => {\n    // update component, when it gets wider or narrower to reposition items\n    const [width, menuMeasureRef] = useContainerQuery(rect => rect.width, []);\n    const menuRefObject = useRef(null);\n    const menuRef = useMergeRefs(menuMeasureRef, menuRefObject, menuProps.ref);\n\n    const { virtualItems, totalSize, scrollToIndex } = useVirtual({\n      items: filteredOptions,\n      parentRef: menuRefObject,\n      // estimateSize is a dependency of measurements memo. We update it to force full recalculation\n      // when the height of any option could have changed:\n      // 1: because the component got resized (width property got updated)\n      // 2: because the option changed its content (filteringValue property controls the highlight and the visibility of hidden tags)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      estimateSize: useCallback(() => 31, [width, filteringValue]),\n    });\n\n    useImperativeHandle(\n      ref,\n      () => (index: number) => {\n        if (highlightType === 'keyboard') {\n          scrollToIndex(index);\n        }\n      },\n      [highlightType, scrollToIndex]\n    );\n    const finalOptions = renderOptions({\n      options: virtualItems.map(({ index }) => filteredOptions[index]),\n      getOptionProps,\n      filteringValue,\n      highlightType,\n      checkboxes,\n      hasDropdownStatus,\n      virtualItems,\n      useInteractiveGroups,\n      screenReaderContent,\n      ariaSetsize: filteredOptions.length,\n    });\n\n    return (\n      <OptionsList {...menuProps} ref={menuRef}>\n        <div aria-hidden=\"true\" key=\"total-size\" className={styles['layout-strut']} style={{ height: totalSize }} />\n        {finalOptions}\n        {listBottom ? (\n          <li role=\"option\" className={styles['list-bottom']}>\n            {listBottom}\n          </li>\n        ) : null}\n      </OptionsList>\n    );\n  }\n);\n\nconst VirtualListClosed = forwardRef(\n  ({ menuProps, listBottom }: SelectListProps, ref: React.Ref<SelectListProps.SelectListRef>) => {\n    useImperativeHandle(ref, () => () => {}, []);\n    return (\n      <OptionsList {...menuProps} ref={menuProps.ref}>\n        {listBottom ? (\n          <li role=\"option\" className={styles['list-bottom']}>\n            {listBottom}\n          </li>\n        ) : null}\n      </OptionsList>\n    );\n  }\n);\n\nexport default forwardRef(VirtualList);\n"]}
+{"version":3,"file":"virtual-list.js","sourceRoot":"lib/default/","sources":["select/parts/virtual-list.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 { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';\nimport OptionsList from '../../internal/components/options-list';\nimport { renderOptions } from '../utils/render-options';\nimport { SelectListProps } from './plain-list';\n\nimport styles from './styles.css.js';\nimport { useVirtual } from '../../internal/hooks/use-virtual';\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\n\nconst VirtualList = (props: SelectListProps, ref: React.Ref<SelectListProps.SelectListRef>) => {\n  return props.menuProps.open ? <VirtualListOpen {...props} ref={ref} /> : <VirtualListClosed {...props} ref={ref} />;\n};\n\nconst VirtualListOpen = forwardRef(\n  (\n    {\n      menuProps,\n      getOptionProps,\n      filteredOptions,\n      filteringValue,\n      highlightType,\n      checkboxes,\n      hasDropdownStatus,\n      listBottom,\n      useInteractiveGroups,\n      screenReaderContent,\n    }: SelectListProps,\n    ref: React.Ref<SelectListProps.SelectListRef>\n  ) => {\n    // update component, when it gets wider or narrower to reposition items\n    const [width, menuMeasureRef] = useContainerQuery(rect => rect.contentBoxWidth, []);\n    const menuRefObject = useRef(null);\n    const menuRef = useMergeRefs(menuMeasureRef, menuRefObject, menuProps.ref);\n\n    const { virtualItems, totalSize, scrollToIndex } = useVirtual({\n      items: filteredOptions,\n      parentRef: menuRefObject,\n      // estimateSize is a dependency of measurements memo. We update it to force full recalculation\n      // when the height of any option could have changed:\n      // 1: because the component got resized (width property got updated)\n      // 2: because the option changed its content (filteringValue property controls the highlight and the visibility of hidden tags)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      estimateSize: useCallback(() => 31, [width, filteringValue]),\n    });\n\n    useImperativeHandle(\n      ref,\n      () => (index: number) => {\n        if (highlightType === 'keyboard') {\n          scrollToIndex(index);\n        }\n      },\n      [highlightType, scrollToIndex]\n    );\n    const finalOptions = renderOptions({\n      options: virtualItems.map(({ index }) => filteredOptions[index]),\n      getOptionProps,\n      filteringValue,\n      highlightType,\n      checkboxes,\n      hasDropdownStatus,\n      virtualItems,\n      useInteractiveGroups,\n      screenReaderContent,\n      ariaSetsize: filteredOptions.length,\n    });\n\n    return (\n      <OptionsList {...menuProps} ref={menuRef}>\n        <div aria-hidden=\"true\" key=\"total-size\" className={styles['layout-strut']} style={{ height: totalSize }} />\n        {finalOptions}\n        {listBottom ? (\n          <li role=\"option\" className={styles['list-bottom']}>\n            {listBottom}\n          </li>\n        ) : null}\n      </OptionsList>\n    );\n  }\n);\n\nconst VirtualListClosed = forwardRef(\n  ({ menuProps, listBottom }: SelectListProps, ref: React.Ref<SelectListProps.SelectListRef>) => {\n    useImperativeHandle(ref, () => () => {}, []);\n    return (\n      <OptionsList {...menuProps} ref={menuProps.ref}>\n        {listBottom ? (\n          <li role=\"option\" className={styles['list-bottom']}>\n            {listBottom}\n          </li>\n        ) : null}\n      </OptionsList>\n    );\n  }\n);\n\nexport default forwardRef(VirtualList);\n"]}

package/select/styles.css.js

@@ -1,6 +1,6 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_r2vco_wi4df_93"
+  "root": "awsui_root_r2vco_123p5_93"
 };
   

package/select/styles.scoped.css

@@ -90,7 +90,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_r2vco_wi4df_93:not(#\9) {
+.awsui_root_r2vco_123p5_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -121,7 +121,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-7dign1, 14px);
-  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  line-height: var(--font-body-m-line-height-ghizru, 20px);
   color: var(--color-text-body-default-su7kuo, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);

package/select/styles.selectors.js

@@ -2,6 +2,6 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_r2vco_wi4df_93"
+  "root": "awsui_root_r2vco_123p5_93"
 };
   

package/side-navigation/styles.css.js

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_l0dv0_1yrqj_93",
-  "header": "awsui_header_l0dv0_1yrqj_109",
-  "header-link": "awsui_header-link_l0dv0_1yrqj_120",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1yrqj_130",
-  "header-link-text": "awsui_header-link-text_l0dv0_1yrqj_130",
-  "header-logo": "awsui_header-logo_l0dv0_1yrqj_134",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1yrqj_140",
-  "list-container": "awsui_list-container_l0dv0_1yrqj_145",
-  "list": "awsui_list_l0dv0_1yrqj_145",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_1yrqj_155",
-  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1yrqj_159",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1yrqj_163",
-  "list-item": "awsui_list-item_l0dv0_1yrqj_167",
-  "section": "awsui_section_l0dv0_1yrqj_173",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_1yrqj_174",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_1yrqj_177",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1yrqj_178",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1yrqj_191",
-  "section-group": "awsui_section-group_l0dv0_1yrqj_196",
-  "section-group-title": "awsui_section-group-title_l0dv0_1yrqj_206",
-  "link": "awsui_link_l0dv0_1yrqj_210",
-  "link-active": "awsui_link-active_l0dv0_1yrqj_219",
-  "info": "awsui_info_l0dv0_1yrqj_253",
-  "external-icon": "awsui_external-icon_l0dv0_1yrqj_257",
-  "divider": "awsui_divider_l0dv0_1yrqj_261",
-  "divider-default": "awsui_divider-default_l0dv0_1yrqj_266",
-  "divider-header": "awsui_divider-header_l0dv0_1yrqj_270"
+  "root": "awsui_root_l0dv0_140ck_93",
+  "header": "awsui_header_l0dv0_140ck_109",
+  "header-link": "awsui_header-link_l0dv0_140ck_120",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_140ck_130",
+  "header-link-text": "awsui_header-link-text_l0dv0_140ck_130",
+  "header-logo": "awsui_header-logo_l0dv0_140ck_134",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_140ck_140",
+  "list-container": "awsui_list-container_l0dv0_140ck_145",
+  "list": "awsui_list_l0dv0_140ck_145",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_140ck_155",
+  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_140ck_159",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_140ck_163",
+  "list-item": "awsui_list-item_l0dv0_140ck_167",
+  "section": "awsui_section_l0dv0_140ck_173",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_140ck_174",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_140ck_177",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_140ck_178",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_140ck_191",
+  "section-group": "awsui_section-group_l0dv0_140ck_196",
+  "section-group-title": "awsui_section-group-title_l0dv0_140ck_206",
+  "link": "awsui_link_l0dv0_140ck_210",
+  "link-active": "awsui_link-active_l0dv0_140ck_219",
+  "info": "awsui_info_l0dv0_140ck_253",
+  "external-icon": "awsui_external-icon_l0dv0_140ck_257",
+  "divider": "awsui_divider_l0dv0_140ck_261",
+  "divider-default": "awsui_divider-default_l0dv0_140ck_266",
+  "divider-header": "awsui_divider-header_l0dv0_140ck_270"
 };
   

package/side-navigation/styles.scoped.css

@@ -90,7 +90,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_l0dv0_1yrqj_93:not(#\9) {
+.awsui_root_l0dv0_140ck_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -121,7 +121,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-7dign1, 14px);
-  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  line-height: var(--font-body-m-line-height-ghizru, 20px);
   color: var(--color-text-body-default-su7kuo, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -132,7 +132,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
 
-.awsui_header_l0dv0_1yrqj_109:not(#\9) {
+.awsui_header_l0dv0_140ck_109:not(#\9) {
   font-size: var(--font-panel-header-size-x8jazn, 20px);
   line-height: var(--font-panel-header-line-height-mz6j6r, 24px);
   font-weight: var(--font-heading-l-weight-cxmpnm, 800);
@@ -143,7 +143,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-right: calc(var(--space-scaled-xxl-fzmynl, 32px) + var(--space-xl-gsucfg, 24px));
 }
 
-.awsui_header-link_l0dv0_1yrqj_120:not(#\9) {
+.awsui_header-link_l0dv0_140ck_120:not(#\9) {
   font-size: var(--font-panel-header-size-x8jazn, 20px);
   line-height: var(--font-panel-header-line-height-mz6j6r, 24px);
   font-weight: var(--font-heading-l-weight-cxmpnm, 800);
@@ -153,73 +153,73 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   min-height: var(--font-panel-header-line-height-mz6j6r, 24px);
   display: flex;
 }
-.awsui_header-link--has-logo_l0dv0_1yrqj_130 > .awsui_header-link-text_l0dv0_1yrqj_130:not(#\9) {
+.awsui_header-link--has-logo_l0dv0_140ck_130 > .awsui_header-link-text_l0dv0_140ck_130:not(#\9) {
   font-weight: 400;
 }
 
-.awsui_header-logo_l0dv0_1yrqj_134:not(#\9) {
+.awsui_header-logo_l0dv0_140ck_134:not(#\9) {
   margin-right: var(--space-s-hdd878, 12px);
   margin-top: var(--space-xxxs-j6dpcy, 2px);
   max-width: calc(1.25 * var(--size-icon-big-0l8skx, 32px));
   align-self: flex-start;
 }
-.awsui_header-logo--stretched_l0dv0_1yrqj_140:not(#\9) {
+.awsui_header-logo--stretched_l0dv0_140ck_140:not(#\9) {
   max-width: 100%;
   margin-right: 0;
 }
 
-.awsui_list-container_l0dv0_1yrqj_145:not(#\9) {
+.awsui_list-container_l0dv0_140ck_145:not(#\9) {
   margin-top: var(--space-scaled-l-2rs0gk, 20px);
 }
 
-.awsui_list_l0dv0_1yrqj_145:not(#\9) {
+.awsui_list_l0dv0_140ck_145:not(#\9) {
   margin: 0;
   padding: 0;
   padding-left: var(--space-l-f4l5gr, 20px);
 }
 
-.awsui_list-variant-root_l0dv0_1yrqj_155:not(#\9) {
+.awsui_list-variant-root_l0dv0_140ck_155:not(#\9) {
   margin: 0;
   padding: 0 var(--space-panel-side-right-zzgkuy, 24px) 0 var(--space-panel-nav-left-kdx5qt, 28px);
 }
-.awsui_list-variant-root--last_l0dv0_1yrqj_159:not(#\9) {
+.awsui_list-variant-root--last_l0dv0_140ck_159:not(#\9) {
   margin-bottom: var(--space-scaled-xxxl-crpygs, 40px);
 }
 
-.awsui_list-variant-expandable-link-group_l0dv0_1yrqj_163:not(#\9) {
+.awsui_list-variant-expandable-link-group_l0dv0_140ck_163:not(#\9) {
   padding-left: var(--space-xxxl-65sweb, 40px);
 }
 
-.awsui_list-item_l0dv0_1yrqj_167:not(#\9) {
+.awsui_list-item_l0dv0_140ck_167:not(#\9) {
   margin: var(--space-scaled-xs-wbfgrv, 8px) 0;
   padding: 0;
   list-style: none;
 }
 
-.awsui_section_l0dv0_1yrqj_173:not(#\9),
-.awsui_expandable-link-group_l0dv0_1yrqj_174:not(#\9) {
+.awsui_section_l0dv0_140ck_173:not(#\9),
+.awsui_expandable-link-group_l0dv0_140ck_174:not(#\9) {
   margin-left: calc(-1 * var(--space-l-f4l5gr, 20px));
 }
-.awsui_section--no-ident_l0dv0_1yrqj_177:not(#\9),
-.awsui_expandable-link-group--no-ident_l0dv0_1yrqj_178:not(#\9) {
+.awsui_section--no-ident_l0dv0_140ck_177:not(#\9),
+.awsui_expandable-link-group--no-ident_l0dv0_140ck_178:not(#\9) {
   margin-left: 0;
 }
 
-.awsui_section_l0dv0_1yrqj_173:not(#\9) {
+.awsui_section_l0dv0_140ck_173:not(#\9) {
   margin-top: calc(var(--space-scaled-2x-l-qun137, 20px) - var(--border-divider-section-width-orq175, 2px));
   margin-bottom: calc(var(--space-scaled-2x-l-qun137, 20px) - var(--border-divider-section-width-orq175, 2px));
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_section_l0dv0_1yrqj_173 > div:not(#\9) {
+.awsui_section_l0dv0_140ck_173 > div:not(#\9) {
   padding: 0;
 }
 
-.awsui_list-variant-section-group_l0dv0_1yrqj_191:not(#\9) {
+.awsui_list-variant-section-group_l0dv0_140ck_191:not(#\9) {
   margin: 0;
   padding: 0;
 }
 
-.awsui_section-group_l0dv0_1yrqj_196:not(#\9) {
+.awsui_section-group_l0dv0_140ck_196:not(#\9) {
   font-size: var(--font-heading-m-size-hbn9yp, 20px);
   line-height: var(--font-heading-m-line-height-ozfvgp, 24px);
   letter-spacing: var(--font-heading-m-letter-spacing-rsatez, -0.01em);
@@ -229,43 +229,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: 0;
 }
 
-.awsui_section-group-title_l0dv0_1yrqj_206:not(#\9) {
+.awsui_section-group-title_l0dv0_140ck_206:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_link_l0dv0_1yrqj_210:not(#\9) {
+.awsui_link_l0dv0_140ck_210:not(#\9) {
   font-size: var(--font-body-m-size-7dign1, 14px);
-  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  line-height: var(--font-body-m-line-height-ghizru, 20px);
   color: var(--color-text-body-secondary-he5d85, #414d5c);
   font-weight: 400;
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_link-active_l0dv0_1yrqj_219:not(#\9) {
+.awsui_link-active_l0dv0_140ck_219:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-66kyod, 800);
   -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
   color: var(--color-text-accent-qh8xwn, #0972d3);
 }
 
-.awsui_header-link_l0dv0_1yrqj_120:not(#\9),
-.awsui_link_l0dv0_1yrqj_210:not(#\9) {
+.awsui_header-link_l0dv0_140ck_120:not(#\9),
+.awsui_link_l0dv0_140ck_210:not(#\9) {
   text-decoration: none;
 }
-.awsui_header-link_l0dv0_1yrqj_120:not(#\9):hover,
-.awsui_link_l0dv0_1yrqj_210:not(#\9):hover {
+.awsui_header-link_l0dv0_140ck_120:not(#\9):hover,
+.awsui_link_l0dv0_140ck_210:not(#\9):hover {
   color: var(--color-text-accent-qh8xwn, #0972d3);
 }
-.awsui_header-link_l0dv0_1yrqj_120:not(#\9):focus,
-.awsui_link_l0dv0_1yrqj_210:not(#\9):focus {
+.awsui_header-link_l0dv0_140ck_120:not(#\9):focus,
+.awsui_link_l0dv0_140ck_210:not(#\9):focus {
   outline: none;
 }
-.awsui_header-link_l0dv0_1yrqj_120:not(#\9):hover, .awsui_header-link_l0dv0_1yrqj_120:not(#\9):focus, .awsui_link_l0dv0_1yrqj_210:not(#\9):hover, .awsui_link_l0dv0_1yrqj_210:not(#\9):focus {
+.awsui_header-link_l0dv0_140ck_120:not(#\9):hover, .awsui_header-link_l0dv0_140ck_120:not(#\9):focus, .awsui_link_l0dv0_140ck_210:not(#\9):hover, .awsui_link_l0dv0_140ck_210:not(#\9):focus {
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_1yrqj_120:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1yrqj_210:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_140ck_120:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_link_l0dv0_140ck_210:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-pwlekd, 0);
   outline-offset: 2px;
@@ -274,23 +274,23 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1yrqj_210:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-z7lixz, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
 }
 
-.awsui_info_l0dv0_1yrqj_253:not(#\9) {
+.awsui_info_l0dv0_140ck_253:not(#\9) {
   margin-left: var(--space-xs-edba2s, 8px);
 }
 
-.awsui_external-icon_l0dv0_1yrqj_257:not(#\9) {
+.awsui_external-icon_l0dv0_140ck_257:not(#\9) {
   margin-left: var(--space-xxs-ja5cp8, 4px);
 }
 
-.awsui_divider_l0dv0_1yrqj_261:not(#\9) {
+.awsui_divider_l0dv0_140ck_261:not(#\9) {
   border: none;
   border-top: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
 
-.awsui_divider-default_l0dv0_1yrqj_266:not(#\9) {
+.awsui_divider-default_l0dv0_140ck_266:not(#\9) {
   margin: var(--space-scaled-2x-xl-a8w4ze, 24px) calc(-1 * var(--space-s-hdd878, 12px));
 }
 
-.awsui_divider-header_l0dv0_1yrqj_270:not(#\9) {
+.awsui_divider-header_l0dv0_140ck_270:not(#\9) {
   margin-top: 0;
 }