@cloudscape-design/components-themeable 3.0.199 → 3.0.201

package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js

@@ -2,65 +2,65 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "appbar": "awsui_appbar_hyvsj_14n8k_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_14n8k_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_14n8k_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_14n8k_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_14n8k_166",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_14n8k_173",
-  "has-header": "awsui_has-header_hyvsj_14n8k_179",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_14n8k_179",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_14n8k_180",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_14n8k_183",
-  "content-type-table": "awsui_content-type-table_hyvsj_14n8k_184",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_14n8k_187",
-  "background": "awsui_background_hyvsj_14n8k_221",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_14n8k_224",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_14n8k_236",
-  "overlap": "awsui_overlap_hyvsj_14n8k_242",
-  "content": "awsui_content_hyvsj_14n8k_180",
-  "layout": "awsui_layout_hyvsj_14n8k_333",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_14n8k_415",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_14n8k_442",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_14n8k_445",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_14n8k_449",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_14n8k_463",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_14n8k_463",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_14n8k_475",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_14n8k_478",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_14n8k_493",
-  "container": "awsui_container_hyvsj_14n8k_501",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_14n8k_527",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_14n8k_532",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_14n8k_535",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_14n8k_535",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_14n8k_535",
-  "content-type-default": "awsui_content-type-default_hyvsj_14n8k_555",
-  "content-type-form": "awsui_content-type-form_hyvsj_14n8k_555",
-  "unfocusable": "awsui_unfocusable_hyvsj_14n8k_596",
-  "navigation-container": "awsui_navigation-container_hyvsj_14n8k_606",
-  "show-navigation": "awsui_show-navigation_hyvsj_14n8k_641",
-  "animating": "awsui_animating_hyvsj_14n8k_663",
-  "showButtons": "awsui_showButtons_hyvsj_14n8k_1",
-  "navigation": "awsui_navigation_hyvsj_14n8k_606",
-  "openNavigation": "awsui_openNavigation_hyvsj_14n8k_1",
-  "animated-content": "awsui_animated-content_hyvsj_14n8k_724",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_14n8k_733",
-  "notifications": "awsui_notifications_hyvsj_14n8k_224",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_14n8k_798",
-  "position-bottom": "awsui_position-bottom_hyvsj_14n8k_844",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_14n8k_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_14n8k_873",
-  "position-side": "awsui_position-side_hyvsj_14n8k_901",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_14n8k_1",
-  "tools-container": "awsui_tools-container_hyvsj_14n8k_938",
-  "tools": "awsui_tools_hyvsj_14n8k_938",
-  "openTools": "awsui_openTools_hyvsj_14n8k_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_14n8k_1023",
-  "hide-tools": "awsui_hide-tools_hyvsj_14n8k_1033",
-  "show-tools": "awsui_show-tools_hyvsj_14n8k_1045",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_14n8k_1023",
-  "trigger": "awsui_trigger_hyvsj_14n8k_1102",
-  "selected": "awsui_selected_hyvsj_14n8k_1141"
+  "appbar": "awsui_appbar_hyvsj_7fye7_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_7fye7_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_7fye7_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_7fye7_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_7fye7_166",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_7fye7_173",
+  "has-header": "awsui_has-header_hyvsj_7fye7_179",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_7fye7_179",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_7fye7_180",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_7fye7_183",
+  "content-type-table": "awsui_content-type-table_hyvsj_7fye7_184",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_7fye7_187",
+  "background": "awsui_background_hyvsj_7fye7_221",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_7fye7_224",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_7fye7_236",
+  "overlap": "awsui_overlap_hyvsj_7fye7_242",
+  "content": "awsui_content_hyvsj_7fye7_180",
+  "layout": "awsui_layout_hyvsj_7fye7_333",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_7fye7_415",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_7fye7_442",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_7fye7_445",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_7fye7_449",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_7fye7_463",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_7fye7_463",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_7fye7_475",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_7fye7_478",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_7fye7_493",
+  "container": "awsui_container_hyvsj_7fye7_501",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_7fye7_527",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_7fye7_532",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_7fye7_535",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_7fye7_535",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_7fye7_535",
+  "content-type-default": "awsui_content-type-default_hyvsj_7fye7_555",
+  "content-type-form": "awsui_content-type-form_hyvsj_7fye7_555",
+  "unfocusable": "awsui_unfocusable_hyvsj_7fye7_596",
+  "navigation-container": "awsui_navigation-container_hyvsj_7fye7_606",
+  "show-navigation": "awsui_show-navigation_hyvsj_7fye7_641",
+  "animating": "awsui_animating_hyvsj_7fye7_663",
+  "showButtons": "awsui_showButtons_hyvsj_7fye7_1",
+  "navigation": "awsui_navigation_hyvsj_7fye7_606",
+  "openNavigation": "awsui_openNavigation_hyvsj_7fye7_1",
+  "animated-content": "awsui_animated-content_hyvsj_7fye7_724",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_7fye7_733",
+  "notifications": "awsui_notifications_hyvsj_7fye7_224",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_7fye7_799",
+  "position-bottom": "awsui_position-bottom_hyvsj_7fye7_845",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_7fye7_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_7fye7_874",
+  "position-side": "awsui_position-side_hyvsj_7fye7_902",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_7fye7_1",
+  "tools-container": "awsui_tools-container_hyvsj_7fye7_939",
+  "tools": "awsui_tools_hyvsj_7fye7_939",
+  "openTools": "awsui_openTools_hyvsj_7fye7_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_7fye7_1024",
+  "hide-tools": "awsui_hide-tools_hyvsj_7fye7_1034",
+  "show-tools": "awsui_show-tools_hyvsj_7fye7_1046",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_7fye7_1024",
+  "trigger": "awsui_trigger_hyvsj_7fye7_1103",
+  "selected": "awsui_selected_hyvsj_7fye7_1142"
 };
   

