@cloudscape-design/components 3.0.1127 → 3.0.1129

package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css

@@ -150,7 +150,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_navigation-container_2p2ab_y36ks_153:not(#\9) {
+.awsui_navigation-container_2p2ab_1053j_153:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-6u8rvp, #ffffff);
@@ -161,27 +161,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   flex-direction: column;
 }
-.awsui_navigation-container_2p2ab_y36ks_153:not(#\9):not(.awsui_is-navigation-open_2p2ab_y36ks_164) {
+.awsui_navigation-container_2p2ab_1053j_153:not(#\9):not(.awsui_is-navigation-open_2p2ab_1053j_164) {
   inline-size: 0px;
   display: none;
 }
-.awsui_navigation-container_2p2ab_y36ks_153 > .awsui_navigation_2p2ab_y36ks_153:not(#\9) {
+.awsui_navigation-container_2p2ab_1053j_153 > .awsui_navigation_2p2ab_1053j_153:not(#\9) {
   flex-grow: 1;
   block-size: 100%;
   overflow-y: auto;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   overscroll-behavior-y: contain;
-  inline-size: var(--awsui-navigation-width-b75yp7);
+  inline-size: var(--awsui-navigation-width-9t5olz);
   position: relative;
 }
 @media (max-width: 688px) {
-  .awsui_navigation-container_2p2ab_y36ks_153:not(#\9) {
-    --awsui-navigation-width-b75yp7: 100vw;
+  .awsui_navigation-container_2p2ab_1053j_153:not(#\9) {
+    --awsui-navigation-width-9t5olz: 100vw;
     z-index: 1001;
   }
 }
 
-.awsui_hide-navigation_2p2ab_y36ks_184:not(#\9) {
+.awsui_hide-navigation_2p2ab_1053j_184:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-m-dsumyt, 16px);
   inset-block-start: 14px;

package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js

@@ -2,9 +2,9 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "navigation-container": "awsui_navigation-container_2p2ab_y36ks_153",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_y36ks_164",
-  "navigation": "awsui_navigation_2p2ab_y36ks_153",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_y36ks_184"
+  "navigation-container": "awsui_navigation-container_2p2ab_1053j_153",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1053j_164",
+  "navigation": "awsui_navigation_2p2ab_1053j_153",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_1053j_184"
 };
   

package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_11rwq_153",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_11rwq_197",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_11rwq_202",
-  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_11rwq_217",
-  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_11rwq_220",
-  "bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-mode_7nfqu_11rwq_223",
-  "ai-drawer": "awsui_ai-drawer_7nfqu_11rwq_220",
-  "navigation": "awsui_navigation_7nfqu_11rwq_230",
-  "tools": "awsui_tools_7nfqu_11rwq_231",
-  "global-tools": "awsui_global-tools_7nfqu_11rwq_232",
-  "bottom-tool": "awsui_bottom-tool_7nfqu_11rwq_233",
-  "tools-open": "awsui_tools-open_7nfqu_11rwq_290",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_11rwq_304",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_11rwq_311",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_11rwq_324",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_11rwq_334",
-  "notifications-container": "awsui_notifications-container_7nfqu_11rwq_341",
-  "notifications-background": "awsui_notifications-background_7nfqu_11rwq_345",
-  "main-landmark": "awsui_main-landmark_7nfqu_11rwq_356",
-  "main": "awsui_main_7nfqu_11rwq_356",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_11rwq_365",
-  "content-header": "awsui_content-header_7nfqu_11rwq_375",
-  "content": "awsui_content_7nfqu_11rwq_375",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_11rwq_385",
-  "hidden": "awsui_hidden_7nfqu_11rwq_390",
-  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_11rwq_394",
-  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_11rwq_394"
+  "root": "awsui_root_7nfqu_1re3f_153",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1re3f_197",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1re3f_202",
+  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_1re3f_217",
+  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_1re3f_220",
+  "bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-mode_7nfqu_1re3f_223",
+  "ai-drawer": "awsui_ai-drawer_7nfqu_1re3f_220",
+  "navigation": "awsui_navigation_7nfqu_1re3f_230",
+  "tools": "awsui_tools_7nfqu_1re3f_231",
+  "global-tools": "awsui_global-tools_7nfqu_1re3f_232",
+  "bottom-tool": "awsui_bottom-tool_7nfqu_1re3f_233",
+  "tools-open": "awsui_tools-open_7nfqu_1re3f_290",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_1re3f_304",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1re3f_311",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_1re3f_324",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_1re3f_334",
+  "notifications-container": "awsui_notifications-container_7nfqu_1re3f_341",
+  "notifications-background": "awsui_notifications-background_7nfqu_1re3f_345",
+  "main-landmark": "awsui_main-landmark_7nfqu_1re3f_356",
+  "main": "awsui_main_7nfqu_1re3f_356",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1re3f_365",
+  "content-header": "awsui_content-header_7nfqu_1re3f_375",
+  "content": "awsui_content_7nfqu_1re3f_375",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1re3f_385",
+  "hidden": "awsui_hidden_7nfqu_1re3f_390",
+  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_1re3f_394",
+  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_1re3f_394"
 };
   

package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css

@@ -150,7 +150,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_7nfqu_11rwq_153:not(#\9) {
+.awsui_root_7nfqu_1re3f_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -182,72 +182,72 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   color: var(--color-text-body-default-vvtq8u, #0f141a);
   background-color: var(--color-background-layout-main-5ilwcb, #ffffff);
-  --awsui-max-content-width-b75yp7: 100%;
+  --awsui-max-content-width-9t5olz: 100%;
   display: grid;
   grid-template-areas: "toolbar    toolbar     toolbar" ".       notifications  ." ".           main       .";
   grid-template-columns: var(--space-layout-content-horizontal-buc0zz, 24px) minmax(0, 1fr) var(--space-layout-content-horizontal-buc0zz, 24px);
   grid-template-rows: min-content min-content 1fr;
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_11rwq_153:not(#\9) {
+  .awsui_root_7nfqu_1re3f_153:not(#\9) {
     grid-template-areas: "ai-drawer toolbar    toolbar      toolbar       toolbar   toolbar         toolbar  toolbar" "ai-drawer navigation .         notifications    .         sideSplitPanel  tools    global-tools" "ai-drawer navigation .             main         .         sideSplitPanel  tools    global-tools" "ai-drawer bottom-tool bottom-tool bottom-tool  bottom-tool  bottom-tool bottom-tool global-tools";
-    grid-template-columns: min-content min-content minmax(var(--space-layout-content-horizontal-buc0zz, 24px), 1fr) minmax(0, var(--awsui-max-content-width-b75yp7)) minmax(var(--space-layout-content-horizontal-buc0zz, 24px), 1fr) min-content min-content;
+    grid-template-columns: min-content min-content minmax(var(--space-layout-content-horizontal-buc0zz, 24px), 1fr) minmax(0, var(--awsui-max-content-width-9t5olz)) minmax(var(--space-layout-content-horizontal-buc0zz, 24px), 1fr) min-content min-content;
     grid-template-rows: min-content min-content 1fr min-content min-content;
   }
-  .awsui_root_7nfqu_11rwq_153.awsui_has-adaptive-widths-default_7nfqu_11rwq_197:not(#\9) {
-    --awsui-max-content-width-b75yp7: 1620px;
+  .awsui_root_7nfqu_1re3f_153.awsui_has-adaptive-widths-default_7nfqu_1re3f_197:not(#\9) {
+    --awsui-max-content-width-9t5olz: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_11rwq_153.awsui_has-adaptive-widths-dashboard_7nfqu_11rwq_202:not(#\9) {
-    --awsui-max-content-width-b75yp7: 1280px;
+  .awsui_root_7nfqu_1re3f_153.awsui_has-adaptive-widths-dashboard_7nfqu_1re3f_202:not(#\9) {
+    --awsui-max-content-width-9t5olz: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_11rwq_153.awsui_has-adaptive-widths-dashboard_7nfqu_11rwq_202:not(#\9) {
-    --awsui-max-content-width-b75yp7: 1620px;
+  .awsui_root_7nfqu_1re3f_153.awsui_has-adaptive-widths-dashboard_7nfqu_1re3f_202:not(#\9) {
+    --awsui-max-content-width-9t5olz: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_11rwq_153.awsui_has-adaptive-widths-dashboard_7nfqu_11rwq_202:not(#\9) {
-    --awsui-max-content-width-b75yp7: 2160px;
+  .awsui_root_7nfqu_1re3f_153.awsui_has-adaptive-widths-dashboard_7nfqu_1re3f_202:not(#\9) {
+    --awsui-max-content-width-9t5olz: 2160px;
   }
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_11rwq_153.awsui_drawer-expanded-mode_7nfqu_11rwq_217:not(#\9) {
+  .awsui_root_7nfqu_1re3f_153.awsui_drawer-expanded-mode_7nfqu_1re3f_217:not(#\9) {
     grid-template-columns: 0 0 0 0 0 0 0 auto;
   }
-  .awsui_root_7nfqu_11rwq_153.awsui_drawer-expanded-mode_7nfqu_11rwq_217.awsui_ai-drawer-expanded-mode_7nfqu_11rwq_220:not(#\9) {
+  .awsui_root_7nfqu_1re3f_153.awsui_drawer-expanded-mode_7nfqu_1re3f_217.awsui_ai-drawer-expanded-mode_7nfqu_1re3f_220:not(#\9) {
     grid-template-columns: auto 0 0 0 0 0 0 0;
   }
-  .awsui_root_7nfqu_11rwq_153.awsui_drawer-expanded-mode_7nfqu_11rwq_217.awsui_bottom-drawer-expanded-mode_7nfqu_11rwq_223:not(#\9) {
+  .awsui_root_7nfqu_1re3f_153.awsui_drawer-expanded-mode_7nfqu_1re3f_217.awsui_bottom-drawer-expanded-mode_7nfqu_1re3f_223:not(#\9) {
     grid-template-rows: auto;
     grid-template-columns: 0 0 0 0 0 auto 0 0;
   }
 }
 
-.awsui_ai-drawer_7nfqu_11rwq_220:not(#\9),
-.awsui_navigation_7nfqu_11rwq_230:not(#\9),
-.awsui_tools_7nfqu_11rwq_231:not(#\9),
-.awsui_global-tools_7nfqu_11rwq_232:not(#\9),
-.awsui_bottom-tool_7nfqu_11rwq_233:not(#\9) {
+.awsui_ai-drawer_7nfqu_1re3f_220:not(#\9),
+.awsui_navigation_7nfqu_1re3f_230:not(#\9),
+.awsui_tools_7nfqu_1re3f_231:not(#\9),
+.awsui_global-tools_7nfqu_1re3f_232:not(#\9),
+.awsui_bottom-tool_7nfqu_1re3f_233:not(#\9) {
   grid-row: 1/-1;
   grid-column: 1/-1;
   background: var(--color-background-container-content-6u8rvp, #ffffff);
   opacity: 1;
 }
 @media (max-width: 688px) {
-  .awsui_ai-drawer_7nfqu_11rwq_220:not(#\9),
-  .awsui_navigation_7nfqu_11rwq_230:not(#\9),
-  .awsui_tools_7nfqu_11rwq_231:not(#\9),
-  .awsui_global-tools_7nfqu_11rwq_232:not(#\9),
-  .awsui_bottom-tool_7nfqu_11rwq_233:not(#\9) {
+  .awsui_ai-drawer_7nfqu_1re3f_220:not(#\9),
+  .awsui_navigation_7nfqu_1re3f_230:not(#\9),
+  .awsui_tools_7nfqu_1re3f_231:not(#\9),
+  .awsui_global-tools_7nfqu_1re3f_232:not(#\9),
+  .awsui_bottom-tool_7nfqu_1re3f_233:not(#\9) {
     inline-size: 100%;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_bottom-tool_7nfqu_11rwq_233:not(#\9) {
+  .awsui_bottom-tool_7nfqu_1re3f_233:not(#\9) {
     grid-area: bottom-tool;
     position: sticky;
     inset-block-end: 0;
@@ -257,43 +257,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 @media (min-width: 689px) {
-  .awsui_ai-drawer_7nfqu_11rwq_220:not(#\9) {
+  .awsui_ai-drawer_7nfqu_1re3f_220:not(#\9) {
     grid-area: ai-drawer;
     position: sticky;
   }
 }
 
-.awsui_navigation_7nfqu_11rwq_230:not(#\9) {
+.awsui_navigation_7nfqu_1re3f_230:not(#\9) {
   z-index: 830;
 }
 @media (min-width: 689px) {
-  .awsui_navigation_7nfqu_11rwq_230:not(#\9) {
+  .awsui_navigation_7nfqu_1re3f_230:not(#\9) {
     grid-area: navigation;
-    inline-size: var(--awsui-navigation-width-b75yp7);
+    inline-size: var(--awsui-navigation-width-9t5olz);
     border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_11rwq_230:not(#\9) {
+  .awsui_navigation_7nfqu_1re3f_230:not(#\9) {
     z-index: 1001;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_tools_7nfqu_11rwq_231:not(#\9) {
+  .awsui_tools_7nfqu_1re3f_231:not(#\9) {
     grid-area: tools;
     /* stylelint-disable plugin/no-unsupported-browser-features */
   }
-  .awsui_tools_7nfqu_11rwq_231:not(#\9):not(:has(> [data-testid])) {
-    inline-size: var(--awsui-tools-width-b75yp7);
+  .awsui_tools_7nfqu_1re3f_231:not(#\9):not(:has(> [data-testid])) {
+    inline-size: var(--awsui-tools-width-9t5olz);
   }
-  .awsui_tools_7nfqu_11rwq_231:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_11rwq_290 {
+  .awsui_tools_7nfqu_1re3f_231:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_1re3f_290 {
     border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_global-tools_7nfqu_11rwq_232:not(#\9) {
+  .awsui_global-tools_7nfqu_1re3f_232:not(#\9) {
     display: flex;
     grid-area: global-tools;
     justify-content: flex-end;
@@ -301,14 +301,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 @media (min-width: 689px) {
-  .awsui_split-panel-side_7nfqu_11rwq_304:not(#\9) {
+  .awsui_split-panel-side_7nfqu_1re3f_304:not(#\9) {
     grid-area: sideSplitPanel;
     border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
     opacity: 1;
   }
 }
 
-.awsui_split-panel-bottom_7nfqu_11rwq_311:not(#\9) {
+.awsui_split-panel-bottom_7nfqu_1re3f_311:not(#\9) {
   position: sticky;
   z-index: 840;
   align-self: end;
@@ -316,81 +316,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_split-panel-bottom_7nfqu_11rwq_311:not(#\9) {
+  .awsui_split-panel-bottom_7nfqu_1re3f_311:not(#\9) {
     grid-column: 3/6;
   }
 }
 
-.awsui_panel-hidden_7nfqu_11rwq_324:not(#\9) {
+.awsui_panel-hidden_7nfqu_1re3f_324:not(#\9) {
   border-block: none;
   border-inline: none;
   opacity: 0;
   z-index: 0;
 }
-.awsui_panel-hidden_7nfqu_11rwq_324.awsui_navigation_7nfqu_11rwq_230:not(#\9), .awsui_panel-hidden_7nfqu_11rwq_324.awsui_tools_7nfqu_11rwq_231:not(#\9), .awsui_panel-hidden_7nfqu_11rwq_324.awsui_global-tools_7nfqu_11rwq_232:not(#\9) {
+.awsui_panel-hidden_7nfqu_1re3f_324.awsui_navigation_7nfqu_1re3f_230:not(#\9), .awsui_panel-hidden_7nfqu_1re3f_324.awsui_tools_7nfqu_1re3f_231:not(#\9), .awsui_panel-hidden_7nfqu_1re3f_324.awsui_global-tools_7nfqu_1re3f_232:not(#\9) {
   inline-size: 0px;
 }
 
-.awsui_toolbar-container_7nfqu_11rwq_334:not(#\9) {
+.awsui_toolbar-container_7nfqu_1re3f_334:not(#\9) {
   grid-area: toolbar;
   block-size: 42px;
   border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   box-sizing: border-box;
 }
 
-.awsui_notifications-container_7nfqu_11rwq_341:not(#\9) {
+.awsui_notifications-container_7nfqu_1re3f_341:not(#\9) {
   grid-area: notifications;
 }
 
-.awsui_notifications-background_7nfqu_11rwq_345:not(#\9) {
+.awsui_notifications-background_7nfqu_1re3f_345:not(#\9) {
   background: var(--color-background-layout-main-5ilwcb, #ffffff);
   grid-area: notifications;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_notifications-background_7nfqu_11rwq_345:not(#\9) {
+  .awsui_notifications-background_7nfqu_1re3f_345:not(#\9) {
     grid-column: 3/6;
   }
 }
 
-.awsui_main-landmark_7nfqu_11rwq_356:not(#\9) {
+.awsui_main-landmark_7nfqu_1re3f_356:not(#\9) {
   display: contents;
 }
 
-.awsui_main_7nfqu_11rwq_356:not(#\9) {
+.awsui_main_7nfqu_1re3f_356:not(#\9) {
   grid-area: main;
   margin-block-start: var(--space-scaled-s-8ozaad, 12px);
   margin-block-end: var(--space-layout-content-bottom-zeb1g9, 40px);
 }
-.awsui_main-disable-paddings_7nfqu_11rwq_365:not(#\9) {
+.awsui_main-disable-paddings_7nfqu_1re3f_365:not(#\9) {
   margin-block: 0;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_main-disable-paddings_7nfqu_11rwq_365:not(#\9) {
+  .awsui_main-disable-paddings_7nfqu_1re3f_365:not(#\9) {
     grid-column: 3/6;
   }
 }
 
-.awsui_content-header_7nfqu_11rwq_375:not(#\9) {
+.awsui_content-header_7nfqu_1re3f_375:not(#\9) {
   margin-block-end: var(--space-content-header-padding-bottom-rvy5xz, 16px);
 }
 
-.awsui_content_7nfqu_11rwq_375:not(#\9) {
+.awsui_content_7nfqu_1re3f_375:not(#\9) {
   display: contents;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
 @media (max-width: 688px) {
-  .awsui_unfocusable-mobile_7nfqu_11rwq_385 *:not(#\9) {
+  .awsui_unfocusable-mobile_7nfqu_1re3f_385 *:not(#\9) {
     visibility: hidden;
   }
 }
 
-.awsui_hidden_7nfqu_11rwq_390:not(#\9) {
+.awsui_hidden_7nfqu_1re3f_390:not(#\9) {
   display: none;
 }
 
-.awsui_breadcrumbs-own_7nfqu_11rwq_394:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_7nfqu_11rwq_394 {
+.awsui_breadcrumbs-own_7nfqu_1re3f_394:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_7nfqu_1re3f_394 {
   display: none;
 }

package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_7nfqu_11rwq_153",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_11rwq_197",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_11rwq_202",
-  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_11rwq_217",
-  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_11rwq_220",
-  "bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-mode_7nfqu_11rwq_223",
-  "ai-drawer": "awsui_ai-drawer_7nfqu_11rwq_220",
-  "navigation": "awsui_navigation_7nfqu_11rwq_230",
-  "tools": "awsui_tools_7nfqu_11rwq_231",
-  "global-tools": "awsui_global-tools_7nfqu_11rwq_232",
-  "bottom-tool": "awsui_bottom-tool_7nfqu_11rwq_233",
-  "tools-open": "awsui_tools-open_7nfqu_11rwq_290",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_11rwq_304",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_11rwq_311",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_11rwq_324",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_11rwq_334",
-  "notifications-container": "awsui_notifications-container_7nfqu_11rwq_341",
-  "notifications-background": "awsui_notifications-background_7nfqu_11rwq_345",
-  "main-landmark": "awsui_main-landmark_7nfqu_11rwq_356",
-  "main": "awsui_main_7nfqu_11rwq_356",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_11rwq_365",
-  "content-header": "awsui_content-header_7nfqu_11rwq_375",
-  "content": "awsui_content_7nfqu_11rwq_375",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_11rwq_385",
-  "hidden": "awsui_hidden_7nfqu_11rwq_390",
-  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_11rwq_394",
-  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_11rwq_394"
+  "root": "awsui_root_7nfqu_1re3f_153",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1re3f_197",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1re3f_202",
+  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_1re3f_217",
+  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_1re3f_220",
+  "bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-mode_7nfqu_1re3f_223",
+  "ai-drawer": "awsui_ai-drawer_7nfqu_1re3f_220",
+  "navigation": "awsui_navigation_7nfqu_1re3f_230",
+  "tools": "awsui_tools_7nfqu_1re3f_231",
+  "global-tools": "awsui_global-tools_7nfqu_1re3f_232",
+  "bottom-tool": "awsui_bottom-tool_7nfqu_1re3f_233",
+  "tools-open": "awsui_tools-open_7nfqu_1re3f_290",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_1re3f_304",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1re3f_311",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_1re3f_324",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_1re3f_334",
+  "notifications-container": "awsui_notifications-container_7nfqu_1re3f_341",
+  "notifications-background": "awsui_notifications-background_7nfqu_1re3f_345",
+  "main-landmark": "awsui_main-landmark_7nfqu_1re3f_356",
+  "main": "awsui_main_7nfqu_1re3f_356",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1re3f_365",
+  "content-header": "awsui_content-header_7nfqu_1re3f_375",
+  "content": "awsui_content_7nfqu_1re3f_375",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1re3f_385",
+  "hidden": "awsui_hidden_7nfqu_1re3f_390",
+  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_1re3f_394",
+  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_1re3f_394"
 };
   

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/attribute-editor/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,6BAA6B,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGnF,QAAA,MAAM,eAAe,EA0BhB,6BAA6B,CAAC;AAInC,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/attribute-editor/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,6BAA6B,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGnF,QAAA,MAAM,eAAe,EAmChB,6BAA6B,CAAC;AAInC,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,eAAe,eAAe,CAAC"}

package/attribute-editor/index.js

@@ -8,7 +8,7 @@ import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalAttributeEditor from './internal';
 const AttributeEditor = React.forwardRef((_a, ref) => {
     var _b, _c;
-    var { items = [], addButtonVariant = 'normal', isItemRemovable = () => true } = _a, props = __rest(_a, ["items", "addButtonVariant", "isItemRemovable"]);
+    var { items = [], addButtonVariant = 'normal', isItemRemovable = () => true, hideAddButton, additionalActions } = _a, props = __rest(_a, ["items", "addButtonVariant", "isItemRemovable", "hideAddButton", "additionalActions"]);
     const baseComponentProps = useBaseComponent('AttributeEditor', {
         props: {
             addButtonVariant: addButtonVariant,
@@ -19,7 +19,7 @@ const AttributeEditor = React.forwardRef((_a, ref) => {
             hasCustomRowActions: !!props.customRowActions,
         },
     });
-    return (React.createElement(InternalAttributeEditor, Object.assign({ items: items, isItemRemovable: isItemRemovable, addButtonVariant: addButtonVariant }, props, baseComponentProps, { ref: ref })));
+    return (React.createElement(InternalAttributeEditor, Object.assign({ items: items, isItemRemovable: isItemRemovable, addButtonVariant: addButtonVariant, additionalActions: additionalActions, hideAddButton: hideAddButton }, props, baseComponentProps, { ref: ref })));
 });
 applyDisplayName(AttributeEditor, 'AttributeEditor');
 export default AttributeEditor;

package/attribute-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/attribute-editor/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,uBAAuB,MAAM,YAAY,CAAC;AAEjD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EAA4G,EAC5G,GAAwC,EACxC,EAAE;;QAFF,EAAE,KAAK,GAAG,EAAE,EAAE,gBAAgB,GAAG,QAAQ,EAAE,eAAe,GAAG,GAAG,EAAE,CAAC,IAAI,OAAqC,EAAhC,KAAK,cAAjF,gDAAmF,CAAF;IAGjF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,iBAAiB,EAAE;QAC7D,KAAK,EAAE;YACL,gBAAgB,EAAE,gBAAgB;SACnC;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,MAAM,mCAAI,IAAI;YACjD,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU;YACjC,mBAAmB,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB;SAC9C;KACF,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,uBAAuB,kBACtB,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,IAC9B,KAAK,EACL,kBAAkB,IACtB,GAAG,EAAE,GAAG,IACR,CACH,CAAC;AACJ,CAAC,CAC+B,CAAC;AAEnC,gBAAgB,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAGrD,eAAe,eAAe,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { AttributeEditorForwardRefType, AttributeEditorProps } from './interfaces';\nimport InternalAttributeEditor from './internal';\n\nconst AttributeEditor = React.forwardRef(\n  <T,>(\n    { items = [], addButtonVariant = 'normal', isItemRemovable = () => true, ...props }: AttributeEditorProps<T>,\n    ref: React.Ref<AttributeEditorProps.Ref>\n  ) => {\n    const baseComponentProps = useBaseComponent('AttributeEditor', {\n      props: {\n        addButtonVariant: addButtonVariant,\n      },\n      metadata: {\n        definitionItems: props.definition?.length ?? null,\n        hasGridLayout: !!props.gridLayout,\n        hasCustomRowActions: !!props.customRowActions,\n      },\n    });\n    return (\n      <InternalAttributeEditor\n        items={items}\n        isItemRemovable={isItemRemovable}\n        addButtonVariant={addButtonVariant}\n        {...props}\n        {...baseComponentProps}\n        ref={ref}\n      />\n    );\n  }\n) as AttributeEditorForwardRefType;\n\napplyDisplayName(AttributeEditor, 'AttributeEditor');\n\nexport { AttributeEditorProps };\nexport default AttributeEditor;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/attribute-editor/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,uBAAuB,MAAM,YAAY,CAAC;AAEjD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EAO0B,EAC1B,GAAwC,EACxC,EAAE;;QATF,EACE,KAAK,GAAG,EAAE,EACV,gBAAgB,GAAG,QAAQ,EAC3B,eAAe,GAAG,GAAG,EAAE,CAAC,IAAI,EAC5B,aAAa,EACb,iBAAiB,OAEO,EADrB,KAAK,cANV,sFAOC,CADS;IAIV,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,iBAAiB,EAAE;QAC7D,KAAK,EAAE;YACL,gBAAgB,EAAE,gBAAgB;SACnC;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,MAAM,mCAAI,IAAI;YACjD,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU;YACjC,mBAAmB,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB;SAC9C;KACF,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,uBAAuB,kBACtB,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,IACxB,KAAK,EACL,kBAAkB,IACtB,GAAG,EAAE,GAAG,IACR,CACH,CAAC;AACJ,CAAC,CAC+B,CAAC;AAEnC,gBAAgB,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAGrD,eAAe,eAAe,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { AttributeEditorForwardRefType, AttributeEditorProps } from './interfaces';\nimport InternalAttributeEditor from './internal';\n\nconst AttributeEditor = React.forwardRef(\n  <T,>(\n    {\n      items = [],\n      addButtonVariant = 'normal',\n      isItemRemovable = () => true,\n      hideAddButton,\n      additionalActions,\n      ...props\n    }: AttributeEditorProps<T>,\n    ref: React.Ref<AttributeEditorProps.Ref>\n  ) => {\n    const baseComponentProps = useBaseComponent('AttributeEditor', {\n      props: {\n        addButtonVariant: addButtonVariant,\n      },\n      metadata: {\n        definitionItems: props.definition?.length ?? null,\n        hasGridLayout: !!props.gridLayout,\n        hasCustomRowActions: !!props.customRowActions,\n      },\n    });\n    return (\n      <InternalAttributeEditor\n        items={items}\n        isItemRemovable={isItemRemovable}\n        addButtonVariant={addButtonVariant}\n        additionalActions={additionalActions}\n        hideAddButton={hideAddButton}\n        {...props}\n        {...baseComponentProps}\n        ref={ref}\n      />\n    );\n  }\n) as AttributeEditorForwardRefType;\n\napplyDisplayName(AttributeEditor, 'AttributeEditor');\n\nexport { AttributeEditorProps };\nexport default AttributeEditor;\n"]}

package/attribute-editor/interfaces.d.ts

@@ -108,6 +108,14 @@ export interface AttributeEditorProps<T> extends BaseComponentProps {
    * Determines whether the add button is disabled.
    */
   disableAddButton?: boolean;
+  /**
+   * Determines whether the add button is hidden
+   */
+  hideAddButton?: boolean;
+  /**
+   * Specifies additional actions displayed next to the add-button (or instead of the add-button if hidden).
+   */
+  additionalActions?: React.ReactNode;
   /**
    * Specifies the variant to use for the add button. By default a normal button is used.
    * Use `inline-link` when using an attribute editor nested inside complex attribute editing

package/attribute-editor/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/attribute-editor/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/attribute-editor/interfaces.ts"],"names":[],"mappings":"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"}

package/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';\n\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { Breakpoint as InternalBreakpoint } from '../internal/breakpoints';\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    description?: React.ReactNode;\n    info?: React.ReactNode;\n    control?: FieldRenderable<T> | React.ReactNode;\n    errorText?: FieldRenderable<T> | React.ReactNode;\n    warningText?: FieldRenderable<T> | React.ReactNode;\n    constraintText?: FieldRenderable<T> | React.ReactNode;\n  }\n\n  export type AddButtonVariant = 'normal' | 'inline-link';\n\n  export interface RemoveButtonClickDetail {\n    itemIndex: number;\n  }\n\n  export interface Ref {\n    /**\n     * Focuses the 'remove' button for the given row index.\n     */\n    focusRemoveButton(itemIndex: number): void;\n    /**\n     * Focuses the 'add' button. Use this, for example, after a user removes the last row.\n     */\n    focusAddButton(): void;\n  }\n\n  export interface RowActionsProps<T> {\n    item: T;\n    itemIndex: number;\n    ref: React.Ref<ButtonDropdownProps.Ref>;\n    breakpoint: Breakpoint | null;\n    ownRow: boolean;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  export interface I18nStrings<T = any> {\n    /**\n     * Provides a text alternative for the error icon in the error message.\n     */\n    errorIconAriaLabel?: string;\n\n    /**\n     * Provides a text alternative for the warning icon in the warning message.\n     */\n    warningIconAriaLabel?: string;\n\n    /**\n     * Announcement made to screen readers when an item is removed.\n     */\n    itemRemovedAriaLive?: string;\n\n    /**\n     * @deprecated Use `removeButtonAriaLabel` on the component instead.\n     */\n    removeButtonAriaLabel?: (item: T) => string;\n  }\n\n  export type Breakpoint = InternalBreakpoint;\n\n  export interface GridLayout {\n    breakpoint?: Breakpoint;\n    rows: ReadonlyArray<ReadonlyArray<number>>;\n    removeButton?: {\n      ownRow?: boolean;\n      width?: number | 'auto';\n    };\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   * @i18n\n   */\n  removeButtonText?: string;\n\n  /**\n   * Adds an `aria-label` to the remove button.\n   */\n  removeButtonAriaLabel?: (item: T) => 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   * Specifies the variant to use for the add button. By default a normal button is used.\n   * Use `inline-link` when using an attribute editor nested inside complex attribute editing\n   * with expandable sections.\n   */\n  addButtonVariant?: AttributeEditorProps.AddButtonVariant;\n\n  /**\n   * Defines the editor configuration. Each object in the array represents one form field in the row.\n   * If more than 6 attributes are specified, a `gridLayout` must be provided.\n   *\n   * * `label` (ReactNode) - Text label for the form field.\n   * * `description` (ReactNode) - Additional description 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   * * `warningText` ((item, itemIndex) => ReactNode) - Warning message text to display as a control validation message.\n   *    It renders the form field in a warning state 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  definition: ReadonlyArray<AttributeEditorProps.FieldDefinition<T>>;\n\n  /**\n   * Optionally specifies the layout of the attributes. By default, all attributes will be\n   * equally spaced and wrapped into multiple rows on smaller viewports.\n   *\n   * A `gridLayout` is an array of breakpoint definitions. Each definition consists of:\n   * - `rows` (`number[][]`): the rows in which to display the attributes. Each row consists of a list of numbers indicating\n   *   the relative width of each attribute. For example, `[[1, 1, 1, 1]]` is a single row of four evenly-spaced attributes,\n   *   or `[[1, 2], [1, 1, 1]]` splits five attributes onto two rows.\n   * - `breakpoint` (`string`): optionally specifies that the given entry should only be used when at least that much width is available.\n   * - `removeButton`: optionally configures the remove (or row action) button placement. If this is not provided, the button will be\n   *   placed at the end of a single row, or below if multiple rows are present. The `removeButton` property supports contains two properties:\n   *   - `ownRow` (`boolean`): forces the remove button onto its own row.\n   *   - `width` (`number | 'auto'`): a number indicating the relative width (equivalent to a `rows` entry), or 'auto' to fit to the button width.\n   */\n  gridLayout?: ReadonlyArray<AttributeEditorProps.GridLayout>;\n\n  /**\n   * Specifies a custom action trigger for each row, in place of the remove button.\n   * Only button and button dropdown components are supported.\n   * If you provide this, `removeButtonText`, `removeButtonAriaLabel`,\n   * and `onRemoveButtonClick` will be ignored.\n   * The trigger must be given the provided `ref` in order for `focusRemoveButton`\n   * to work.\n   * The function receives the following properties:\n   * - `item`: The item being rendered in the current row.\n   * - `itemIndex` (`number`): The index of the item.\n   * - `ref` (`ReactRef`): A React ref that should be passed to the rendered button.\n   * - `breakpoint` (`Breakpoint`): The current breakpoint, for responsive behavior.\n   * - `ownRow` (`boolean`): Whether the button is rendered on its own row.\n   */\n  customRowActions?: (props: AttributeEditorProps.RowActionsProps<T>) => React.ReactNode;\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   * @i18n\n   */\n  i18nStrings?: AttributeEditorProps.I18nStrings<T>;\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';\n\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { Breakpoint as InternalBreakpoint } from '../internal/breakpoints';\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    description?: React.ReactNode;\n    info?: React.ReactNode;\n    control?: FieldRenderable<T> | React.ReactNode;\n    errorText?: FieldRenderable<T> | React.ReactNode;\n    warningText?: FieldRenderable<T> | React.ReactNode;\n    constraintText?: FieldRenderable<T> | React.ReactNode;\n  }\n\n  export type AddButtonVariant = 'normal' | 'inline-link';\n\n  export interface RemoveButtonClickDetail {\n    itemIndex: number;\n  }\n\n  export interface Ref {\n    /**\n     * Focuses the 'remove' button for the given row index.\n     */\n    focusRemoveButton(itemIndex: number): void;\n    /**\n     * Focuses the 'add' button. Use this, for example, after a user removes the last row.\n     */\n    focusAddButton(): void;\n  }\n\n  export interface RowActionsProps<T> {\n    item: T;\n    itemIndex: number;\n    ref: React.Ref<ButtonDropdownProps.Ref>;\n    breakpoint: Breakpoint | null;\n    ownRow: boolean;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  export interface I18nStrings<T = any> {\n    /**\n     * Provides a text alternative for the error icon in the error message.\n     */\n    errorIconAriaLabel?: string;\n\n    /**\n     * Provides a text alternative for the warning icon in the warning message.\n     */\n    warningIconAriaLabel?: string;\n\n    /**\n     * Announcement made to screen readers when an item is removed.\n     */\n    itemRemovedAriaLive?: string;\n\n    /**\n     * @deprecated Use `removeButtonAriaLabel` on the component instead.\n     */\n    removeButtonAriaLabel?: (item: T) => string;\n  }\n\n  export type Breakpoint = InternalBreakpoint;\n\n  export interface GridLayout {\n    breakpoint?: Breakpoint;\n    rows: ReadonlyArray<ReadonlyArray<number>>;\n    removeButton?: {\n      ownRow?: boolean;\n      width?: number | 'auto';\n    };\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   * @i18n\n   */\n  removeButtonText?: string;\n\n  /**\n   * Adds an `aria-label` to the remove button.\n   */\n  removeButtonAriaLabel?: (item: T) => 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   * Determines whether the add button is hidden\n   */\n  hideAddButton?: boolean;\n\n  /**\n   * Specifies additional actions displayed next to the add-button (or instead of the add-button if hidden).\n   */\n  additionalActions?: React.ReactNode;\n\n  /**\n   * Specifies the variant to use for the add button. By default a normal button is used.\n   * Use `inline-link` when using an attribute editor nested inside complex attribute editing\n   * with expandable sections.\n   */\n  addButtonVariant?: AttributeEditorProps.AddButtonVariant;\n\n  /**\n   * Defines the editor configuration. Each object in the array represents one form field in the row.\n   * If more than 6 attributes are specified, a `gridLayout` must be provided.\n   *\n   * * `label` (ReactNode) - Text label for the form field.\n   * * `description` (ReactNode) - Additional description 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   * * `warningText` ((item, itemIndex) => ReactNode) - Warning message text to display as a control validation message.\n   *    It renders the form field in a warning state 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  definition: ReadonlyArray<AttributeEditorProps.FieldDefinition<T>>;\n\n  /**\n   * Optionally specifies the layout of the attributes. By default, all attributes will be\n   * equally spaced and wrapped into multiple rows on smaller viewports.\n   *\n   * A `gridLayout` is an array of breakpoint definitions. Each definition consists of:\n   * - `rows` (`number[][]`): the rows in which to display the attributes. Each row consists of a list of numbers indicating\n   *   the relative width of each attribute. For example, `[[1, 1, 1, 1]]` is a single row of four evenly-spaced attributes,\n   *   or `[[1, 2], [1, 1, 1]]` splits five attributes onto two rows.\n   * - `breakpoint` (`string`): optionally specifies that the given entry should only be used when at least that much width is available.\n   * - `removeButton`: optionally configures the remove (or row action) button placement. If this is not provided, the button will be\n   *   placed at the end of a single row, or below if multiple rows are present. The `removeButton` property supports contains two properties:\n   *   - `ownRow` (`boolean`): forces the remove button onto its own row.\n   *   - `width` (`number | 'auto'`): a number indicating the relative width (equivalent to a `rows` entry), or 'auto' to fit to the button width.\n   */\n  gridLayout?: ReadonlyArray<AttributeEditorProps.GridLayout>;\n\n  /**\n   * Specifies a custom action trigger for each row, in place of the remove button.\n   * Only button and button dropdown components are supported.\n   * If you provide this, `removeButtonText`, `removeButtonAriaLabel`,\n   * and `onRemoveButtonClick` will be ignored.\n   * The trigger must be given the provided `ref` in order for `focusRemoveButton`\n   * to work.\n   * The function receives the following properties:\n   * - `item`: The item being rendered in the current row.\n   * - `itemIndex` (`number`): The index of the item.\n   * - `ref` (`ReactRef`): A React ref that should be passed to the rendered button.\n   * - `breakpoint` (`Breakpoint`): The current breakpoint, for responsive behavior.\n   * - `ownRow` (`boolean`): Whether the button is rendered on its own row.\n   */\n  customRowActions?: (props: AttributeEditorProps.RowActionsProps<T>) => React.ReactNode;\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   * @i18n\n   */\n  i18nStrings?: AttributeEditorProps.I18nStrings<T>;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/attribute-editor/internal.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,6BAA6B,EAAwB,MAAM,cAAc,CAAC;AASnF,QAAA,MAAM,uBAAuB,EA+JxB,6BAA6B,CAAC;AAEnC,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/attribute-editor/internal.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,6BAA6B,EAAwB,MAAM,cAAc,CAAC;AASnF,QAAA,MAAM,uBAAuB,EAwKxB,6BAA6B,CAAC;AAEnC,eAAe,uBAAuB,CAAC"}

package/attribute-editor/internal.js

@@ -11,13 +11,14 @@ import { matchBreakpointMapping } from '../internal/breakpoints';
 import { useContainerBreakpoints } from '../internal/hooks/container-queries';
 import { usePrevious } from '../internal/hooks/use-previous';
 import InternalLiveRegion from '../live-region/internal';
+import InternalSpaceBetween from '../space-between/internal';
 import { AdditionalInfo } from './additional-info';
 import { gridDefaults } from './grid-defaults';
 import { Row } from './row';
 import { getGridTemplateColumns } from './utils';
 import styles from './styles.css.js';
 const InternalAttributeEditor = React.forwardRef((_a, ref) => {
-    var { additionalInfo, disableAddButton, definition = [{}], gridLayout, items, isItemRemovable = () => true, empty, addButtonText, addButtonVariant, removeButtonText, removeButtonAriaLabel, customRowActions, i18nStrings, onAddButtonClick, onRemoveButtonClick, __internalRootRef } = _a, props = __rest(_a, ["additionalInfo", "disableAddButton", "definition", "gridLayout", "items", "isItemRemovable", "empty", "addButtonText", "addButtonVariant", "removeButtonText", "removeButtonAriaLabel", "customRowActions", "i18nStrings", "onAddButtonClick", "onRemoveButtonClick", "__internalRootRef"]);
+    var { additionalInfo, disableAddButton, definition = [{}], gridLayout, items, isItemRemovable = () => true, empty, addButtonText, addButtonVariant, removeButtonText, removeButtonAriaLabel, customRowActions, i18nStrings, onAddButtonClick, onRemoveButtonClick, __internalRootRef, hideAddButton, additionalActions } = _a, props = __rest(_a, ["additionalInfo", "disableAddButton", "definition", "gridLayout", "items", "isItemRemovable", "empty", "addButtonText", "addButtonVariant", "removeButtonText", "removeButtonAriaLabel", "customRowActions", "i18nStrings", "onAddButtonClick", "onRemoveButtonClick", "__internalRootRef", "hideAddButton", "additionalActions"]);
     const removeButtonRefs = useRef([]);
     const addButtonRef = useRef(null);
     const wasNonEmpty = useRef(false);
@@ -79,11 +80,13 @@ const InternalAttributeEditor = React.forwardRef((_a, ref) => {
         isEmpty && React.createElement("div", { className: clsx(styles.empty, wasNonEmpty.current && styles['empty-appear']) }, empty),
         items.map((item, index) => (React.createElement(Row, { key: index, index: index, breakpoint: breakpoint, layout: gridLayoutForBreakpoint, item: item, definition: definition, i18nStrings: i18nStrings, removable: isItemRemovable(item), removeButtonText: removeButtonText, removeButtonRefs: removeButtonRefs.current, customRowActions: customRowActions, onRemoveButtonClick: onRemoveButtonClick, removeButtonAriaLabel: removeButtonAriaLabel }))),
         React.createElement("div", { className: styles['add-row'] },
-            React.createElement(InternalButton, { className: styles['add-button'], disabled: disableAddButton, 
-                // Using aria-disabled="true" and tabindex="-1" instead of "disabled"
-                // because focus can be dynamically moved to this button by calling
-                // `focusAddButton()` on the ref.
-                nativeButtonAttributes: disableAddButton ? { tabIndex: -1 } : {}, __skipNativeAttributesWarnings: true, __focusable: true, onClick: onAddButtonClick, formAction: "none", ref: addButtonRef, ariaDescribedby: infoAriaDescribedBy, variant: addButtonVariant, iconName: addButtonVariant === 'inline-link' ? 'add-plus' : undefined }, addButtonText),
+            (!hideAddButton || additionalActions) && (React.createElement(InternalSpaceBetween, { size: "xs", direction: "horizontal" },
+                !hideAddButton && (React.createElement(InternalButton, { className: styles['add-button'], disabled: disableAddButton, 
+                    // Using aria-disabled="true" and tabindex="-1" instead of "disabled"
+                    // because focus can be dynamically moved to this button by calling
+                    // `focusAddButton()` on the ref.
+                    nativeButtonAttributes: disableAddButton ? { tabIndex: -1 } : {}, __skipNativeAttributesWarnings: true, __focusable: true, onClick: onAddButtonClick, formAction: "none", ref: addButtonRef, ariaDescribedby: infoAriaDescribedBy, variant: addButtonVariant, iconName: addButtonVariant === 'inline-link' ? 'add-plus' : undefined }, addButtonText)),
+                additionalActions)),
             React.createElement(InternalLiveRegion, { "data-testid": "removal-announcement", tagName: "span", hidden: true, delay: 5, key: items.length }, removalAnnouncement),
             !!additionalInfo && React.createElement(AdditionalInfo, { id: infoAriaDescribedBy }, additionalInfo))));
 });