@cloudscape-design/components-themeable 3.0.15 → 3.0.18

package/lib/internal/template/autosuggest/virtual-list.js

@@ -1,15 +1,15 @@
 import { __assign } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
+import React, { useCallback, useEffect, useImperativeHandle, useRef } from 'react';
 import { useVirtual } from 'react-virtual';
 import OptionsList from '../internal/components/options-list';
 import { useContainerQuery } from '../internal/hooks/container-queries';
 import AutosuggestOption from './autosuggest-option';
 import { getOptionProps } from './plain-list';
 import styles from './styles.css.js';
-var VirtualList = function (_a, ref) {
-    var handleLoadMore = _a.handleLoadMore, filteredItems = _a.filteredItems, usingMouse = _a.usingMouse, menuProps = _a.menuProps, highlightedOption = _a.highlightedOption, enteredTextLabel = _a.enteredTextLabel, highlightedA11yProps = _a.highlightedA11yProps, hasDropdownStatus = _a.hasDropdownStatus, highlightText = _a.highlightText, listBottom = _a.listBottom, screenReaderContent = _a.screenReaderContent;
+var VirtualList = function (_a) {
+    var handleLoadMore = _a.handleLoadMore, filteredItems = _a.filteredItems, usingMouse = _a.usingMouse, menuProps = _a.menuProps, highlightedOption = _a.highlightedOption, highlightedIndex = _a.highlightedIndex, enteredTextLabel = _a.enteredTextLabel, highlightedA11yProps = _a.highlightedA11yProps, hasDropdownStatus = _a.hasDropdownStatus, highlightText = _a.highlightText, listBottom = _a.listBottom, screenReaderContent = _a.screenReaderContent;
     var scrollRef = useRef(null);
     // update component, when it gets wider or narrower to reposition items
     var _b = useContainerQuery(function (rect) { return rect.width; }, []), width = _b[0], strutRef = _b[1];
@@ -25,11 +25,11 @@ var VirtualList = function (_a, ref) {
         estimateSize: useCallback(function () { return 31; }, [width, highlightText]),
         overscan: 5
     });
-    useImperativeHandle(ref, function () { return function (index) {
+    useEffect(function () {
         if (!usingMouse.current) {
-            rowVirtualizer.scrollToIndex(index);
+            rowVirtualizer.scrollToIndex(highlightedIndex);
         }
-    }; }, [usingMouse, rowVirtualizer]);
+    }, [usingMouse, rowVirtualizer, highlightedIndex]);
     return (React.createElement(OptionsList, __assign({}, menuProps, { onLoadMore: handleLoadMore, ref: scrollRef, open: true, 
         // to prevent closing the list when clicking the scrollbar on IE11
         nativeAttributes: { unselectable: 'on' } }),
@@ -42,5 +42,5 @@ var VirtualList = function (_a, ref) {
         }),
         listBottom ? (React.createElement("li", { role: "option", className: styles['list-bottom'] }, listBottom)) : null));
 };
-export default forwardRef(VirtualList);
+export default VirtualList;
 //# sourceMappingURL=virtual-list.js.map

