npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1126 → 3.0.1128 - Mend

@cloudscape-design/components-themeable 3.0.1126 → 3.0.1128

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (302) hide show

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

@@ -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_1bc0c_157",
-  "enter": "awsui_enter_1q84n_1bc0c_157",
-  "flash-body": "awsui_flash-body_1q84n_1bc0c_171",
-  "flash-message": "awsui_flash-message_1q84n_1bc0c_171",
-  "flash-header": "awsui_flash-header_1q84n_1bc0c_171",
-  "flash-content": "awsui_flash-content_1q84n_1bc0c_172",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1bc0c_173",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1bc0c_174",
-  "flash-icon": "awsui_flash-icon_1q84n_1bc0c_197",
-  "entering": "awsui_entering_1q84n_1bc0c_210",
-  "entered": "awsui_entered_1q84n_1bc0c_231",
-  "exiting": "awsui_exiting_1q84n_1bc0c_336",
-  "stack": "awsui_stack_1q84n_1bc0c_370",
-  "animation-running": "awsui_animation-running_1q84n_1bc0c_370",
-  "item": "awsui_item_1q84n_1bc0c_370",
-  "flash-list-item": "awsui_flash-list-item_1q84n_1bc0c_371",
-  "notification-bar": "awsui_notification-bar_1q84n_1bc0c_372",
-  "collapsed": "awsui_collapsed_1q84n_1bc0c_392",
-  "animation-ready": "awsui_animation-ready_1q84n_1bc0c_392",
-  "expanded-only": "awsui_expanded-only_1q84n_1bc0c_392",
-  "expanded": "awsui_expanded_1q84n_1bc0c_392",
-  "flash": "awsui_flash_1q84n_1bc0c_157",
-  "collapsible": "awsui_collapsible_1q84n_1bc0c_448",
-  "short-list": "awsui_short-list_1q84n_1bc0c_454",
-  "visual-refresh": "awsui_visual-refresh_1q84n_1bc0c_454",
-  "status": "awsui_status_1q84n_1bc0c_601",
-  "header": "awsui_header_1q84n_1bc0c_601",
-  "item-count": "awsui_item-count_1q84n_1bc0c_602",
-  "button": "awsui_button_1q84n_1bc0c_603",
-  "type-count": "awsui_type-count_1q84n_1bc0c_636",
-  "count-number": "awsui_count-number_1q84n_1bc0c_636",
-  "icon": "awsui_icon_1q84n_1bc0c_674",
-  "floating": "awsui_floating_1q84n_1bc0c_715",
-  "flashbar": "awsui_flashbar_1q84n_1bc0c_719",
-  "initial-hidden": "awsui_initial-hidden_1q84n_1bc0c_778",
-  "flash-list": "awsui_flash-list_1q84n_1bc0c_371",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_1bc0c_802",
-  "flash-text": "awsui_flash-text_1q84n_1bc0c_832",
-  "hidden": "awsui_hidden_1q84n_1bc0c_851",
-  "header-replacement": "awsui_header-replacement_1q84n_1bc0c_856",
-  "content-replacement": "awsui_content-replacement_1q84n_1bc0c_861",
-  "dismiss-button": "awsui_dismiss-button_1q84n_1bc0c_174",
-  "action-wrapped": "awsui_action-wrapped_1q84n_1bc0c_879",
-  "action-button": "awsui_action-button_1q84n_1bc0c_173",
-  "action-slot": "awsui_action-slot_1q84n_1bc0c_886",
-  "flash-type-success": "awsui_flash-type-success_1q84n_1bc0c_890",
-  "flash-type-error": "awsui_flash-type-error_1q84n_1bc0c_894",
-  "flash-type-info": "awsui_flash-type-info_1q84n_1bc0c_898",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1bc0c_899",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_1bc0c_903"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_tvi85_157",
+  "enter": "awsui_enter_1q84n_tvi85_157",
+  "flash-body": "awsui_flash-body_1q84n_tvi85_171",
+  "flash-message": "awsui_flash-message_1q84n_tvi85_171",
+  "flash-header": "awsui_flash-header_1q84n_tvi85_171",
+  "flash-content": "awsui_flash-content_1q84n_tvi85_172",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_tvi85_173",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_tvi85_174",
+  "flash-icon": "awsui_flash-icon_1q84n_tvi85_197",
+  "entering": "awsui_entering_1q84n_tvi85_210",
+  "entered": "awsui_entered_1q84n_tvi85_231",
+  "exiting": "awsui_exiting_1q84n_tvi85_336",
+  "stack": "awsui_stack_1q84n_tvi85_370",
+  "animation-running": "awsui_animation-running_1q84n_tvi85_370",
+  "item": "awsui_item_1q84n_tvi85_370",
+  "flash-list-item": "awsui_flash-list-item_1q84n_tvi85_371",
+  "notification-bar": "awsui_notification-bar_1q84n_tvi85_372",
+  "collapsed": "awsui_collapsed_1q84n_tvi85_392",
+  "animation-ready": "awsui_animation-ready_1q84n_tvi85_392",
+  "expanded-only": "awsui_expanded-only_1q84n_tvi85_392",
+  "expanded": "awsui_expanded_1q84n_tvi85_392",
+  "flash": "awsui_flash_1q84n_tvi85_157",
+  "collapsible": "awsui_collapsible_1q84n_tvi85_448",
+  "short-list": "awsui_short-list_1q84n_tvi85_454",
+  "visual-refresh": "awsui_visual-refresh_1q84n_tvi85_454",
+  "status": "awsui_status_1q84n_tvi85_601",
+  "header": "awsui_header_1q84n_tvi85_601",
+  "item-count": "awsui_item-count_1q84n_tvi85_602",
+  "button": "awsui_button_1q84n_tvi85_603",
+  "type-count": "awsui_type-count_1q84n_tvi85_636",
+  "count-number": "awsui_count-number_1q84n_tvi85_636",
+  "icon": "awsui_icon_1q84n_tvi85_674",
+  "floating": "awsui_floating_1q84n_tvi85_715",
+  "flashbar": "awsui_flashbar_1q84n_tvi85_719",
+  "initial-hidden": "awsui_initial-hidden_1q84n_tvi85_778",
+  "flash-list": "awsui_flash-list_1q84n_tvi85_371",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_tvi85_802",
+  "flash-text": "awsui_flash-text_1q84n_tvi85_832",
+  "hidden": "awsui_hidden_1q84n_tvi85_851",
+  "header-replacement": "awsui_header-replacement_1q84n_tvi85_856",
+  "content-replacement": "awsui_content-replacement_1q84n_tvi85_861",
+  "dismiss-button": "awsui_dismiss-button_1q84n_tvi85_174",
+  "action-wrapped": "awsui_action-wrapped_1q84n_tvi85_879",
+  "action-button": "awsui_action-button_1q84n_tvi85_173",
+  "action-slot": "awsui_action-slot_1q84n_tvi85_886",
+  "flash-type-success": "awsui_flash-type-success_1q84n_tvi85_890",
+  "flash-type-error": "awsui_flash-type-error_1q84n_tvi85_894",
+  "flash-type-info": "awsui_flash-type-info_1q84n_tvi85_898",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_tvi85_899",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_tvi85_903"
 };

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