package/lib/internal/template/area-chart/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "series": "awsui_series_y1yrh_1e1fd_93",
-  "root": "awsui_root_y1yrh_1e1fd_111",
-  "has-default-filter": "awsui_has-default-filter_y1yrh_1e1fd_126",
-  "chart-container": "awsui_chart-container_y1yrh_1e1fd_130",
-  "chart-container__vertical": "awsui_chart-container__vertical_y1yrh_1e1fd_136",
-  "chart-container__horizontal": "awsui_chart-container__horizontal_y1yrh_1e1fd_142",
-  "content": "awsui_content_y1yrh_1e1fd_146",
-  "content--reserve-filter": "awsui_content--reserve-filter_y1yrh_1e1fd_153",
-  "content--reserve-legend": "awsui_content--reserve-legend_y1yrh_1e1fd_157",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_1e1fd_169",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_1e1fd_173",
-  "series--threshold": "awsui_series--threshold_y1yrh_1e1fd_177",
-  "popover-divider": "awsui_popover-divider_y1yrh_1e1fd_182"
+  "series": "awsui_series_y1yrh_wjkku_93",
+  "root": "awsui_root_y1yrh_wjkku_111",
+  "has-default-filter": "awsui_has-default-filter_y1yrh_wjkku_126",
+  "chart-container": "awsui_chart-container_y1yrh_wjkku_130",
+  "chart-container__vertical": "awsui_chart-container__vertical_y1yrh_wjkku_136",
+  "chart-container__horizontal": "awsui_chart-container__horizontal_y1yrh_wjkku_142",
+  "content": "awsui_content_y1yrh_wjkku_146",
+  "content--reserve-filter": "awsui_content--reserve-filter_y1yrh_wjkku_153",
+  "content--reserve-legend": "awsui_content--reserve-legend_y1yrh_wjkku_157",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_wjkku_169",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_wjkku_173",
+  "series--threshold": "awsui_series--threshold_y1yrh_wjkku_177",
+  "popover-divider": "awsui_popover-divider_y1yrh_wjkku_182"
 };
   

package/lib/internal/template/area-chart/styles.scoped.css

