@cloudscape-design/components-themeable 3.0.548 → 3.0.550

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

@@ -2,86 +2,86 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "background": "awsui_background_hyvsj_1rb73_93",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_1rb73_96",
-  "sticky-background": "awsui_sticky-background_hyvsj_1rb73_102",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1rb73_110",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1rb73_123",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_1rb73_133",
-  "drawers-container": "awsui_drawers-container_hyvsj_1rb73_145",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1rb73_156",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1rb73_179",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1rb73_184",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1rb73_225",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1rb73_235",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1rb73_239",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1rb73_253",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1rb73_239",
-  "drawer": "awsui_drawer_hyvsj_1rb73_145",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1rb73_284",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1rb73_293",
-  "drawer-content": "awsui_drawer-content_hyvsj_1rb73_284",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1rb73_301",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_1rb73_304",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1rb73_311",
-  "content": "awsui_content_hyvsj_1rb73_337",
-  "layout": "awsui_layout_hyvsj_1rb73_358",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1rb73_441",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1rb73_456",
-  "content-type-table": "awsui_content-type-table_hyvsj_1rb73_470",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1rb73_470",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1rb73_476",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1rb73_479",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1rb73_511",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1rb73_514",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1rb73_524",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1rb73_527",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1rb73_530",
-  "has-header": "awsui_has-header_hyvsj_1rb73_530",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1rb73_551",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1rb73_551",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1rb73_594",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1rb73_594",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1rb73_610",
-  "unfocusable": "awsui_unfocusable_hyvsj_1rb73_615",
-  "container": "awsui_container_hyvsj_1rb73_625",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1rb73_651",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1rb73_654",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1rb73_654",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1rb73_654",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1rb73_654",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1rb73_663",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1rb73_680",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1rb73_684",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1rb73_688",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1rb73_692",
-  "navigation-container": "awsui_navigation-container_hyvsj_1rb73_701",
-  "show-navigation": "awsui_show-navigation_hyvsj_1rb73_745",
-  "animating": "awsui_animating_hyvsj_1rb73_768",
-  "showButtons": "awsui_showButtons_hyvsj_1rb73_1",
-  "navigation": "awsui_navigation_hyvsj_1rb73_701",
-  "openNavigation": "awsui_openNavigation_hyvsj_1rb73_1",
-  "animated-content": "awsui_animated-content_hyvsj_1rb73_830",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1rb73_839",
-  "notifications": "awsui_notifications_hyvsj_1rb73_849",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1rb73_855",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1rb73_872",
-  "position-bottom": "awsui_position-bottom_hyvsj_1rb73_919",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1rb73_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1rb73_948",
-  "position-side": "awsui_position-side_hyvsj_1rb73_961",
-  "tools-container": "awsui_tools-container_hyvsj_1rb73_983",
-  "tools": "awsui_tools_hyvsj_1rb73_983",
-  "openTools": "awsui_openTools_hyvsj_1rb73_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1rb73_1080",
-  "hide-tools": "awsui_hide-tools_hyvsj_1rb73_1090",
-  "show-tools": "awsui_show-tools_hyvsj_1rb73_1102",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1rb73_1080",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1rb73_1187",
-  "trigger": "awsui_trigger_hyvsj_1rb73_1187",
-  "selected": "awsui_selected_hyvsj_1rb73_1260",
-  "badge": "awsui_badge_hyvsj_1rb73_1280",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1rb73_1284",
-  "dot": "awsui_dot_hyvsj_1rb73_1295"
+  "background": "awsui_background_hyvsj_pgdln_99",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_pgdln_102",
+  "sticky-background": "awsui_sticky-background_hyvsj_pgdln_108",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_pgdln_116",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_pgdln_129",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_pgdln_139",
+  "drawers-container": "awsui_drawers-container_hyvsj_pgdln_151",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_pgdln_162",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_pgdln_185",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_pgdln_190",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_pgdln_231",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_pgdln_241",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_pgdln_245",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_pgdln_259",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_pgdln_245",
+  "drawer": "awsui_drawer_hyvsj_pgdln_151",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_pgdln_290",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_pgdln_299",
+  "drawer-content": "awsui_drawer-content_hyvsj_pgdln_290",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_pgdln_307",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_pgdln_310",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_pgdln_317",
+  "content": "awsui_content_hyvsj_pgdln_343",
+  "layout": "awsui_layout_hyvsj_pgdln_364",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_pgdln_447",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_pgdln_462",
+  "content-type-table": "awsui_content-type-table_hyvsj_pgdln_476",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_pgdln_476",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_pgdln_482",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_pgdln_485",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_pgdln_517",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_pgdln_520",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_pgdln_530",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_pgdln_533",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_pgdln_536",
+  "has-header": "awsui_has-header_hyvsj_pgdln_536",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_pgdln_557",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_pgdln_557",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_pgdln_600",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_pgdln_600",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_pgdln_616",
+  "unfocusable": "awsui_unfocusable_hyvsj_pgdln_621",
+  "container": "awsui_container_hyvsj_pgdln_631",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_pgdln_657",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_pgdln_660",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_pgdln_660",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_pgdln_660",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_pgdln_660",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_pgdln_669",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_pgdln_686",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_pgdln_690",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_pgdln_694",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_pgdln_698",
+  "navigation-container": "awsui_navigation-container_hyvsj_pgdln_707",
+  "show-navigation": "awsui_show-navigation_hyvsj_pgdln_751",
+  "animating": "awsui_animating_hyvsj_pgdln_774",
+  "showButtons": "awsui_showButtons_hyvsj_pgdln_1",
+  "navigation": "awsui_navigation_hyvsj_pgdln_707",
+  "openNavigation": "awsui_openNavigation_hyvsj_pgdln_1",
+  "animated-content": "awsui_animated-content_hyvsj_pgdln_836",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_pgdln_845",
+  "notifications": "awsui_notifications_hyvsj_pgdln_855",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_pgdln_861",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_pgdln_878",
+  "position-bottom": "awsui_position-bottom_hyvsj_pgdln_925",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_pgdln_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_pgdln_954",
+  "position-side": "awsui_position-side_hyvsj_pgdln_967",
+  "tools-container": "awsui_tools-container_hyvsj_pgdln_989",
+  "tools": "awsui_tools_hyvsj_pgdln_989",
+  "openTools": "awsui_openTools_hyvsj_pgdln_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_pgdln_1086",
+  "hide-tools": "awsui_hide-tools_hyvsj_pgdln_1096",
+  "show-tools": "awsui_show-tools_hyvsj_pgdln_1108",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_pgdln_1086",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_pgdln_1193",
+  "trigger": "awsui_trigger_hyvsj_pgdln_1193",
+  "selected": "awsui_selected_hyvsj_pgdln_1266",
+  "badge": "awsui_badge_hyvsj_pgdln_1286",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_pgdln_1290",
+  "dot": "awsui_dot_hyvsj_pgdln_1301"
 };
   

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

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "series": "awsui_series_y1yrh_v45of_93",
-  "root": "awsui_root_y1yrh_v45of_111",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_v45of_123",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_v45of_127",
-  "series--threshold": "awsui_series--threshold_y1yrh_v45of_131",
-  "popover-divider": "awsui_popover-divider_y1yrh_v45of_136"
+  "series": "awsui_series_y1yrh_1dipi_99",
+  "root": "awsui_root_y1yrh_1dipi_117",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_1dipi_129",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_1dipi_133",
+  "series--threshold": "awsui_series--threshold_y1yrh_1dipi_137",
+  "popover-divider": "awsui_popover-divider_y1yrh_1dipi_142"
 };
   

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