@@ -1,11 +1,11 @@
     import './styles.scoped.css';
     export default {
-  "help-panel": "awsui_help-panel_1d237_wmlsn_181",
-  "loading": "awsui_loading_1d237_wmlsn_348",
-  "header": "awsui_header_1d237_wmlsn_353",
-  "with-toolbar": "awsui_with-toolbar_1d237_wmlsn_371",
-  "content": "awsui_content_1d237_wmlsn_390",
-  "footer": "awsui_footer_1d237_wmlsn_441"
+  "help-panel": "awsui_help-panel_1d237_1vpru_181",
+  "loading": "awsui_loading_1d237_1vpru_348",
+  "header": "awsui_header_1d237_1vpru_353",
+  "with-toolbar": "awsui_with-toolbar_1d237_1vpru_371",
+  "content": "awsui_content_1d237_1vpru_390",
+  "footer": "awsui_footer_1d237_1vpru_441"
 };

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

@@ -178,7 +178,7 @@
 */
 /* 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_wmlsn_181:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -214,36 +214,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_wmlsn_181 hr:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 hr:not(#\9) {
   border-block: none;
   border-inline: none;
   border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
   margin-block: var(--space-scaled-xl-nxtcbc, 24px);
   margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-6msb21, 12px));
 }
-.awsui_help-panel_1d237_wmlsn_181 ol:not(#\9),
-.awsui_help-panel_1d237_wmlsn_181 ul:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 ol:not(#\9),
+.awsui_help-panel_1d237_1vpru_181 ul:not(#\9) {
   padding-inline-start: var(--space-l-3cws6j, 20px);
   list-style-position: outside;
   margin-block: var(--space-s-4a5hs8, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_wmlsn_181 li:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 li:not(#\9) {
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_wmlsn_181 a:not(#\9),
-.awsui_help-panel_1d237_wmlsn_181 h2:not(#\9),
-.awsui_help-panel_1d237_wmlsn_181 h3:not(#\9),
-.awsui_help-panel_1d237_wmlsn_181 h4:not(#\9),
-.awsui_help-panel_1d237_wmlsn_181 h5:not(#\9),
-.awsui_help-panel_1d237_wmlsn_181 pre:not(#\9),
-.awsui_help-panel_1d237_wmlsn_181 code:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 a:not(#\9),
+.awsui_help-panel_1d237_1vpru_181 h2:not(#\9),
+.awsui_help-panel_1d237_1vpru_181 h3:not(#\9),
+.awsui_help-panel_1d237_1vpru_181 h4:not(#\9),
+.awsui_help-panel_1d237_1vpru_181 h5:not(#\9),
+.awsui_help-panel_1d237_1vpru_181 pre:not(#\9),
+.awsui_help-panel_1d237_1vpru_181 code:not(#\9) {
   margin-block: var(--space-xs-kw7k3v, 8px);
   margin-inline: 0;
   padding-block: 0;
 }
-.awsui_help-panel_1d237_wmlsn_181 code:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 code:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
@@ -254,7 +254,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_wmlsn_181 pre:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 pre:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
@@ -267,41 +267,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-jnczic, 4px);
   padding-inline: var(--space-xxs-jnczic, 4px);
 }
-.awsui_help-panel_1d237_wmlsn_181 dl:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 dl:not(#\9) {
   margin-block: var(--space-s-4a5hs8, 12px);
   margin-inline: 0;
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_help-panel_1d237_wmlsn_181 dl *:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 dl *:not(#\9) {
   margin-block: 0;
 }
-.awsui_help-panel_1d237_wmlsn_181 dt:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 dt:not(#\9) {
   margin-block-start: var(--space-xs-kw7k3v, 8px);
   font-weight: 700;
 }
-.awsui_help-panel_1d237_wmlsn_181 dd:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 dd:not(#\9) {
   margin-block-start: 0;
   margin-block-end: var(--space-xs-kw7k3v, 8px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_wmlsn_181 h2:not(#\9),
-.awsui_help-panel_1d237_wmlsn_181 h3:not(#\9),
-.awsui_help-panel_1d237_wmlsn_181 h4:not(#\9),
-.awsui_help-panel_1d237_wmlsn_181 h5:not(#\9),
-.awsui_help-panel_1d237_wmlsn_181 h6:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 h2:not(#\9),
+.awsui_help-panel_1d237_1vpru_181 h3:not(#\9),
+.awsui_help-panel_1d237_1vpru_181 h4:not(#\9),
+.awsui_help-panel_1d237_1vpru_181 h5:not(#\9),
+.awsui_help-panel_1d237_1vpru_181 h6:not(#\9) {
   margin-block-start: var(--space-xl-4dmkh1, 24px);
   color: var(--color-text-heading-default-wlau07, #16191f);
 }
-.awsui_help-panel_1d237_wmlsn_181 > :not(#\9):last-child {
+.awsui_help-panel_1d237_1vpru_181 > :not(#\9):last-child {
   margin-block-end: var(--space-panel-content-bottom-igtxf0, 40px);
 }
-.awsui_help-panel_1d237_wmlsn_181 p:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 p:not(#\9) {
   color: inherit;
   text-decoration: none;
   margin-block: var(--space-s-4a5hs8, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_wmlsn_181 h1:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 h1:not(#\9) {
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
@@ -309,7 +309,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_wmlsn_181 h2:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 h2:not(#\9) {
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
   letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
@@ -317,7 +317,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_wmlsn_181 h3:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 h3:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
@@ -325,7 +325,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_wmlsn_181 h4:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 h4:not(#\9) {
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
   letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
@@ -333,24 +333,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_wmlsn_181 h5:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 h5:not(#\9) {
   font-size: var(--font-size-heading-xs-c20ika, 16px);
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
   font-weight: var(--font-weight-heading-xs-79d2p7, 400);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_help-panel_1d237_wmlsn_181 b:not(#\9),
-.awsui_help-panel_1d237_wmlsn_181 strong:not(#\9) {
+.awsui_help-panel_1d237_1vpru_181 b:not(#\9),
+.awsui_help-panel_1d237_1vpru_181 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_loading_1d237_wmlsn_348:not(#\9) {
+.awsui_loading_1d237_1vpru_348:not(#\9) {
   padding-inline-start: var(--space-panel-side-left-07kpj4, 32px);
   padding-inline-end: var(--space-panel-side-right-b77xx0, 32px);
 }
-.awsui_header_1d237_wmlsn_353:not(#\9) {
+.awsui_header_1d237_1vpru_353:not(#\9) {
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
@@ -368,15 +368,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_wmlsn_371 > .awsui_header_1d237_wmlsn_353:not(#\9) {
+.awsui_with-toolbar_1d237_1vpru_371 > .awsui_header_1d237_1vpru_353:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1d237_wmlsn_353 h2:not(#\9),
-.awsui_header_1d237_wmlsn_353 h3:not(#\9),
-.awsui_header_1d237_wmlsn_353 h4:not(#\9),
-.awsui_header_1d237_wmlsn_353 h5:not(#\9),
-.awsui_header_1d237_wmlsn_353 h6:not(#\9) {
+.awsui_header_1d237_1vpru_353 h2:not(#\9),
+.awsui_header_1d237_1vpru_353 h3:not(#\9),
+.awsui_header_1d237_1vpru_353 h4:not(#\9),
+.awsui_header_1d237_1vpru_353 h5:not(#\9),
+.awsui_header_1d237_1vpru_353 h6:not(#\9) {
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
@@ -387,25 +387,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
-.awsui_content_1d237_wmlsn_390:not(#\9) {
+.awsui_content_1d237_1vpru_390:not(#\9) {
   color: var(--color-text-body-secondary-twh4xm, #545b64);
   padding-inline-start: var(--space-panel-side-left-07kpj4, 32px);
   padding-inline-end: var(--space-panel-side-right-b77xx0, 32px);
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_content_1d237_wmlsn_390 h2:not(#\9):first-child,
-.awsui_content_1d237_wmlsn_390 h3:not(#\9):first-child,
-.awsui_content_1d237_wmlsn_390 h4:not(#\9):first-child,
-.awsui_content_1d237_wmlsn_390 h5:not(#\9):first-child,
-.awsui_content_1d237_wmlsn_390 h6:not(#\9):first-child,
-.awsui_content_1d237_wmlsn_390 p:not(#\9):first-child {
+.awsui_content_1d237_1vpru_390 h2:not(#\9):first-child,
+.awsui_content_1d237_1vpru_390 h3:not(#\9):first-child,
+.awsui_content_1d237_1vpru_390 h4:not(#\9):first-child,
+.awsui_content_1d237_1vpru_390 h5:not(#\9):first-child,
+.awsui_content_1d237_1vpru_390 h6:not(#\9):first-child,
+.awsui_content_1d237_1vpru_390 p:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_content_1d237_wmlsn_390 a:not(#\9) {
+.awsui_content_1d237_1vpru_390 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-vl73au, var(--color-text-link-default-x6cnv5, #0073bb));
+  color: var(--awsui-style-color-default-b75yp7, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -416,31 +416,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content_1d237_wmlsn_390 a:not(#\9) {
+  .awsui_content_1d237_1vpru_390 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content_1d237_wmlsn_390 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_wmlsn_390 a:not(#\9) {
+.awsui-motion-disabled .awsui_content_1d237_1vpru_390 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_1vpru_390 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_content_1d237_wmlsn_390 a:not(#\9):hover {
+.awsui_content_1d237_1vpru_390 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-vl73au, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-b75yp7, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_content_1d237_wmlsn_390 a:not(#\9):focus {
+.awsui_content_1d237_1vpru_390 a:not(#\9):focus {
   outline: none;
 }
-.awsui_content_1d237_wmlsn_390 a:not(#\9):active {
-  color: var(--awsui-style-color-active-vl73au, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_content_1d237_1vpru_390 a:not(#\9):active {
+  color: var(--awsui-style-color-active-b75yp7, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_content_1d237_wmlsn_390 a:not(#\9):active, .awsui_content_1d237_wmlsn_390 a:not(#\9):focus, .awsui_content_1d237_wmlsn_390 a:not(#\9):hover {
+.awsui_content_1d237_1vpru_390 a:not(#\9):active, .awsui_content_1d237_1vpru_390 a:not(#\9):focus, .awsui_content_1d237_1vpru_390 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_footer_1d237_wmlsn_441:not(#\9) {
+.awsui_footer_1d237_1vpru_441:not(#\9) {
   color: var(--color-text-body-secondary-twh4xm, #545b64);
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-07kpj4, 32px);
@@ -448,14 +448,14 @@ 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_wmlsn_441 ul:not(#\9) {
+.awsui_footer_1d237_1vpru_441 ul:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
 }
-.awsui_footer_1d237_wmlsn_441 a:not(#\9) {
+.awsui_footer_1d237_1vpru_441 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-vl73au, var(--color-text-link-default-x6cnv5, #0073bb));
+  color: var(--awsui-style-color-default-b75yp7, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -466,37 +466,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_footer_1d237_wmlsn_441 a:not(#\9) {
+  .awsui_footer_1d237_1vpru_441 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_footer_1d237_wmlsn_441 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_wmlsn_441 a:not(#\9) {
+.awsui-motion-disabled .awsui_footer_1d237_1vpru_441 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_1vpru_441 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_footer_1d237_wmlsn_441 a:not(#\9):hover {
+.awsui_footer_1d237_1vpru_441 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-vl73au, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-b75yp7, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_footer_1d237_wmlsn_441 a:not(#\9):focus {
+.awsui_footer_1d237_1vpru_441 a:not(#\9):focus {
   outline: none;
 }
-.awsui_footer_1d237_wmlsn_441 a:not(#\9):active {
-  color: var(--awsui-style-color-active-vl73au, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_footer_1d237_1vpru_441 a:not(#\9):active {
+  color: var(--awsui-style-color-active-b75yp7, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_footer_1d237_wmlsn_441 a:not(#\9):active, .awsui_footer_1d237_wmlsn_441 a:not(#\9):focus, .awsui_footer_1d237_wmlsn_441 a:not(#\9):hover {
+.awsui_footer_1d237_1vpru_441 a:not(#\9):active, .awsui_footer_1d237_1vpru_441 a:not(#\9):focus, .awsui_footer_1d237_1vpru_441 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_content_1d237_wmlsn_390:not(#\9),
-.awsui_footer_1d237_wmlsn_441:not(#\9) {
+.awsui_content_1d237_1vpru_390:not(#\9),
+.awsui_footer_1d237_1vpru_441: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_wmlsn_390 a:not(#\9):focus,
-.awsui_footer_1d237_wmlsn_441 a:not(#\9):focus {
+.awsui_content_1d237_1vpru_390 a:not(#\9):focus,
+.awsui_footer_1d237_1vpru_441 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;

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

@@ -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_wmlsn_181",
-  "loading": "awsui_loading_1d237_wmlsn_348",
-  "header": "awsui_header_1d237_wmlsn_353",
-  "with-toolbar": "awsui_with-toolbar_1d237_wmlsn_371",
-  "content": "awsui_content_1d237_wmlsn_390",
-  "footer": "awsui_footer_1d237_wmlsn_441"
+  "help-panel": "awsui_help-panel_1d237_1vpru_181",
+  "loading": "awsui_loading_1d237_1vpru_348",
+  "header": "awsui_header_1d237_1vpru_353",
+  "with-toolbar": "awsui_with-toolbar_1d237_1vpru_371",
+  "content": "awsui_content_1d237_1vpru_390",
+  "footer": "awsui_footer_1d237_1vpru_441"
 };

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

	@@ -1 +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,~~mFA4FV~~,CAAC;AAGF,eAAe,KAAK,CAAC"}
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,mFA8FV,CAAC;AAGF,eAAe,KAAK,CAAC"}

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

@@ -10,7 +10,7 @@ import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalInput from './internal';
 import styles from './styles.css.js';
 const Input = React.forwardRef((_a, ref) => {
-    var { 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 } = _a, rest = __rest(_a, ["value", "type", "step", "inputMode", "autoComplete", "spellcheck", "disabled", "readOnly", "disableBrowserAutocorrect", "onKeyDown", "onKeyUp", "onChange", "onBlur", "onFocus", "ariaRequired", "name", "placeholder", "autoFocus", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "invalid", "warning", "controlId", "clearAriaLabel", "nativeInputAttributes"]);
+    var { 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 } = _a, rest = __rest(_a, ["value", "type", "step", "inputMode", "autoComplete", "spellcheck", "disabled", "readOnly", "disableBrowserAutocorrect", "onKeyDown", "onKeyUp", "onChange", "onBlur", "onFocus", "ariaRequired", "name", "placeholder", "autoFocus", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "invalid", "warning", "controlId", "clearAriaLabel", "nativeInputAttributes", "style"]);
     const baseComponentProps = useBaseComponent('Input', {
         props: { autoComplete, autoFocus, disableBrowserAutocorrect, inputMode, readOnly, spellcheck, type },
     });
@@ -51,7 +51,8 @@ const Input = React.forwardRef((_a, ref) => {
         warning,
         controlId,
         clearAriaLabel,
-        nativeInputAttributes }), { className: clsx(styles.root, baseProps.className), __inheritFormFieldProps: true, __injectAnalyticsComponentMetadata: true })));
+        nativeInputAttributes,
+        style }), { className: clsx(styles.root, baseProps.className), __inheritFormFieldProps: true, __injectAnalyticsComponentMetadata: true })));
 });
 applyDisplayName(Input, 'Input');
 export default Input;

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

	@@ -1 +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,~~EA4Ba~~,EACb,GAAwB,EACxB,EAAE;~~QA9BF~~,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,~~OAEV~~,EADR,IAAI,~~cA3BT~~,~~sWA4BC,~~CADQ;IAIT,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,kBACZ,GAAG,EAAE,QAAQ,kDAER,SAAS,GACT,kBAAkB,KACrB,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,~~OAEvB~~,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,uBAAuB,EAAE,IAAI,EAC7B,kCAAkC,EAAE,IAAI,IACxC,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 ...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 }}\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"]}
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,EA6Ba,EACb,GAAwB,EACxB,EAAE;QA/BF,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,OAEM,EADR,IAAI,cA5BT,+WA6BC,CADQ;IAIT,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,kBACZ,GAAG,EAAE,QAAQ,kDAER,SAAS,GACT,kBAAkB,KACrB,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,OAEP,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,uBAAuB,EAAE,IAAI,EAC7B,kCAAkC,EAAE,IAAI,IACxC,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 ...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 }}\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 CHANGED Viewed

@@ -151,6 +151,10 @@ export interface InputProps extends BaseComponentProps, BaseInputProps, InputKey
      * including the date, month, week, time, datetime-local, number and range types.
      */
     step?: InputProps.Step;