@@ -50,8 +50,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -64,6 +62,8 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -90,16 +90,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_series_y1yrh_1e1fd_93 > rect:not(#\9) {
+.awsui_series_y1yrh_wjkku_93 > rect:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_y1yrh_1e1fd_93 > rect:not(#\9) {
+  .awsui_series_y1yrh_wjkku_93 > rect:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_y1yrh_1e1fd_93 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_1e1fd_93 > rect:not(#\9) {
+.awsui-motion-disabled .awsui_series_y1yrh_wjkku_93 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_wjkku_93 > rect:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -108,7 +108,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_y1yrh_1e1fd_111:not(#\9) {
+.awsui_root_y1yrh_wjkku_111:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -149,42 +149,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_has-default-filter_y1yrh_1e1fd_126 > :not(#\9):first-child {
+.awsui_has-default-filter_y1yrh_wjkku_126 > :not(#\9):first-child {
   flex: 280px 0 1;
 }
 
-.awsui_chart-container_y1yrh_1e1fd_130:not(#\9) {
+.awsui_chart-container_y1yrh_wjkku_130:not(#\9) {
   display: flex;
   width: 100%;
   flex-direction: column;
 }
 
-.awsui_chart-container__vertical_y1yrh_1e1fd_136:not(#\9) {
+.awsui_chart-container__vertical_y1yrh_wjkku_136:not(#\9) {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
 
-.awsui_chart-container__horizontal_y1yrh_1e1fd_142:not(#\9) {
+.awsui_chart-container__horizontal_y1yrh_wjkku_142:not(#\9) {
   display: flex;
 }
 
-.awsui_content_y1yrh_1e1fd_146:not(#\9) {
+.awsui_content_y1yrh_wjkku_146:not(#\9) {
   display: flex;
   position: relative;
   justify-content: center;
   align-items: center;
 }
 
-.awsui_content--reserve-filter_y1yrh_1e1fd_153:not(#\9) {
+.awsui_content--reserve-filter_y1yrh_wjkku_153:not(#\9) {
   margin-top: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
 }
 
-.awsui_content--reserve-legend_y1yrh_1e1fd_157:not(#\9) {
+.awsui_content--reserve-legend_y1yrh_wjkku_157:not(#\9) {
   margin-bottom: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
 }
 
-.awsui_series_y1yrh_1e1fd_93:not(#\9) {
+.awsui_series_y1yrh_wjkku_93:not(#\9) {
   display: block;
   stroke-width: var(--border-line-chart-width-nj0hc5, 2px);
   fill: none;
@@ -192,20 +192,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   stroke-linejoin: var(--border-line-chart-line-join-zprv4i, miter);
 }
 
-.awsui_series--highlighted_y1yrh_1e1fd_169:not(#\9) {
+.awsui_series--highlighted_y1yrh_wjkku_169:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_series--dimmed_y1yrh_1e1fd_173:not(#\9) {
+.awsui_series--dimmed_y1yrh_wjkku_173:not(#\9) {
   opacity: 0.3;
 }
 
-.awsui_series--threshold_y1yrh_1e1fd_177:not(#\9) {
+.awsui_series--threshold_y1yrh_wjkku_177:not(#\9) {
   stroke-dasharray: var(--border-line-chart-dash-array-4wa4ab, 3 5);
   stroke-width: var(--border-line-chart-width-nj0hc5, 2px);
 }
 
-.awsui_popover-divider_y1yrh_1e1fd_182:not(#\9) {
+.awsui_popover-divider_y1yrh_wjkku_182:not(#\9) {
   margin: var(--space-xxs-ynfts5, 4px) 0;
   border-bottom: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }

package/lib/internal/template/area-chart/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "series": "awsui_series_y1yrh_1e1fd_93",
-  "root": "awsui_root_y1yrh_1e1fd_111",
-  "has-default-filter": "awsui_has-default-filter_y1yrh_1e1fd_126",
-  "chart-container": "awsui_chart-container_y1yrh_1e1fd_130",
-  "chart-container__vertical": "awsui_chart-container__vertical_y1yrh_1e1fd_136",
-  "chart-container__horizontal": "awsui_chart-container__horizontal_y1yrh_1e1fd_142",
-  "content": "awsui_content_y1yrh_1e1fd_146",
-  "content--reserve-filter": "awsui_content--reserve-filter_y1yrh_1e1fd_153",
-  "content--reserve-legend": "awsui_content--reserve-legend_y1yrh_1e1fd_157",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_1e1fd_169",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_1e1fd_173",
-  "series--threshold": "awsui_series--threshold_y1yrh_1e1fd_177",
-  "popover-divider": "awsui_popover-divider_y1yrh_1e1fd_182"
+  "series": "awsui_series_y1yrh_wjkku_93",
+  "root": "awsui_root_y1yrh_wjkku_111",
+  "has-default-filter": "awsui_has-default-filter_y1yrh_wjkku_126",
+  "chart-container": "awsui_chart-container_y1yrh_wjkku_130",
+  "chart-container__vertical": "awsui_chart-container__vertical_y1yrh_wjkku_136",
+  "chart-container__horizontal": "awsui_chart-container__horizontal_y1yrh_wjkku_142",
+  "content": "awsui_content_y1yrh_wjkku_146",
+  "content--reserve-filter": "awsui_content--reserve-filter_y1yrh_wjkku_153",
+  "content--reserve-legend": "awsui_content--reserve-legend_y1yrh_wjkku_157",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_wjkku_169",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_wjkku_173",
+  "series--threshold": "awsui_series--threshold_y1yrh_wjkku_177",
+  "popover-divider": "awsui_popover-divider_y1yrh_wjkku_182"
 };
   

package/lib/internal/template/attribute-editor/interfaces.d.ts

@@ -26,6 +26,7 @@ export declare namespace AttributeEditorProps {
     }
     interface I18nStrings {
         errorIconAriaLabel?: string;
+        itemRemovedAriaLive?: string;
     }
 }
 export interface AttributeEditorProps<T> extends BaseComponentProps {

package/lib/internal/template/attribute-editor/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/attribute-editor/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAY/D,MAAM,WAAW,6BAA6B;IAC5C,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAA;KAAE,GAAG,GAAG,CAAC,OAAO,CAAC;CAClG;AAED,yBAAiB,oBAAoB,CAAC;IACpC,UAAiB,uBAAuB,CAAC,CAAC;QACxC,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC;KACpB;IAED,KAAY,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACjF,UAAiB,eAAe,CAAC,CAAC;QAChC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;QAC/C,SAAS,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;QACjD,cAAc,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;KACvD;IAED,UAAiB,uBAAuB;QACtC,SAAS,EAAE,MAAM,CAAC;KACnB;IAED,UAAiB,GAAG;QAClB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;KAC5C;IAED,UAAiB,WAAW;QAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;CACF;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,kBAAkB;IACjE;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEjC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAEzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;IAElE;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;;;;;;OAUG;IACH,UAAU,EAAE,aAAa,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnE;;OAEG;IACH,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAE7C;;;OAGG;IACH,mBAAmB,CAAC,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,CAAC;IAE9F;;OAEG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC;CAChD"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/attribute-editor/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAY/D,MAAM,WAAW,6BAA6B;IAC5C,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAA;KAAE,GAAG,GAAG,CAAC,OAAO,CAAC;CAClG;AAED,yBAAiB,oBAAoB,CAAC;IACpC,UAAiB,uBAAuB,CAAC,CAAC;QACxC,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC;KACpB;IAED,KAAY,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACjF,UAAiB,eAAe,CAAC,CAAC;QAChC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;QAC/C,SAAS,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;QACjD,cAAc,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;KACvD;IAED,UAAiB,uBAAuB;QACtC,SAAS,EAAE,MAAM,CAAC;KACnB;IAED,UAAiB,GAAG;QAClB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;KAC5C;IAED,UAAiB,WAAW;QAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAE5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B;CACF;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,kBAAkB;IACjE;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEjC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAEzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;IAElE;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;;;;;;OAUG;IACH,UAAU,EAAE,aAAa,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnE;;OAEG;IACH,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAE7C;;;OAGG;IACH,mBAAmB,CAAC,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,CAAC;IAE9F;;OAEG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC;CAChD"}

package/lib/internal/template/attribute-editor/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/attribute-editor/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\n/*\n * HACK: Cast the component to a named parametrized interface.\n *\n * This lets us use React.forwardRef and still let the component have type\n * parameters, and the naming convention lets the documenter know that this is\n * a forwardRef-wrapped component.\n *\n * We don't need to expose this type to customers because it's just a simple\n * function type.\n */\nexport interface AttributeEditorForwardRefType {\n  <T>(props: AttributeEditorProps<T> & { ref?: React.Ref<AttributeEditorProps.Ref> }): JSX.Element;\n}\n\nexport namespace AttributeEditorProps {\n  export interface IsItemRemovableFunction<T> {\n    (item: T): boolean;\n  }\n\n  export type FieldRenderable<T> = (item: T, itemIndex: number) => React.ReactNode;\n  export interface FieldDefinition<T> {\n    label?: React.ReactNode;\n    info?: React.ReactNode;\n    control?: FieldRenderable<T> | React.ReactNode;\n    errorText?: FieldRenderable<T> | React.ReactNode;\n    constraintText?: FieldRenderable<T> | React.ReactNode;\n  }\n\n  export interface RemoveButtonClickDetail {\n    itemIndex: number;\n  }\n\n  export interface Ref {\n    focusRemoveButton(itemIndex: number): void;\n  }\n\n  export interface I18nStrings {\n    errorIconAriaLabel?: string;\n  }\n}\n\nexport interface AttributeEditorProps<T> extends BaseComponentProps {\n  /**\n   * Displayed when there are no items to display.\n   */\n  empty?: React.ReactNode;\n\n  /**\n   * Displayed below the add button. Use it for additional information related to the attribute editor.\n   */\n  additionalInfo?: React.ReactNode;\n\n  /**\n   * Specifies the text that's displayed in the add button.\n   */\n  addButtonText: string;\n\n  /**\n   * Specifies the text that's displayed in the remove button.\n   */\n  removeButtonText: string;\n\n  /**\n   * Specifies the items that serve as the data source for all rows.\n   * The display of a row is handled by the `definition` property.\n   */\n  items?: ReadonlyArray<T>;\n\n  /**\n   * Function that determines whether an item is removable. When this function returns `false`, the remove\n   * button is not rendered and the user can't remove the item.\n   * By default, all items are removable.\n   */\n  isItemRemovable?: AttributeEditorProps.IsItemRemovableFunction<T>;\n\n  /**\n   * Determines whether the add button is disabled.\n   */\n  disableAddButton?: boolean;\n\n  /**\n   * Defines the editor configuration. Each object in the array represents one form field in the row.\n   * * `label` (ReactNode) - Text label for the form field.\n   * * `info` (ReactNode) - Info link for the form field.\n   * * `errorText` ((item, itemIndex) => ReactNode) - Error message text to display as a control validation message.\n   *    It renders the form field as invalid if the returned value is not `null` or `undefined`.\n   * * `constraintText` ((item, itemIndex) => ReactNode) - Text to display as a constraint message below the field.\n   * * `control` ((item, itemIndex) => ReactNode) - A control to use as the input for the field.\n   *\n   * A maximum of four fields are supported.\n   */\n  definition: ReadonlyArray<AttributeEditorProps.FieldDefinition<T>>;\n\n  /**\n   * Called when add button is clicked.\n   */\n  onAddButtonClick?: NonCancelableEventHandler;\n\n  /**\n   * Called when remove button is clicked.\n   * The event `detail` contains the index of the corresponding item.\n   */\n  onRemoveButtonClick?: NonCancelableEventHandler<AttributeEditorProps.RemoveButtonClickDetail>;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   */\n  i18nStrings?: AttributeEditorProps.I18nStrings;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/attribute-editor/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\n/*\n * HACK: Cast the component to a named parametrized interface.\n *\n * This lets us use React.forwardRef and still let the component have type\n * parameters, and the naming convention lets the documenter know that this is\n * a forwardRef-wrapped component.\n *\n * We don't need to expose this type to customers because it's just a simple\n * function type.\n */\nexport interface AttributeEditorForwardRefType {\n  <T>(props: AttributeEditorProps<T> & { ref?: React.Ref<AttributeEditorProps.Ref> }): JSX.Element;\n}\n\nexport namespace AttributeEditorProps {\n  export interface IsItemRemovableFunction<T> {\n    (item: T): boolean;\n  }\n\n  export type FieldRenderable<T> = (item: T, itemIndex: number) => React.ReactNode;\n  export interface FieldDefinition<T> {\n    label?: React.ReactNode;\n    info?: React.ReactNode;\n    control?: FieldRenderable<T> | React.ReactNode;\n    errorText?: FieldRenderable<T> | React.ReactNode;\n    constraintText?: FieldRenderable<T> | React.ReactNode;\n  }\n\n  export interface RemoveButtonClickDetail {\n    itemIndex: number;\n  }\n\n  export interface Ref {\n    focusRemoveButton(itemIndex: number): void;\n  }\n\n  export interface I18nStrings {\n    errorIconAriaLabel?: string;\n\n    itemRemovedAriaLive?: string;\n  }\n}\n\nexport interface AttributeEditorProps<T> extends BaseComponentProps {\n  /**\n   * Displayed when there are no items to display.\n   */\n  empty?: React.ReactNode;\n\n  /**\n   * Displayed below the add button. Use it for additional information related to the attribute editor.\n   */\n  additionalInfo?: React.ReactNode;\n\n  /**\n   * Specifies the text that's displayed in the add button.\n   */\n  addButtonText: string;\n\n  /**\n   * Specifies the text that's displayed in the remove button.\n   */\n  removeButtonText: string;\n\n  /**\n   * Specifies the items that serve as the data source for all rows.\n   * The display of a row is handled by the `definition` property.\n   */\n  items?: ReadonlyArray<T>;\n\n  /**\n   * Function that determines whether an item is removable. When this function returns `false`, the remove\n   * button is not rendered and the user can't remove the item.\n   * By default, all items are removable.\n   */\n  isItemRemovable?: AttributeEditorProps.IsItemRemovableFunction<T>;\n\n  /**\n   * Determines whether the add button is disabled.\n   */\n  disableAddButton?: boolean;\n\n  /**\n   * Defines the editor configuration. Each object in the array represents one form field in the row.\n   * * `label` (ReactNode) - Text label for the form field.\n   * * `info` (ReactNode) - Info link for the form field.\n   * * `errorText` ((item, itemIndex) => ReactNode) - Error message text to display as a control validation message.\n   *    It renders the form field as invalid if the returned value is not `null` or `undefined`.\n   * * `constraintText` ((item, itemIndex) => ReactNode) - Text to display as a constraint message below the field.\n   * * `control` ((item, itemIndex) => ReactNode) - A control to use as the input for the field.\n   *\n   * A maximum of four fields are supported.\n   */\n  definition: ReadonlyArray<AttributeEditorProps.FieldDefinition<T>>;\n\n  /**\n   * Called when add button is clicked.\n   */\n  onAddButtonClick?: NonCancelableEventHandler;\n\n  /**\n   * Called when remove button is clicked.\n   * The event `detail` contains the index of the corresponding item.\n   */\n  onRemoveButtonClick?: NonCancelableEventHandler<AttributeEditorProps.RemoveButtonClickDetail>;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   */\n  i18nStrings?: AttributeEditorProps.I18nStrings;\n}\n"]}

package/lib/internal/template/attribute-editor/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/attribute-editor/internal.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,6BAA6B,EAAwB,MAAM,cAAc,CAAC;AAcnF,QAAA,MAAM,uBAAuB,+BAuEK,CAAC;AAEnC,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/attribute-editor/internal.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,6BAA6B,EAAwB,MAAM,cAAc,CAAC;AAgBnF,QAAA,MAAM,uBAAuB,+BAwFK,CAAC;AAEnC,eAAe,uBAAuB,CAAC"}

package/lib/internal/template/attribute-editor/internal.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useImperativeHandle, useRef } from 'react';
+import React, { useImperativeHandle, useRef, useState } from 'react';
 import clsx from 'clsx';
 import { getBaseProps } from '../internal/base-component';
 import { InternalButton } from '../button/internal';
@@ -12,11 +12,14 @@ import { useContainerBreakpoints } from '../internal/hooks/container-queries';
 import InternalBox from '../box/internal';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import { useUniqueId } from '../internal/hooks/use-unique-id';
+import { usePrevious } from '../internal/hooks/use-previous';
+import LiveRegion from '../internal/components/live-region';
 var InternalAttributeEditor = React.forwardRef(function (_a, ref) {
     var additionalInfo = _a.additionalInfo, disableAddButton = _a.disableAddButton, definition = _a.definition, items = _a.items, _b = _a.isItemRemovable, isItemRemovable = _b === void 0 ? function () { return true; } : _b, empty = _a.empty, addButtonText = _a.addButtonText, removeButtonText = _a.removeButtonText, i18nStrings = _a.i18nStrings, onAddButtonClick = _a.onAddButtonClick, onRemoveButtonClick = _a.onRemoveButtonClick, _c = _a.__internalRootRef, __internalRootRef = _c === void 0 ? null : _c, props = __rest(_a, ["additionalInfo", "disableAddButton", "definition", "items", "isItemRemovable", "empty", "addButtonText", "removeButtonText", "i18nStrings", "onAddButtonClick", "onRemoveButtonClick", "__internalRootRef"]);
     var _d = useContainerBreakpoints(['default', 'xxs', 'xs']), breakpoint = _d[0], breakpointRef = _d[1];
     var removeButtonRefs = useRef([]);
     var wasNonEmpty = useRef(false);
+    var _e = useState(''), removalAnnouncement = _e[0], setRemovalAnnouncement = _e[1];
     var baseProps = getBaseProps(props);
     var isEmpty = items && items.length === 0;
     wasNonEmpty.current = wasNonEmpty.current || !isEmpty;
@@ -29,12 +32,24 @@ var InternalAttributeEditor = React.forwardRef(function (_a, ref) {
     var mergedRef = useMergeRefs(breakpointRef, __internalRootRef);
     var additionalInfoId = useUniqueId('attribute-editor-info');
     var infoAriaDescribedBy = additionalInfo ? additionalInfoId : undefined;
+    var prevItemsLength = usePrevious(items.length);
+    React.useEffect(function () {
+        if (prevItemsLength && prevItemsLength > items.length && (i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.itemRemovedAriaLive)) {
+            setRemovalAnnouncement(i18nStrings.itemRemovedAriaLive);
+        }
+        else {
+            setRemovalAnnouncement('');
+        }
+        // we only want to announce when the number of items decreases (i.e. when an item is removed)
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [items, i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.itemRemovedAriaLive]);
     return (React.createElement("div", __assign({}, baseProps, { ref: mergedRef, className: clsx(baseProps.className, styles.root) }),
         React.createElement(InternalBox, { margin: { bottom: 'l' } },
             isEmpty && React.createElement("div", { className: clsx(styles.empty, wasNonEmpty.current && styles['empty-appear']) }, empty),
             items.map(function (item, index) { return (React.createElement(Row, { key: index, index: index, breakpoint: breakpoint, item: item, definition: definition, i18nStrings: i18nStrings, removable: isItemRemovable(item), removeButtonText: removeButtonText, removeButtonRefs: removeButtonRefs.current, onRemoveButtonClick: onRemoveButtonClick })); })),
         React.createElement(InternalButton, { className: styles['add-button'], disabled: disableAddButton, onClick: onAddButtonClick, formAction: "none", __nativeAttributes: { 'aria-describedby': infoAriaDescribedBy } }, addButtonText),
-        additionalInfo && React.createElement(AdditionalInfo, { id: infoAriaDescribedBy }, additionalInfo)));
+        React.createElement(LiveRegion, { "data-testid": "removal-announcement", delay: 5, key: items.length }, removalAnnouncement),
+        !!additionalInfo && React.createElement(AdditionalInfo, { id: infoAriaDescribedBy }, additionalInfo)));
 });
 export default InternalAttributeEditor;
 //# sourceMappingURL=internal.js.map

package/lib/internal/template/attribute-editor/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/attribute-editor/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, { useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\n\nimport { AttributeEditorForwardRefType, AttributeEditorProps } from './interfaces';\nimport { AdditionalInfo } from './additional-info';\nimport { Row } from './row';\n\nimport styles from './styles.css.js';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport InternalBox from '../box/internal';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { SomeRequired } from '../internal/types';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\n\ntype InternalAttributeEditorProps<T> = SomeRequired<AttributeEditorProps<T>, 'items'> & InternalBaseComponentProps;\n\nconst InternalAttributeEditor = React.forwardRef(\n  <T,>(\n    {\n      additionalInfo,\n      disableAddButton,\n      definition,\n      items,\n      isItemRemovable = () => true,\n      empty,\n      addButtonText,\n      removeButtonText,\n      i18nStrings,\n      onAddButtonClick,\n      onRemoveButtonClick,\n      __internalRootRef = null,\n      ...props\n    }: InternalAttributeEditorProps<T>,\n    ref: React.Ref<AttributeEditorProps.Ref>\n  ) => {\n    const [breakpoint, breakpointRef] = useContainerBreakpoints(['default', 'xxs', 'xs']);\n    const removeButtonRefs = useRef<Array<ButtonProps.Ref | undefined>>([]);\n    const wasNonEmpty = useRef<boolean>(false);\n\n    const baseProps = getBaseProps(props);\n    const isEmpty = items && items.length === 0;\n\n    wasNonEmpty.current = wasNonEmpty.current || !isEmpty;\n\n    useImperativeHandle(ref, () => ({\n      focusRemoveButton(rowIndex: number) {\n        removeButtonRefs.current[rowIndex]?.focus();\n      },\n    }));\n\n    const mergedRef = useMergeRefs(breakpointRef, __internalRootRef);\n\n    const additionalInfoId = useUniqueId('attribute-editor-info');\n    const infoAriaDescribedBy = additionalInfo ? additionalInfoId : undefined;\n\n    return (\n      <div {...baseProps} ref={mergedRef} className={clsx(baseProps.className, styles.root)}>\n        <InternalBox margin={{ bottom: 'l' }}>\n          {isEmpty && <div className={clsx(styles.empty, wasNonEmpty.current && styles['empty-appear'])}>{empty}</div>}\n          {items.map((item, index) => (\n            <Row\n              key={index}\n              index={index}\n              breakpoint={breakpoint}\n              item={item}\n              definition={definition}\n              i18nStrings={i18nStrings}\n              removable={isItemRemovable(item)}\n              removeButtonText={removeButtonText}\n              removeButtonRefs={removeButtonRefs.current}\n              onRemoveButtonClick={onRemoveButtonClick}\n            />\n          ))}\n        </InternalBox>\n        <InternalButton\n          className={styles['add-button']}\n          disabled={disableAddButton}\n          onClick={onAddButtonClick}\n          formAction=\"none\"\n          __nativeAttributes={{ 'aria-describedby': infoAriaDescribedBy }}\n        >\n          {addButtonText}\n        </InternalButton>\n        {additionalInfo && <AdditionalInfo id={infoAriaDescribedBy}>{additionalInfo}</AdditionalInfo>}\n      </div>\n    );\n  }\n) as AttributeEditorForwardRefType;\n\nexport default InternalAttributeEditor;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/attribute-editor/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, { useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\n\nimport { AttributeEditorForwardRefType, AttributeEditorProps } from './interfaces';\nimport { AdditionalInfo } from './additional-info';\nimport { Row } from './row';\n\nimport styles from './styles.css.js';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport InternalBox from '../box/internal';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { SomeRequired } from '../internal/types';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { usePrevious } from '../internal/hooks/use-previous';\nimport LiveRegion from '../internal/components/live-region';\n\ntype InternalAttributeEditorProps<T> = SomeRequired<AttributeEditorProps<T>, 'items'> & InternalBaseComponentProps;\n\nconst InternalAttributeEditor = React.forwardRef(\n  <T,>(\n    {\n      additionalInfo,\n      disableAddButton,\n      definition,\n      items,\n      isItemRemovable = () => true,\n      empty,\n      addButtonText,\n      removeButtonText,\n      i18nStrings,\n      onAddButtonClick,\n      onRemoveButtonClick,\n      __internalRootRef = null,\n      ...props\n    }: InternalAttributeEditorProps<T>,\n    ref: React.Ref<AttributeEditorProps.Ref>\n  ) => {\n    const [breakpoint, breakpointRef] = useContainerBreakpoints(['default', 'xxs', 'xs']);\n    const removeButtonRefs = useRef<Array<ButtonProps.Ref | undefined>>([]);\n    const wasNonEmpty = useRef<boolean>(false);\n    const [removalAnnouncement, setRemovalAnnouncement] = useState<string>('');\n\n    const baseProps = getBaseProps(props);\n    const isEmpty = items && items.length === 0;\n\n    wasNonEmpty.current = wasNonEmpty.current || !isEmpty;\n\n    useImperativeHandle(ref, () => ({\n      focusRemoveButton(rowIndex: number) {\n        removeButtonRefs.current[rowIndex]?.focus();\n      },\n    }));\n\n    const mergedRef = useMergeRefs(breakpointRef, __internalRootRef);\n\n    const additionalInfoId = useUniqueId('attribute-editor-info');\n    const infoAriaDescribedBy = additionalInfo ? additionalInfoId : undefined;\n\n    const prevItemsLength = usePrevious(items.length);\n\n    React.useEffect(() => {\n      if (prevItemsLength && prevItemsLength > items.length && i18nStrings?.itemRemovedAriaLive) {\n        setRemovalAnnouncement(i18nStrings.itemRemovedAriaLive);\n      } else {\n        setRemovalAnnouncement('');\n      }\n      // we only want to announce when the number of items decreases (i.e. when an item is removed)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [items, i18nStrings?.itemRemovedAriaLive]);\n\n    return (\n      <div {...baseProps} ref={mergedRef} className={clsx(baseProps.className, styles.root)}>\n        <InternalBox margin={{ bottom: 'l' }}>\n          {isEmpty && <div className={clsx(styles.empty, wasNonEmpty.current && styles['empty-appear'])}>{empty}</div>}\n          {items.map((item, index) => (\n            <Row\n              key={index}\n              index={index}\n              breakpoint={breakpoint}\n              item={item}\n              definition={definition}\n              i18nStrings={i18nStrings}\n              removable={isItemRemovable(item)}\n              removeButtonText={removeButtonText}\n              removeButtonRefs={removeButtonRefs.current}\n              onRemoveButtonClick={onRemoveButtonClick}\n            />\n          ))}\n        </InternalBox>\n\n        <InternalButton\n          className={styles['add-button']}\n          disabled={disableAddButton}\n          onClick={onAddButtonClick}\n          formAction=\"none\"\n          __nativeAttributes={{ 'aria-describedby': infoAriaDescribedBy }}\n        >\n          {addButtonText}\n        </InternalButton>\n        <LiveRegion data-testid=\"removal-announcement\" delay={5} key={items.length}>\n          {removalAnnouncement}\n        </LiveRegion>\n        {!!additionalInfo && <AdditionalInfo id={infoAriaDescribedBy}>{additionalInfo}</AdditionalInfo>}\n      </div>\n    );\n  }\n) as AttributeEditorForwardRefType;\n\nexport default InternalAttributeEditor;\n"]}

package/lib/internal/template/attribute-editor/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_1dtd7_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1dtd7_1",
-  "root": "awsui_root_n4qlp_1dtd7_119",
-  "empty": "awsui_empty_n4qlp_1dtd7_93",
-  "row": "awsui_row_n4qlp_1dtd7_139",
-  "row-control": "awsui_row-control_n4qlp_1dtd7_143",
-  "field": "awsui_field_n4qlp_1dtd7_147",
-  "add-button": "awsui_add-button_n4qlp_1dtd7_151",
-  "remove-button": "awsui_remove-button_n4qlp_1dtd7_155",
-  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_1dtd7_159",
-  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_1dtd7_163",
-  "divider": "awsui_divider_n4qlp_1dtd7_167",
-  "additional-info": "awsui_additional-info_n4qlp_1dtd7_171",
-  "right-align": "awsui_right-align_n4qlp_1dtd7_217"
+  "empty-appear": "awsui_empty-appear_n4qlp_4jps0_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_4jps0_1",
+  "root": "awsui_root_n4qlp_4jps0_119",
+  "empty": "awsui_empty_n4qlp_4jps0_93",
+  "row": "awsui_row_n4qlp_4jps0_139",
+  "row-control": "awsui_row-control_n4qlp_4jps0_143",
+  "field": "awsui_field_n4qlp_4jps0_147",
+  "add-button": "awsui_add-button_n4qlp_4jps0_151",
+  "remove-button": "awsui_remove-button_n4qlp_4jps0_155",
+  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_4jps0_159",
+  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_4jps0_163",
+  "divider": "awsui_divider_n4qlp_4jps0_167",
+  "additional-info": "awsui_additional-info_n4qlp_4jps0_171",
+  "right-align": "awsui_right-align_n4qlp_4jps0_217"
 };