@cloudscape-design/components-themeable 3.0.1360 → 3.0.1362

package/lib/internal/template/flashbar/styles.selectors.js

@@ -2,55 +2,55 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_1bng4_13",
-  "enter": "awsui_enter_1q84n_1bng4_13",
-  "flash-body": "awsui_flash-body_1q84n_1bng4_27",
-  "flash-message": "awsui_flash-message_1q84n_1bng4_27",
-  "flash-header": "awsui_flash-header_1q84n_1bng4_27",
-  "flash-content": "awsui_flash-content_1q84n_1bng4_28",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1bng4_29",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1bng4_30",
-  "flash-icon": "awsui_flash-icon_1q84n_1bng4_53",
-  "entering": "awsui_entering_1q84n_1bng4_66",
-  "entered": "awsui_entered_1q84n_1bng4_87",
-  "exiting": "awsui_exiting_1q84n_1bng4_192",
-  "stack": "awsui_stack_1q84n_1bng4_218",
-  "animation-running": "awsui_animation-running_1q84n_1bng4_218",
-  "item": "awsui_item_1q84n_1bng4_218",
-  "flash-list-item": "awsui_flash-list-item_1q84n_1bng4_219",
-  "notification-bar": "awsui_notification-bar_1q84n_1bng4_220",
-  "collapsed": "awsui_collapsed_1q84n_1bng4_240",
-  "animation-ready": "awsui_animation-ready_1q84n_1bng4_240",
-  "expanded-only": "awsui_expanded-only_1q84n_1bng4_240",
-  "expanded": "awsui_expanded_1q84n_1bng4_240",
-  "flash": "awsui_flash_1q84n_1bng4_13",
-  "collapsible": "awsui_collapsible_1q84n_1bng4_296",
-  "short-list": "awsui_short-list_1q84n_1bng4_302",
-  "visual-refresh": "awsui_visual-refresh_1q84n_1bng4_302",
-  "status": "awsui_status_1q84n_1bng4_449",
-  "header": "awsui_header_1q84n_1bng4_449",
-  "item-count": "awsui_item-count_1q84n_1bng4_450",
-  "button": "awsui_button_1q84n_1bng4_451",
-  "type-count": "awsui_type-count_1q84n_1bng4_484",
-  "count-number": "awsui_count-number_1q84n_1bng4_484",
-  "icon": "awsui_icon_1q84n_1bng4_522",
-  "floating": "awsui_floating_1q84n_1bng4_563",
-  "flashbar": "awsui_flashbar_1q84n_1bng4_567",
-  "initial-hidden": "awsui_initial-hidden_1q84n_1bng4_627",
-  "flash-list": "awsui_flash-list_1q84n_1bng4_219",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_1bng4_651",
-  "flash-text": "awsui_flash-text_1q84n_1bng4_681",
-  "hidden": "awsui_hidden_1q84n_1bng4_700",
-  "header-replacement": "awsui_header-replacement_1q84n_1bng4_705",
-  "content-replacement": "awsui_content-replacement_1q84n_1bng4_710",
-  "dismiss-button": "awsui_dismiss-button_1q84n_1bng4_30",
-  "action-wrapped": "awsui_action-wrapped_1q84n_1bng4_728",
-  "action-button": "awsui_action-button_1q84n_1bng4_29",
-  "action-slot": "awsui_action-slot_1q84n_1bng4_735",
-  "flash-type-success": "awsui_flash-type-success_1q84n_1bng4_739",
-  "flash-type-error": "awsui_flash-type-error_1q84n_1bng4_747",
-  "flash-type-info": "awsui_flash-type-info_1q84n_1bng4_755",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1bng4_756",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_1bng4_765"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_1h5wf_13",
+  "enter": "awsui_enter_1q84n_1h5wf_13",
+  "flash-body": "awsui_flash-body_1q84n_1h5wf_27",
+  "flash-message": "awsui_flash-message_1q84n_1h5wf_27",
+  "flash-header": "awsui_flash-header_1q84n_1h5wf_27",
+  "flash-content": "awsui_flash-content_1q84n_1h5wf_28",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1h5wf_29",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1h5wf_30",
+  "flash-icon": "awsui_flash-icon_1q84n_1h5wf_53",
+  "entering": "awsui_entering_1q84n_1h5wf_66",
+  "entered": "awsui_entered_1q84n_1h5wf_87",
+  "exiting": "awsui_exiting_1q84n_1h5wf_192",
+  "stack": "awsui_stack_1q84n_1h5wf_218",
+  "animation-running": "awsui_animation-running_1q84n_1h5wf_218",
+  "item": "awsui_item_1q84n_1h5wf_218",
+  "flash-list-item": "awsui_flash-list-item_1q84n_1h5wf_219",
+  "notification-bar": "awsui_notification-bar_1q84n_1h5wf_220",
+  "collapsed": "awsui_collapsed_1q84n_1h5wf_240",
+  "animation-ready": "awsui_animation-ready_1q84n_1h5wf_240",
+  "expanded-only": "awsui_expanded-only_1q84n_1h5wf_240",
+  "expanded": "awsui_expanded_1q84n_1h5wf_240",
+  "flash": "awsui_flash_1q84n_1h5wf_13",
+  "collapsible": "awsui_collapsible_1q84n_1h5wf_296",
+  "short-list": "awsui_short-list_1q84n_1h5wf_302",
+  "visual-refresh": "awsui_visual-refresh_1q84n_1h5wf_302",
+  "status": "awsui_status_1q84n_1h5wf_449",
+  "header": "awsui_header_1q84n_1h5wf_449",
+  "item-count": "awsui_item-count_1q84n_1h5wf_450",
+  "button": "awsui_button_1q84n_1h5wf_451",
+  "type-count": "awsui_type-count_1q84n_1h5wf_484",
+  "count-number": "awsui_count-number_1q84n_1h5wf_484",
+  "icon": "awsui_icon_1q84n_1h5wf_522",
+  "floating": "awsui_floating_1q84n_1h5wf_563",
+  "flashbar": "awsui_flashbar_1q84n_1h5wf_567",
+  "initial-hidden": "awsui_initial-hidden_1q84n_1h5wf_627",
+  "flash-list": "awsui_flash-list_1q84n_1h5wf_219",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_1h5wf_651",
+  "flash-text": "awsui_flash-text_1q84n_1h5wf_681",
+  "hidden": "awsui_hidden_1q84n_1h5wf_700",
+  "header-replacement": "awsui_header-replacement_1q84n_1h5wf_705",
+  "content-replacement": "awsui_content-replacement_1q84n_1h5wf_710",
+  "dismiss-button": "awsui_dismiss-button_1q84n_1h5wf_30",
+  "action-wrapped": "awsui_action-wrapped_1q84n_1h5wf_728",
+  "action-button": "awsui_action-button_1q84n_1h5wf_29",
+  "action-slot": "awsui_action-slot_1q84n_1h5wf_735",
+  "flash-type-success": "awsui_flash-type-success_1q84n_1h5wf_739",
+  "flash-type-error": "awsui_flash-type-error_1q84n_1h5wf_747",
+  "flash-type-info": "awsui_flash-type-info_1q84n_1h5wf_755",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1h5wf_756",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_1h5wf_765"
 };
   

