@cloudscape-design/components 3.0.1120 → 3.0.1122

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

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_12i0j_1csdh_193",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1csdh_207",
-  "legacy": "awsui_legacy_12i0j_1csdh_221",
-  "ai-drawer": "awsui_ai-drawer_12i0j_1csdh_221",
-  "last-opened": "awsui_last-opened_12i0j_1csdh_229",
-  "drawer-global": "awsui_drawer-global_12i0j_1csdh_233",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_1csdh_242",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_1csdh_246",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_1csdh_256",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1csdh_256",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_1csdh_270",
-  "drawer-gap": "awsui_drawer-gap_12i0j_1csdh_273",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_1csdh_291",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1csdh_297",
-  "drawer-content": "awsui_drawer-content_12i0j_1csdh_270",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1csdh_309",
-  "drawer-slider": "awsui_drawer-slider_12i0j_1csdh_312",
-  "drawer-actions": "awsui_drawer-actions_12i0j_1csdh_362",
-  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1csdh_418",
-  "drawer-content-header": "awsui_drawer-content-header_12i0j_1csdh_437",
-  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1csdh_450",
-  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1csdh_467",
-  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1csdh_506",
-  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1csdh_506",
-  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_1csdh_579",
-  "drawer-content-content": "awsui_drawer-content-content_12i0j_1csdh_585",
-  "bottom-drawer": "awsui_bottom-drawer_12i0j_1csdh_613"
+  "drawer": "awsui_drawer_12i0j_f60pk_193",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_f60pk_207",
+  "legacy": "awsui_legacy_12i0j_f60pk_221",
+  "ai-drawer": "awsui_ai-drawer_12i0j_f60pk_221",
+  "bottom-drawer": "awsui_bottom-drawer_12i0j_f60pk_221",
+  "last-opened": "awsui_last-opened_12i0j_f60pk_229",
+  "drawer-global": "awsui_drawer-global_12i0j_f60pk_233",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_f60pk_242",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_f60pk_246",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_f60pk_256",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_f60pk_256",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_f60pk_270",
+  "drawer-gap": "awsui_drawer-gap_12i0j_f60pk_273",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_f60pk_291",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_f60pk_297",
+  "drawer-content": "awsui_drawer-content_12i0j_f60pk_270",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_f60pk_309",
+  "drawer-slider": "awsui_drawer-slider_12i0j_f60pk_312",
+  "drawer-actions": "awsui_drawer-actions_12i0j_f60pk_362",
+  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_f60pk_418",
+  "drawer-content-header": "awsui_drawer-content-header_12i0j_f60pk_437",
+  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_f60pk_450",
+  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_f60pk_467",
+  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_f60pk_506",
+  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_f60pk_506",
+  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_f60pk_579",
+  "drawer-content-content": "awsui_drawer-content-content_12i0j_f60pk_585"
 };
   

package/input/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2rhyz_1jc9s_145",
-  "input": "awsui_input_2rhyz_1jc9s_149",
-  "input-readonly": "awsui_input-readonly_2rhyz_1jc9s_197",
-  "input-invalid": "awsui_input-invalid_2rhyz_1jc9s_266",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1jc9s_275",
-  "input-warning": "awsui_input-warning_2rhyz_1jc9s_278",
-  "input-type-search": "awsui_input-type-search_2rhyz_1jc9s_290",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1jc9s_303",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1jc9s_306",
-  "input-container": "awsui_input-container_2rhyz_1jc9s_313",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_1jc9s_318",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_1jc9s_325",
-  "input-button-right": "awsui_input-button-right_2rhyz_1jc9s_331"
+  "root": "awsui_root_2rhyz_1ok4u_145",
+  "input": "awsui_input_2rhyz_1ok4u_149",
+  "input-readonly": "awsui_input-readonly_2rhyz_1ok4u_203",
+  "input-invalid": "awsui_input-invalid_2rhyz_1ok4u_266",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1ok4u_275",
+  "input-warning": "awsui_input-warning_2rhyz_1ok4u_278",
+  "input-type-search": "awsui_input-type-search_2rhyz_1ok4u_290",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1ok4u_303",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1ok4u_306",
+  "input-container": "awsui_input-container_2rhyz_1ok4u_313",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_1ok4u_318",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_1ok4u_325",
+  "input-button-right": "awsui_input-button-right_2rhyz_1ok4u_331"
 };
   

package/input/styles.scoped.css

