@cloudscape-design/components-themeable 3.0.344 → 3.0.346

package/lib/internal/template/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_1rb0m_97:not(#\9) {
+.awsui_segment_8cbea_t8zps_97:not(#\9) {
   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);
   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-vxoghx, #545b64);
   overflow: visible;
 }
-.awsui_segment_8cbea_1rb0m_97:not(#\9):focus {
+.awsui_segment_8cbea_t8zps_97:not(#\9):focus {
   outline: none;
 }
-.awsui_segment_8cbea_1rb0m_97:not(#\9):nth-child(1) {
+.awsui_segment_8cbea_t8zps_97:not(#\9):nth-child(1) {
   grid-column: 1;
   -ms-grid-column: 1;
 }
-.awsui_segment_8cbea_1rb0m_97:not(#\9):nth-child(2) {
+.awsui_segment_8cbea_t8zps_97:not(#\9):nth-child(2) {
   grid-column: 2;
   -ms-grid-column: 2;
 }
-.awsui_segment_8cbea_1rb0m_97:not(#\9):nth-child(3) {
+.awsui_segment_8cbea_t8zps_97:not(#\9):nth-child(3) {
   grid-column: 3;
   -ms-grid-column: 3;
 }
-.awsui_segment_8cbea_1rb0m_97:not(#\9):nth-child(4) {
+.awsui_segment_8cbea_t8zps_97:not(#\9):nth-child(4) {
   grid-column: 4;
   -ms-grid-column: 4;
 }
-.awsui_segment_8cbea_1rb0m_97:not(#\9):nth-child(5) {
+.awsui_segment_8cbea_t8zps_97:not(#\9):nth-child(5) {
   grid-column: 5;
   -ms-grid-column: 5;
 }
-.awsui_segment_8cbea_1rb0m_97:not(#\9):nth-child(6) {
+.awsui_segment_8cbea_t8zps_97:not(#\9):nth-child(6) {
   grid-column: 6;
   -ms-grid-column: 6;
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1rb0m_97:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_t8zps_97:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1rb0m_97:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_t8zps_97:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-4e9yup, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1rb0m_97:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_t8zps_97:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -156,53 +156,53 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1rb0m_97:not(#\9):focus
   border-radius: var(--border-radius-control-default-focus-ring-uu8qi4, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_segment_8cbea_1rb0m_97:not(#\9):last-child {
+.awsui_segment_8cbea_t8zps_97:not(#\9):last-child {
   border-right-width: var(--border-field-width-gmdyxy, 1px);
   border-radius: 0 var(--border-radius-button-auxdmc, 2px) var(--border-radius-button-auxdmc, 2px) 0;
 }
-.awsui_segment_8cbea_1rb0m_97:not(#\9):first-child {
+.awsui_segment_8cbea_t8zps_97:not(#\9):first-child {
   border-radius: var(--border-radius-button-auxdmc, 2px) 0 0 var(--border-radius-button-auxdmc, 2px);
 }
-.awsui_segment_8cbea_1rb0m_97.awsui_disabled_8cbea_1rb0m_166:not(#\9) {
+.awsui_segment_8cbea_t8zps_97.awsui_disabled_8cbea_t8zps_166:not(#\9) {
   background: var(--color-background-segment-disabled-inuizc, #ffffff);
   border-color: var(--color-border-segment-disabled-ziyzhi, #d5dbdb);
   color: var(--color-text-interactive-disabled-48m1sz, #aab7b8);
 }
-.awsui_segment_8cbea_1rb0m_97:not(#\9):not(.awsui_disabled_8cbea_1rb0m_166) + .awsui_segment_8cbea_1rb0m_97.awsui_disabled_8cbea_1rb0m_166 {
+.awsui_segment_8cbea_t8zps_97:not(#\9):not(.awsui_disabled_8cbea_t8zps_166) + .awsui_segment_8cbea_t8zps_97.awsui_disabled_8cbea_t8zps_166 {
   border-left-color: var(--color-border-segment-default-wlnh48, #687078);
 }
-.awsui_segment_8cbea_1rb0m_97.awsui_selected_8cbea_1rb0m_174:not(#\9) {
+.awsui_segment_8cbea_t8zps_97.awsui_selected_8cbea_t8zps_174:not(#\9) {
   background: var(--color-background-segment-active-sn866x, #0073bb);
   border-color: var(--color-border-segment-active-8zm2yj, #16191f);
   color: var(--color-text-segment-active-lhvxxu, #ffffff);
 }
-.awsui_segment_8cbea_1rb0m_97.awsui_selected_8cbea_1rb0m_174 + .awsui_segment_8cbea_1rb0m_97:not(#\9), .awsui_segment_8cbea_1rb0m_97.awsui_selected_8cbea_1rb0m_174 + .awsui_segment_8cbea_1rb0m_97.awsui_disabled_8cbea_1rb0m_166:not(#\9) {
+.awsui_segment_8cbea_t8zps_97.awsui_selected_8cbea_t8zps_174 + .awsui_segment_8cbea_t8zps_97:not(#\9), .awsui_segment_8cbea_t8zps_97.awsui_selected_8cbea_t8zps_174 + .awsui_segment_8cbea_t8zps_97.awsui_disabled_8cbea_t8zps_166:not(#\9) {
   border-left-color: var(--color-border-segment-active-8zm2yj, #16191f);
 }
-.awsui_segment_8cbea_1rb0m_97:not(#\9):hover:not(.awsui_selected_8cbea_1rb0m_174):not(.awsui_disabled_8cbea_1rb0m_166):not(:focus) {
+.awsui_segment_8cbea_t8zps_97:not(#\9):hover:not(.awsui_selected_8cbea_t8zps_174):not(.awsui_disabled_8cbea_t8zps_166):not(:focus) {
   background: var(--color-background-segment-hover-dwy018, #ffffff);
   color: var(--color-text-segment-hover-fx0efi, #0073bb);
   border-color: var(--color-border-segment-hover-2zshg7, #16191f);
   cursor: pointer;
 }
-.awsui_segment_8cbea_1rb0m_97:not(#\9):hover:not(.awsui_selected_8cbea_1rb0m_174):not(.awsui_disabled_8cbea_1rb0m_166):not(:focus) + .awsui_segment_8cbea_1rb0m_97:not(.awsui_selected_8cbea_1rb0m_174) {
+.awsui_segment_8cbea_t8zps_97:not(#\9):hover:not(.awsui_selected_8cbea_t8zps_174):not(.awsui_disabled_8cbea_t8zps_166):not(:focus) + .awsui_segment_8cbea_t8zps_97:not(.awsui_selected_8cbea_t8zps_174) {
   border-left-color: var(--color-border-segment-hover-2zshg7, #16191f);
 }
-.awsui_segment_8cbea_1rb0m_97.awsui_selected_8cbea_1rb0m_174 + .awsui_segment_8cbea_1rb0m_97:not(#\9):hover:not(.awsui_selected_8cbea_1rb0m_174):not(.awsui_disabled_8cbea_1rb0m_166):not(:focus) {
+.awsui_segment_8cbea_t8zps_97.awsui_selected_8cbea_t8zps_174 + .awsui_segment_8cbea_t8zps_97:not(#\9):hover:not(.awsui_selected_8cbea_t8zps_174):not(.awsui_disabled_8cbea_t8zps_166):not(:focus) {
   border-left-color: var(--color-border-segment-active-8zm2yj, #16191f);
 }
 
-.awsui_icon_8cbea_1rb0m_195:not(#\9) {
+.awsui_icon_8cbea_t8zps_195:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_with-text_8cbea_1rb0m_199:not(#\9) {
+.awsui_with-text_8cbea_t8zps_199:not(#\9) {
   position: relative;
   left: calc(-1 * var(--space-xxs-xx079q, 4px));
   margin-right: var(--space-xxs-xx079q, 4px);
 }
 
-.awsui_with-no-text_8cbea_1rb0m_205:not(#\9) {
+.awsui_with-no-text_8cbea_t8zps_205:not(#\9) {
   margin-right: auto;
   margin-left: auto;
   right: 0;
@@ -213,7 +213,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1rb0m_97:not(#\9):focus
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_8cbea_1rb0m_216:not(#\9) {
+.awsui_root_8cbea_t8zps_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_1rb0m_97:not(#\9):focus
   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);
@@ -252,40 +252,40 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1rb0m_97:not(#\9):focus
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_segment-part_8cbea_1rb0m_229:not(#\9) {
+.awsui_segment-part_8cbea_t8zps_229:not(#\9) {
   display: inline-grid;
 }
 @media (max-width: 688px) {
-  .awsui_segment-part_8cbea_1rb0m_229:not(#\9) {
+  .awsui_segment-part_8cbea_t8zps_229:not(#\9) {
     display: none;
   }
 }
 
-.awsui_select_8cbea_1rb0m_174:not(#\9) {
+.awsui_select_8cbea_t8zps_174:not(#\9) {
   display: none;
 }
 @media (max-width: 688px) {
-  .awsui_select_8cbea_1rb0m_174:not(#\9) {
+  .awsui_select_8cbea_t8zps_174:not(#\9) {
     display: block;
   }
 }
 
-.awsui_segment-count-2_8cbea_1rb0m_248:not(#\9) {
+.awsui_segment-count-2_8cbea_t8zps_248:not(#\9) {
   grid-template-columns: 1fr 1fr;
 }
 
-.awsui_segment-count-3_8cbea_1rb0m_253:not(#\9) {
+.awsui_segment-count-3_8cbea_t8zps_253:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr;
 }
 
-.awsui_segment-count-4_8cbea_1rb0m_258:not(#\9) {
+.awsui_segment-count-4_8cbea_t8zps_258:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr 1fr;
 }
 
-.awsui_segment-count-5_8cbea_1rb0m_263:not(#\9) {
+.awsui_segment-count-5_8cbea_t8zps_263:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 }
 
-.awsui_segment-count-6_8cbea_1rb0m_268:not(#\9) {
+.awsui_segment-count-6_8cbea_t8zps_268:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
 }

package/lib/internal/template/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_1rb0m_97",
-  "disabled": "awsui_disabled_8cbea_1rb0m_166",
-  "selected": "awsui_selected_8cbea_1rb0m_174",
-  "icon": "awsui_icon_8cbea_1rb0m_195",
-  "with-text": "awsui_with-text_8cbea_1rb0m_199",
-  "with-no-text": "awsui_with-no-text_8cbea_1rb0m_205",
-  "root": "awsui_root_8cbea_1rb0m_216",
-  "segment-part": "awsui_segment-part_8cbea_1rb0m_229",
-  "select": "awsui_select_8cbea_1rb0m_174",
-  "segment-count-2": "awsui_segment-count-2_8cbea_1rb0m_248",
-  "segment-count-3": "awsui_segment-count-3_8cbea_1rb0m_253",
-  "segment-count-4": "awsui_segment-count-4_8cbea_1rb0m_258",
-  "segment-count-5": "awsui_segment-count-5_8cbea_1rb0m_263",
-  "segment-count-6": "awsui_segment-count-6_8cbea_1rb0m_268"
+  "segment": "awsui_segment_8cbea_t8zps_97",
+  "disabled": "awsui_disabled_8cbea_t8zps_166",
+  "selected": "awsui_selected_8cbea_t8zps_174",
+  "icon": "awsui_icon_8cbea_t8zps_195",
+  "with-text": "awsui_with-text_8cbea_t8zps_199",
+  "with-no-text": "awsui_with-no-text_8cbea_t8zps_205",
+  "root": "awsui_root_8cbea_t8zps_216",
+  "segment-part": "awsui_segment-part_8cbea_t8zps_229",
+  "select": "awsui_select_8cbea_t8zps_174",
+  "segment-count-2": "awsui_segment-count-2_8cbea_t8zps_248",
+  "segment-count-3": "awsui_segment-count-3_8cbea_t8zps_253",
+  "segment-count-4": "awsui_segment-count-4_8cbea_t8zps_258",
+  "segment-count-5": "awsui_segment-count-5_8cbea_t8zps_263",
+  "segment-count-6": "awsui_segment-count-6_8cbea_t8zps_268"
 };
   

package/lib/internal/template/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/lib/internal/template/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":"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;AAGxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAEzE,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,eAAe,EAAE,EAAE,CAAC,CAAC;IACpF,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';\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/lib/internal/template/select/styles.css.js

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

package/lib/internal/template/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_1lppu_93:not(#\9) {
+.awsui_root_r2vco_zbgkl_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-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);

package/lib/internal/template/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_1lppu_93"
+  "root": "awsui_root_r2vco_zbgkl_93"
 };
   

package/lib/internal/template/side-navigation/styles.css.js

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_l0dv0_1oziq_93",
-  "header": "awsui_header_l0dv0_1oziq_109",
-  "header-link": "awsui_header-link_l0dv0_1oziq_120",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1oziq_130",
-  "header-link-text": "awsui_header-link-text_l0dv0_1oziq_130",
-  "header-logo": "awsui_header-logo_l0dv0_1oziq_134",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1oziq_140",
-  "list-container": "awsui_list-container_l0dv0_1oziq_145",
-  "list": "awsui_list_l0dv0_1oziq_145",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_1oziq_155",
-  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1oziq_159",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1oziq_163",
-  "list-item": "awsui_list-item_l0dv0_1oziq_167",
-  "section": "awsui_section_l0dv0_1oziq_173",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_1oziq_174",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_1oziq_177",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1oziq_178",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1oziq_191",
-  "section-group": "awsui_section-group_l0dv0_1oziq_196",
-  "section-group-title": "awsui_section-group-title_l0dv0_1oziq_206",
-  "link": "awsui_link_l0dv0_1oziq_210",
-  "link-active": "awsui_link-active_l0dv0_1oziq_219",
-  "info": "awsui_info_l0dv0_1oziq_253",
-  "external-icon": "awsui_external-icon_l0dv0_1oziq_257",
-  "divider": "awsui_divider_l0dv0_1oziq_261",
-  "divider-default": "awsui_divider-default_l0dv0_1oziq_266",
-  "divider-header": "awsui_divider-header_l0dv0_1oziq_270"
+  "root": "awsui_root_l0dv0_1q1ta_93",
+  "header": "awsui_header_l0dv0_1q1ta_109",
+  "header-link": "awsui_header-link_l0dv0_1q1ta_120",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1q1ta_130",
+  "header-link-text": "awsui_header-link-text_l0dv0_1q1ta_130",
+  "header-logo": "awsui_header-logo_l0dv0_1q1ta_134",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1q1ta_140",
+  "list-container": "awsui_list-container_l0dv0_1q1ta_145",
+  "list": "awsui_list_l0dv0_1q1ta_145",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_1q1ta_155",
+  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1q1ta_159",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1q1ta_163",
+  "list-item": "awsui_list-item_l0dv0_1q1ta_167",
+  "section": "awsui_section_l0dv0_1q1ta_173",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_1q1ta_174",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_1q1ta_177",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1q1ta_178",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1q1ta_191",
+  "section-group": "awsui_section-group_l0dv0_1q1ta_196",
+  "section-group-title": "awsui_section-group-title_l0dv0_1q1ta_206",
+  "link": "awsui_link_l0dv0_1q1ta_210",
+  "link-active": "awsui_link-active_l0dv0_1q1ta_219",
+  "info": "awsui_info_l0dv0_1q1ta_253",
+  "external-icon": "awsui_external-icon_l0dv0_1q1ta_257",
+  "divider": "awsui_divider_l0dv0_1q1ta_261",
+  "divider-default": "awsui_divider-default_l0dv0_1q1ta_266",
+  "divider-header": "awsui_divider-header_l0dv0_1q1ta_270"
 };
   

package/lib/internal/template/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_1oziq_93:not(#\9) {
+.awsui_root_l0dv0_1q1ta_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-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);
@@ -132,7 +132,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
 
-.awsui_header_l0dv0_1oziq_109:not(#\9) {
+.awsui_header_l0dv0_1q1ta_109:not(#\9) {
   font-size: var(--font-panel-header-size-7dlfnh, 18px);
   line-height: var(--font-panel-header-line-height-nzzvgi, 22px);
   font-weight: var(--font-heading-l-weight-hqql3g, 700);
@@ -143,7 +143,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-right: calc(var(--space-scaled-xxl-socb7n, 32px) + var(--space-xl-uesynn, 24px));
 }
 
-.awsui_header-link_l0dv0_1oziq_120:not(#\9) {
+.awsui_header-link_l0dv0_1q1ta_120:not(#\9) {
   font-size: var(--font-panel-header-size-7dlfnh, 18px);
   line-height: var(--font-panel-header-line-height-nzzvgi, 22px);
   font-weight: var(--font-heading-l-weight-hqql3g, 700);
@@ -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-nzzvgi, 22px);
   display: flex;
 }
-.awsui_header-link--has-logo_l0dv0_1oziq_130 > .awsui_header-link-text_l0dv0_1oziq_130:not(#\9) {
+.awsui_header-link--has-logo_l0dv0_1q1ta_130 > .awsui_header-link-text_l0dv0_1q1ta_130:not(#\9) {
   font-weight: 400;
 }
 
-.awsui_header-logo_l0dv0_1oziq_134:not(#\9) {
+.awsui_header-logo_l0dv0_1q1ta_134:not(#\9) {
   margin-right: var(--space-s-o95p2n, 12px);
   margin-top: var(--space-xxxs-du4mq0, 2px);
   max-width: calc(1.25 * var(--size-icon-big-6vh0f3, 32px));
   align-self: flex-start;
 }
-.awsui_header-logo--stretched_l0dv0_1oziq_140:not(#\9) {
+.awsui_header-logo--stretched_l0dv0_1q1ta_140:not(#\9) {
   max-width: 100%;
   margin-right: 0;
 }
 
-.awsui_list-container_l0dv0_1oziq_145:not(#\9) {
+.awsui_list-container_l0dv0_1q1ta_145:not(#\9) {
   margin-top: var(--space-scaled-l-w7rqqb, 20px);
 }
 
-.awsui_list_l0dv0_1oziq_145:not(#\9) {
+.awsui_list_l0dv0_1q1ta_145:not(#\9) {
   margin: 0;
   padding: 0;
   padding-left: var(--space-l-z6h7qi, 20px);
 }
 
-.awsui_list-variant-root_l0dv0_1oziq_155:not(#\9) {
+.awsui_list-variant-root_l0dv0_1q1ta_155:not(#\9) {
   margin: 0;
   padding: 0 var(--space-panel-side-right-q7rj50, 32px) 0 var(--space-panel-nav-left-woldqx, 32px);
 }
-.awsui_list-variant-root--last_l0dv0_1oziq_159:not(#\9) {
+.awsui_list-variant-root--last_l0dv0_1q1ta_159:not(#\9) {
   margin-bottom: var(--space-scaled-xxxl-r9nxwo, 40px);
 }
 
-.awsui_list-variant-expandable-link-group_l0dv0_1oziq_163:not(#\9) {
+.awsui_list-variant-expandable-link-group_l0dv0_1q1ta_163:not(#\9) {
   padding-left: var(--space-xxxl-ecj2b1, 40px);
 }
 
-.awsui_list-item_l0dv0_1oziq_167:not(#\9) {
+.awsui_list-item_l0dv0_1q1ta_167:not(#\9) {
   margin: var(--space-scaled-xs-sg3tfb, 8px) 0;
   padding: 0;
   list-style: none;
 }
 
-.awsui_section_l0dv0_1oziq_173:not(#\9),
-.awsui_expandable-link-group_l0dv0_1oziq_174:not(#\9) {
+.awsui_section_l0dv0_1q1ta_173:not(#\9),
+.awsui_expandable-link-group_l0dv0_1q1ta_174:not(#\9) {
   margin-left: calc(-1 * var(--space-l-z6h7qi, 20px));
 }
-.awsui_section--no-ident_l0dv0_1oziq_177:not(#\9),
-.awsui_expandable-link-group--no-ident_l0dv0_1oziq_178:not(#\9) {
+.awsui_section--no-ident_l0dv0_1q1ta_177:not(#\9),
+.awsui_expandable-link-group--no-ident_l0dv0_1q1ta_178:not(#\9) {
   margin-left: 0;
 }
 
-.awsui_section_l0dv0_1oziq_173:not(#\9) {
+.awsui_section_l0dv0_1q1ta_173:not(#\9) {
   margin-top: calc(var(--space-scaled-2x-l-aseh7x, 20px) - var(--border-divider-section-width-p0xg84, 1px));
   margin-bottom: calc(var(--space-scaled-2x-l-aseh7x, 20px) - var(--border-divider-section-width-p0xg84, 1px));
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_section_l0dv0_1oziq_173 > div:not(#\9) {
+.awsui_section_l0dv0_1q1ta_173 > div:not(#\9) {
   padding: 0;
 }
 
-.awsui_list-variant-section-group_l0dv0_1oziq_191:not(#\9) {
+.awsui_list-variant-section-group_l0dv0_1q1ta_191:not(#\9) {
   margin: 0;
   padding: 0;
 }
 
-.awsui_section-group_l0dv0_1oziq_196:not(#\9) {
+.awsui_section-group_l0dv0_1q1ta_196:not(#\9) {
   font-size: var(--font-heading-m-size-bwdbnx, 18px);
   line-height: var(--font-heading-m-line-height-ahaded, 22px);
   letter-spacing: var(--font-heading-m-letter-spacing-t3csz2, normal);
@@ -229,43 +229,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: 0;
 }
 
-.awsui_section-group-title_l0dv0_1oziq_206:not(#\9) {
+.awsui_section-group-title_l0dv0_1q1ta_206:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_link_l0dv0_1oziq_210:not(#\9) {
+.awsui_link_l0dv0_1q1ta_210:not(#\9) {
   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-secondary-vrqm14, #545b64);
   font-weight: 400;
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_link-active_l0dv0_1oziq_219:not(#\9) {
+.awsui_link-active_l0dv0_1q1ta_219:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-aix7m6, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-teqshp, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-apq2ca, auto);
   color: var(--color-text-accent-exu66k, #0073bb);
 }
 
-.awsui_header-link_l0dv0_1oziq_120:not(#\9),
-.awsui_link_l0dv0_1oziq_210:not(#\9) {
+.awsui_header-link_l0dv0_1q1ta_120:not(#\9),
+.awsui_link_l0dv0_1q1ta_210:not(#\9) {
   text-decoration: none;
 }
-.awsui_header-link_l0dv0_1oziq_120:not(#\9):hover,
-.awsui_link_l0dv0_1oziq_210:not(#\9):hover {
+.awsui_header-link_l0dv0_1q1ta_120:not(#\9):hover,
+.awsui_link_l0dv0_1q1ta_210:not(#\9):hover {
   color: var(--color-text-accent-exu66k, #0073bb);
 }
-.awsui_header-link_l0dv0_1oziq_120:not(#\9):focus,
-.awsui_link_l0dv0_1oziq_210:not(#\9):focus {
+.awsui_header-link_l0dv0_1q1ta_120:not(#\9):focus,
+.awsui_link_l0dv0_1q1ta_210:not(#\9):focus {
   outline: none;
 }
-.awsui_header-link_l0dv0_1oziq_120:not(#\9):hover, .awsui_header-link_l0dv0_1oziq_120:not(#\9):focus, .awsui_link_l0dv0_1oziq_210:not(#\9):hover, .awsui_link_l0dv0_1oziq_210:not(#\9):focus {
+.awsui_header-link_l0dv0_1q1ta_120:not(#\9):hover, .awsui_header-link_l0dv0_1q1ta_120:not(#\9):focus, .awsui_link_l0dv0_1q1ta_210:not(#\9):hover, .awsui_link_l0dv0_1q1ta_210:not(#\9):focus {
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_1oziq_120:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1oziq_210:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_1q1ta_120:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1q1ta_210:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-e033ba, 5px auto Highlight);
   outline-offset: 2px;
@@ -274,23 +274,23 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1oziq_210:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-3gfzjd, 0px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
 
-.awsui_info_l0dv0_1oziq_253:not(#\9) {
+.awsui_info_l0dv0_1q1ta_253:not(#\9) {
   margin-left: var(--space-xs-7veqkr, 8px);
 }
 
-.awsui_external-icon_l0dv0_1oziq_257:not(#\9) {
+.awsui_external-icon_l0dv0_1q1ta_257:not(#\9) {
   margin-left: var(--space-xxs-xx079q, 4px);
 }
 
-.awsui_divider_l0dv0_1oziq_261:not(#\9) {
+.awsui_divider_l0dv0_1q1ta_261:not(#\9) {
   border: none;
   border-top: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
 }
 
-.awsui_divider-default_l0dv0_1oziq_266:not(#\9) {
+.awsui_divider-default_l0dv0_1q1ta_266:not(#\9) {
   margin: var(--space-scaled-2x-xl-6yv6qx, 24px) calc(-1 * var(--space-s-o95p2n, 12px));
 }
 
-.awsui_divider-header_l0dv0_1oziq_270:not(#\9) {
+.awsui_divider-header_l0dv0_1q1ta_270:not(#\9) {
   margin-top: 0;
 }