@cloudscape-design/components 3.0.126 → 3.0.127

package/attribute-editor/styles.scoped.css

@@ -90,10 +90,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_empty_n4qlp_h3o62_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_h3o62_1 var(--motion-duration-transition-show-paced-ai4wlf, 180ms) var(--motion-easing-transition-show-paced-bg1hyg, ease-out);
+.awsui_empty_n4qlp_19053_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_19053_1 var(--motion-duration-transition-show-paced-ai4wlf, 180ms) var(--motion-easing-transition-show-paced-bg1hyg, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_n4qlp_h3o62_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_19053_1 {
   from {
     opacity: 0.2;
   }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_empty_n4qlp_h3o62_93:not(#\9) {
+  .awsui_empty_n4qlp_19053_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty_n4qlp_h3o62_93:not(#\9), .awsui-mode-entering .awsui_empty_n4qlp_h3o62_93:not(#\9) {
+.awsui-motion-disabled .awsui_empty_n4qlp_19053_93:not(#\9), .awsui-mode-entering .awsui_empty_n4qlp_19053_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -116,7 +116,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_n4qlp_h3o62_119:not(#\9) {
+.awsui_root_n4qlp_19053_119:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -154,41 +154,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_empty_n4qlp_h3o62_93:not(#\9) {
+.awsui_empty_n4qlp_19053_93:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   color: var(--color-text-empty-fjv325, #5f6b7a);
 }
 
-.awsui_row_n4qlp_h3o62_137:not(#\9) {
+.awsui_row_n4qlp_19053_137:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_row-control_n4qlp_h3o62_141:not(#\9) {
+.awsui_row-control_n4qlp_19053_141:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_field_n4qlp_h3o62_145:not(#\9) {
+.awsui_field_n4qlp_19053_145:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_add-button_n4qlp_h3o62_149:not(#\9) {
+.awsui_add-button_n4qlp_19053_149:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_remove-button_n4qlp_h3o62_153:not(#\9) {
+.awsui_remove-button_n4qlp_19053_153:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_button-container_n4qlp_h3o62_157:not(#\9) {
+.awsui_button-container-haslabel_n4qlp_19053_157:not(#\9) {
   padding-top: calc(var(--space-xxs-ynfts5, 4px) + var(--font-body-m-line-height-i7xxvv, 22px));
 }
 
-.awsui_divider_n4qlp_h3o62_161:not(#\9) {
+.awsui_button-container-nolabel_n4qlp_19053_161:not(#\9) {
+  padding-top: var(--space-xxs-ynfts5, 4px);
+}
+
+.awsui_divider_n4qlp_19053_165:not(#\9) {
   border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
 
-.awsui_additional-info_n4qlp_h3o62_165:not(#\9) {
+.awsui_additional-info_n4qlp_19053_169:not(#\9) {
   color: var(--color-text-form-secondary-ih9x7l, #5f6b7a);
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
@@ -198,7 +202,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-top: var(--space-xxs-ynfts5, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9) {
+.awsui_additional-info_n4qlp_19053_169 > a:not(#\9) {
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: var(--font-link-primary-weight-91pybi, "inherit");
   letter-spacing: var(--font-link-primary-letter-spacing-vmsgcx, "inherit");
@@ -212,31 +216,31 @@ 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_additional-info_n4qlp_h3o62_165 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_19053_169 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_19053_169 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_19053_169 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_19053_169 > a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_19053_169 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9):active {
+.awsui_additional-info_n4qlp_19053_169 > a:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9):active, .awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9):focus, .awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_19053_169 > a:not(#\9):active, .awsui_additional-info_n4qlp_19053_169 > a:not(#\9):focus, .awsui_additional-info_n4qlp_19053_169 > a:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
 
-.awsui_right-align_n4qlp_h3o62_211:not(#\9) {
+.awsui_right-align_n4qlp_19053_215:not(#\9) {
   float: right;
 }

package/attribute-editor/styles.selectors.js

@@ -2,17 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "empty": "awsui_empty_n4qlp_h3o62_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_h3o62_1",
-  "root": "awsui_root_n4qlp_h3o62_119",
-  "row": "awsui_row_n4qlp_h3o62_137",
-  "row-control": "awsui_row-control_n4qlp_h3o62_141",
-  "field": "awsui_field_n4qlp_h3o62_145",
-  "add-button": "awsui_add-button_n4qlp_h3o62_149",
-  "remove-button": "awsui_remove-button_n4qlp_h3o62_153",
-  "button-container": "awsui_button-container_n4qlp_h3o62_157",
-  "divider": "awsui_divider_n4qlp_h3o62_161",
-  "additional-info": "awsui_additional-info_n4qlp_h3o62_165",
-  "right-align": "awsui_right-align_n4qlp_h3o62_211"
+  "empty": "awsui_empty_n4qlp_19053_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_19053_1",
+  "root": "awsui_root_n4qlp_19053_119",
+  "row": "awsui_row_n4qlp_19053_137",
+  "row-control": "awsui_row-control_n4qlp_19053_141",
+  "field": "awsui_field_n4qlp_19053_145",
+  "add-button": "awsui_add-button_n4qlp_19053_149",
+  "remove-button": "awsui_remove-button_n4qlp_19053_153",
+  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_19053_157",
+  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_19053_161",
+  "divider": "awsui_divider_n4qlp_19053_165",
+  "additional-info": "awsui_additional-info_n4qlp_19053_169",
+  "right-align": "awsui_right-align_n4qlp_19053_215"
 };
   

package/breadcrumb-group/interfaces.d.ts

@@ -46,6 +46,7 @@ export declare namespace BreadcrumbGroupProps {
 }
 export interface BreadcrumbItemProps<T extends BreadcrumbGroupProps.Item> {
     item: T;
+    isDisplayed: boolean;
     isLast?: boolean;
     isCompressed?: boolean;
     onClick?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;

package/breadcrumb-group/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb-group/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,CACnG,SAAQ,kBAAkB;IAC1B;;;;;;;;;;;OAWG;IACH,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE;;;OAGG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,oBAAoB,CAAC;IACpC,UAAiB,IAAI;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd;IAED,UAAiB,WAAW,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,CAC1F,SAAQ,oBAAoB;QAC5B,IAAI,EAAE,CAAC,CAAC;QACR,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd;CACF;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI;IACtE,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;CACxE;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACpD,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,mBAAmB,EAAE,sBAAsB,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IACzE,oBAAoB,EAAE,sBAAsB,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;CAC3E"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb-group/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,CACnG,SAAQ,kBAAkB;IAC1B;;;;;;;;;;;OAWG;IACH,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE;;;OAGG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,oBAAoB,CAAC;IACpC,UAAiB,IAAI;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd;IAED,UAAiB,WAAW,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,CAC1F,SAAQ,oBAAoB;QAC5B,IAAI,EAAE,CAAC,CAAC;QACR,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd;CACF;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI;IACtE,IAAI,EAAE,CAAC,CAAC;IACR,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;CACxE;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACpD,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,mBAAmB,EAAE,sBAAsB,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IACzE,oBAAoB,EAAE,sBAAsB,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;CAC3E"}

package/breadcrumb-group/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/breadcrumb-group/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseNavigationDetail, CancelableEventHandler } from '../internal/events';\nimport { LinkItem } from '../button-dropdown/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface BreadcrumbGroupProps<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item>\n  extends BaseComponentProps {\n  /**\n   * An array of breadcrumb items that describes the link hierarchy for this navigation.\n   * Each option has the following properties:\n\n   * * `text` (string) - Specifies the title text of the breadcrumb item.\n   * * `href` (string) - Specifies the URL for the link in the breadcrumb item.\n   * You should specify the link even if you have a click handler for a breadcrumb item\n   * to ensure that valid markup is generated.\n\n   * Note: The last breadcrumb item is automatically considered the current item, and it's\n   * attributed with the proper `aria-current` value and rendered as inactive.\n   */\n  items: ReadonlyArray<T>;\n  /**\n   * Provides an `aria-label` to the breadcrumb group that screen readers can read (for accessibility).\n   */\n  ariaLabel?: string;\n\n  /**\n   * Provides an `aria-label` to the ellipsis button that screen readers can read (for accessibility).\n   */\n  expandAriaLabel?: string;\n  /**\n   * Called when the user clicks on a breadcrumb item.\n   */\n  onClick?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n  /**\n   * Called when the user clicks on a breadcrumb item with the left mouse button\n   * without pressing modifier keys (that is, CTRL, ALT, SHIFT, META).\n   */\n  onFollow?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n}\n\nexport namespace BreadcrumbGroupProps {\n  export interface Item {\n    text: string;\n    href: string;\n  }\n\n  export interface ClickDetail<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item>\n    extends BaseNavigationDetail {\n    item: T;\n    text: string;\n    href: string;\n  }\n}\n\nexport interface BreadcrumbItemProps<T extends BreadcrumbGroupProps.Item> {\n  item: T;\n  isLast?: boolean;\n  isCompressed?: boolean;\n  onClick?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n  onFollow?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n}\n\nexport interface EllipsisDropdownProps {\n  ariaLabel?: BreadcrumbGroupProps['expandAriaLabel'];\n  dropdownItems: ReadonlyArray<LinkItem>;\n  onDropdownItemClick: CancelableEventHandler<{ id: string; event?: any }>;\n  onDropdownItemFollow: CancelableEventHandler<{ id: string; event?: any }>;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/breadcrumb-group/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseNavigationDetail, CancelableEventHandler } from '../internal/events';\nimport { LinkItem } from '../button-dropdown/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface BreadcrumbGroupProps<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item>\n  extends BaseComponentProps {\n  /**\n   * An array of breadcrumb items that describes the link hierarchy for this navigation.\n   * Each option has the following properties:\n\n   * * `text` (string) - Specifies the title text of the breadcrumb item.\n   * * `href` (string) - Specifies the URL for the link in the breadcrumb item.\n   * You should specify the link even if you have a click handler for a breadcrumb item\n   * to ensure that valid markup is generated.\n\n   * Note: The last breadcrumb item is automatically considered the current item, and it's\n   * attributed with the proper `aria-current` value and rendered as inactive.\n   */\n  items: ReadonlyArray<T>;\n  /**\n   * Provides an `aria-label` to the breadcrumb group that screen readers can read (for accessibility).\n   */\n  ariaLabel?: string;\n\n  /**\n   * Provides an `aria-label` to the ellipsis button that screen readers can read (for accessibility).\n   */\n  expandAriaLabel?: string;\n  /**\n   * Called when the user clicks on a breadcrumb item.\n   */\n  onClick?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n  /**\n   * Called when the user clicks on a breadcrumb item with the left mouse button\n   * without pressing modifier keys (that is, CTRL, ALT, SHIFT, META).\n   */\n  onFollow?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n}\n\nexport namespace BreadcrumbGroupProps {\n  export interface Item {\n    text: string;\n    href: string;\n  }\n\n  export interface ClickDetail<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item>\n    extends BaseNavigationDetail {\n    item: T;\n    text: string;\n    href: string;\n  }\n}\n\nexport interface BreadcrumbItemProps<T extends BreadcrumbGroupProps.Item> {\n  item: T;\n  isDisplayed: boolean;\n  isLast?: boolean;\n  isCompressed?: boolean;\n  onClick?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n  onFollow?: CancelableEventHandler<BreadcrumbGroupProps.ClickDetail<T>>;\n}\n\nexport interface EllipsisDropdownProps {\n  ariaLabel?: BreadcrumbGroupProps['expandAriaLabel'];\n  dropdownItems: ReadonlyArray<LinkItem>;\n  onDropdownItemClick: CancelableEventHandler<{ id: string; event?: any }>;\n  onDropdownItemFollow: CancelableEventHandler<{ id: string; event?: any }>;\n}\n"]}

package/breadcrumb-group/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb-group/internal.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,oBAAoB,EAAyB,MAAM,cAAc,CAAC;AAI3E,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAkDpD,eAAO,MAAM,cAAc;;;;CAIzB,CAAC;AAEH,aAAK,4BAA4B,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,IAAI,YAAY,CAC/G,oBAAoB,CAAC,CAAC,CAAC,EACvB,iBAAiB,CAClB,GACC,0BAA0B,CAAC;AAE7B,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,EAAE,EAC/G,KAAU,EACV,SAAS,EACT,eAAe,EACf,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,4BAA4B,CAAC,CAAC,CAAC,eA2DjC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb-group/internal.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,oBAAoB,EAAyB,MAAM,cAAc,CAAC;AAI3E,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAkDpD,eAAO,MAAM,cAAc;;;;CAIzB,CAAC;AAEH,aAAK,4BAA4B,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,IAAI,YAAY,CAC/G,oBAAoB,CAAC,CAAC,CAAC,EACvB,iBAAiB,CAClB,GACC,0BAA0B,CAAC;AAE7B,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,EAAE,EAC/G,KAAU,EACV,SAAS,EACT,eAAe,EACf,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,4BAA4B,CAAC,CAAC,CAAC,eA4DjC"}

package/breadcrumb-group/internal.js

@@ -40,7 +40,7 @@ export default function InternalBreadcrumbGroup(_a) {
     var isMobile = useMobile();
     var breadcrumbItems = items.map(function (item, index) {
         return (React.createElement("li", { className: styles.item, key: index },
-            React.createElement(BreadcrumbItem, { item: item, onClick: onClick, onFollow: onFollow, isCompressed: isMobile, isLast: index === items.length - 1 })));
+            React.createElement(BreadcrumbItem, { item: item, onClick: onClick, onFollow: onFollow, isCompressed: isMobile, isLast: index === items.length - 1, isDisplayed: !isMobile || index === items.length - 1 || index === 0 })));
     });
     var getEventItem = function (e) {
         var id = e.detail.id;

package/breadcrumb-group/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/breadcrumb-group/internal.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 from 'react';\nimport styles from './styles.css.js';\nimport clsx from 'clsx';\nimport InternalIcon from '../icon/internal';\nimport InternalButtonDropdown from '../button-dropdown/internal';\nimport { LinkItem } from '../button-dropdown/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { BreadcrumbItem } from './item/item';\nimport { BreadcrumbGroupProps, EllipsisDropdownProps } from './interfaces';\nimport { fireCancelableEvent } from '../internal/events';\nimport { getBaseProps } from '../internal/base-component';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { SomeRequired } from '../internal/types.js';\n\nconst DropdownTrigger = (\n  clickHandler: () => void,\n  ref: React.Ref<ButtonProps.Ref>,\n  isDisabled: boolean,\n  isExpanded: boolean,\n  ariaLabel?: string\n) => {\n  return (\n    <InternalButton\n      disabled={isDisabled}\n      onClick={event => {\n        event.preventDefault();\n        clickHandler();\n      }}\n      ref={ref}\n      ariaExpanded={isExpanded}\n      aria-haspopup={true}\n      ariaLabel={ariaLabel}\n      variant=\"breadcrumb-group\"\n      formAction=\"none\"\n    >\n      ...\n    </InternalButton>\n  );\n};\n\nconst EllipsisDropdown = ({\n  ariaLabel,\n  dropdownItems,\n  onDropdownItemClick,\n  onDropdownItemFollow,\n}: EllipsisDropdownProps) => {\n  return (\n    <li className={styles.ellipsis}>\n      <InternalButtonDropdown\n        ariaLabel={ariaLabel}\n        items={dropdownItems}\n        onItemClick={onDropdownItemClick}\n        onItemFollow={onDropdownItemFollow}\n        customTriggerBuilder={DropdownTrigger}\n      />\n      <span className={styles.icon}>\n        <InternalIcon name=\"angle-right\" />\n      </span>\n    </li>\n  );\n};\n\nexport const getEventDetail = <T extends BreadcrumbGroupProps.Item>(item: T) => ({\n  item,\n  text: item.text,\n  href: item.href,\n});\n\ntype InternalBreadcrumbGroupProps<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item> = SomeRequired<\n  BreadcrumbGroupProps<T>,\n  'expandAriaLabel'\n> &\n  InternalBaseComponentProps;\n\nexport default function InternalBreadcrumbGroup<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item>({\n  items = [],\n  ariaLabel,\n  expandAriaLabel,\n  onClick,\n  onFollow,\n  __internalRootRef,\n  ...props\n}: InternalBreadcrumbGroupProps<T>) {\n  for (const item of items) {\n    checkSafeUrl('BreadcrumbGroup', item.href);\n  }\n  const baseProps = getBaseProps(props);\n  const isMobile = useMobile();\n\n  let breadcrumbItems = items.map((item, index) => {\n    return (\n      <li className={styles.item} key={index}>\n        <BreadcrumbItem\n          item={item}\n          onClick={onClick}\n          onFollow={onFollow}\n          isCompressed={isMobile}\n          isLast={index === items.length - 1}\n        />\n      </li>\n    );\n  });\n\n  const getEventItem = (e: CustomEvent<{ id: string }>) => {\n    const { id } = e.detail;\n    return items[parseInt(id)];\n  };\n\n  // Add ellipsis\n  if (breadcrumbItems.length >= 3) {\n    const dropdownItems: Array<LinkItem> = items\n      .slice(1, items.length - 1)\n      .map((item: BreadcrumbGroupProps.Item, index: number) => ({\n        id: (index + 1).toString(), // the first item doesn't get inside dropdown\n        text: item.text,\n        href: item.href || '#',\n      }));\n\n    breadcrumbItems = [\n      breadcrumbItems[0],\n      <EllipsisDropdown\n        key={'ellipsis'}\n        ariaLabel={expandAriaLabel}\n        dropdownItems={dropdownItems}\n        onDropdownItemClick={e => fireCancelableEvent(onClick, getEventDetail(getEventItem(e)), e)}\n        onDropdownItemFollow={e => fireCancelableEvent(onFollow, getEventDetail(getEventItem(e)), e)}\n      />,\n      ...breadcrumbItems.slice(1),\n    ];\n  }\n\n  return (\n    <nav\n      {...baseProps}\n      className={clsx(styles['breadcrumb-group'], isMobile && styles.mobile, baseProps.className)}\n      aria-label={ariaLabel || undefined}\n      ref={__internalRootRef}\n    >\n      <ol className={styles['breadcrumb-group-list']}>{breadcrumbItems}</ol>\n    </nav>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/breadcrumb-group/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AAEjE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAGhE,IAAM,eAAe,GAAG,UACtB,YAAwB,EACxB,GAA+B,EAC/B,UAAmB,EACnB,UAAmB,EACnB,SAAkB;IAElB,OAAO,CACL,oBAAC,cAAc,IACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,UAAA,KAAK;YACZ,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,YAAY,EAAE,CAAC;QACjB,CAAC,EACD,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,UAAU,mBACT,IAAI,EACnB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,kBAAkB,EAC1B,UAAU,EAAC,MAAM,UAGF,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,EAKF;QAJtB,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,mBAAmB,yBAAA,EACnB,oBAAoB,0BAAA;IAEpB,OAAO,CACL,4BAAI,SAAS,EAAE,MAAM,CAAC,QAAQ;QAC5B,oBAAC,sBAAsB,IACrB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,mBAAmB,EAChC,YAAY,EAAE,oBAAoB,EAClC,oBAAoB,EAAE,eAAe,GACrC;QACF,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI;YAC1B,oBAAC,YAAY,IAAC,IAAI,EAAC,aAAa,GAAG,CAC9B,CACJ,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAsC,IAAO,IAAK,OAAA,CAAC;IAC/E,IAAI,MAAA;IACJ,IAAI,EAAE,IAAI,CAAC,IAAI;IACf,IAAI,EAAE,IAAI,CAAC,IAAI;CAChB,CAAC,EAJ8E,CAI9E,CAAC;AAQH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAkE,EAQ/E;IAPhC,IAAA,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACd,KAAK,cAPuG,qFAQhH,CADS;IAER,KAAmB,UAAK,EAAL,eAAK,EAAL,mBAAK,EAAL,IAAK,EAAE;QAArB,IAAM,IAAI,cAAA;QACb,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;KAC5C;IACD,IAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,IAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAE7B,IAAI,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;QAC1C,OAAO,CACL,4BAAI,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK;YACpC,oBAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,QAAQ,EACtB,MAAM,EAAE,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAClC,WAAW,EAAE,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,KAAK,CAAC,GACnE,CACC,CACN,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAM,YAAY,GAAG,UAAC,CAA8B;QAC1C,IAAA,EAAE,GAAK,CAAC,CAAC,MAAM,GAAb,CAAc;QACxB,OAAO,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,eAAe;IACf,IAAI,eAAe,CAAC,MAAM,IAAI,CAAC,EAAE;QAC/B,IAAM,aAAa,GAAoB,KAAK;aACzC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;aAC1B,GAAG,CAAC,UAAC,IAA+B,EAAE,KAAa,IAAK,OAAA,CAAC;YACxD,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE;YAC1B,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,GAAG;SACvB,CAAC,EAJuD,CAIvD,CAAC,CAAC;QAEN,eAAe;YACb,eAAe,CAAC,CAAC,CAAC;YAClB,oBAAC,gBAAgB,IACf,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,eAAe,EAC1B,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,UAAA,CAAC,IAAI,OAAA,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAhE,CAAgE,EAC1F,oBAAoB,EAAE,UAAA,CAAC,IAAI,OAAA,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAjE,CAAiE,GAC5F;WACC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,OAC5B,CAAC;KACH;IAED,OAAO,CACL,wCACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,SAAS,CAAC,gBAC/E,SAAS,IAAI,SAAS,EAClC,GAAG,EAAE,iBAAiB;QAEtB,4BAAI,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,IAAG,eAAe,CAAM,CAClE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from './styles.css.js';\nimport clsx from 'clsx';\nimport InternalIcon from '../icon/internal';\nimport InternalButtonDropdown from '../button-dropdown/internal';\nimport { LinkItem } from '../button-dropdown/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { BreadcrumbItem } from './item/item';\nimport { BreadcrumbGroupProps, EllipsisDropdownProps } from './interfaces';\nimport { fireCancelableEvent } from '../internal/events';\nimport { getBaseProps } from '../internal/base-component';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { SomeRequired } from '../internal/types.js';\n\nconst DropdownTrigger = (\n  clickHandler: () => void,\n  ref: React.Ref<ButtonProps.Ref>,\n  isDisabled: boolean,\n  isExpanded: boolean,\n  ariaLabel?: string\n) => {\n  return (\n    <InternalButton\n      disabled={isDisabled}\n      onClick={event => {\n        event.preventDefault();\n        clickHandler();\n      }}\n      ref={ref}\n      ariaExpanded={isExpanded}\n      aria-haspopup={true}\n      ariaLabel={ariaLabel}\n      variant=\"breadcrumb-group\"\n      formAction=\"none\"\n    >\n      ...\n    </InternalButton>\n  );\n};\n\nconst EllipsisDropdown = ({\n  ariaLabel,\n  dropdownItems,\n  onDropdownItemClick,\n  onDropdownItemFollow,\n}: EllipsisDropdownProps) => {\n  return (\n    <li className={styles.ellipsis}>\n      <InternalButtonDropdown\n        ariaLabel={ariaLabel}\n        items={dropdownItems}\n        onItemClick={onDropdownItemClick}\n        onItemFollow={onDropdownItemFollow}\n        customTriggerBuilder={DropdownTrigger}\n      />\n      <span className={styles.icon}>\n        <InternalIcon name=\"angle-right\" />\n      </span>\n    </li>\n  );\n};\n\nexport const getEventDetail = <T extends BreadcrumbGroupProps.Item>(item: T) => ({\n  item,\n  text: item.text,\n  href: item.href,\n});\n\ntype InternalBreadcrumbGroupProps<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item> = SomeRequired<\n  BreadcrumbGroupProps<T>,\n  'expandAriaLabel'\n> &\n  InternalBaseComponentProps;\n\nexport default function InternalBreadcrumbGroup<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item>({\n  items = [],\n  ariaLabel,\n  expandAriaLabel,\n  onClick,\n  onFollow,\n  __internalRootRef,\n  ...props\n}: InternalBreadcrumbGroupProps<T>) {\n  for (const item of items) {\n    checkSafeUrl('BreadcrumbGroup', item.href);\n  }\n  const baseProps = getBaseProps(props);\n  const isMobile = useMobile();\n\n  let breadcrumbItems = items.map((item, index) => {\n    return (\n      <li className={styles.item} key={index}>\n        <BreadcrumbItem\n          item={item}\n          onClick={onClick}\n          onFollow={onFollow}\n          isCompressed={isMobile}\n          isLast={index === items.length - 1}\n          isDisplayed={!isMobile || index === items.length - 1 || index === 0}\n        />\n      </li>\n    );\n  });\n\n  const getEventItem = (e: CustomEvent<{ id: string }>) => {\n    const { id } = e.detail;\n    return items[parseInt(id)];\n  };\n\n  // Add ellipsis\n  if (breadcrumbItems.length >= 3) {\n    const dropdownItems: Array<LinkItem> = items\n      .slice(1, items.length - 1)\n      .map((item: BreadcrumbGroupProps.Item, index: number) => ({\n        id: (index + 1).toString(), // the first item doesn't get inside dropdown\n        text: item.text,\n        href: item.href || '#',\n      }));\n\n    breadcrumbItems = [\n      breadcrumbItems[0],\n      <EllipsisDropdown\n        key={'ellipsis'}\n        ariaLabel={expandAriaLabel}\n        dropdownItems={dropdownItems}\n        onDropdownItemClick={e => fireCancelableEvent(onClick, getEventDetail(getEventItem(e)), e)}\n        onDropdownItemFollow={e => fireCancelableEvent(onFollow, getEventDetail(getEventItem(e)), e)}\n      />,\n      ...breadcrumbItems.slice(1),\n    ];\n  }\n\n  return (\n    <nav\n      {...baseProps}\n      className={clsx(styles['breadcrumb-group'], isMobile && styles.mobile, baseProps.className)}\n      aria-label={ariaLabel || undefined}\n      ref={__internalRootRef}\n    >\n      <ol className={styles['breadcrumb-group-list']}>{breadcrumbItems}</ol>\n    </nav>\n  );\n}\n"]}

package/breadcrumb-group/item/item.d.ts

@@ -1,3 +1,3 @@
 import { BreadcrumbGroupProps, BreadcrumbItemProps } from '../interfaces';
-export declare function BreadcrumbItem<T extends BreadcrumbGroupProps.Item>({ item, onClick, onFollow, isLast, isCompressed, }: BreadcrumbItemProps<T>): JSX.Element;
+export declare function BreadcrumbItem<T extends BreadcrumbGroupProps.Item>({ item, onClick, onFollow, isDisplayed, isLast, isCompressed, }: BreadcrumbItemProps<T>): JSX.Element;
 //# sourceMappingURL=item.d.ts.map

package/breadcrumb-group/item/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/breadcrumb-group/item/item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAQ1E,wBAAgB,cAAc,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,EAAE,EAClE,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,MAAc,EACd,YAAoB,GACrB,EAAE,mBAAmB,CAAC,CAAC,CAAC,eA6BxB"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/breadcrumb-group/item/item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AA0G1E,wBAAgB,cAAc,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,EAAE,EAClE,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,WAAW,EACX,MAAc,EACd,YAAoB,GACrB,EAAE,mBAAmB,CAAC,CAAC,CAAC,eAqCxB"}

package/breadcrumb-group/item/item.js

@@ -1,16 +1,67 @@
-import { __assign } from "tslib";
+import { __assign, __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import InternalIcon from '../../icon/internal';
 import styles from './styles.css.js';
 import clsx from 'clsx';
 import useFocusVisible from '../../internal/hooks/focus-visible';
 import { fireCancelableEvent, isPlainLeftClick } from '../../internal/events';
 import { getEventDetail } from '../internal';
+import { Transition } from '../../internal/components/transition';
+import PopoverContainer from '../../popover/container';
+import PopoverBody from '../../popover/body';
+import Portal from '../../internal/components/portal';
+import popoverStyles from '../../popover/styles.css.js';
+var BreadcrumbItemWithPopover = function (_a) {
+    var item = _a.item, anchorAttributes = __rest(_a, ["item"]);
+    var focusVisible = useFocusVisible();
+    var _b = useState(false), showPopover = _b[0], setShowPopover = _b[1];
+    var textRef = useRef(null);
+    var virtualTextRef = useRef(null);
+    var isTruncated = function (textRef, virtualTextRef) {
+        if (!textRef || !virtualTextRef || !textRef.current || !virtualTextRef.current) {
+            return false;
+        }
+        var virtualTextWidth = virtualTextRef.current.getBoundingClientRect().width;
+        var textWidth = textRef.current.getBoundingClientRect().width;
+        if (virtualTextWidth > textWidth) {
+            return true;
+        }
+        return false;
+    };
+    var popoverContent = (React.createElement(Portal, null,
+        React.createElement("div", { className: styles['item-popover'] },
+            React.createElement(Transition, { "in": true }, function () { return (React.createElement(PopoverContainer, { trackRef: textRef, size: "small", fixedWidth: false, position: "bottom", arrow: function (position) { return (React.createElement("div", { className: clsx(popoverStyles.arrow, popoverStyles["arrow-position-".concat(position)]) },
+                    React.createElement("div", { className: popoverStyles['arrow-outer'] }),
+                    React.createElement("div", { className: popoverStyles['arrow-inner'] }))); } },
+                React.createElement(PopoverBody, { dismissButton: false, dismissAriaLabel: undefined, onDismiss: function () { }, header: undefined }, item.text))); }))));
+    useEffect(function () {
+        var onKeyDown = function (event) {
+            if (event.key === 'Escape') {
+                setShowPopover(false);
+            }
+        };
+        if (showPopover) {
+            document.addEventListener('keydown', onKeyDown);
+        }
+        return function () {
+            document.removeEventListener('keydown', onKeyDown);
+        };
+    }, [showPopover]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("a", __assign({}, focusVisible, anchorAttributes, { onFocus: function () {
+                isTruncated(textRef, virtualTextRef) && setShowPopover(true);
+            }, onBlur: function () { return setShowPopover(false); }, onMouseEnter: function () {
+                isTruncated(textRef, virtualTextRef) && setShowPopover(true);
+            }, onMouseLeave: function () { return setShowPopover(false); } }),
+            React.createElement("span", { className: styles.text, ref: textRef }, item.text),
+            React.createElement("span", { className: styles['virtual-item'], ref: virtualTextRef }, item.text)),
+        showPopover && popoverContent));
+};
 export function BreadcrumbItem(_a) {
     var _b;
-    var item = _a.item, onClick = _a.onClick, onFollow = _a.onFollow, _c = _a.isLast, isLast = _c === void 0 ? false : _c, _d = _a.isCompressed, isCompressed = _d === void 0 ? false : _d;
+    var item = _a.item, onClick = _a.onClick, onFollow = _a.onFollow, isDisplayed = _a.isDisplayed, _c = _a.isLast, isLast = _c === void 0 ? false : _c, _d = _a.isCompressed, isCompressed = _d === void 0 ? false : _d;
     var focusVisible = useFocusVisible();
     var preventDefault = function (event) { return event.preventDefault(); };
     var onClickHandler = function (event) {
@@ -19,10 +70,19 @@ export function BreadcrumbItem(_a) {
         }
         fireCancelableEvent(onClick, getEventDetail(item), event);
     };
-    return (React.createElement("div", { className: clsx(styles.breadcrumb, isLast && styles.last) },
-        React.createElement("a", __assign({}, focusVisible, { href: isLast ? undefined : item.href || '#', className: clsx(styles.anchor, (_b = {}, _b[styles.compressed] = isCompressed, _b)), "aria-current": isLast ? 'page' : undefined, "aria-disabled": isLast && 'true', onClick: isLast ? preventDefault : onClickHandler, tabIndex: isLast ? 0 : undefined }),
-            React.createElement("span", { className: styles.text }, item.text)),
-        !isLast ? (React.createElement("span", { className: styles.icon },
-            React.createElement(InternalIcon, { name: "angle-right" }))) : null));
+    var anchorAttributes = {
+        href: isLast ? undefined : item.href || '#',
+        className: clsx(styles.anchor, (_b = {}, _b[styles.compressed] = isCompressed, _b)),
+        'aria-current': isLast ? 'page' : undefined,
+        'aria-disabled': isLast && 'true',
+        onClick: isLast ? preventDefault : onClickHandler,
+        tabIndex: isLast ? 0 : undefined
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: clsx(styles.breadcrumb, isLast && styles.last) },
+            isDisplayed && isCompressed ? (React.createElement(BreadcrumbItemWithPopover, __assign({ item: item }, anchorAttributes))) : (React.createElement("a", __assign({}, focusVisible, anchorAttributes),
+                React.createElement("span", { className: styles.text }, item.text))),
+            !isLast ? (React.createElement("span", { className: styles.icon },
+                React.createElement(InternalIcon, { name: "angle-right" }))) : null)));
 }
 //# sourceMappingURL=item.js.map

package/breadcrumb-group/item/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/breadcrumb-group/item/item.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,UAAU,cAAc,CAAsC,EAM3C;;QALvB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA;IAEpB,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,cAAc,GAAG,UAAC,KAAuB,IAAK,OAAA,KAAK,CAAC,cAAc,EAAE,EAAtB,CAAsB,CAAC;IAC3E,IAAM,cAAc,GAAG,UAAC,KAAuB;QAC7C,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE;YAC3B,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;SAC5D;QACD,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IAC5D,CAAC,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC;QAC5D,sCACM,YAAY,IAChB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,EAC3C,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,YAAI,GAAC,MAAM,CAAC,UAAU,IAAG,YAAY,MAAG,kBACvD,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,mBAC1B,MAAM,IAAI,MAAM,EAC/B,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,EACjD,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;YAEhC,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAC,IAAI,CAAQ,CAC9C;QACH,CAAC,MAAM,CAAC,CAAC,CAAC,CACT,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI;YAC1B,oBAAC,YAAY,IAAC,IAAI,EAAC,aAAa,GAAG,CAC9B,CACR,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BreadcrumbGroupProps, BreadcrumbItemProps } from '../interfaces';\nimport InternalIcon from '../../icon/internal';\nimport styles from './styles.css.js';\nimport clsx from 'clsx';\nimport useFocusVisible from '../../internal/hooks/focus-visible';\nimport { fireCancelableEvent, isPlainLeftClick } from '../../internal/events';\nimport { getEventDetail } from '../internal';\n\nexport function BreadcrumbItem<T extends BreadcrumbGroupProps.Item>({\n  item,\n  onClick,\n  onFollow,\n  isLast = false,\n  isCompressed = false,\n}: BreadcrumbItemProps<T>) {\n  const focusVisible = useFocusVisible();\n  const preventDefault = (event: React.MouseEvent) => event.preventDefault();\n  const onClickHandler = (event: React.MouseEvent) => {\n    if (isPlainLeftClick(event)) {\n      fireCancelableEvent(onFollow, getEventDetail(item), event);\n    }\n    fireCancelableEvent(onClick, getEventDetail(item), event);\n  };\n  return (\n    <div className={clsx(styles.breadcrumb, isLast && styles.last)}>\n      <a\n        {...focusVisible}\n        href={isLast ? undefined : item.href || '#'}\n        className={clsx(styles.anchor, { [styles.compressed]: isCompressed })}\n        aria-current={isLast ? 'page' : undefined} // Active breadcrumb item is implemented according to WAI-ARIA 1.1\n        aria-disabled={isLast && 'true'}\n        onClick={isLast ? preventDefault : onClickHandler}\n        tabIndex={isLast ? 0 : undefined} // tabIndex is added to the last crumb to keep it in the index without an href\n      >\n        <span className={styles.text}>{item.text}</span>\n      </a>\n      {!isLast ? (\n        <span className={styles.icon}>\n          <InternalIcon name=\"angle-right\" />\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/breadcrumb-group/item/item.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, { useEffect, useRef, useState } from 'react';\nimport { BreadcrumbGroupProps, BreadcrumbItemProps } from '../interfaces';\nimport InternalIcon from '../../icon/internal';\nimport styles from './styles.css.js';\nimport clsx from 'clsx';\nimport useFocusVisible from '../../internal/hooks/focus-visible';\nimport { fireCancelableEvent, isPlainLeftClick } from '../../internal/events';\nimport { getEventDetail } from '../internal';\nimport { Transition } from '../../internal/components/transition';\nimport PopoverContainer from '../../popover/container';\nimport PopoverBody from '../../popover/body';\nimport Portal from '../../internal/components/portal';\nimport popoverStyles from '../../popover/styles.css.js';\n\ntype BreadcrumbItemWithPopoverProps<T extends BreadcrumbGroupProps.Item> =\n  React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    item: T;\n  };\n\nconst BreadcrumbItemWithPopover = <T extends BreadcrumbGroupProps.Item>({\n  item,\n  ...anchorAttributes\n}: BreadcrumbItemWithPopoverProps<T>) => {\n  const focusVisible = useFocusVisible();\n  const [showPopover, setShowPopover] = useState(false);\n  const textRef = useRef<HTMLElement>(null);\n  const virtualTextRef = useRef<HTMLElement>(null);\n\n  const isTruncated = (textRef: React.RefObject<HTMLElement>, virtualTextRef: React.RefObject<HTMLElement>) => {\n    if (!textRef || !virtualTextRef || !textRef.current || !virtualTextRef.current) {\n      return false;\n    }\n    const virtualTextWidth = virtualTextRef.current.getBoundingClientRect().width;\n    const textWidth = textRef.current.getBoundingClientRect().width;\n    if (virtualTextWidth > textWidth) {\n      return true;\n    }\n    return false;\n  };\n\n  const popoverContent = (\n    <Portal>\n      <div className={styles['item-popover']}>\n        <Transition in={true}>\n          {() => (\n            <PopoverContainer\n              trackRef={textRef}\n              size=\"small\"\n              fixedWidth={false}\n              position=\"bottom\"\n              arrow={position => (\n                <div className={clsx(popoverStyles.arrow, popoverStyles[`arrow-position-${position}`])}>\n                  <div className={popoverStyles['arrow-outer']} />\n                  <div className={popoverStyles['arrow-inner']} />\n                </div>\n              )}\n            >\n              <PopoverBody dismissButton={false} dismissAriaLabel={undefined} onDismiss={() => {}} header={undefined}>\n                {item.text}\n              </PopoverBody>\n            </PopoverContainer>\n          )}\n        </Transition>\n      </div>\n    </Portal>\n  );\n\n  useEffect(() => {\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setShowPopover(false);\n      }\n    };\n    if (showPopover) {\n      document.addEventListener('keydown', onKeyDown);\n    }\n    return () => {\n      document.removeEventListener('keydown', onKeyDown);\n    };\n  }, [showPopover]);\n\n  return (\n    <>\n      <a\n        {...focusVisible}\n        {...anchorAttributes}\n        onFocus={() => {\n          isTruncated(textRef, virtualTextRef) && setShowPopover(true);\n        }}\n        onBlur={() => setShowPopover(false)}\n        onMouseEnter={() => {\n          isTruncated(textRef, virtualTextRef) && setShowPopover(true);\n        }}\n        onMouseLeave={() => setShowPopover(false)}\n      >\n        <span className={styles.text} ref={textRef}>\n          {item.text}\n        </span>\n        <span className={styles['virtual-item']} ref={virtualTextRef}>\n          {item.text}\n        </span>\n      </a>\n      {showPopover && popoverContent}\n    </>\n  );\n};\n\nexport function BreadcrumbItem<T extends BreadcrumbGroupProps.Item>({\n  item,\n  onClick,\n  onFollow,\n  isDisplayed,\n  isLast = false,\n  isCompressed = false,\n}: BreadcrumbItemProps<T>) {\n  const focusVisible = useFocusVisible();\n  const preventDefault = (event: React.MouseEvent) => event.preventDefault();\n  const onClickHandler = (event: React.MouseEvent) => {\n    if (isPlainLeftClick(event)) {\n      fireCancelableEvent(onFollow, getEventDetail(item), event);\n    }\n    fireCancelableEvent(onClick, getEventDetail(item), event);\n  };\n\n  const anchorAttributes: React.AnchorHTMLAttributes<HTMLAnchorElement> = {\n    href: isLast ? undefined : item.href || '#',\n    className: clsx(styles.anchor, { [styles.compressed]: isCompressed }),\n    'aria-current': isLast ? 'page' : undefined, // Active breadcrumb item is implemented according to WAI-ARIA 1.1\n    'aria-disabled': isLast && 'true',\n    onClick: isLast ? preventDefault : onClickHandler,\n    tabIndex: isLast ? 0 : undefined, // tabIndex is added to the last crumb to keep it in the index without an href\n  };\n\n  return (\n    <>\n      <div className={clsx(styles.breadcrumb, isLast && styles.last)}>\n        {isDisplayed && isCompressed ? (\n          <BreadcrumbItemWithPopover item={item} {...anchorAttributes} />\n        ) : (\n          <a {...focusVisible} {...anchorAttributes}>\n            <span className={styles.text}>{item.text}</span>\n          </a>\n        )}\n        {!isLast ? (\n          <span className={styles.icon}>\n            <InternalIcon name=\"angle-right\" />\n          </span>\n        ) : null}\n      </div>\n    </>\n  );\n}\n"]}

package/breadcrumb-group/item/styles.css.js

@@ -1,12 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_1kosq_6hzx7_93",
-  "breadcrumb": "awsui_breadcrumb_1kosq_6hzx7_97",
-  "icon": "awsui_icon_1kosq_6hzx7_100",
-  "anchor": "awsui_anchor_1kosq_6hzx7_104",
-  "last": "awsui_last_1kosq_6hzx7_147",
-  "compressed": "awsui_compressed_1kosq_6hzx7_158",
-  "text": "awsui_text_1kosq_6hzx7_162"
+  "link": "awsui_link_1kosq_zkw11_93",
+  "breadcrumb": "awsui_breadcrumb_1kosq_zkw11_97",
+  "icon": "awsui_icon_1kosq_zkw11_100",
+  "anchor": "awsui_anchor_1kosq_zkw11_104",
+  "last": "awsui_last_1kosq_zkw11_147",
+  "compressed": "awsui_compressed_1kosq_zkw11_157",
+  "text": "awsui_text_1kosq_zkw11_161",
+  "virtual-item": "awsui_virtual-item_1kosq_zkw11_168",
+  "item-popover": "awsui_item-popover_1kosq_zkw11_175"
 };
   

package/breadcrumb-group/item/styles.scoped.css

@@ -90,18 +90,18 @@ 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_6hzx7_93:not(#\9):after {
+.awsui_link_1kosq_zkw11_93:not(#\9):after {
   display: none;
 }
 
-.awsui_breadcrumb_1kosq_6hzx7_97:not(#\9) {
+.awsui_breadcrumb_1kosq_zkw11_97:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_6hzx7_97 > .awsui_icon_1kosq_6hzx7_100:not(#\9) {
+.awsui_breadcrumb_1kosq_zkw11_97 > .awsui_icon_1kosq_zkw11_100:not(#\9) {
   margin: 0 var(--space-xs-rsr2qu, 8px);
   color: var(--color-text-breadcrumb-icon-mlugp6, #7d8998);
 }
-.awsui_breadcrumb_1kosq_6hzx7_97 > .awsui_anchor_1kosq_6hzx7_104:not(#\9) {
+.awsui_breadcrumb_1kosq_zkw11_97 > .awsui_anchor_1kosq_zkw11_104:not(#\9) {
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: inherit;
   letter-spacing: normal;
@@ -114,31 +114,31 @@ 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_6hzx7_97 > .awsui_anchor_1kosq_6hzx7_104:not(#\9) {
+  .awsui_breadcrumb_1kosq_zkw11_97 > .awsui_anchor_1kosq_zkw11_104:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_6hzx7_97 > .awsui_anchor_1kosq_6hzx7_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_6hzx7_97 > .awsui_anchor_1kosq_6hzx7_104:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_zkw11_97 > .awsui_anchor_1kosq_zkw11_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_zkw11_97 > .awsui_anchor_1kosq_zkw11_104:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_6hzx7_97 > .awsui_anchor_1kosq_6hzx7_104:not(#\9):hover {
+.awsui_breadcrumb_1kosq_zkw11_97 > .awsui_anchor_1kosq_zkw11_104:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_breadcrumb_1kosq_6hzx7_97 > .awsui_anchor_1kosq_6hzx7_104:not(#\9):focus {
+.awsui_breadcrumb_1kosq_zkw11_97 > .awsui_anchor_1kosq_zkw11_104:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_6hzx7_97 > .awsui_anchor_1kosq_6hzx7_104:not(#\9):active {
+.awsui_breadcrumb_1kosq_zkw11_97 > .awsui_anchor_1kosq_zkw11_104:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_breadcrumb_1kosq_6hzx7_97 > .awsui_anchor_1kosq_6hzx7_104:not(#\9):active, .awsui_breadcrumb_1kosq_6hzx7_97 > .awsui_anchor_1kosq_6hzx7_104:not(#\9):focus, .awsui_breadcrumb_1kosq_6hzx7_97 > .awsui_anchor_1kosq_6hzx7_104:not(#\9):hover {
+.awsui_breadcrumb_1kosq_zkw11_97 > .awsui_anchor_1kosq_zkw11_104:not(#\9):active, .awsui_breadcrumb_1kosq_zkw11_97 > .awsui_anchor_1kosq_zkw11_104:not(#\9):focus, .awsui_breadcrumb_1kosq_zkw11_97 > .awsui_anchor_1kosq_zkw11_104:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_breadcrumb_1kosq_6hzx7_97 > .awsui_anchor_1kosq_6hzx7_104[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_breadcrumb_1kosq_zkw11_97 > .awsui_anchor_1kosq_zkw11_104[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-k2wccv, 0);
   outline-offset: 2px;
@@ -146,24 +146,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_breadcrumb_1kosq_6hzx7_97.awsui_last_1kosq_6hzx7_147 > .awsui_icon_1kosq_6hzx7_100:not(#\9) {
+.awsui_breadcrumb_1kosq_zkw11_97.awsui_last_1kosq_zkw11_147 > .awsui_icon_1kosq_zkw11_100:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_6hzx7_97.awsui_last_1kosq_6hzx7_147 > .awsui_anchor_1kosq_6hzx7_104:not(#\9) {
+.awsui_breadcrumb_1kosq_zkw11_97.awsui_last_1kosq_zkw11_147 > .awsui_anchor_1kosq_zkw11_104:not(#\9) {
   color: var(--color-text-breadcrumb-current-mum16s, #5f6b7a);
   font-weight: 700;
   text-decoration: none;
   cursor: default;
-  pointer-events: none;
 }
 
-.awsui_compressed_1kosq_6hzx7_158:not(#\9) {
+.awsui_compressed_1kosq_zkw11_157:not(#\9) {
   min-width: 0;
   overflow: hidden;
 }
-.awsui_compressed_1kosq_6hzx7_158 > .awsui_text_1kosq_6hzx7_162:not(#\9) {
+.awsui_compressed_1kosq_zkw11_157 > .awsui_text_1kosq_zkw11_161:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
+}
+
+.awsui_virtual-item_1kosq_zkw11_168:not(#\9) {
+  position: absolute !important;
+  top: -9999px !important;
+  left: -9999px !important;
+  visibility: hidden;
+}
+
+.awsui_item-popover_1kosq_zkw11_175:not(#\9) {
+  /* used in tests */
 }

package/breadcrumb-group/item/styles.selectors.js

@@ -2,12 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_1kosq_6hzx7_93",
-  "breadcrumb": "awsui_breadcrumb_1kosq_6hzx7_97",
-  "icon": "awsui_icon_1kosq_6hzx7_100",
-  "anchor": "awsui_anchor_1kosq_6hzx7_104",
-  "last": "awsui_last_1kosq_6hzx7_147",
-  "compressed": "awsui_compressed_1kosq_6hzx7_158",
-  "text": "awsui_text_1kosq_6hzx7_162"
+  "link": "awsui_link_1kosq_zkw11_93",
+  "breadcrumb": "awsui_breadcrumb_1kosq_zkw11_97",
+  "icon": "awsui_icon_1kosq_zkw11_100",
+  "anchor": "awsui_anchor_1kosq_zkw11_104",
+  "last": "awsui_last_1kosq_zkw11_147",
+  "compressed": "awsui_compressed_1kosq_zkw11_157",
+  "text": "awsui_text_1kosq_zkw11_161",
+  "virtual-item": "awsui_virtual-item_1kosq_zkw11_168",
+  "item-popover": "awsui_item-popover_1kosq_zkw11_175"
 };
   

package/code-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code-editor/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AA6B/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,eAuTxD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code-editor/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AA+B/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,eA0TxD"}