@@ -142,11 +142,11 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_2rhyz_1jc9s_145:not(#\9) {
+.awsui_root_2rhyz_1ok4u_145:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
 
-.awsui_input_2rhyz_1jc9s_149:not(#\9) {
+.awsui_input_2rhyz_1ok4u_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -194,14 +194,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   block-size: var(--size-vertical-input-p1d7xx, 32px);
 }
-.awsui_input_2rhyz_1jc9s_149.awsui_input-readonly_2rhyz_1jc9s_197:not(#\9) {
+.awsui_input_2rhyz_1ok4u_149:not(#\9):hover {
+  border-color: var(--awsui-style-border-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-317xk5, #8c8c94)));
+  color: var(--awsui-style-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a)));
+  background-color: var(--awsui-style-background-hover-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff)));
+  box-shadow: var(--awsui-style-box-shadow-hover-b75yp7, --awsui-style-box-shadow-default-b75yp7);
+}
+.awsui_input_2rhyz_1ok4u_149.awsui_input-readonly_2rhyz_1ok4u_203:not(#\9) {
   background-color: var(--awsui-style-background-readonly-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff)));
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
   color: var(--awsui-style-color-readonly-b75yp7, var(--awsui-style-color-default-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a)));
   box-shadow: var(--awsui-style-box-shadow-readonly-b75yp7);
 }