package/lib/internal/template/autosuggest/virtual-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"virtual-list.js","sourceRoot":"","sources":["../../../src/autosuggest/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 React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';\nimport { useVirtual } from 'react-virtual';\n\nimport OptionsList from '../internal/components/options-list';\nimport { useContainerQuery } from '../internal/hooks/container-queries';\n\nimport AutosuggestOption from './autosuggest-option';\nimport { getOptionProps, ListProps } from './plain-list';\nimport styles from './styles.css.js';\n\nnamespace VirtualListProps {\n  export type VirtualListRef = (index: number) => void;\n}\nconst VirtualList = (\n  {\n    handleLoadMore,\n    filteredItems,\n    usingMouse,\n    menuProps,\n    highlightedOption,\n    enteredTextLabel,\n    highlightedA11yProps,\n    hasDropdownStatus,\n    highlightText,\n    listBottom,\n    screenReaderContent,\n  }: ListProps,\n  ref: React.Ref<VirtualListProps.VirtualListRef>\n) => {\n  const scrollRef = useRef<HTMLUListElement>(null);\n  // update component, when it gets wider or narrower to reposition items\n  const [width, strutRef] = useContainerQuery(rect => rect.width, []);\n  useImperativeHandle(strutRef, () => scrollRef.current);\n  const rowVirtualizer = useVirtual({\n    size: filteredItems.length,\n    parentRef: scrollRef,\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: becasue the option changed its content (highlightText property controls the highlight and the visibility of hidden tags)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    estimateSize: useCallback(() => 31, [width, highlightText]),\n    overscan: 5,\n  });\n  useImperativeHandle(\n    ref,\n    () => (index: number) => {\n      if (!usingMouse.current) {\n        rowVirtualizer.scrollToIndex(index);\n      }\n    },\n    [usingMouse, rowVirtualizer]\n  );\n\n  return (\n    <OptionsList\n      {...menuProps}\n      onLoadMore={handleLoadMore}\n      ref={scrollRef}\n      open={true}\n      // to prevent closing the list when clicking the scrollbar on IE11\n      nativeAttributes={{ unselectable: 'on' }}\n    >\n      <div\n        aria-hidden=\"true\"\n        key=\"total-size\"\n        className={styles['layout-strut']}\n        style={{ height: rowVirtualizer.totalSize + (filteredItems.length === 1 ? 1 : 0) }}\n      />\n      {rowVirtualizer.virtualItems.map(virtualRow => {\n        const { index, start, measureRef } = virtualRow;\n        const item = filteredItems[index];\n        const optionProps = getOptionProps(\n          index,\n          item,\n          filteredItems,\n          highlightedA11yProps,\n          highlightedOption,\n          hasDropdownStatus\n        );\n\n        return (\n          <AutosuggestOption\n            key={index}\n            ref={measureRef}\n            highlightText={highlightText}\n            option={item}\n            highlighted={item === highlightedOption}\n            data-mouse-target={index}\n            enteredTextLabel={enteredTextLabel}\n            virtualPosition={start + (index === 0 ? 1 : 0)}\n            screenReaderContent={screenReaderContent}\n            ariaSetsize={filteredItems.length}\n            ariaPosinset={index + 1}\n            {...optionProps}\n          />\n        );\n      })}\n      {listBottom ? (\n        <li role=\"option\" className={styles['list-bottom']}>\n          {listBottom}\n        </li>\n      ) : null}\n    </OptionsList>\n  );\n};\n\nexport default forwardRef(VirtualList);\n"]}
+{"version":3,"file":"virtual-list.js","sourceRoot":"","sources":["../../../src/autosuggest/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 React, { useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport { useVirtual } from 'react-virtual';\n\nimport OptionsList from '../internal/components/options-list';\nimport { useContainerQuery } from '../internal/hooks/container-queries';\n\nimport AutosuggestOption from './autosuggest-option';\nimport { getOptionProps, ListProps } from './plain-list';\nimport styles from './styles.css.js';\n\nconst VirtualList = ({\n  handleLoadMore,\n  filteredItems,\n  usingMouse,\n  menuProps,\n  highlightedOption,\n  highlightedIndex,\n  enteredTextLabel,\n  highlightedA11yProps,\n  hasDropdownStatus,\n  highlightText,\n  listBottom,\n  screenReaderContent,\n}: ListProps) => {\n  const scrollRef = useRef<HTMLUListElement>(null);\n  // update component, when it gets wider or narrower to reposition items\n  const [width, strutRef] = useContainerQuery(rect => rect.width, []);\n  useImperativeHandle(strutRef, () => scrollRef.current);\n  const rowVirtualizer = useVirtual({\n    size: filteredItems.length,\n    parentRef: scrollRef,\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: becasue the option changed its content (highlightText property controls the highlight and the visibility of hidden tags)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    estimateSize: useCallback(() => 31, [width, highlightText]),\n    overscan: 5,\n  });\n\n  useEffect(() => {\n    if (!usingMouse.current) {\n      rowVirtualizer.scrollToIndex(highlightedIndex);\n    }\n  }, [usingMouse, rowVirtualizer, highlightedIndex]);\n\n  return (\n    <OptionsList\n      {...menuProps}\n      onLoadMore={handleLoadMore}\n      ref={scrollRef}\n      open={true}\n      // to prevent closing the list when clicking the scrollbar on IE11\n      nativeAttributes={{ unselectable: 'on' }}\n    >\n      <div\n        aria-hidden=\"true\"\n        key=\"total-size\"\n        className={styles['layout-strut']}\n        style={{ height: rowVirtualizer.totalSize + (filteredItems.length === 1 ? 1 : 0) }}\n      />\n      {rowVirtualizer.virtualItems.map(virtualRow => {\n        const { index, start, measureRef } = virtualRow;\n        const item = filteredItems[index];\n        const optionProps = getOptionProps(\n          index,\n          item,\n          filteredItems,\n          highlightedA11yProps,\n          highlightedOption,\n          hasDropdownStatus\n        );\n\n        return (\n          <AutosuggestOption\n            key={index}\n            ref={measureRef}\n            highlightText={highlightText}\n            option={item}\n            highlighted={item === highlightedOption}\n            data-mouse-target={index}\n            enteredTextLabel={enteredTextLabel}\n            virtualPosition={start + (index === 0 ? 1 : 0)}\n            screenReaderContent={screenReaderContent}\n            ariaSetsize={filteredItems.length}\n            ariaPosinset={index + 1}\n            {...optionProps}\n          />\n        );\n      })}\n      {listBottom ? (\n        <li role=\"option\" className={styles['list-bottom']}>\n          {listBottom}\n        </li>\n      ) : null}\n    </OptionsList>\n  );\n};\n\nexport default VirtualList;\n"]}

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

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "badge": "awsui_badge_1yjyg_1glli_93",
-  "badge-color-grey": "awsui_badge-color-grey_1yjyg_1glli_111",
-  "badge-color-green": "awsui_badge-color-green_1yjyg_1glli_114",
-  "badge-color-blue": "awsui_badge-color-blue_1yjyg_1glli_117",
-  "badge-color-red": "awsui_badge-color-red_1yjyg_1glli_120"
+  "badge": "awsui_badge_1yjyg_1oxty_93",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_1oxty_111",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_1oxty_114",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_1oxty_117",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_1oxty_120"
 };
   