+    /**
+     * @awsuiSystem core
+     */
+    style?: InputProps.Style;
 }
 export declare namespace InputProps {
     type Type = 'text' | 'password' | 'search' | 'number' | 'email' | 'url';
@@ -168,6 +172,50 @@ export declare namespace InputProps {
          */
         select(): void;
     }
+    interface Style {
+        root?: {
+            backgroundColor?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            borderColor?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            borderRadius?: string;
+            borderWidth?: string;
+            boxShadow?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            color?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            fontSize?: string;
+            fontWeight?: string;
+            paddingBlock?: string;
+            paddingInline?: string;
+        };
+        placeholder?: {
+            color?: string;
+            fontSize?: string;
+            fontStyle?: string;
+            fontWeight?: string;
+        };
+    }
 }
 export interface BaseChangeDetail {
     value: string;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/input/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AACtG;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAEzC;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAE1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE9D;;;;;;;;;OASG;IACH,qBAAqB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACvF;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;;;;OAMG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAEzD;;;;OAIG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,UACf,SAAQ,kBAAkB,EACxB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,+BAA+B;IACjC;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC;IAEvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC;IAEjC;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC;~~CACxB~~;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,IAAI,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAC/E,KAAY,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IACrG,KAAY,IAAI,GAAG,MAAM,GAAG,KAAK,CAAC;IAElC,KAAY,YAAY,GAAG,gBAAgB,CAAC;IAC5C,KAAY,SAAS,GAAG,aAAa,CAAC;IAEtC,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;QAEd;;WAEG;QACH,MAAM,IAAI,IAAI,CAAC;KAChB;CACF;~~AACD~~,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf"}
1	+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/input/interfaces.ts"],"names":[],"mappings":"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"}