package/lib/internal/template/help-panel/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "help-panel": "awsui_help-panel_1d237_gop69_9",
-  "loading": "awsui_loading_1d237_gop69_179",
-  "header": "awsui_header_1d237_gop69_184",
-  "with-toolbar": "awsui_with-toolbar_1d237_gop69_202",
-  "content": "awsui_content_1d237_gop69_221",
-  "footer": "awsui_footer_1d237_gop69_273"
+  "help-panel": "awsui_help-panel_1d237_wcoe8_9",
+  "loading": "awsui_loading_1d237_wcoe8_179",
+  "header": "awsui_header_1d237_wcoe8_184",
+  "with-toolbar": "awsui_with-toolbar_1d237_wcoe8_202",
+  "content": "awsui_content_1d237_wcoe8_221",
+  "footer": "awsui_footer_1d237_wcoe8_273"
 };
   

package/lib/internal/template/help-panel/styles.scoped.css

@@ -6,7 +6,7 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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_help-panel_1d237_gop69_9:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -42,36 +42,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_help-panel_1d237_gop69_9 hr:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 hr:not(#\9) {
   border-block: none;
   border-inline: none;
   border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
   margin-block: var(--space-scaled-xl-avp3kz, 24px);
   margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-8w6hvr, 12px));
 }