package/lib/internal/template/badge/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_badge_1yjyg_1glli_93:not(#\9) {
+.awsui_badge_1yjyg_1oxty_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -106,7 +106,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-stretch: normal;
   line-height: normal;
   -webkit-hyphens: none;
-      -ms-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
@@ -140,25 +139,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   display: inline-block;
   border-radius: 16px;
-  border-radius: var(--border-badge-radius-q6rru4, 16px);
+  border-radius: var(--border-radius-badge-la3wqa, 16px);
   padding: 0 8px;
   padding: 0 var(--space-xs-rsr2qu, 8px);
   color: #fafafa;
   color: var(--color-text-notification-default-l83xtb, #fafafa);
 }
-.awsui_badge_1yjyg_1glli_93.awsui_badge-color-grey_1yjyg_1glli_111:not(#\9) {
+.awsui_badge_1yjyg_1oxty_93.awsui_badge-color-grey_1yjyg_1oxty_111:not(#\9) {
   background-color: #545b64;
   background-color: var(--color-background-notification-grey-useve5, #545b64);
 }
-.awsui_badge_1yjyg_1glli_93.awsui_badge-color-green_1yjyg_1glli_114:not(#\9) {
+.awsui_badge_1yjyg_1oxty_93.awsui_badge-color-green_1yjyg_1oxty_114:not(#\9) {
   background-color: #1d8102;
   background-color: var(--color-background-notification-green-uofkna, #1d8102);
 }
-.awsui_badge_1yjyg_1glli_93.awsui_badge-color-blue_1yjyg_1glli_117:not(#\9) {
+.awsui_badge_1yjyg_1oxty_93.awsui_badge-color-blue_1yjyg_1oxty_117:not(#\9) {
   background-color: #0073bb;
   background-color: var(--color-background-notification-blue-rjpmdy, #0073bb);
 }
-.awsui_badge_1yjyg_1glli_93.awsui_badge-color-red_1yjyg_1glli_120:not(#\9) {
+.awsui_badge_1yjyg_1oxty_93.awsui_badge-color-red_1yjyg_1oxty_120:not(#\9) {
   background-color: #d13212;
   background-color: var(--color-background-notification-red-e2annb, #d13212);
 }

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

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "badge": "awsui_badge_1yjyg_1glli_93",
-  "badge-color-grey": "awsui_badge-color-grey_1yjyg_1glli_111",
-  "badge-color-green": "awsui_badge-color-green_1yjyg_1glli_114",
-  "badge-color-blue": "awsui_badge-color-blue_1yjyg_1glli_117",
-  "badge-color-red": "awsui_badge-color-red_1yjyg_1glli_120"
+  "badge": "awsui_badge_1yjyg_1oxty_93",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_1oxty_111",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_1oxty_114",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_1oxty_117",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_1oxty_120"
 };
   

package/lib/internal/template/breadcrumb-group/item/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_1kosq_1g5ig_93",
-  "breadcrumb": "awsui_breadcrumb_1kosq_1g5ig_97",
-  "icon": "awsui_icon_1kosq_1g5ig_100",
-  "anchor": "awsui_anchor_1kosq_1g5ig_104",
-  "last": "awsui_last_1kosq_1g5ig_147",
-  "compressed": "awsui_compressed_1kosq_1g5ig_157",
-  "text": "awsui_text_1kosq_1g5ig_161"
+  "link": "awsui_link_1kosq_1qzah_93",
+  "breadcrumb": "awsui_breadcrumb_1kosq_1qzah_97",
+  "icon": "awsui_icon_1kosq_1qzah_100",
+  "anchor": "awsui_anchor_1kosq_1qzah_104",
+  "last": "awsui_last_1kosq_1qzah_147",
+  "compressed": "awsui_compressed_1kosq_1qzah_157",
+  "text": "awsui_text_1kosq_1qzah_161"
 };
   

package/lib/internal/template/breadcrumb-group/item/styles.scoped.css

@@ -90,20 +90,20 @@ 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_link_1kosq_1g5ig_93:not(#\9):after {
+.awsui_link_1kosq_1qzah_93:not(#\9):after {
   display: none;
 }
 
-.awsui_breadcrumb_1kosq_1g5ig_97:not(#\9) {
+.awsui_breadcrumb_1kosq_1qzah_97:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_1g5ig_97 > .awsui_icon_1kosq_1g5ig_100:not(#\9) {
+.awsui_breadcrumb_1kosq_1qzah_97 > .awsui_icon_1kosq_1qzah_100:not(#\9) {
   margin: 0 8px;
   margin: 0 var(--space-xs-rsr2qu, 8px);
   color: #aab7b8;
   color: var(--color-text-breadcrumb-icon-wx9n5d, #aab7b8);
 }
-.awsui_breadcrumb_1kosq_1g5ig_97 > .awsui_anchor_1kosq_1g5ig_104:not(#\9) {
+.awsui_breadcrumb_1kosq_1qzah_97 > .awsui_anchor_1kosq_1qzah_104:not(#\9) {
   color: #0073bb;
   color: var(--color-text-link-default-753y4e, #0073bb);
   font-weight: inherit;
@@ -116,33 +116,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_breadcrumb_1kosq_1g5ig_97 > .awsui_anchor_1kosq_1g5ig_104:not(#\9) {
+  .awsui_breadcrumb_1kosq_1qzah_97 > .awsui_anchor_1kosq_1qzah_104:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_1g5ig_97 > .awsui_anchor_1kosq_1g5ig_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1g5ig_97 > .awsui_anchor_1kosq_1g5ig_104:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_1qzah_97 > .awsui_anchor_1kosq_1qzah_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1qzah_97 > .awsui_anchor_1kosq_1qzah_104:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_1g5ig_97 > .awsui_anchor_1kosq_1g5ig_104:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1qzah_97 > .awsui_anchor_1kosq_1qzah_104:not(#\9):hover {
   cursor: pointer;
   color: #0073bb;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_breadcrumb_1kosq_1g5ig_97 > .awsui_anchor_1kosq_1g5ig_104:not(#\9):focus {
+.awsui_breadcrumb_1kosq_1qzah_97 > .awsui_anchor_1kosq_1qzah_104:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_1g5ig_97 > .awsui_anchor_1kosq_1g5ig_104:not(#\9):active {
+.awsui_breadcrumb_1kosq_1qzah_97 > .awsui_anchor_1kosq_1qzah_104:not(#\9):active {
   color: #0073bb;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_breadcrumb_1kosq_1g5ig_97 > .awsui_anchor_1kosq_1g5ig_104:not(#\9):active, .awsui_breadcrumb_1kosq_1g5ig_97 > .awsui_anchor_1kosq_1g5ig_104:not(#\9):focus, .awsui_breadcrumb_1kosq_1g5ig_97 > .awsui_anchor_1kosq_1g5ig_104:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1qzah_97 > .awsui_anchor_1kosq_1qzah_104:not(#\9):active, .awsui_breadcrumb_1kosq_1qzah_97 > .awsui_anchor_1kosq_1qzah_104:not(#\9):focus, .awsui_breadcrumb_1kosq_1qzah_97 > .awsui_anchor_1kosq_1qzah_104:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_breadcrumb_1kosq_1g5ig_97 > .awsui_anchor_1kosq_1g5ig_104[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_breadcrumb_1kosq_1qzah_97 > .awsui_anchor_1kosq_1qzah_104[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: thin dotted;
   outline: 5px auto Highlight;
   outline: var(--border-link-focus-ring-outline-67z0xv, 5px auto Highlight);
@@ -150,14 +150,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   outline-color: #0073bb;
   outline-color: var(--color-border-item-focused-n5kd8g, #0073bb);
   border-radius: 2px;
-  border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
+  border-radius: var(--border-radius-control-focus-ring-default-o8r56c, 2px);
   box-shadow: 0 0 0 0px #0073bb;
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_breadcrumb_1kosq_1g5ig_97.awsui_last_1kosq_1g5ig_147 > .awsui_icon_1kosq_1g5ig_100:not(#\9) {
+.awsui_breadcrumb_1kosq_1qzah_97.awsui_last_1kosq_1qzah_147 > .awsui_icon_1kosq_1qzah_100:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_1g5ig_97.awsui_last_1kosq_1g5ig_147 > .awsui_anchor_1kosq_1g5ig_104:not(#\9) {
+.awsui_breadcrumb_1kosq_1qzah_97.awsui_last_1kosq_1qzah_147 > .awsui_anchor_1kosq_1qzah_104:not(#\9) {
   color: #687078;
   color: var(--color-text-breadcrumb-current-t6gbyx, #687078);
   text-decoration: none;
@@ -165,11 +165,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 
-.awsui_compressed_1kosq_1g5ig_157:not(#\9) {
+.awsui_compressed_1kosq_1qzah_157:not(#\9) {
   min-width: 0;
   overflow: hidden;
 }
-.awsui_compressed_1kosq_1g5ig_157 > .awsui_text_1kosq_1g5ig_161:not(#\9) {
+.awsui_compressed_1kosq_1qzah_157 > .awsui_text_1kosq_1qzah_161:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

package/lib/internal/template/breadcrumb-group/item/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_1kosq_1g5ig_93",
-  "breadcrumb": "awsui_breadcrumb_1kosq_1g5ig_97",
-  "icon": "awsui_icon_1kosq_1g5ig_100",
-  "anchor": "awsui_anchor_1kosq_1g5ig_104",
-  "last": "awsui_last_1kosq_1g5ig_147",
-  "compressed": "awsui_compressed_1kosq_1g5ig_157",
-  "text": "awsui_text_1kosq_1g5ig_161"
+  "link": "awsui_link_1kosq_1qzah_93",
+  "breadcrumb": "awsui_breadcrumb_1kosq_1qzah_97",
+  "icon": "awsui_icon_1kosq_1qzah_100",
+  "anchor": "awsui_anchor_1kosq_1qzah_104",
+  "last": "awsui_last_1kosq_1qzah_147",
+  "compressed": "awsui_compressed_1kosq_1qzah_157",
+  "text": "awsui_text_1kosq_1qzah_161"
 };
   

package/lib/internal/template/breadcrumb-group/styles.scoped.css

@@ -106,7 +106,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-stretch: normal;
   line-height: normal;
   -webkit-hyphens: none;
-      -ms-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
@@ -150,7 +149,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-stretch: normal;
   line-height: normal;
   -webkit-hyphens: none;
-      -ms-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;

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

@@ -1,23 +1,23 @@
 
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_vjswe_1qh5m_97",
-  "button": "awsui_button_vjswe_1qh5m_101",
-  "variant-normal": "awsui_variant-normal_vjswe_1qh5m_122",
-  "is-activated": "awsui_is-activated_vjswe_1qh5m_135",
-  "variant-icon": "awsui_variant-icon_vjswe_1qh5m_162",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1qh5m_162",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1qh5m_162",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1qh5m_180",
-  "disabled": "awsui_disabled_vjswe_1qh5m_198",
-  "variant-primary": "awsui_variant-primary_vjswe_1qh5m_206",
-  "variant-link": "awsui_variant-link_vjswe_1qh5m_290",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1qh5m_710",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1qh5m_797",
-  "button-no-text": "awsui_button-no-text_vjswe_1qh5m_881",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_1qh5m_885",
-  "icon-left": "awsui_icon-left_vjswe_1qh5m_901",
-  "icon-right": "awsui_icon-right_vjswe_1qh5m_906",
-  "icon": "awsui_icon_vjswe_1qh5m_901"
+  "content": "awsui_content_vjswe_1mbia_97",
+  "button": "awsui_button_vjswe_1mbia_101",
+  "variant-normal": "awsui_variant-normal_vjswe_1mbia_122",
+  "is-activated": "awsui_is-activated_vjswe_1mbia_135",
+  "variant-icon": "awsui_variant-icon_vjswe_1mbia_162",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1mbia_162",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1mbia_162",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1mbia_180",
+  "disabled": "awsui_disabled_vjswe_1mbia_198",
+  "variant-primary": "awsui_variant-primary_vjswe_1mbia_206",
+  "variant-link": "awsui_variant-link_vjswe_1mbia_290",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1mbia_710",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1mbia_797",
+  "button-no-text": "awsui_button-no-text_vjswe_1mbia_881",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_1mbia_885",
+  "icon-left": "awsui_icon-left_vjswe_1mbia_901",
+  "icon-right": "awsui_icon-right_vjswe_1mbia_906",
+  "icon": "awsui_icon_vjswe_1mbia_901"
 };