@@ -6,6 +6,12 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -90,16 +96,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_v45of_93 > rect:not(#\9) {
+.awsui_series_y1yrh_1dipi_99 > rect:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_y1yrh_v45of_93 > rect:not(#\9) {
+  .awsui_series_y1yrh_1dipi_99 > rect:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_y1yrh_v45of_93 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_v45of_93 > rect:not(#\9) {
+.awsui-motion-disabled .awsui_series_y1yrh_1dipi_99 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_1dipi_99 > rect:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -108,11 +114,11 @@ 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_v45of_111:not(#\9) {
+.awsui_root_y1yrh_1dipi_117:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_series_y1yrh_v45of_93:not(#\9) {
+.awsui_series_y1yrh_1dipi_99:not(#\9) {
   display: block;
   stroke-width: var(--border-line-chart-width-qt73mb, 2px);
   fill: none;
@@ -120,20 +126,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   stroke-linejoin: var(--border-line-chart-line-join-z2nu1c, miter);
 }
 
-.awsui_series--highlighted_y1yrh_v45of_123:not(#\9) {
+.awsui_series--highlighted_y1yrh_1dipi_129:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_series--dimmed_y1yrh_v45of_127:not(#\9) {
+.awsui_series--dimmed_y1yrh_1dipi_133:not(#\9) {
   opacity: 0.3;
 }
 
-.awsui_series--threshold_y1yrh_v45of_131:not(#\9) {
+.awsui_series--threshold_y1yrh_1dipi_137:not(#\9) {
   stroke-dasharray: var(--border-line-chart-dash-array-7c084h, 3 5);
   stroke-width: var(--border-line-chart-width-qt73mb, 2px);
 }
 
-.awsui_popover-divider_y1yrh_v45of_136:not(#\9) {
+.awsui_popover-divider_y1yrh_1dipi_142:not(#\9) {
   margin-block: var(--space-xs-xf5ch3, 8px);
   margin-inline: 0;
   border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);

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

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "series": "awsui_series_y1yrh_v45of_93",
-  "root": "awsui_root_y1yrh_v45of_111",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_v45of_123",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_v45of_127",
-  "series--threshold": "awsui_series--threshold_y1yrh_v45of_131",
-  "popover-divider": "awsui_popover-divider_y1yrh_v45of_136"
+  "series": "awsui_series_y1yrh_1dipi_99",
+  "root": "awsui_root_y1yrh_1dipi_117",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_1dipi_129",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_1dipi_133",
+  "series--threshold": "awsui_series--threshold_y1yrh_1dipi_137",
+  "popover-divider": "awsui_popover-divider_y1yrh_1dipi_142"
 };
   

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_zeokg_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_zeokg_1",
-  "root": "awsui_root_n4qlp_zeokg_119",
-  "empty": "awsui_empty_n4qlp_zeokg_93",
-  "row": "awsui_row_n4qlp_zeokg_161",
-  "row-control": "awsui_row-control_n4qlp_zeokg_165",
-  "field": "awsui_field_n4qlp_zeokg_169",
-  "add-button": "awsui_add-button_n4qlp_zeokg_173",
-  "remove-button": "awsui_remove-button_n4qlp_zeokg_177",
-  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_zeokg_181",
-  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_zeokg_185",
-  "divider": "awsui_divider_n4qlp_zeokg_189",
-  "additional-info": "awsui_additional-info_n4qlp_zeokg_193",
-  "right-align": "awsui_right-align_n4qlp_zeokg_239"
+  "empty-appear": "awsui_empty-appear_n4qlp_13yi2_99",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_13yi2_1",
+  "root": "awsui_root_n4qlp_13yi2_125",
+  "empty": "awsui_empty_n4qlp_13yi2_99",
+  "row": "awsui_row_n4qlp_13yi2_167",
+  "row-control": "awsui_row-control_n4qlp_13yi2_171",
+  "field": "awsui_field_n4qlp_13yi2_175",
+  "add-button": "awsui_add-button_n4qlp_13yi2_179",
+  "remove-button": "awsui_remove-button_n4qlp_13yi2_183",
+  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_13yi2_187",
+  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_13yi2_191",
+  "divider": "awsui_divider_n4qlp_13yi2_195",
+  "additional-info": "awsui_additional-info_n4qlp_13yi2_199",
+  "right-align": "awsui_right-align_n4qlp_13yi2_245"
 };
   

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

@@ -2,6 +2,12 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -90,10 +96,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-appear_n4qlp_zeokg_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_zeokg_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
+.awsui_empty-appear_n4qlp_13yi2_99:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_13yi2_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_n4qlp_zeokg_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_13yi2_1 {
   from {
     opacity: 0.2;
   }
@@ -102,12 +108,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_empty-appear_n4qlp_zeokg_93:not(#\9) {
+  .awsui_empty-appear_n4qlp_13yi2_99:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_zeokg_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_zeokg_93:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_13yi2_99:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_13yi2_99:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -116,7 +122,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_zeokg_119:not(#\9) {
+.awsui_root_n4qlp_13yi2_125:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -153,45 +159,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_empty_n4qlp_zeokg_93:not(#\9) {
+.awsui_empty_n4qlp_13yi2_99:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   color: var(--color-text-empty-jskpnv, #687078);
 }
 
-.awsui_row_n4qlp_zeokg_161:not(#\9) {
+.awsui_row_n4qlp_13yi2_167:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_row-control_n4qlp_zeokg_165:not(#\9) {
+.awsui_row-control_n4qlp_13yi2_171:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_field_n4qlp_zeokg_169:not(#\9) {
+.awsui_field_n4qlp_13yi2_175:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_add-button_n4qlp_zeokg_173:not(#\9) {
+.awsui_add-button_n4qlp_13yi2_179:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_remove-button_n4qlp_zeokg_177:not(#\9) {
+.awsui_remove-button_n4qlp_13yi2_183:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_button-container-haslabel_n4qlp_zeokg_181:not(#\9) {
+.awsui_button-container-haslabel_n4qlp_13yi2_187:not(#\9) {
   padding-block-start: calc(var(--space-xxs-9rrxti, 4px) + var(--line-height-body-m-2zx78l, 22px));
 }
 
-.awsui_button-container-nolabel_n4qlp_zeokg_185:not(#\9) {
+.awsui_button-container-nolabel_n4qlp_13yi2_191:not(#\9) {
   padding-block-start: var(--space-xxs-9rrxti, 4px);
 }
 
-.awsui_divider_n4qlp_zeokg_189:not(#\9) {
+.awsui_divider_n4qlp_13yi2_195:not(#\9) {
   border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
 
-.awsui_additional-info_n4qlp_zeokg_193:not(#\9) {
+.awsui_additional-info_n4qlp_13yi2_199:not(#\9) {
   color: var(--color-text-form-secondary-rh78tu, #687078);
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
@@ -201,7 +207,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-xxs-9rrxti, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_additional-info_n4qlp_zeokg_193 > a:not(#\9) {
+.awsui_additional-info_n4qlp_13yi2_199 > a:not(#\9) {
   color: var(--color-text-link-default-hop3gv, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
@@ -215,31 +221,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration-thickness: 1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_additional-info_n4qlp_zeokg_193 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_13yi2_199 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_zeokg_193 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_zeokg_193 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_13yi2_199 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_13yi2_199 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_zeokg_193 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_13yi2_199 > a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_additional-info_n4qlp_zeokg_193 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_13yi2_199 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_zeokg_193 > a:not(#\9):active {
+.awsui_additional-info_n4qlp_13yi2_199 > a:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_additional-info_n4qlp_zeokg_193 > a:not(#\9):active, .awsui_additional-info_n4qlp_zeokg_193 > a:not(#\9):focus, .awsui_additional-info_n4qlp_zeokg_193 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_13yi2_199 > a:not(#\9):active, .awsui_additional-info_n4qlp_13yi2_199 > a:not(#\9):focus, .awsui_additional-info_n4qlp_13yi2_199 > a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_right-align_n4qlp_zeokg_239:not(#\9) {
+.awsui_right-align_n4qlp_13yi2_245:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

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

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "empty-appear": "awsui_empty-appear_n4qlp_zeokg_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_zeokg_1",
-  "root": "awsui_root_n4qlp_zeokg_119",
-  "empty": "awsui_empty_n4qlp_zeokg_93",
-  "row": "awsui_row_n4qlp_zeokg_161",
-  "row-control": "awsui_row-control_n4qlp_zeokg_165",
-  "field": "awsui_field_n4qlp_zeokg_169",
-  "add-button": "awsui_add-button_n4qlp_zeokg_173",
-  "remove-button": "awsui_remove-button_n4qlp_zeokg_177",
-  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_zeokg_181",
-  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_zeokg_185",
-  "divider": "awsui_divider_n4qlp_zeokg_189",
-  "additional-info": "awsui_additional-info_n4qlp_zeokg_193",
-  "right-align": "awsui_right-align_n4qlp_zeokg_239"
+  "empty-appear": "awsui_empty-appear_n4qlp_13yi2_99",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_13yi2_1",
+  "root": "awsui_root_n4qlp_13yi2_125",
+  "empty": "awsui_empty_n4qlp_13yi2_99",
+  "row": "awsui_row_n4qlp_13yi2_167",
+  "row-control": "awsui_row-control_n4qlp_13yi2_171",
+  "field": "awsui_field_n4qlp_13yi2_175",
+  "add-button": "awsui_add-button_n4qlp_13yi2_179",
+  "remove-button": "awsui_remove-button_n4qlp_13yi2_183",
+  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_13yi2_187",
+  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_13yi2_191",
+  "divider": "awsui_divider_n4qlp_13yi2_195",
+  "additional-info": "awsui_additional-info_n4qlp_13yi2_199",
+  "right-align": "awsui_right-align_n4qlp_13yi2_245"
 };
   

package/lib/internal/template/autosuggest/autosuggest-option.d.ts

@@ -9,7 +9,6 @@ export interface AutosuggestOptionProps extends BaseComponentProps {
     highlighted: boolean;
     highlightType: HighlightType;
     current: boolean;
-    enteredTextLabel?: (value: string) => string;
     virtualPosition?: number;
     padBottom?: boolean;
     screenReaderContent?: string;

package/lib/internal/template/autosuggest/autosuggest-option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autosuggest-option.d.ts","sourceRoot":"lib/default/","sources":["autosuggest/autosuggest-option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAgB,MAAM,4BAA4B,CAAC;AAI9E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,gEAAgE,CAAC;AAG/F,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACxD,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,eAAe,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;;AA4ED,wBAA+D"}
+{"version":3,"file":"autosuggest-option.d.ts","sourceRoot":"lib/default/","sources":["autosuggest/autosuggest-option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAgB,MAAM,4BAA4B,CAAC;AAI9E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,gEAAgE,CAAC;AAE/F,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACxD,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,eAAe,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;;AAwED,wBAA+D"}

package/lib/internal/template/autosuggest/autosuggest-option.js

@@ -7,18 +7,16 @@ import SelectableItem from '../internal/components/selectable-item';
 import { getBaseProps } from '../internal/base-component';
 import { getTestOptionIndexes } from '../internal/components/options-list/utils/test-indexes';
 import styles from './styles.css.js';
-import { useInternalI18n } from '../i18n/context';
 const AutosuggestOption = (_a, ref) => {
-    var { nativeAttributes = {}, highlightText, option, highlighted, highlightType, current, enteredTextLabel, virtualPosition, padBottom, screenReaderContent, ariaSetsize, ariaPosinset } = _a, rest = __rest(_a, ["nativeAttributes", "highlightText", "option", "highlighted", "highlightType", "current", "enteredTextLabel", "virtualPosition", "padBottom", "screenReaderContent", "ariaSetsize", "ariaPosinset"]);
+    var { nativeAttributes = {}, highlightText, option, highlighted, highlightType, current, virtualPosition, padBottom, screenReaderContent, ariaSetsize, ariaPosinset } = _a, rest = __rest(_a, ["nativeAttributes", "highlightText", "option", "highlighted", "highlightType", "current", "virtualPosition", "padBottom", "screenReaderContent", "ariaSetsize", "ariaPosinset"]);
     const baseProps = getBaseProps(rest);
-    const i18n = useInternalI18n('autosuggest');
     const useEntered = 'type' in option && option.type === 'use-entered';
     const isParent = 'type' in option && option.type === 'parent';
     const isChild = 'type' in option && option.type === 'child';
     const { throughIndex, inGroupIndex, groupIndex } = getTestOptionIndexes(option) || {};
     let optionContent;
     if (useEntered) {
-        optionContent = i18n('enteredTextLabel', enteredTextLabel === null || enteredTextLabel === void 0 ? void 0 : enteredTextLabel(option.value || ''), format => format({ value: option.value || '' }));
+        optionContent = option.label;
         // we don't want fancy generated content for screenreader for the "Use..." option,
         // just the visible text is fine
         screenReaderContent = undefined;

package/lib/internal/template/autosuggest/autosuggest-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"autosuggest-option.js","sourceRoot":"lib/default/","sources":["autosuggest/autosuggest-option.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';\n\nimport OptionComponent from '../internal/components/option';\nimport SelectableItem from '../internal/components/selectable-item';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport { getTestOptionIndexes } from '../internal/components/options-list/utils/test-indexes';\n\nimport styles from './styles.css.js';\nimport { AutosuggestItem } from './interfaces';\nimport { HighlightType } from '../internal/components/options-list/utils/use-highlight-option';\nimport { useInternalI18n } from '../i18n/context';\n\nexport interface AutosuggestOptionProps extends BaseComponentProps {\n  nativeAttributes?: React.HTMLAttributes<HTMLDivElement>;\n  highlightText: string;\n  option: AutosuggestItem;\n  highlighted: boolean;\n  highlightType: HighlightType;\n  current: boolean;\n  enteredTextLabel?: (value: string) => string;\n  virtualPosition?: number;\n  padBottom?: boolean;\n  screenReaderContent?: string;\n  ariaSetsize?: number;\n  ariaPosinset?: number;\n}\n\nconst AutosuggestOption = (\n  {\n    nativeAttributes = {},\n    highlightText,\n    option,\n    highlighted,\n    highlightType,\n    current,\n    enteredTextLabel,\n    virtualPosition,\n    padBottom,\n    screenReaderContent,\n    ariaSetsize,\n    ariaPosinset,\n    ...rest\n  }: AutosuggestOptionProps,\n  ref: React.Ref<HTMLDivElement>\n) => {\n  const baseProps = getBaseProps(rest);\n  const i18n = useInternalI18n('autosuggest');\n  const useEntered = 'type' in option && option.type === 'use-entered';\n  const isParent = 'type' in option && option.type === 'parent';\n  const isChild = 'type' in option && option.type === 'child';\n  const { throughIndex, inGroupIndex, groupIndex } = getTestOptionIndexes(option) || {};\n\n  let optionContent;\n  if (useEntered) {\n    optionContent = i18n('enteredTextLabel', enteredTextLabel?.(option.value || ''), format =>\n      format({ value: option.value || '' })\n    );\n    // we don't want fancy generated content for screenreader for the \"Use...\" option,\n    // just the visible text is fine\n    screenReaderContent = undefined;\n  } else if (isParent) {\n    optionContent = option.label;\n  } else {\n    const a11yProperties: AutosuggestOptionProps['nativeAttributes'] = {};\n    if (nativeAttributes['aria-label']) {\n      a11yProperties['aria-label'] = nativeAttributes['aria-label'];\n    }\n\n    optionContent = (\n      <div {...a11yProperties}>\n        <OptionComponent option={option} highlightedOption={highlighted} highlightText={highlightText} />\n      </div>\n    );\n  }\n\n  return (\n    <SelectableItem\n      {...baseProps}\n      className={styles.option}\n      ariaSelected={current}\n      highlighted={highlighted}\n      disabled={option.disabled}\n      hasBackground={useEntered}\n      isParent={isParent}\n      isChild={isChild}\n      virtualPosition={virtualPosition}\n      data-test-index={throughIndex}\n      data-in-group-index={inGroupIndex}\n      data-group-index={groupIndex}\n      ref={ref}\n      padBottom={padBottom}\n      screenReaderContent={screenReaderContent}\n      ariaSetsize={ariaSetsize}\n      ariaPosinset={ariaPosinset}\n      highlightType={highlightType.type}\n    >\n      {optionContent}\n    </SelectableItem>\n  );\n};\n\nexport default React.memo(React.forwardRef(AutosuggestOption));\n"]}
+{"version":3,"file":"autosuggest-option.js","sourceRoot":"lib/default/","sources":["autosuggest/autosuggest-option.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAE9F,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAkBrC,MAAM,iBAAiB,GAAG,CACxB,EAayB,EACzB,GAA8B,EAC9B,EAAE;QAfF,EACE,gBAAgB,GAAG,EAAE,EACrB,aAAa,EACb,MAAM,EACN,WAAW,EACX,aAAa,EACb,OAAO,EACP,eAAe,EACf,SAAS,EACT,mBAAmB,EACnB,WAAW,EACX,YAAY,OAEW,EADpB,IAAI,cAZT,gLAaC,CADQ;IAIT,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,UAAU,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,aAAa,CAAC;IACrE,MAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;IAC9D,MAAM,OAAO,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC;IAC5D,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,oBAAoB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IAEtF,IAAI,aAAa,CAAC;IAClB,IAAI,UAAU,EAAE;QACd,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC;QAC7B,kFAAkF;QAClF,gCAAgC;QAChC,mBAAmB,GAAG,SAAS,CAAC;KACjC;SAAM,IAAI,QAAQ,EAAE;QACnB,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC;KAC9B;SAAM;QACL,MAAM,cAAc,GAA+C,EAAE,CAAC;QACtE,IAAI,gBAAgB,CAAC,YAAY,CAAC,EAAE;YAClC,cAAc,CAAC,YAAY,CAAC,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;SAC/D;QAED,aAAa,GAAG,CACd,6CAAS,cAAc;YACrB,oBAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,GAAI,CAC7F,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,cAAc,oBACT,SAAS,IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,YAAY,EAAE,OAAO,EACrB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,aAAa,EAAE,UAAU,EACzB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,qBACf,YAAY,yBACR,YAAY,sBACf,UAAU,EAC5B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,CAAC,IAAI,KAEhC,aAAa,CACC,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport OptionComponent from '../internal/components/option';\nimport SelectableItem from '../internal/components/selectable-item';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport { getTestOptionIndexes } from '../internal/components/options-list/utils/test-indexes';\n\nimport styles from './styles.css.js';\nimport { AutosuggestItem } from './interfaces';\nimport { HighlightType } from '../internal/components/options-list/utils/use-highlight-option';\n\nexport interface AutosuggestOptionProps extends BaseComponentProps {\n  nativeAttributes?: React.HTMLAttributes<HTMLDivElement>;\n  highlightText: string;\n  option: AutosuggestItem;\n  highlighted: boolean;\n  highlightType: HighlightType;\n  current: boolean;\n  virtualPosition?: number;\n  padBottom?: boolean;\n  screenReaderContent?: string;\n  ariaSetsize?: number;\n  ariaPosinset?: number;\n}\n\nconst AutosuggestOption = (\n  {\n    nativeAttributes = {},\n    highlightText,\n    option,\n    highlighted,\n    highlightType,\n    current,\n    virtualPosition,\n    padBottom,\n    screenReaderContent,\n    ariaSetsize,\n    ariaPosinset,\n    ...rest\n  }: AutosuggestOptionProps,\n  ref: React.Ref<HTMLDivElement>\n) => {\n  const baseProps = getBaseProps(rest);\n  const useEntered = 'type' in option && option.type === 'use-entered';\n  const isParent = 'type' in option && option.type === 'parent';\n  const isChild = 'type' in option && option.type === 'child';\n  const { throughIndex, inGroupIndex, groupIndex } = getTestOptionIndexes(option) || {};\n\n  let optionContent;\n  if (useEntered) {\n    optionContent = option.label;\n    // we don't want fancy generated content for screenreader for the \"Use...\" option,\n    // just the visible text is fine\n    screenReaderContent = undefined;\n  } else if (isParent) {\n    optionContent = option.label;\n  } else {\n    const a11yProperties: AutosuggestOptionProps['nativeAttributes'] = {};\n    if (nativeAttributes['aria-label']) {\n      a11yProperties['aria-label'] = nativeAttributes['aria-label'];\n    }\n\n    optionContent = (\n      <div {...a11yProperties}>\n        <OptionComponent option={option} highlightedOption={highlighted} highlightText={highlightText} />\n      </div>\n    );\n  }\n\n  return (\n    <SelectableItem\n      {...baseProps}\n      className={styles.option}\n      ariaSelected={current}\n      highlighted={highlighted}\n      disabled={option.disabled}\n      hasBackground={useEntered}\n      isParent={isParent}\n      isChild={isChild}\n      virtualPosition={virtualPosition}\n      data-test-index={throughIndex}\n      data-in-group-index={inGroupIndex}\n      data-group-index={groupIndex}\n      ref={ref}\n      padBottom={padBottom}\n      screenReaderContent={screenReaderContent}\n      ariaSetsize={ariaSetsize}\n      ariaPosinset={ariaPosinset}\n      highlightType={highlightType.type}\n    >\n      {optionContent}\n    </SelectableItem>\n  );\n};\n\nexport default React.memo(React.forwardRef(AutosuggestOption));\n"]}

package/lib/internal/template/autosuggest/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["autosuggest/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAmB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAejE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAWlF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;CAAG;AAEjG,QAAA,MAAM,mBAAmB,uGA8NvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["autosuggest/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAmB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAejE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAWlF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;CAAG;AAEjG,QAAA,MAAM,mBAAmB,uGAyNvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/lib/internal/template/autosuggest/internal.js

@@ -34,15 +34,12 @@ const InternalAutosuggest = React.forwardRef((props, ref) => {
     if (restProps.recoveryText && !onLoadItems) {
         warnOnce('Autosuggest', '`onLoadItems` must be provided for `recoveryText` to be displayed.');
     }
-    const enteredTextLabelI18nTestValue = i18n('enteredTextLabel', undefined, format => format({ value: '' }));
-    if (!enteredTextLabel && enteredTextLabelI18nTestValue === undefined) {
-        warnOnce('Autosuggest', 'A value for enteredTextLabel must be provided.');
-    }
     const [autosuggestItemsState, autosuggestItemsHandlers] = useAutosuggestItems({
         options: options || [],
         filterValue: value,
         filterText: value,
         filteringType,
+        enteredTextLabel,
         hideEnteredTextLabel: false,
         onSelectItem: (option) => {
             var _a;
@@ -116,7 +113,7 @@ const InternalAutosuggest = React.forwardRef((props, ref) => {
         recoveryText,
         errorIconAriaLabel, onRecoveryClick: handleRecoveryClick, filteringResultsText: filteredText, hasRecoveryCallback: !!onLoadItems }));
     const shouldRenderDropdownContent = !isEmpty || dropdownStatus.content;
-    return (React.createElement(AutosuggestInput, Object.assign({}, restProps, { className: clsx(styles.root, restProps.className), ref: autosuggestInputRef, __internalRootRef: __internalRootRef, value: value, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, name: name, controlId: controlId, placeholder: placeholder, disabled: disabled, readOnly: readOnly, autoFocus: autoFocus, ariaLabel: ariaLabel, ariaRequired: ariaRequired, clearAriaLabel: clearAriaLabel, disableBrowserAutocorrect: disableBrowserAutocorrect, expandToViewport: expandToViewport, ariaControls: listId, ariaActivedescendant: highlightedOptionId, dropdownExpanded: autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null, dropdownContent: shouldRenderDropdownContent && (React.createElement(AutosuggestOptionsList, { statusType: statusType, autosuggestItemsState: autosuggestItemsState, autosuggestItemsHandlers: autosuggestItemsHandlers, highlightedOptionId: highlightedOptionId, highlightText: value, listId: listId, controlId: controlId, enteredTextLabel: enteredTextLabel, handleLoadMore: autosuggestLoadMoreHandlers.fireLoadMoreOnScroll, hasDropdownStatus: dropdownStatus.content !== null, virtualScroll: virtualScroll, selectedAriaLabel: selectedAriaLabel, renderHighlightedAriaLive: renderHighlightedAriaLive, listBottom: !dropdownStatus.isSticky ? React.createElement(DropdownFooter, { content: dropdownStatus.content, id: footerControlId }) : null, ariaDescribedby: dropdownStatus.content ? footerControlId : undefined })), dropdownFooter: dropdownStatus.isSticky && dropdownStatus.content ? (React.createElement(DropdownFooter, { id: footerControlId, content: dropdownStatus.content, hasItems: autosuggestItemsState.items.length >= 1 })) : null, loopFocus: statusType === 'error' && !!recoveryText && !!onLoadItems, onCloseDropdown: handleCloseDropdown, onDelayedInput: handleDelayedInput, onPressArrowDown: handlePressArrowDown, onPressArrowUp: handlePressArrowUp, onPressEnter: handlePressEnter })));
+    return (React.createElement(AutosuggestInput, Object.assign({}, restProps, { className: clsx(styles.root, restProps.className), ref: autosuggestInputRef, __internalRootRef: __internalRootRef, value: value, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, name: name, controlId: controlId, placeholder: placeholder, disabled: disabled, readOnly: readOnly, autoFocus: autoFocus, ariaLabel: ariaLabel, ariaRequired: ariaRequired, clearAriaLabel: clearAriaLabel, disableBrowserAutocorrect: disableBrowserAutocorrect, expandToViewport: expandToViewport, ariaControls: listId, ariaActivedescendant: highlightedOptionId, dropdownExpanded: autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null, dropdownContent: shouldRenderDropdownContent && (React.createElement(AutosuggestOptionsList, { statusType: statusType, autosuggestItemsState: autosuggestItemsState, autosuggestItemsHandlers: autosuggestItemsHandlers, highlightedOptionId: highlightedOptionId, highlightText: value, listId: listId, controlId: controlId, handleLoadMore: autosuggestLoadMoreHandlers.fireLoadMoreOnScroll, hasDropdownStatus: dropdownStatus.content !== null, virtualScroll: virtualScroll, selectedAriaLabel: selectedAriaLabel, renderHighlightedAriaLive: renderHighlightedAriaLive, listBottom: !dropdownStatus.isSticky ? React.createElement(DropdownFooter, { content: dropdownStatus.content, id: footerControlId }) : null, ariaDescribedby: dropdownStatus.content ? footerControlId : undefined })), dropdownFooter: dropdownStatus.isSticky && dropdownStatus.content ? (React.createElement(DropdownFooter, { id: footerControlId, content: dropdownStatus.content, hasItems: autosuggestItemsState.items.length >= 1 })) : null, loopFocus: statusType === 'error' && !!recoveryText && !!onLoadItems, onCloseDropdown: handleCloseDropdown, onDelayedInput: handleDelayedInput, onPressArrowDown: handlePressArrowDown, onPressArrowUp: handlePressArrowUp, onPressEnter: handlePressEnter })));
 });
 export default InternalAutosuggest;
 //# sourceMappingURL=internal.js.map