-.awsui_input_2rhyz_1jc9s_149:not(#\9)::-webkit-input-placeholder {
+.awsui_input_2rhyz_1ok4u_149:not(#\9)::-webkit-input-placeholder {
   color: var(--awsui-style-placeholder-color-b75yp7, var(--color-text-input-placeholder-dclg8u, #656871));
   font-size: var(--awsui-style-placeholder-font-size-b75yp7);
   font-style: var(--awsui-style-placeholder-font-style-b75yp7, italic);
@@ -209,21 +215,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_1jc9s_149:not(#\9)::-moz-placeholder {
+.awsui_input_2rhyz_1ok4u_149:not(#\9)::-moz-placeholder {
   color: var(--awsui-style-placeholder-color-b75yp7, var(--color-text-input-placeholder-dclg8u, #656871));
   font-size: var(--awsui-style-placeholder-font-size-b75yp7);
   font-style: var(--awsui-style-placeholder-font-style-b75yp7, italic);
   font-weight: var(--awsui-style-placeholder-font-weight-b75yp7);
   opacity: 1;
 }
-.awsui_input_2rhyz_1jc9s_149:not(#\9):-moz-placeholder {
+.awsui_input_2rhyz_1ok4u_149:not(#\9):-moz-placeholder {
   color: var(--awsui-style-placeholder-color-b75yp7, var(--color-text-input-placeholder-dclg8u, #656871));
   font-size: var(--awsui-style-placeholder-font-size-b75yp7);
   font-style: var(--awsui-style-placeholder-font-style-b75yp7, italic);
   font-weight: var(--awsui-style-placeholder-font-weight-b75yp7);
   opacity: 1;
 }
-.awsui_input_2rhyz_1jc9s_149:not(#\9):focus {
+.awsui_input_2rhyz_1ok4u_149:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-b75yp7, var(--color-border-input-focused-4z0pgn, #006ce0));
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-b75yp7, var(--color-border-input-focused-4z0pgn, #006ce0));
@@ -235,7 +241,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--awsui-style-color-focus-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a));
   background-color: var(--awsui-style-background-focus-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff));
 }
-.awsui_input_2rhyz_1jc9s_149:not(#\9):disabled {
+.awsui_input_2rhyz_1ok4u_149:not(#\9):disabled {
   background-color: var(--awsui-style-background-disabled-b75yp7, var(--color-background-input-disabled-dihaja, #ebebf0));
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0));
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-b75yp7, var(--color-border-input-disabled-zgnzvk, #ebebf0));
@@ -243,93 +249,87 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: default;
   box-shadow: var(--awsui-style-box-shadow-disabled-b75yp7);
 }
-.awsui_input_2rhyz_1jc9s_149:not(#\9):disabled::-webkit-input-placeholder {
+.awsui_input_2rhyz_1ok4u_149:not(#\9):disabled::-webkit-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_1jc9s_149:not(#\9):disabled::-moz-placeholder {
+.awsui_input_2rhyz_1ok4u_149:not(#\9):disabled::-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
   opacity: 1;
 }
-.awsui_input_2rhyz_1jc9s_149:not(#\9):disabled:-moz-placeholder {
+.awsui_input_2rhyz_1ok4u_149:not(#\9):disabled:-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
   opacity: 1;
 }
-.awsui_input_2rhyz_1jc9s_149:not(#\9):invalid {
+.awsui_input_2rhyz_1ok4u_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_1jc9s_149:not(#\9):hover:not(:focus):not(:disabled):not(.awsui_input-readonly_2rhyz_1jc9s_197) {
-  border-color: var(--awsui-style-border-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-317xk5, #8c8c94)));
-  color: var(--awsui-style-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-text-body-default-vvtq8u, #0f141a)));
-  background-color: var(--awsui-style-background-hover-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-ifz5bb, #ffffff)));
-  box-shadow: var(--awsui-style-box-shadow-hover-b75yp7, --awsui-style-box-shadow-default-b75yp7);
-}
-.awsui_input_2rhyz_1jc9s_149.awsui_input-invalid_2rhyz_1jc9s_266:not(#\9) {
+.awsui_input_2rhyz_1ok4u_149.awsui_input-invalid_2rhyz_1ok4u_266:not(#\9) {
   color: var(--color-text-status-error-ksqavh, #db0000);
   border-color: var(--color-text-status-error-ksqavh, #db0000);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_input_2rhyz_1jc9s_149.awsui_input-invalid_2rhyz_1jc9s_266:not(#\9):focus {
+.awsui_input_2rhyz_1ok4u_149.awsui_input-invalid_2rhyz_1ok4u_266:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_input_2rhyz_1jc9s_149.awsui_input-invalid_2rhyz_1jc9s_266.awsui_input-has-icon-left_2rhyz_1jc9s_275:not(#\9) {
+.awsui_input_2rhyz_1ok4u_149.awsui_input-invalid_2rhyz_1ok4u_266.awsui_input-has-icon-left_2rhyz_1ok4u_275:not(#\9) {
   padding-inline-start: calc(var(--space-field-icon-offset-ikwzwx, 36px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
-.awsui_input_2rhyz_1jc9s_149.awsui_input-warning_2rhyz_1jc9s_278:not(#\9) {
+.awsui_input_2rhyz_1ok4u_149.awsui_input-warning_2rhyz_1ok4u_278:not(#\9) {
   color: var(--color-text-status-warning-6meo06, #855900);
   border-color: var(--color-text-status-warning-6meo06, #855900);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_input_2rhyz_1jc9s_149.awsui_input-warning_2rhyz_1jc9s_278:not(#\9):focus {
+.awsui_input_2rhyz_1ok4u_149.awsui_input-warning_2rhyz_1ok4u_278:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_input_2rhyz_1jc9s_149.awsui_input-warning_2rhyz_1jc9s_278.awsui_input-has-icon-left_2rhyz_1jc9s_275:not(#\9) {
+.awsui_input_2rhyz_1ok4u_149.awsui_input-warning_2rhyz_1ok4u_278.awsui_input-has-icon-left_2rhyz_1ok4u_275:not(#\9) {
   padding-inline-start: calc(var(--space-field-icon-offset-ikwzwx, 36px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
-.awsui_input_2rhyz_1jc9s_149.awsui_input-type-search_2rhyz_1jc9s_290:not(#\9) {
+.awsui_input_2rhyz_1ok4u_149.awsui_input-type-search_2rhyz_1ok4u_290:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_1jc9s_149.awsui_input-type-search_2rhyz_1jc9s_290:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_1ok4u_149.awsui_input-type-search_2rhyz_1ok4u_290:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_1jc9s_149.awsui_input-type-search_2rhyz_1jc9s_290:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_1ok4u_149.awsui_input-type-search_2rhyz_1ok4u_290:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_1jc9s_149.awsui_input-has-icon-left_2rhyz_1jc9s_275:not(#\9) {
+.awsui_input_2rhyz_1ok4u_149.awsui_input-has-icon-left_2rhyz_1ok4u_275:not(#\9) {
   padding-inline-start: var(--space-field-icon-offset-ikwzwx, 36px);
 }
-.awsui_input_2rhyz_1jc9s_149.awsui_input-has-icon-right_2rhyz_1jc9s_303:not(#\9) {
+.awsui_input_2rhyz_1ok4u_149.awsui_input-has-icon-right_2rhyz_1ok4u_303:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-ikwzwx, 36px);
 }
-.awsui_input_2rhyz_1jc9s_149.awsui_input-has-no-border-radius_2rhyz_1jc9s_306:not(#\9) {
+.awsui_input_2rhyz_1ok4u_149.awsui_input-has-no-border-radius_2rhyz_1ok4u_306:not(#\9) {
   border-start-start-radius: var(--border-radius-dropdown-fgc2a1, 8px);
   border-start-end-radius: var(--border-radius-dropdown-fgc2a1, 8px);
   border-end-start-radius: var(--border-radius-dropdown-fgc2a1, 8px);
   border-end-end-radius: var(--border-radius-dropdown-fgc2a1, 8px);
 }
 
-.awsui_input-container_2rhyz_1jc9s_313:not(#\9) {
+.awsui_input-container_2rhyz_1ok4u_313:not(#\9) {
   display: flex;
   position: relative;
 }
 
-.awsui_input-icon-left_2rhyz_1jc9s_318:not(#\9) {
+.awsui_input-icon-left_2rhyz_1ok4u_318:not(#\9) {
   position: absolute;
   pointer-events: none;
   inset-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
   inset-block-start: calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2);
 }
 
-.awsui_input-icon-right_2rhyz_1jc9s_325:not(#\9) {
+.awsui_input-icon-right_2rhyz_1ok4u_325:not(#\9) {
   position: absolute;
   inset-block-start: calc(calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2) - var(--space-xxxs-pajhad, 2px));
   inset-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) - var(--space-xxs-hwfkai, 4px));
 }
 
-.awsui_input-button-right_2rhyz_1jc9s_331:not(#\9) {
+.awsui_input-button-right_2rhyz_1ok4u_331:not(#\9) {
   /* used in test-utils */
 }

package/input/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2rhyz_1jc9s_145",
-  "input": "awsui_input_2rhyz_1jc9s_149",
-  "input-readonly": "awsui_input-readonly_2rhyz_1jc9s_197",
-  "input-invalid": "awsui_input-invalid_2rhyz_1jc9s_266",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1jc9s_275",
-  "input-warning": "awsui_input-warning_2rhyz_1jc9s_278",
-  "input-type-search": "awsui_input-type-search_2rhyz_1jc9s_290",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1jc9s_303",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1jc9s_306",
-  "input-container": "awsui_input-container_2rhyz_1jc9s_313",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_1jc9s_318",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_1jc9s_325",
-  "input-button-right": "awsui_input-button-right_2rhyz_1jc9s_331"
+  "root": "awsui_root_2rhyz_1ok4u_145",
+  "input": "awsui_input_2rhyz_1ok4u_149",
+  "input-readonly": "awsui_input-readonly_2rhyz_1ok4u_203",
+  "input-invalid": "awsui_input-invalid_2rhyz_1ok4u_266",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1ok4u_275",
+  "input-warning": "awsui_input-warning_2rhyz_1ok4u_278",
+  "input-type-search": "awsui_input-type-search_2rhyz_1ok4u_290",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1ok4u_303",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1ok4u_306",
+  "input-container": "awsui_input-container_2rhyz_1ok4u_313",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_1ok4u_318",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_1ok4u_325",
+  "input-button-right": "awsui_input-button-right_2rhyz_1ok4u_331"
 };
   

package/internal/base-component/styles.scoped.css

@@ -2051,5 +2051,5 @@
   }
 }
 :root {
-  --awsui-version-info-a5c0ddf5: true;
+  --awsui-version-info-05d1e350: true;
 }

package/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (a5c0ddf5)";
-export var GIT_SHA = "a5c0ddf5";
+export var PACKAGE_VERSION = "3.0.0 (05d1e350)";
+export var GIT_SHA = "05d1e350";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "console";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (a5c0ddf5)",
-  "GIT_SHA": "a5c0ddf5",
+  "PACKAGE_VERSION": "3.0.0 (05d1e350)",
+  "GIT_SHA": "05d1e350",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "console",
   "ALWAYS_VISUAL_REFRESH": true

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "a5c0ddf5a1670a477423b256dc1432f03e79efd4"
+  "commit": "05d1e350f5cf1f8e913a72f1baeff2af7967d6bf"
 }

package/package.json

@@ -154,7 +154,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1120",
+  "version": "3.0.1122",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/status-indicator/internal.d.ts

@@ -17,6 +17,18 @@ export interface InternalStatusIndicatorProps extends SomeRequired<StatusIndicat
    */
   __display?: 'inline' | 'inline-block';
 }
+interface InternalStatusIconProps extends Pick<InternalStatusIndicatorProps, 'type' | 'iconAriaLabel'> {
+  animate?: InternalStatusIndicatorProps['__animate'];
+  size?: InternalStatusIndicatorProps['__size'];
+  display?: InternalStatusIndicatorProps['__display'];
+}
+export declare function InternalStatusIcon({
+  type,
+  iconAriaLabel,
+  animate,
+  display,
+  size
+}: InternalStatusIconProps): JSX.Element;
 export default function StatusIndicator({
   type,
   children,
@@ -29,4 +41,5 @@ export default function StatusIndicator({
   __size,
   __display,
   ...rest
-}: InternalStatusIndicatorProps): JSX.Element;
+}: InternalStatusIndicatorProps): JSX.Element;
+export {};

package/status-indicator/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,WAAW,4BACf,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAChD,0BAA0B;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACvC;AAaD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,gBAAgB,EAChB,SAAiB,EACjB,iBAAiB,EACjB,MAAiB,EACjB,SAA0B,EAC1B,GAAG,IAAI,EACR,EAAE,4BAA4B,eAsC9B"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,WAAW,4BACf,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAChD,0BAA0B;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACvC;AAaD,UAAU,uBAAwB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,MAAM,GAAG,eAAe,CAAC;IACpG,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;CACrD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,OAAO,EACP,OAAO,EACP,IAAe,GAChB,EAAE,uBAAuB,eAWzB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,gBAAgB,EAChB,SAAiB,EACjB,iBAAiB,EACjB,MAAiB,EACjB,SAA0B,EAC1B,GAAG,IAAI,EACR,EAAE,4BAA4B,eAqC9B"}

package/status-indicator/internal.js

@@ -21,6 +21,11 @@ const typeToIcon = size => ({
     'in-progress': React.createElement(InternalIcon, { name: "status-in-progress", size: size }),
     loading: React.createElement(InternalSpinner, null),
 });
+export function InternalStatusIcon({ type, iconAriaLabel, animate, display, size = 'normal', }) {
+    return (React.createElement("span", { className: clsx(styles.icon, animate && styles['icon-shake']), "aria-label": iconAriaLabel, role: iconAriaLabel ? 'img' : undefined },
+        typeToIcon(size)[type],
+        display === 'inline' && React.createElement(React.Fragment, null, "\u00A0")));
+}
 export default function StatusIndicator(_a) {
     var { type, children, iconAriaLabel, colorOverride, wrapText = true, nativeAttributes, __animate = false, __internalRootRef, __size = 'normal', __display = 'inline-block' } = _a, rest = __rest(_a, ["type", "children", "iconAriaLabel", "colorOverride", "wrapText", "nativeAttributes", "__animate", "__internalRootRef", "__size", "__display"]);
     const baseProps = getBaseProps(rest);
@@ -28,9 +33,7 @@ export default function StatusIndicator(_a) {
             [styles[`color-override-${colorOverride}`]]: colorOverride,
         }, baseProps.className), ref: __internalRootRef }),
         React.createElement("span", { className: clsx(styles.container, styles[`display-${__display}`], wrapText === false && styles['overflow-ellipsis'], __animate && styles['container-fade-in']) },
-            React.createElement("span", { className: clsx(styles.icon, __animate && styles['icon-shake']), "aria-label": iconAriaLabel, role: iconAriaLabel ? 'img' : undefined },
-                typeToIcon(__size)[type],
-                __display === 'inline' && React.createElement(React.Fragment, null, "\u00A0")),
+            React.createElement(InternalStatusIcon, { type: type, iconAriaLabel: iconAriaLabel, animate: __animate, display: __display, size: __size }),
             children)));
 }
 //# sourceMappingURL=internal.js.map

package/status-indicator/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D;;GAEG;AACH,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAC5E,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAGlD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAqBrC,MAAM,UAAU,GAA6E,IAAI,CAAC,EAAE,CAAC,CAAC;IACpG,KAAK,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC1D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC5D,IAAI,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,GAAI;IACrD,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,aAAa,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,GAAI;IACrE,OAAO,EAAE,oBAAC,eAAe,OAAG;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAYT;QAZS,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAQ,GAAG,IAAI,EACf,gBAAgB,EAChB,SAAS,GAAG,KAAK,EACjB,iBAAiB,EACjB,MAAM,GAAG,QAAQ,EACjB,SAAS,GAAG,cAAc,OAEG,EAD1B,IAAI,cAX+B,+IAYvC,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,CACL,oBAAC,oBAAoB,oBACf,SAAS,IACb,GAAG,EAAC,MAAM,EACV,aAAa,EAAC,iBAAiB,EAC/B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC,EACxB;YACE,CAAC,MAAM,CAAC,kBAAkB,aAAa,EAAE,CAAC,CAAC,EAAE,aAAa;SAC3D,EACD,SAAS,CAAC,SAAS,CACpB,EACD,GAAG,EAAE,iBAAiB;QAEtB,8BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,WAAW,SAAS,EAAE,CAAC,EAC9B,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,EACjD,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,CACzC;YAED,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,gBACnD,aAAa,EACzB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;gBAEtC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC;gBACxB,SAAS,KAAK,QAAQ,IAAI,mDAAW,CACjC;YACN,QAAQ,CACJ,CACc,CACxB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SomeRequired } from '../internal/types';\n/**\n * @awsuiSystem core\n */\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport InternalSpinner from '../spinner/internal';\nimport { StatusIndicatorProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalStatusIndicatorProps\n  extends SomeRequired<StatusIndicatorProps, 'type'>,\n    InternalBaseComponentProps {\n  /**\n   * Play an animation on the error icon when first rendered\n   */\n  __animate?: boolean;\n\n  /**\n   * Size of icon.\n   */\n  __size?: IconProps.Size;\n\n  /**\n   * The CSS behavior of the status indicator container element.\n   */\n  __display?: 'inline' | 'inline-block';\n}\n\nconst typeToIcon: (size: IconProps.Size) => Record<StatusIndicatorProps.Type, JSX.Element> = size => ({\n  error: <InternalIcon name=\"status-negative\" size={size} />,\n  warning: <InternalIcon name=\"status-warning\" size={size} />,\n  success: <InternalIcon name=\"status-positive\" size={size} />,\n  info: <InternalIcon name=\"status-info\" size={size} />,\n  stopped: <InternalIcon name=\"status-stopped\" size={size} />,\n  pending: <InternalIcon name=\"status-pending\" size={size} />,\n  'in-progress': <InternalIcon name=\"status-in-progress\" size={size} />,\n  loading: <InternalSpinner />,\n});\n\nexport default function StatusIndicator({\n  type,\n  children,\n  iconAriaLabel,\n  colorOverride,\n  wrapText = true,\n  nativeAttributes,\n  __animate = false,\n  __internalRootRef,\n  __size = 'normal',\n  __display = 'inline-block',\n  ...rest\n}: InternalStatusIndicatorProps) {\n  const baseProps = getBaseProps(rest);\n  return (\n    <WithNativeAttributes\n      {...baseProps}\n      tag=\"span\"\n      componentName=\"StatusIndicator\"\n      nativeAttributes={nativeAttributes}\n      className={clsx(\n        styles.root,\n        styles[`status-${type}`],\n        {\n          [styles[`color-override-${colorOverride}`]]: colorOverride,\n        },\n        baseProps.className\n      )}\n      ref={__internalRootRef}\n    >\n      <span\n        className={clsx(\n          styles.container,\n          styles[`display-${__display}`],\n          wrapText === false && styles['overflow-ellipsis'],\n          __animate && styles['container-fade-in']\n        )}\n      >\n        <span\n          className={clsx(styles.icon, __animate && styles['icon-shake'])}\n          aria-label={iconAriaLabel}\n          role={iconAriaLabel ? 'img' : undefined}\n        >\n          {typeToIcon(__size)[type]}\n          {__display === 'inline' && <>&nbsp;</>}\n        </span>\n        {children}\n      </span>\n    </WithNativeAttributes>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SomeRequired } from '../internal/types';\n/**\n * @awsuiSystem core\n */\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport InternalSpinner from '../spinner/internal';\nimport { StatusIndicatorProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalStatusIndicatorProps\n  extends SomeRequired<StatusIndicatorProps, 'type'>,\n    InternalBaseComponentProps {\n  /**\n   * Play an animation on the error icon when first rendered\n   */\n  __animate?: boolean;\n\n  /**\n   * Size of icon.\n   */\n  __size?: IconProps.Size;\n\n  /**\n   * The CSS behavior of the status indicator container element.\n   */\n  __display?: 'inline' | 'inline-block';\n}\n\nconst typeToIcon: (size: IconProps.Size) => Record<StatusIndicatorProps.Type, JSX.Element> = size => ({\n  error: <InternalIcon name=\"status-negative\" size={size} />,\n  warning: <InternalIcon name=\"status-warning\" size={size} />,\n  success: <InternalIcon name=\"status-positive\" size={size} />,\n  info: <InternalIcon name=\"status-info\" size={size} />,\n  stopped: <InternalIcon name=\"status-stopped\" size={size} />,\n  pending: <InternalIcon name=\"status-pending\" size={size} />,\n  'in-progress': <InternalIcon name=\"status-in-progress\" size={size} />,\n  loading: <InternalSpinner />,\n});\n\ninterface InternalStatusIconProps extends Pick<InternalStatusIndicatorProps, 'type' | 'iconAriaLabel'> {\n  animate?: InternalStatusIndicatorProps['__animate'];\n  size?: InternalStatusIndicatorProps['__size'];\n  display?: InternalStatusIndicatorProps['__display'];\n}\n\nexport function InternalStatusIcon({\n  type,\n  iconAriaLabel,\n  animate,\n  display,\n  size = 'normal',\n}: InternalStatusIconProps) {\n  return (\n    <span\n      className={clsx(styles.icon, animate && styles['icon-shake'])}\n      aria-label={iconAriaLabel}\n      role={iconAriaLabel ? 'img' : undefined}\n    >\n      {typeToIcon(size)[type]}\n      {display === 'inline' && <>&nbsp;</>}\n    </span>\n  );\n}\n\nexport default function StatusIndicator({\n  type,\n  children,\n  iconAriaLabel,\n  colorOverride,\n  wrapText = true,\n  nativeAttributes,\n  __animate = false,\n  __internalRootRef,\n  __size = 'normal',\n  __display = 'inline-block',\n  ...rest\n}: InternalStatusIndicatorProps) {\n  const baseProps = getBaseProps(rest);\n  return (\n    <WithNativeAttributes\n      {...baseProps}\n      tag=\"span\"\n      componentName=\"StatusIndicator\"\n      nativeAttributes={nativeAttributes}\n      className={clsx(\n        styles.root,\n        styles[`status-${type}`],\n        {\n          [styles[`color-override-${colorOverride}`]]: colorOverride,\n        },\n        baseProps.className\n      )}\n      ref={__internalRootRef}\n    >\n      <span\n        className={clsx(\n          styles.container,\n          styles[`display-${__display}`],\n          wrapText === false && styles['overflow-ellipsis'],\n          __animate && styles['container-fade-in']\n        )}\n      >\n        <InternalStatusIcon\n          type={type}\n          iconAriaLabel={iconAriaLabel}\n          animate={__animate}\n          display={__display}\n          size={__size}\n        />\n        {children}\n      </span>\n    </WithNativeAttributes>\n  );\n}\n"]}

package/steps/index.js

@@ -1,20 +1,18 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-'use client';
-import { __rest } from "tslib";
 import React from 'react';
-import { getBaseProps } from '../internal/base-component';
-import useBaseComponent from '../internal/hooks/use-base-component';
+
+import CoreComponent from './internal-do-not-use-core';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { getExternalProps } from '../internal/utils/external-props';
-import InternalSteps from './internal';
-const Steps = (_a) => {
-    var { steps } = _a, props = __rest(_a, ["steps"]);
-    const baseProps = getBaseProps(props);
-    const baseComponentProps = useBaseComponent('Steps');
-    const externalProps = getExternalProps(props);
-    return React.createElement(InternalSteps, Object.assign({}, baseProps, baseComponentProps, externalProps, { steps: steps }));
+import { validateProps } from '@cloudscape-design/component-toolkit/internal';
+
+
+
+const Steps = (props) => {
+    validateProps('Steps', props, ["orientation","renderStep"], {}, 'console');
+    return React.createElement(CoreComponent, props);
 };
+
+
 applyDisplayName(Steps, 'Steps');
 export default Steps;
-//# sourceMappingURL=index.js.map

package/steps/interfaces.d.ts

@@ -12,6 +12,23 @@ export interface StepsProps extends BaseComponentProps {
    *  * `details` (ReactNode) - (Optional) Additional information corresponding to the step.
    */
   steps: ReadonlyArray<StepsProps.Step>;
+  /**
+   * The visual orientation of the steps (vertical or horizontal).
+   * By default the orientation is vertical.
+   *
+   * @awsuiSystem core
+   */
+
+  /**
+   * Render a step. This overrides the default icon, header, and details provided by the component.
+   * The function is called for each step and should return an object with the following keys:
+   * * `header` (React.ReactNode) - Summary corresponding to the step.
+   * * `details` (React.ReactNode) - (Optional) Additional information corresponding to the step.
+   * * `icon` (React.ReactNode) - (Optional) Replaces the standard step icon from the status indicator.
+   *
+   * @awsuiSystem core
+   */
+
   /**
    * Provides an `aria-label` to the progress steps container.
    * Don't use `ariaLabel` and `ariaLabelledby` at the same time.
@@ -36,4 +53,5 @@ export declare namespace StepsProps {
     header: React.ReactNode;
     details?: React.ReactNode;
   }
+  type Orientation = 'vertical' | 'horizontal';
 }

package/steps/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;;;;;OAQG;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC;IAE/C,UAAiB,IAAI;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;;;;;OAQG;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK;QACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC;IAE/C,UAAiB,IAAI;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B;IAED,KAAY,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;CACrD"}

package/steps/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { StatusIndicatorProps } from '../status-indicator/interfaces';\n\nexport interface StepsProps extends BaseComponentProps {\n  /**\n   * An array of individual steps\n   *\n   * Each step definition has the following properties:\n   *  * `status` (string) - Status of the step corresponding to a status indicator.\n   *  * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.\n   *  * `header` (ReactNode) - Summary corresponding to the step.\n   *  * `details` (ReactNode) - (Optional) Additional information corresponding to the step.\n   */\n  steps: ReadonlyArray<StepsProps.Step>;\n  /**\n   * Provides an `aria-label` to the progress steps container.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n  /**\n   * Sets the `aria-labelledby` property on the progress steps container.\n   * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n  /**\n   * Sets the `aria-describedby` property on the progress steps container.\n   */\n  ariaDescribedby?: string;\n}\n\nexport namespace StepsProps {\n  export type Status = StatusIndicatorProps.Type;\n\n  export interface Step {\n    status: Status;\n    statusIconAriaLabel?: string;\n    header: React.ReactNode;\n    details?: React.ReactNode;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { StatusIndicatorProps } from '../status-indicator/interfaces';\n\nexport interface StepsProps extends BaseComponentProps {\n  /**\n   * An array of individual steps\n   *\n   * Each step definition has the following properties:\n   *  * `status` (string) - Status of the step corresponding to a status indicator.\n   *  * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.\n   *  * `header` (ReactNode) - Summary corresponding to the step.\n   *  * `details` (ReactNode) - (Optional) Additional information corresponding to the step.\n   */\n  steps: ReadonlyArray<StepsProps.Step>;\n  /**\n   * The visual orientation of the steps (vertical or horizontal).\n   * By default the orientation is vertical.\n   *\n   * @awsuiSystem core\n   */\n  orientation?: StepsProps.Orientation;\n  /**\n   * Render a step. This overrides the default icon, header, and details provided by the component.\n   * The function is called for each step and should return an object with the following keys:\n   * * `header` (React.ReactNode) - Summary corresponding to the step.\n   * * `details` (React.ReactNode) - (Optional) Additional information corresponding to the step.\n   * * `icon` (React.ReactNode) - (Optional) Replaces the standard step icon from the status indicator.\n   *\n   * @awsuiSystem core\n   */\n  renderStep?: (step: StepsProps.Step) => {\n    header: React.ReactNode;\n    details?: React.ReactNode;\n    icon?: React.ReactNode;\n  };\n  /**\n   * Provides an `aria-label` to the progress steps container.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n  /**\n   * Sets the `aria-labelledby` property on the progress steps container.\n   * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n  /**\n   * Sets the `aria-describedby` property on the progress steps container.\n   */\n  ariaDescribedby?: string;\n}\n\nexport namespace StepsProps {\n  export type Status = StatusIndicatorProps.Type;\n\n  export interface Step {\n    status: Status;\n    statusIconAriaLabel?: string;\n    header: React.ReactNode;\n    details?: React.ReactNode;\n  }\n\n  export type Orientation = 'vertical' | 'horizontal';\n}\n"]}

package/steps/internal-do-not-use-core.js

@@ -0,0 +1,20 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+'use client';
+import { __rest } from "tslib";
+import React from 'react';
+import { getBaseProps } from '../internal/base-component';
+import useBaseComponent from '../internal/hooks/use-base-component';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import { getExternalProps } from '../internal/utils/external-props';
+import InternalSteps from './internal';
+const Steps = (_a) => {
+    var { steps } = _a, props = __rest(_a, ["steps"]);
+    const baseProps = getBaseProps(props);
+    const baseComponentProps = useBaseComponent('Steps');
+    const externalProps = getExternalProps(props);
+    return React.createElement(InternalSteps, Object.assign({}, baseProps, baseComponentProps, externalProps, { steps: steps }));
+};
+applyDisplayName(Steps, 'Steps');
+export default Steps;
+//# sourceMappingURL=internal-do-not-use-core.js.map

package/steps/internal.d.ts

@@ -5,6 +5,8 @@ import { StepsProps } from './interfaces';
 type InternalStepsProps = SomeRequired<StepsProps, 'steps'> & InternalBaseComponentProps;
 declare const InternalSteps: ({
   steps,
+  orientation,
+  renderStep,
   ariaLabel,
   ariaLabelledby,
   ariaDescribedby,

package/steps/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/steps/internal.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,KAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,0BAA0B,CAAC;AAgBzF,QAAA,MAAM,aAAa,uFAOhB,kBAAkB,gBAqBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/steps/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,KAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,0BAA0B,CAAC;AA2EzF,QAAA,MAAM,aAAa,gHAShB,kBAAkB,gBA8BpB,CAAC;AAEF,eAAe,aAAa,CAAC"}