-.awsui_help-panel_1d237_gop69_9 ol:not(#\9),
-.awsui_help-panel_1d237_gop69_9 ul:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 ol:not(#\9),
+.awsui_help-panel_1d237_wcoe8_9 ul:not(#\9) {
   padding-inline-start: var(--space-l-dpyxli, 20px);
   list-style-position: outside;
   margin-block: var(--space-s-kll7oj, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_gop69_9 li:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 li:not(#\9) {
   margin-block: var(--space-scaled-xxs-j00t0m, 4px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_gop69_9 a:not(#\9),
-.awsui_help-panel_1d237_gop69_9 h2:not(#\9),
-.awsui_help-panel_1d237_gop69_9 h3:not(#\9),
-.awsui_help-panel_1d237_gop69_9 h4:not(#\9),
-.awsui_help-panel_1d237_gop69_9 h5:not(#\9),
-.awsui_help-panel_1d237_gop69_9 pre:not(#\9),
-.awsui_help-panel_1d237_gop69_9 code:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 a:not(#\9),
+.awsui_help-panel_1d237_wcoe8_9 h2:not(#\9),
+.awsui_help-panel_1d237_wcoe8_9 h3:not(#\9),
+.awsui_help-panel_1d237_wcoe8_9 h4:not(#\9),
+.awsui_help-panel_1d237_wcoe8_9 h5:not(#\9),
+.awsui_help-panel_1d237_wcoe8_9 pre:not(#\9),
+.awsui_help-panel_1d237_wcoe8_9 code:not(#\9) {
   margin-block: var(--space-xs-m9b7jf, 8px);
   margin-inline: 0;
   padding-block: 0;
 }
-.awsui_help-panel_1d237_gop69_9 code:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 code:not(#\9) {
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: var(--line-height-body-s-gako33, 16px);
   letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
@@ -82,7 +82,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   white-space: pre-wrap;
 }
-.awsui_help-panel_1d237_gop69_9 pre:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 pre:not(#\9) {
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: var(--line-height-body-s-gako33, 16px);
   letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
@@ -95,38 +95,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-3o1yoq, 4px);
   padding-inline: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_help-panel_1d237_gop69_9 dl:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 dl:not(#\9) {
   margin-block: var(--space-s-kll7oj, 12px);
   margin-inline: 0;
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_help-panel_1d237_gop69_9 dl *:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 dl *:not(#\9) {
   margin-block: 0;
 }
-.awsui_help-panel_1d237_gop69_9 dt:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 dt:not(#\9) {
   margin-block-start: var(--space-xs-m9b7jf, 8px);
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
-.awsui_help-panel_1d237_gop69_9 dd:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 dd:not(#\9) {
   margin-block-start: 0;
   margin-block-end: var(--space-xs-m9b7jf, 8px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_gop69_9 h2:not(#\9),
-.awsui_help-panel_1d237_gop69_9 h3:not(#\9),
-.awsui_help-panel_1d237_gop69_9 h4:not(#\9),
-.awsui_help-panel_1d237_gop69_9 h5:not(#\9),
-.awsui_help-panel_1d237_gop69_9 h6:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 h2:not(#\9),
+.awsui_help-panel_1d237_wcoe8_9 h3:not(#\9),
+.awsui_help-panel_1d237_wcoe8_9 h4:not(#\9),
+.awsui_help-panel_1d237_wcoe8_9 h5:not(#\9),
+.awsui_help-panel_1d237_wcoe8_9 h6:not(#\9) {
   margin-block-start: var(--space-xl-6jh0ay, 24px);
   color: var(--color-text-heading-default-e3tuze, #16191f);
 }
-.awsui_help-panel_1d237_gop69_9 p:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 p:not(#\9) {
   color: inherit;
   text-decoration: none;
   margin-block: var(--space-s-kll7oj, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_gop69_9 h1:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 h1:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xl-0tgqx0, 28px);
   line-height: var(--line-height-heading-xl-pi61pg, 36px);
@@ -135,7 +135,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_help-panel_1d237_gop69_9 h2:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 h2:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-l-cax9xk, 18px);
   line-height: var(--line-height-heading-l-zmt48b, 22px);
@@ -144,7 +144,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_help-panel_1d237_gop69_9 h3:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 h3:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-m-cqvsuv, 18px);
   line-height: var(--line-height-heading-m-d6lkzb, 22px);
@@ -153,7 +153,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_help-panel_1d237_gop69_9 h4:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 h4:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-s-hm1hv8, 16px);
   line-height: var(--line-height-heading-s-3z7qjv, 20px);
@@ -162,7 +162,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_help-panel_1d237_gop69_9 h5:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 h5:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xs-yrvp79, 16px);
   line-height: var(--line-height-heading-xs-wcrr4i, 20px);
@@ -171,17 +171,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_help-panel_1d237_gop69_9 b:not(#\9),
-.awsui_help-panel_1d237_gop69_9 strong:not(#\9) {
+.awsui_help-panel_1d237_wcoe8_9 b:not(#\9),
+.awsui_help-panel_1d237_wcoe8_9 strong:not(#\9) {
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
 
-.awsui_loading_1d237_gop69_179:not(#\9) {
+.awsui_loading_1d237_wcoe8_179:not(#\9) {
   padding-inline-start: var(--space-panel-side-left-sa5n0l, 32px);
   padding-inline-end: var(--space-panel-side-right-14ygs5, 32px);
 }
 
-.awsui_header_1d237_gop69_184:not(#\9) {
+.awsui_header_1d237_wcoe8_184:not(#\9) {
   font-size: var(--font-panel-header-size-vy6xld, 18px);
   letter-spacing: var(--letter-spacing-heading-m-iab0ug, normal);
   line-height: var(--font-panel-header-line-height-4n3q8r, 22px);
@@ -199,15 +199,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_with-toolbar_1d237_gop69_202 > .awsui_header_1d237_gop69_184:not(#\9) {
+.awsui_with-toolbar_1d237_wcoe8_202 > .awsui_header_1d237_wcoe8_184:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1d237_gop69_184 h2:not(#\9),
-.awsui_header_1d237_gop69_184 h3:not(#\9),
-.awsui_header_1d237_gop69_184 h4:not(#\9),
-.awsui_header_1d237_gop69_184 h5:not(#\9),
-.awsui_header_1d237_gop69_184 h6:not(#\9) {
+.awsui_header_1d237_wcoe8_184 h2:not(#\9),
+.awsui_header_1d237_wcoe8_184 h3:not(#\9),
+.awsui_header_1d237_wcoe8_184 h4:not(#\9),
+.awsui_header_1d237_wcoe8_184 h5:not(#\9),
+.awsui_header_1d237_wcoe8_184 h6:not(#\9) {
   font-size: var(--font-panel-header-size-vy6xld, 18px);
   letter-spacing: var(--letter-spacing-heading-m-iab0ug, normal);
   line-height: var(--font-panel-header-line-height-4n3q8r, 22px);
@@ -218,26 +218,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
 
-.awsui_content_1d237_gop69_221:not(#\9) {
+.awsui_content_1d237_wcoe8_221:not(#\9) {
   color: var(--color-text-body-secondary-66ygbb, #545b64);
   padding-inline-start: var(--space-panel-side-left-sa5n0l, 32px);
   padding-inline-end: var(--space-panel-side-right-14ygs5, 32px);
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_content_1d237_gop69_221 h2:not(#\9):first-child,
-.awsui_content_1d237_gop69_221 h3:not(#\9):first-child,
-.awsui_content_1d237_gop69_221 h4:not(#\9):first-child,
-.awsui_content_1d237_gop69_221 h5:not(#\9):first-child,
-.awsui_content_1d237_gop69_221 h6:not(#\9):first-child,
-.awsui_content_1d237_gop69_221 p:not(#\9):first-child {
+.awsui_content_1d237_wcoe8_221 h2:not(#\9):first-child,
+.awsui_content_1d237_wcoe8_221 h3:not(#\9):first-child,
+.awsui_content_1d237_wcoe8_221 h4:not(#\9):first-child,
+.awsui_content_1d237_wcoe8_221 h5:not(#\9):first-child,
+.awsui_content_1d237_wcoe8_221 h6:not(#\9):first-child,
+.awsui_content_1d237_wcoe8_221 p:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_content_1d237_gop69_221 a:not(#\9) {
+.awsui_content_1d237_wcoe8_221 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
   text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
-  color: var(--awsui-style-color-default-esndbs, var(--color-text-link-default-qabnuk, #0073bb));
+  color: var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -248,31 +248,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content_1d237_gop69_221 a:not(#\9) {
+  .awsui_content_1d237_wcoe8_221 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content_1d237_gop69_221 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_gop69_221 a:not(#\9) {
+.awsui-motion-disabled .awsui_content_1d237_wcoe8_221 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_wcoe8_221 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_content_1d237_gop69_221 a:not(#\9):hover {
+.awsui_content_1d237_wcoe8_221 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-hover-n1r6g0, #0a4a74));
+  color: var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
 }
-.awsui_content_1d237_gop69_221 a:not(#\9):focus {
+.awsui_content_1d237_wcoe8_221 a:not(#\9):focus {
   outline: none;
 }
-.awsui_content_1d237_gop69_221 a:not(#\9):active {
-  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-hover-n1r6g0, #0a4a74));
+.awsui_content_1d237_wcoe8_221 a:not(#\9):active {
+  color: var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
 }
-.awsui_content_1d237_gop69_221 a:not(#\9):active, .awsui_content_1d237_gop69_221 a:not(#\9):focus, .awsui_content_1d237_gop69_221 a:not(#\9):hover {
+.awsui_content_1d237_wcoe8_221 a:not(#\9):active, .awsui_content_1d237_wcoe8_221 a:not(#\9):focus, .awsui_content_1d237_wcoe8_221 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
 }
 
-.awsui_footer_1d237_gop69_273:not(#\9) {
+.awsui_footer_1d237_wcoe8_273:not(#\9) {
   color: var(--color-text-body-secondary-66ygbb, #545b64);
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-sa5n0l, 32px);
@@ -280,15 +280,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_footer_1d237_gop69_273 ul:not(#\9) {
+.awsui_footer_1d237_wcoe8_273 ul:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
 }
-.awsui_footer_1d237_gop69_273 a:not(#\9) {
+.awsui_footer_1d237_wcoe8_273 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
   text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
-  color: var(--awsui-style-color-default-esndbs, var(--color-text-link-secondary-default-urew28, #0073bb));
+  color: var(--awsui-style-color-default-66120l, var(--color-text-link-secondary-default-urew28, #0073bb));
   font-weight: var(--font-weight-link-secondary-gzuq69, inherit);
   letter-spacing: normal;
   text-decoration-line: var(--font-decoration-line-link-secondary-tcr1f6, none);
@@ -299,37 +299,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_footer_1d237_gop69_273 a:not(#\9) {
+  .awsui_footer_1d237_wcoe8_273 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_footer_1d237_gop69_273 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_gop69_273 a:not(#\9) {
+.awsui-motion-disabled .awsui_footer_1d237_wcoe8_273 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_wcoe8_273 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_footer_1d237_gop69_273 a:not(#\9):hover {
+.awsui_footer_1d237_wcoe8_273 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
+  color: var(--awsui-style-color-hover-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
 }
-.awsui_footer_1d237_gop69_273 a:not(#\9):focus {
+.awsui_footer_1d237_wcoe8_273 a:not(#\9):focus {
   outline: none;
 }
-.awsui_footer_1d237_gop69_273 a:not(#\9):active {
-  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
+.awsui_footer_1d237_wcoe8_273 a:not(#\9):active {
+  color: var(--awsui-style-color-active-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
 }
-.awsui_footer_1d237_gop69_273 a:not(#\9):active, .awsui_footer_1d237_gop69_273 a:not(#\9):focus, .awsui_footer_1d237_gop69_273 a:not(#\9):hover {
+.awsui_footer_1d237_wcoe8_273 a:not(#\9):active, .awsui_footer_1d237_wcoe8_273 a:not(#\9):focus, .awsui_footer_1d237_wcoe8_273 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
 }
 
-.awsui_content_1d237_gop69_221:not(#\9),
-.awsui_footer_1d237_gop69_273:not(#\9) {
+.awsui_content_1d237_wcoe8_221:not(#\9),
+.awsui_footer_1d237_wcoe8_273:not(#\9) {
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_content_1d237_gop69_221 a:not(#\9):focus,
-.awsui_footer_1d237_gop69_273 a:not(#\9):focus {
+.awsui_content_1d237_wcoe8_221 a:not(#\9):focus,
+.awsui_footer_1d237_wcoe8_273 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
   outline-offset: 2px;

package/lib/internal/template/help-panel/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "help-panel": "awsui_help-panel_1d237_gop69_9",
-  "loading": "awsui_loading_1d237_gop69_179",
-  "header": "awsui_header_1d237_gop69_184",
-  "with-toolbar": "awsui_with-toolbar_1d237_gop69_202",
-  "content": "awsui_content_1d237_gop69_221",
-  "footer": "awsui_footer_1d237_gop69_273"
+  "help-panel": "awsui_help-panel_1d237_wcoe8_9",
+  "loading": "awsui_loading_1d237_wcoe8_179",
+  "header": "awsui_header_1d237_wcoe8_184",
+  "with-toolbar": "awsui_with-toolbar_1d237_wcoe8_202",
+  "content": "awsui_content_1d237_wcoe8_221",
+  "footer": "awsui_footer_1d237_wcoe8_273"
 };
   

package/lib/internal/template/input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,mFAkGV,CAAC;AAGF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,mFAoGV,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/lib/internal/template/input/index.js

@@ -8,7 +8,7 @@ import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalInput from './internal';
 import styles from './styles.css.js';
-const Input = React.forwardRef(({ value, type = 'text', step, inputMode, autoComplete = true, spellcheck, disabled, readOnly, disableBrowserAutocorrect, onKeyDown, onKeyUp, onChange, onBlur, onFocus, ariaRequired, name, placeholder, autoFocus, ariaLabel, ariaLabelledby, ariaDescribedby, invalid, warning, controlId, clearAriaLabel, nativeInputAttributes, style, prefix, suffix, ...rest }, ref) => {
+const Input = React.forwardRef(({ value, type = 'text', step, inputMode, autoComplete = true, spellcheck, disabled, readOnly, disableBrowserAutocorrect, onKeyDown, onKeyUp, onChange, onBlur, onFocus, ariaRequired, name, placeholder, autoFocus, ariaLabel, ariaLabelledby, ariaDescribedby, invalid, warning, controlId, clearAriaLabel, nativeInputAttributes, style, inlineLabelText, prefix, suffix, ...rest }, ref) => {
     const baseComponentProps = useBaseComponent('Input', {
         props: { autoComplete, autoFocus, disableBrowserAutocorrect, inputMode, readOnly, spellcheck, type },
     });
@@ -54,7 +54,8 @@ const Input = React.forwardRef(({ value, type = 'text', step, inputMode, autoCom
         nativeInputAttributes,
         style,
         prefix,
-        suffix, className: clsx(styles.root, baseProps.className), __inheritFormFieldProps: true, __injectAnalyticsComponentMetadata: true }));
+        suffix,
+        inlineLabelText, className: clsx(styles.root, baseProps.className), __inheritFormFieldProps: true, __injectAnalyticsComponentMetadata: true }));
 });
 applyDisplayName(Input, 'Input');
 export default Input;

package/lib/internal/template/input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/input/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAO,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,aAAa,MAAM,YAAY,CAAC;AAEvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,KAAK,EACL,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,SAAS,EACT,YAAY,GAAG,IAAI,EACnB,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,yBAAyB,EACzB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,EACf,OAAO,EACP,OAAO,EACP,SAAS,EACT,cAAc,EACd,qBAAqB,EACrB,KAAK,EACL,MAAM,EACN,MAAM,EACN,GAAG,IAAI,EACI,EACb,GAAwB,EACxB,EAAE;IACF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,EAAE;QACnD,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,yBAAyB,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE;KACrG,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,CAAC,GAAG,IAAsC;;YAC7C,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;QACnC,CAAC;QACD,MAAM;;YACJ,MAAA,QAAQ,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAC;QAC7B,CAAC;KACF,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,QAAQ,EAEX,GAAG,SAAS;QACZ,GAAG,kBAAkB;QACrB,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,SAAS;QACT,QAAQ;QACR,yBAAyB;QACzB,IAAI;QACJ,SAAS;QACT,OAAO;QACP,QAAQ;QACR,MAAM;QACN,OAAO;QACP,WAAW;QACX,QAAQ;QACR,IAAI;QACJ,IAAI;QACJ,SAAS;QACT,UAAU;QACV,KAAK;QACL,eAAe;QACf,cAAc;QACd,OAAO;QACP,OAAO;QACP,SAAS;QACT,cAAc;QACd,qBAAqB;QACrB,KAAK;QACL,MAAM;QACN,MAAM,EAER,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,uBAAuB,EAAE,IAAI,EAC7B,kCAAkC,EAAE,IAAI,GACxC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { Ref, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { InputProps } from './interfaces';\nimport InternalInput from './internal';\n\nimport styles from './styles.css.js';\n\nexport { InputProps };\n\nconst Input = React.forwardRef(\n  (\n    {\n      value,\n      type = 'text',\n      step,\n      inputMode,\n      autoComplete = true,\n      spellcheck,\n      disabled,\n      readOnly,\n      disableBrowserAutocorrect,\n      onKeyDown,\n      onKeyUp,\n      onChange,\n      onBlur,\n      onFocus,\n      ariaRequired,\n      name,\n      placeholder,\n      autoFocus,\n      ariaLabel,\n      ariaLabelledby,\n      ariaDescribedby,\n      invalid,\n      warning,\n      controlId,\n      clearAriaLabel,\n      nativeInputAttributes,\n      style,\n      prefix,\n      suffix,\n      ...rest\n    }: InputProps,\n    ref: Ref<InputProps.Ref>\n  ) => {\n    const baseComponentProps = useBaseComponent('Input', {\n      props: { autoComplete, autoFocus, disableBrowserAutocorrect, inputMode, readOnly, spellcheck, type },\n    });\n    const baseProps = getBaseProps(rest);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus(...args: Parameters<HTMLElement['focus']>) {\n          inputRef.current?.focus(...args);\n        },\n        select() {\n          inputRef.current?.select();\n        },\n      }),\n      [inputRef]\n    );\n\n    return (\n      <InternalInput\n        ref={inputRef}\n        {...{\n          ...baseProps,\n          ...baseComponentProps,\n          autoComplete,\n          ariaLabel,\n          ariaRequired,\n          autoFocus,\n          disabled,\n          disableBrowserAutocorrect,\n          name,\n          onKeyDown,\n          onKeyUp,\n          onChange,\n          onBlur,\n          onFocus,\n          placeholder,\n          readOnly,\n          type,\n          step,\n          inputMode,\n          spellcheck,\n          value,\n          ariaDescribedby,\n          ariaLabelledby,\n          invalid,\n          warning,\n          controlId,\n          clearAriaLabel,\n          nativeInputAttributes,\n          style,\n          prefix,\n          suffix,\n        }}\n        className={clsx(styles.root, baseProps.className)}\n        __inheritFormFieldProps={true}\n        __injectAnalyticsComponentMetadata={true}\n      />\n    );\n  }\n);\n\napplyDisplayName(Input, 'Input');\nexport default Input;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/input/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAO,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,aAAa,MAAM,YAAY,CAAC;AAEvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,KAAK,EACL,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,SAAS,EACT,YAAY,GAAG,IAAI,EACnB,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,yBAAyB,EACzB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,EACf,OAAO,EACP,OAAO,EACP,SAAS,EACT,cAAc,EACd,qBAAqB,EACrB,KAAK,EACL,eAAe,EACf,MAAM,EACN,MAAM,EACN,GAAG,IAAI,EACI,EACb,GAAwB,EACxB,EAAE;IACF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,EAAE;QACnD,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,yBAAyB,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE;KACrG,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,CAAC,GAAG,IAAsC;;YAC7C,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;QACnC,CAAC;QACD,MAAM;;YACJ,MAAA,QAAQ,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAC;QAC7B,CAAC;KACF,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,QAAQ,EAEX,GAAG,SAAS;QACZ,GAAG,kBAAkB;QACrB,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,SAAS;QACT,QAAQ;QACR,yBAAyB;QACzB,IAAI;QACJ,SAAS;QACT,OAAO;QACP,QAAQ;QACR,MAAM;QACN,OAAO;QACP,WAAW;QACX,QAAQ;QACR,IAAI;QACJ,IAAI;QACJ,SAAS;QACT,UAAU;QACV,KAAK;QACL,eAAe;QACf,cAAc;QACd,OAAO;QACP,OAAO;QACP,SAAS;QACT,cAAc;QACd,qBAAqB;QACrB,KAAK;QACL,MAAM;QACN,MAAM;QACN,eAAe,EAEjB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,uBAAuB,EAAE,IAAI,EAC7B,kCAAkC,EAAE,IAAI,GACxC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { Ref, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { InputProps } from './interfaces';\nimport InternalInput from './internal';\n\nimport styles from './styles.css.js';\n\nexport { InputProps };\n\nconst Input = React.forwardRef(\n  (\n    {\n      value,\n      type = 'text',\n      step,\n      inputMode,\n      autoComplete = true,\n      spellcheck,\n      disabled,\n      readOnly,\n      disableBrowserAutocorrect,\n      onKeyDown,\n      onKeyUp,\n      onChange,\n      onBlur,\n      onFocus,\n      ariaRequired,\n      name,\n      placeholder,\n      autoFocus,\n      ariaLabel,\n      ariaLabelledby,\n      ariaDescribedby,\n      invalid,\n      warning,\n      controlId,\n      clearAriaLabel,\n      nativeInputAttributes,\n      style,\n      inlineLabelText,\n      prefix,\n      suffix,\n      ...rest\n    }: InputProps,\n    ref: Ref<InputProps.Ref>\n  ) => {\n    const baseComponentProps = useBaseComponent('Input', {\n      props: { autoComplete, autoFocus, disableBrowserAutocorrect, inputMode, readOnly, spellcheck, type },\n    });\n    const baseProps = getBaseProps(rest);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus(...args: Parameters<HTMLElement['focus']>) {\n          inputRef.current?.focus(...args);\n        },\n        select() {\n          inputRef.current?.select();\n        },\n      }),\n      [inputRef]\n    );\n\n    return (\n      <InternalInput\n        ref={inputRef}\n        {...{\n          ...baseProps,\n          ...baseComponentProps,\n          autoComplete,\n          ariaLabel,\n          ariaRequired,\n          autoFocus,\n          disabled,\n          disableBrowserAutocorrect,\n          name,\n          onKeyDown,\n          onKeyUp,\n          onChange,\n          onBlur,\n          onFocus,\n          placeholder,\n          readOnly,\n          type,\n          step,\n          inputMode,\n          spellcheck,\n          value,\n          ariaDescribedby,\n          ariaLabelledby,\n          invalid,\n          warning,\n          controlId,\n          clearAriaLabel,\n          nativeInputAttributes,\n          style,\n          prefix,\n          suffix,\n          inlineLabelText,\n        }}\n        className={clsx(styles.root, baseProps.className)}\n        __inheritFormFieldProps={true}\n        __injectAnalyticsComponentMetadata={true}\n      />\n    );\n  }\n);\n\napplyDisplayName(Input, 'Input');\nexport default Input;\n"]}

package/lib/internal/template/input/interfaces.d.ts

@@ -157,6 +157,12 @@ export interface InputProps extends BaseComponentProps, BaseInputProps, InputKey
      * @awsuiSystem core
      */
     style?: InputProps.Style;
+    /**
+     * Adds a small label inline with the input for saving vertical space in the UI.
+     *
+     * Use this only when a visible label from a surrounding form field isn't present.
+     */
+    inlineLabelText?: string;
     /**
      * Use for content rendered before the editable value.
      */

package/lib/internal/template/input/interfaces.d.ts.map

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

package/lib/internal/template/input/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/input/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ReactNode } from 'react';\n\nimport { BaseComponentProps } from '../types/base-component';\nimport { BaseKeyDetail, CancelableEventHandler, NonCancelableEventHandler } from '../types/events';\nimport { FormFieldValidationControlProps } from '../types/form-field';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface BaseInputProps {\n  /**\n   * Specifies the text entered into the form element.\n   */\n  value: string;\n\n  /**\n   * Specifies the name of the control used in HTML forms.\n   */\n  name?: string;\n\n  /**\n   * Specifies the placeholder text rendered when the value is an empty string.\n   */\n  placeholder?: string;\n\n  /**\n   * Specifies if the control is disabled, which prevents the\n   * user from modifying the value and prevents the value from\n   * being included in a form submission. A disabled control can't\n   * receive focus.\n   */\n  disabled?: boolean;\n\n  /**\n   * Specifies if the control is read-only, which prevents the\n   * user from modifying the value but includes it in a form\n   * submission. A read-only control can receive focus.\n   *\n   * Don't use read-only inputs outside a form.\n   */\n  readOnly?: boolean;\n\n  /**\n   * Indicates whether the control should be focused as\n   * soon as the page loads, which enables the user to\n   * start typing without having to manually focus the control. Don't\n   * use this option on pages where the control may be\n   * scrolled out of the viewport.\n   */\n  autoFocus?: boolean;\n\n  /**\n   * Adds an `aria-label` to the native control.\n   *\n   * Use this if you don't have a visible label for this control.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Specifies whether to add `aria-required` to the native control.\n   */\n  ariaRequired?: boolean;\n\n  /**\n   * Called when input focus is removed from the UI control.\n   */\n  onBlur?: NonCancelableEventHandler<null>;\n\n  /**\n   * Called when input focus is moved to the UI control.\n   */\n  onFocus?: NonCancelableEventHandler<null>;\n\n  /**\n   * Called whenever a user changes the input value (by typing or pasting).\n   * The event `detail` contains the current value of the field.\n   */\n  onChange?: NonCancelableEventHandler<InputProps.ChangeDetail>;\n\n  /**\n   * Attributes to add to the native `input` element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeInputAttributes?: NativeAttributes<React.InputHTMLAttributes<HTMLInputElement>>;\n}\n\nexport interface InputAutoCorrect {\n  /**\n   * Specifies whether to disable browser autocorrect and related features.\n   * If you set this to `true`, it disables any native browser capabilities\n   * that automatically correct user input, such as `autocorrect` and\n   * `autocapitalize`. If you don't set it, the behavior follows the default behavior\n   * of the user's browser.\n   */\n  disableBrowserAutocorrect?: boolean;\n}\n\nexport interface InputAutoComplete {\n  /**\n   * Specifies whether to enable a browser's autocomplete functionality for this input.\n   * In some cases it might be appropriate to disable autocomplete (for example, for security-sensitive fields).\n   * To use it correctly, set the `name` property.\n   *\n   * You can either provide a boolean value to set the property to \"on\" or \"off\", or specify a string value\n   * for the [autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) attribute.\n   */\n  autoComplete?: boolean | string;\n}\n\nexport interface InputSpellcheck {\n  /**\n   * Specifies the value of the `spellcheck` attribute on the native control.\n   * This value controls the native browser capability to check for spelling/grammar errors.\n   * If not set, the browser default behavior is to perform spellchecking.\n   * For more details, check the [spellcheck MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck).\n   *\n   * Enhanced spellchecking features of your browser and/or operating system may send input values to external parties.\n   * Make sure it’s deactivated for fields with sensitive information to prevent\n   * inadvertently sending data (such as user passwords) to third parties.\n   */\n  spellcheck?: boolean;\n}\n\nexport interface InputKeyEvents {\n  /**\n   * Called when the underlying native textarea emits a `keydown` event.\n   * The event `detail` contains the `keyCode` and information\n   * about modifiers (that is, CTRL, ALT, SHIFT, META, etc.).\n   */\n  onKeyDown?: CancelableEventHandler<InputProps.KeyDetail>;\n\n  /**\n   * Called when the underlying native textarea emits a `keyup` event.\n   * The event `detail` contains the `keyCode` and information\n   * about modifiers (that is, CTRL, ALT, SHIFT, META, etc.).\n   */\n  onKeyUp?: CancelableEventHandler<InputProps.KeyDetail>;\n}\n\nexport interface InputClearLabel {\n  /**\n   * Adds an `aria-label` to the clear button inside the search input.\n   * @i18n\n   */\n  clearAriaLabel?: string;\n}\n\nexport interface InputProps\n  extends BaseComponentProps,\n    BaseInputProps,\n    InputKeyEvents,\n    InputAutoCorrect,\n    InputAutoComplete,\n    InputSpellcheck,\n    InputClearLabel,\n    FormFieldValidationControlProps {\n  /**\n   * Specifies the type of control to render.\n   * Inputs with a `number` type use the native element behavior, which might\n   * be slightly different across browsers.\n   */\n  type?: InputProps.Type;\n\n  /**\n   * Adds a hint to the browser about the type of data a user may enter into this field.\n   * Some devices may render a different virtual keyboard depending on this value.\n   * This value may not be supported by all browsers or devices.\n   */\n  inputMode?: InputProps.InputMode;\n\n  /**\n   * The step attribute is a number that specifies the granularity that the value\n   * must adhere to or the keyword \"any\". It is valid for the numeric input types,\n   * including the date, month, week, time, datetime-local, number and range types.\n   */\n  step?: InputProps.Step;\n\n  /**\n   * An object containing CSS properties to customize the input's visual appearance.\n   * Refer to the [style](/components/input/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: InputProps.Style;\n\n  /**\n   * Use for content rendered before the editable value.\n   */\n  prefix?: ReactNode;\n\n  /**\n   * Use for content rendered after the editable value.\n   */\n  suffix?: ReactNode;\n}\n\nexport namespace InputProps {\n  export type Type = 'text' | 'password' | 'search' | 'number' | 'email' | 'url';\n  export type InputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n  export type Step = number | 'any';\n\n  export type ChangeDetail = BaseChangeDetail;\n  export type KeyDetail = BaseKeyDetail;\n\n  export interface Ref {\n    /**\n     * Sets input focus onto the UI control.\n     */\n    focus(): void;\n\n    /**\n     * Selects all text in the input control.\n     */\n    select(): void;\n  }\n\n  export interface Style {\n    root?: {\n      backgroundColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      color?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      fontSize?: string;\n      fontWeight?: string;\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    placeholder?: {\n      color?: string;\n      fontSize?: string;\n      fontStyle?: string;\n      fontWeight?: string;\n    };\n  }\n}\n\nexport interface BaseChangeDetail {\n  value: string;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/input/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ReactNode } from 'react';\n\nimport { BaseComponentProps } from '../types/base-component';\nimport { BaseKeyDetail, CancelableEventHandler, NonCancelableEventHandler } from '../types/events';\nimport { FormFieldValidationControlProps } from '../types/form-field';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface BaseInputProps {\n  /**\n   * Specifies the text entered into the form element.\n   */\n  value: string;\n\n  /**\n   * Specifies the name of the control used in HTML forms.\n   */\n  name?: string;\n\n  /**\n   * Specifies the placeholder text rendered when the value is an empty string.\n   */\n  placeholder?: string;\n\n  /**\n   * Specifies if the control is disabled, which prevents the\n   * user from modifying the value and prevents the value from\n   * being included in a form submission. A disabled control can't\n   * receive focus.\n   */\n  disabled?: boolean;\n\n  /**\n   * Specifies if the control is read-only, which prevents the\n   * user from modifying the value but includes it in a form\n   * submission. A read-only control can receive focus.\n   *\n   * Don't use read-only inputs outside a form.\n   */\n  readOnly?: boolean;\n\n  /**\n   * Indicates whether the control should be focused as\n   * soon as the page loads, which enables the user to\n   * start typing without having to manually focus the control. Don't\n   * use this option on pages where the control may be\n   * scrolled out of the viewport.\n   */\n  autoFocus?: boolean;\n\n  /**\n   * Adds an `aria-label` to the native control.\n   *\n   * Use this if you don't have a visible label for this control.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Specifies whether to add `aria-required` to the native control.\n   */\n  ariaRequired?: boolean;\n\n  /**\n   * Called when input focus is removed from the UI control.\n   */\n  onBlur?: NonCancelableEventHandler<null>;\n\n  /**\n   * Called when input focus is moved to the UI control.\n   */\n  onFocus?: NonCancelableEventHandler<null>;\n\n  /**\n   * Called whenever a user changes the input value (by typing or pasting).\n   * The event `detail` contains the current value of the field.\n   */\n  onChange?: NonCancelableEventHandler<InputProps.ChangeDetail>;\n\n  /**\n   * Attributes to add to the native `input` element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeInputAttributes?: NativeAttributes<React.InputHTMLAttributes<HTMLInputElement>>;\n}\n\nexport interface InputAutoCorrect {\n  /**\n   * Specifies whether to disable browser autocorrect and related features.\n   * If you set this to `true`, it disables any native browser capabilities\n   * that automatically correct user input, such as `autocorrect` and\n   * `autocapitalize`. If you don't set it, the behavior follows the default behavior\n   * of the user's browser.\n   */\n  disableBrowserAutocorrect?: boolean;\n}\n\nexport interface InputAutoComplete {\n  /**\n   * Specifies whether to enable a browser's autocomplete functionality for this input.\n   * In some cases it might be appropriate to disable autocomplete (for example, for security-sensitive fields).\n   * To use it correctly, set the `name` property.\n   *\n   * You can either provide a boolean value to set the property to \"on\" or \"off\", or specify a string value\n   * for the [autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) attribute.\n   */\n  autoComplete?: boolean | string;\n}\n\nexport interface InputSpellcheck {\n  /**\n   * Specifies the value of the `spellcheck` attribute on the native control.\n   * This value controls the native browser capability to check for spelling/grammar errors.\n   * If not set, the browser default behavior is to perform spellchecking.\n   * For more details, check the [spellcheck MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck).\n   *\n   * Enhanced spellchecking features of your browser and/or operating system may send input values to external parties.\n   * Make sure it’s deactivated for fields with sensitive information to prevent\n   * inadvertently sending data (such as user passwords) to third parties.\n   */\n  spellcheck?: boolean;\n}\n\nexport interface InputKeyEvents {\n  /**\n   * Called when the underlying native textarea emits a `keydown` event.\n   * The event `detail` contains the `keyCode` and information\n   * about modifiers (that is, CTRL, ALT, SHIFT, META, etc.).\n   */\n  onKeyDown?: CancelableEventHandler<InputProps.KeyDetail>;\n\n  /**\n   * Called when the underlying native textarea emits a `keyup` event.\n   * The event `detail` contains the `keyCode` and information\n   * about modifiers (that is, CTRL, ALT, SHIFT, META, etc.).\n   */\n  onKeyUp?: CancelableEventHandler<InputProps.KeyDetail>;\n}\n\nexport interface InputClearLabel {\n  /**\n   * Adds an `aria-label` to the clear button inside the search input.\n   * @i18n\n   */\n  clearAriaLabel?: string;\n}\n\nexport interface InputProps\n  extends BaseComponentProps,\n    BaseInputProps,\n    InputKeyEvents,\n    InputAutoCorrect,\n    InputAutoComplete,\n    InputSpellcheck,\n    InputClearLabel,\n    FormFieldValidationControlProps {\n  /**\n   * Specifies the type of control to render.\n   * Inputs with a `number` type use the native element behavior, which might\n   * be slightly different across browsers.\n   */\n  type?: InputProps.Type;\n\n  /**\n   * Adds a hint to the browser about the type of data a user may enter into this field.\n   * Some devices may render a different virtual keyboard depending on this value.\n   * This value may not be supported by all browsers or devices.\n   */\n  inputMode?: InputProps.InputMode;\n\n  /**\n   * The step attribute is a number that specifies the granularity that the value\n   * must adhere to or the keyword \"any\". It is valid for the numeric input types,\n   * including the date, month, week, time, datetime-local, number and range types.\n   */\n  step?: InputProps.Step;\n\n  /**\n   * An object containing CSS properties to customize the input's visual appearance.\n   * Refer to the [style](/components/input/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: InputProps.Style;\n\n  /**\n   * Adds a small label inline with the input for saving vertical space in the UI.\n   *\n   * Use this only when a visible label from a surrounding form field isn't present.\n   */\n  inlineLabelText?: string;\n\n  /**\n   * Use for content rendered before the editable value.\n   */\n  prefix?: ReactNode;\n\n  /**\n   * Use for content rendered after the editable value.\n   */\n  suffix?: ReactNode;\n}\n\nexport namespace InputProps {\n  export type Type = 'text' | 'password' | 'search' | 'number' | 'email' | 'url';\n  export type InputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n  export type Step = number | 'any';\n\n  export type ChangeDetail = BaseChangeDetail;\n  export type KeyDetail = BaseKeyDetail;\n\n  export interface Ref {\n    /**\n     * Sets input focus onto the UI control.\n     */\n    focus(): void;\n\n    /**\n     * Selects all text in the input control.\n     */\n    select(): void;\n  }\n\n  export interface Style {\n    root?: {\n      backgroundColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      color?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      fontSize?: string;\n      fontWeight?: string;\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    placeholder?: {\n      color?: string;\n      fontSize?: string;\n      fontStyle?: string;\n      fontWeight?: string;\n    };\n  }\n}\n\nexport interface BaseChangeDetail {\n  value: string;\n}\n"]}

package/lib/internal/template/input/internal.d.ts

@@ -21,7 +21,6 @@ export interface InternalInputProps extends BaseComponentProps, BaseInputProps,
     __inheritFormFieldProps?: boolean;
     __injectAnalyticsComponentMetadata?: boolean;
     __skipNativeAttributesWarnings?: SkipWarnings;
-    __inlineLabelText?: string;
     __fullWidth?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<InternalInputProps & React.RefAttributes<HTMLInputElement>>;