@cloudscape-design/components 3.0.1121 → 3.0.1122

package/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_28qin_157",
-  "enter": "awsui_enter_1q84n_28qin_157",
-  "flash-body": "awsui_flash-body_1q84n_28qin_171",
-  "flash-message": "awsui_flash-message_1q84n_28qin_171",
-  "flash-header": "awsui_flash-header_1q84n_28qin_171",
-  "flash-content": "awsui_flash-content_1q84n_28qin_172",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_28qin_173",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_28qin_174",
-  "flash-icon": "awsui_flash-icon_1q84n_28qin_197",
-  "entering": "awsui_entering_1q84n_28qin_210",
-  "entered": "awsui_entered_1q84n_28qin_231",
-  "exiting": "awsui_exiting_1q84n_28qin_336",
-  "stack": "awsui_stack_1q84n_28qin_370",
-  "animation-running": "awsui_animation-running_1q84n_28qin_370",
-  "item": "awsui_item_1q84n_28qin_370",
-  "flash-list-item": "awsui_flash-list-item_1q84n_28qin_371",
-  "notification-bar": "awsui_notification-bar_1q84n_28qin_372",
-  "collapsed": "awsui_collapsed_1q84n_28qin_392",
-  "animation-ready": "awsui_animation-ready_1q84n_28qin_392",
-  "expanded-only": "awsui_expanded-only_1q84n_28qin_392",
-  "expanded": "awsui_expanded_1q84n_28qin_392",
-  "flash": "awsui_flash_1q84n_28qin_157",
-  "collapsible": "awsui_collapsible_1q84n_28qin_448",
-  "short-list": "awsui_short-list_1q84n_28qin_454",
-  "visual-refresh": "awsui_visual-refresh_1q84n_28qin_454",
-  "status": "awsui_status_1q84n_28qin_601",
-  "header": "awsui_header_1q84n_28qin_601",
-  "item-count": "awsui_item-count_1q84n_28qin_602",
-  "button": "awsui_button_1q84n_28qin_603",
-  "type-count": "awsui_type-count_1q84n_28qin_636",
-  "count-number": "awsui_count-number_1q84n_28qin_636",
-  "icon": "awsui_icon_1q84n_28qin_674",
-  "floating": "awsui_floating_1q84n_28qin_715",
-  "flashbar": "awsui_flashbar_1q84n_28qin_719",
-  "initial-hidden": "awsui_initial-hidden_1q84n_28qin_778",
-  "flash-list": "awsui_flash-list_1q84n_28qin_371",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_28qin_802",
-  "flash-text": "awsui_flash-text_1q84n_28qin_832",
-  "hidden": "awsui_hidden_1q84n_28qin_851",
-  "header-replacement": "awsui_header-replacement_1q84n_28qin_856",
-  "content-replacement": "awsui_content-replacement_1q84n_28qin_861",
-  "dismiss-button": "awsui_dismiss-button_1q84n_28qin_174",
-  "action-wrapped": "awsui_action-wrapped_1q84n_28qin_879",
-  "action-button": "awsui_action-button_1q84n_28qin_173",
-  "action-slot": "awsui_action-slot_1q84n_28qin_886",
-  "flash-type-success": "awsui_flash-type-success_1q84n_28qin_890",
-  "flash-type-error": "awsui_flash-type-error_1q84n_28qin_894",
-  "flash-type-info": "awsui_flash-type-info_1q84n_28qin_898",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_28qin_899",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_28qin_903"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_1sv18_157",
+  "enter": "awsui_enter_1q84n_1sv18_157",
+  "flash-body": "awsui_flash-body_1q84n_1sv18_171",
+  "flash-message": "awsui_flash-message_1q84n_1sv18_171",
+  "flash-header": "awsui_flash-header_1q84n_1sv18_171",
+  "flash-content": "awsui_flash-content_1q84n_1sv18_172",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1sv18_173",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1sv18_174",
+  "flash-icon": "awsui_flash-icon_1q84n_1sv18_197",
+  "entering": "awsui_entering_1q84n_1sv18_210",
+  "entered": "awsui_entered_1q84n_1sv18_231",
+  "exiting": "awsui_exiting_1q84n_1sv18_336",
+  "stack": "awsui_stack_1q84n_1sv18_370",
+  "animation-running": "awsui_animation-running_1q84n_1sv18_370",
+  "item": "awsui_item_1q84n_1sv18_370",
+  "flash-list-item": "awsui_flash-list-item_1q84n_1sv18_371",
+  "notification-bar": "awsui_notification-bar_1q84n_1sv18_372",
+  "collapsed": "awsui_collapsed_1q84n_1sv18_392",
+  "animation-ready": "awsui_animation-ready_1q84n_1sv18_392",
+  "expanded-only": "awsui_expanded-only_1q84n_1sv18_392",
+  "expanded": "awsui_expanded_1q84n_1sv18_392",
+  "flash": "awsui_flash_1q84n_1sv18_157",
+  "collapsible": "awsui_collapsible_1q84n_1sv18_448",
+  "short-list": "awsui_short-list_1q84n_1sv18_454",
+  "visual-refresh": "awsui_visual-refresh_1q84n_1sv18_454",
+  "status": "awsui_status_1q84n_1sv18_601",
+  "header": "awsui_header_1q84n_1sv18_601",
+  "item-count": "awsui_item-count_1q84n_1sv18_602",
+  "button": "awsui_button_1q84n_1sv18_603",
+  "type-count": "awsui_type-count_1q84n_1sv18_636",
+  "count-number": "awsui_count-number_1q84n_1sv18_636",
+  "icon": "awsui_icon_1q84n_1sv18_674",
+  "floating": "awsui_floating_1q84n_1sv18_715",
+  "flashbar": "awsui_flashbar_1q84n_1sv18_719",
+  "initial-hidden": "awsui_initial-hidden_1q84n_1sv18_778",
+  "flash-list": "awsui_flash-list_1q84n_1sv18_371",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_1sv18_802",
+  "flash-text": "awsui_flash-text_1q84n_1sv18_832",
+  "hidden": "awsui_hidden_1q84n_1sv18_851",
+  "header-replacement": "awsui_header-replacement_1q84n_1sv18_856",
+  "content-replacement": "awsui_content-replacement_1q84n_1sv18_861",
+  "dismiss-button": "awsui_dismiss-button_1q84n_1sv18_174",
+  "action-wrapped": "awsui_action-wrapped_1q84n_1sv18_879",
+  "action-button": "awsui_action-button_1q84n_1sv18_173",
+  "action-slot": "awsui_action-slot_1q84n_1sv18_886",
+  "flash-type-success": "awsui_flash-type-success_1q84n_1sv18_890",
+  "flash-type-error": "awsui_flash-type-error_1q84n_1sv18_894",
+  "flash-type-info": "awsui_flash-type-info_1q84n_1sv18_898",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1sv18_899",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_1sv18_903"
 };
   

package/help-panel/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "help-panel": "awsui_help-panel_1d237_15ly9_181",
-  "loading": "awsui_loading_1d237_15ly9_348",
-  "header": "awsui_header_1d237_15ly9_353",
-  "with-toolbar": "awsui_with-toolbar_1d237_15ly9_371",
-  "content": "awsui_content_1d237_15ly9_390",
-  "footer": "awsui_footer_1d237_15ly9_441"
+  "help-panel": "awsui_help-panel_1d237_1leny_181",
+  "loading": "awsui_loading_1d237_1leny_348",
+  "header": "awsui_header_1d237_1leny_353",
+  "with-toolbar": "awsui_with-toolbar_1d237_1leny_371",
+  "content": "awsui_content_1d237_1leny_390",
+  "footer": "awsui_footer_1d237_1leny_441"
 };
   

package/help-panel/styles.scoped.css

@@ -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_15ly9_181:not(#\9) {
+.awsui_help-panel_1d237_1leny_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_15ly9_181 hr:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 hr:not(#\9) {
   border-block: none;
   border-inline: none;
   border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
   margin-block: var(--space-scaled-xl-dunxp5, 24px);
   margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-yw31p0, 8px));
 }
-.awsui_help-panel_1d237_15ly9_181 ol:not(#\9),
-.awsui_help-panel_1d237_15ly9_181 ul:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 ol:not(#\9),
+.awsui_help-panel_1d237_1leny_181 ul:not(#\9) {
   padding-inline-start: var(--space-l-2ud1p3, 20px);
   list-style-position: outside;
   margin-block: var(--space-s-tvghoh, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_15ly9_181 li:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 li:not(#\9) {
   margin-block: var(--space-scaled-xxs-pfm1nx, 4px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_15ly9_181 a:not(#\9),
-.awsui_help-panel_1d237_15ly9_181 h2:not(#\9),
-.awsui_help-panel_1d237_15ly9_181 h3:not(#\9),
-.awsui_help-panel_1d237_15ly9_181 h4:not(#\9),
-.awsui_help-panel_1d237_15ly9_181 h5:not(#\9),
-.awsui_help-panel_1d237_15ly9_181 pre:not(#\9),
-.awsui_help-panel_1d237_15ly9_181 code:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 a:not(#\9),
+.awsui_help-panel_1d237_1leny_181 h2:not(#\9),
+.awsui_help-panel_1d237_1leny_181 h3:not(#\9),
+.awsui_help-panel_1d237_1leny_181 h4:not(#\9),
+.awsui_help-panel_1d237_1leny_181 h5:not(#\9),
+.awsui_help-panel_1d237_1leny_181 pre:not(#\9),
+.awsui_help-panel_1d237_1leny_181 code:not(#\9) {
   margin-block: var(--space-xs-ymlm0b, 8px);
   margin-inline: 0;
   padding-block: 0;
 }
-.awsui_help-panel_1d237_15ly9_181 code:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 code:not(#\9) {
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
   letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
@@ -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_15ly9_181 pre:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 pre:not(#\9) {
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
   letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
@@ -267,41 +267,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-hwfkai, 4px);
   padding-inline: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_help-panel_1d237_15ly9_181 dl:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 dl:not(#\9) {
   margin-block: var(--space-s-tvghoh, 12px);
   margin-inline: 0;
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_help-panel_1d237_15ly9_181 dl *:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 dl *:not(#\9) {
   margin-block: 0;
 }
-.awsui_help-panel_1d237_15ly9_181 dt:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 dt:not(#\9) {
   margin-block-start: var(--space-xs-ymlm0b, 8px);
   font-weight: 700;
 }
-.awsui_help-panel_1d237_15ly9_181 dd:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 dd:not(#\9) {
   margin-block-start: 0;
   margin-block-end: var(--space-xs-ymlm0b, 8px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_15ly9_181 h2:not(#\9),
-.awsui_help-panel_1d237_15ly9_181 h3:not(#\9),
-.awsui_help-panel_1d237_15ly9_181 h4:not(#\9),
-.awsui_help-panel_1d237_15ly9_181 h5:not(#\9),
-.awsui_help-panel_1d237_15ly9_181 h6:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 h2:not(#\9),
+.awsui_help-panel_1d237_1leny_181 h3:not(#\9),
+.awsui_help-panel_1d237_1leny_181 h4:not(#\9),
+.awsui_help-panel_1d237_1leny_181 h5:not(#\9),
+.awsui_help-panel_1d237_1leny_181 h6:not(#\9) {
   margin-block-start: var(--space-xl-jfy3x4, 24px);
   color: var(--color-text-heading-default-izpp46, #0f141a);
 }
-.awsui_help-panel_1d237_15ly9_181 > :not(#\9):last-child {
+.awsui_help-panel_1d237_1leny_181 > :not(#\9):last-child {
   margin-block-end: var(--space-panel-content-bottom-24c6lu, 40px);
 }
-.awsui_help-panel_1d237_15ly9_181 p:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 p:not(#\9) {
   color: inherit;
   text-decoration: none;
   margin-block: var(--space-s-tvghoh, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_15ly9_181 h1:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 h1:not(#\9) {
   font-size: var(--font-size-heading-xl-wvkbur, 24px);
   line-height: var(--line-height-heading-xl-hko6p0, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-ckkb6u, -0.02em);
@@ -309,7 +309,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_help-panel_1d237_15ly9_181 h2:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 h2:not(#\9) {
   font-size: var(--font-size-heading-l-vnacx6, 20px);
   line-height: var(--line-height-heading-l-mg5bx6, 24px);
   letter-spacing: var(--letter-spacing-heading-l-5v6ibv, -0.015em);
@@ -317,7 +317,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_help-panel_1d237_15ly9_181 h3:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 h3:not(#\9) {
   font-size: var(--font-size-heading-m-170yiy, 18px);
   line-height: var(--line-height-heading-m-uoaqdh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
@@ -325,7 +325,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_help-panel_1d237_15ly9_181 h4:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 h4:not(#\9) {
   font-size: var(--font-size-heading-s-zp08en, 16px);
   line-height: var(--line-height-heading-s-hmi4vc, 20px);
   letter-spacing: var(--letter-spacing-heading-s-4st9ep, -0.005em);
@@ -333,24 +333,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_help-panel_1d237_15ly9_181 h5:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 h5:not(#\9) {
   font-size: var(--font-size-heading-xs-j8yzxv, 14px);
   line-height: var(--line-height-heading-xs-q9j004, 18px);
   font-weight: var(--font-weight-heading-xs-wqqpne, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
 }
-.awsui_help-panel_1d237_15ly9_181 b:not(#\9),
-.awsui_help-panel_1d237_15ly9_181 strong:not(#\9) {
+.awsui_help-panel_1d237_1leny_181 b:not(#\9),
+.awsui_help-panel_1d237_1leny_181 strong:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_loading_1d237_15ly9_348:not(#\9) {
+.awsui_loading_1d237_1leny_348:not(#\9) {
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
   padding-inline-end: var(--space-panel-side-right-8wwirc, 24px);
 }
 
-.awsui_header_1d237_15ly9_353:not(#\9) {
+.awsui_header_1d237_1leny_353:not(#\9) {
   font-size: var(--font-panel-header-size-33h9j8, 18px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
   line-height: var(--font-panel-header-line-height-8xb2qj, 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_15ly9_371 > .awsui_header_1d237_15ly9_353:not(#\9) {
+.awsui_with-toolbar_1d237_1leny_371 > .awsui_header_1d237_1leny_353:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1d237_15ly9_353 h2:not(#\9),
-.awsui_header_1d237_15ly9_353 h3:not(#\9),
-.awsui_header_1d237_15ly9_353 h4:not(#\9),
-.awsui_header_1d237_15ly9_353 h5:not(#\9),
-.awsui_header_1d237_15ly9_353 h6:not(#\9) {
+.awsui_header_1d237_1leny_353 h2:not(#\9),
+.awsui_header_1d237_1leny_353 h3:not(#\9),
+.awsui_header_1d237_1leny_353 h4:not(#\9),
+.awsui_header_1d237_1leny_353 h5:not(#\9),
+.awsui_header_1d237_1leny_353 h6:not(#\9) {
   font-size: var(--font-panel-header-size-33h9j8, 18px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
   line-height: var(--font-panel-header-line-height-8xb2qj, 22px);
@@ -387,25 +387,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
 
-.awsui_content_1d237_15ly9_390:not(#\9) {
+.awsui_content_1d237_1leny_390:not(#\9) {
   color: var(--color-text-body-secondary-bcbgoi, #424650);
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
   padding-inline-end: var(--space-panel-side-right-8wwirc, 24px);
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_content_1d237_15ly9_390 h2:not(#\9):first-child,
-.awsui_content_1d237_15ly9_390 h3:not(#\9):first-child,
-.awsui_content_1d237_15ly9_390 h4:not(#\9):first-child,
-.awsui_content_1d237_15ly9_390 h5:not(#\9):first-child,
-.awsui_content_1d237_15ly9_390 h6:not(#\9):first-child,
-.awsui_content_1d237_15ly9_390 p:not(#\9):first-child {
+.awsui_content_1d237_1leny_390 h2:not(#\9):first-child,
+.awsui_content_1d237_1leny_390 h3:not(#\9):first-child,
+.awsui_content_1d237_1leny_390 h4:not(#\9):first-child,
+.awsui_content_1d237_1leny_390 h5:not(#\9):first-child,
+.awsui_content_1d237_1leny_390 h6:not(#\9):first-child,
+.awsui_content_1d237_1leny_390 p:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_content_1d237_15ly9_390 a:not(#\9) {
+.awsui_content_1d237_1leny_390 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-lqnbqg, var(--color-text-link-default-1dmm7z, #006ce0));
+  color: var(--awsui-style-color-default-b75yp7, var(--color-text-link-default-1dmm7z, #006ce0));
   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-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content_1d237_15ly9_390 a:not(#\9) {
+  .awsui_content_1d237_1leny_390 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content_1d237_15ly9_390 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_15ly9_390 a:not(#\9) {
+.awsui-motion-disabled .awsui_content_1d237_1leny_390 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_1leny_390 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_content_1d237_15ly9_390 a:not(#\9):hover {
+.awsui_content_1d237_1leny_390 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-lqnbqg, var(--color-text-link-hover-sq1gxg, #002b66));
+  color: var(--awsui-style-color-hover-b75yp7, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_content_1d237_15ly9_390 a:not(#\9):focus {
+.awsui_content_1d237_1leny_390 a:not(#\9):focus {
   outline: none;
 }
-.awsui_content_1d237_15ly9_390 a:not(#\9):active {
-  color: var(--awsui-style-color-active-lqnbqg, var(--color-text-link-hover-sq1gxg, #002b66));
+.awsui_content_1d237_1leny_390 a:not(#\9):active {
+  color: var(--awsui-style-color-active-b75yp7, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_content_1d237_15ly9_390 a:not(#\9):active, .awsui_content_1d237_15ly9_390 a:not(#\9):focus, .awsui_content_1d237_15ly9_390 a:not(#\9):hover {
+.awsui_content_1d237_1leny_390 a:not(#\9):active, .awsui_content_1d237_1leny_390 a:not(#\9):focus, .awsui_content_1d237_1leny_390 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_footer_1d237_15ly9_441:not(#\9) {
+.awsui_footer_1d237_1leny_441:not(#\9) {
   color: var(--color-text-body-secondary-bcbgoi, #424650);
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
@@ -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_15ly9_441 ul:not(#\9) {
+.awsui_footer_1d237_1leny_441 ul:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
 }
-.awsui_footer_1d237_15ly9_441 a:not(#\9) {
+.awsui_footer_1d237_1leny_441 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-lqnbqg, var(--color-text-link-default-1dmm7z, #006ce0));
+  color: var(--awsui-style-color-default-b75yp7, var(--color-text-link-default-1dmm7z, #006ce0));
   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-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_footer_1d237_15ly9_441 a:not(#\9) {
+  .awsui_footer_1d237_1leny_441 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_footer_1d237_15ly9_441 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_15ly9_441 a:not(#\9) {
+.awsui-motion-disabled .awsui_footer_1d237_1leny_441 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_1leny_441 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_footer_1d237_15ly9_441 a:not(#\9):hover {
+.awsui_footer_1d237_1leny_441 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-lqnbqg, var(--color-text-link-hover-sq1gxg, #002b66));
+  color: var(--awsui-style-color-hover-b75yp7, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_footer_1d237_15ly9_441 a:not(#\9):focus {
+.awsui_footer_1d237_1leny_441 a:not(#\9):focus {
   outline: none;
 }
-.awsui_footer_1d237_15ly9_441 a:not(#\9):active {
-  color: var(--awsui-style-color-active-lqnbqg, var(--color-text-link-hover-sq1gxg, #002b66));
+.awsui_footer_1d237_1leny_441 a:not(#\9):active {
+  color: var(--awsui-style-color-active-b75yp7, var(--color-text-link-hover-sq1gxg, #002b66));
 }
-.awsui_footer_1d237_15ly9_441 a:not(#\9):active, .awsui_footer_1d237_15ly9_441 a:not(#\9):focus, .awsui_footer_1d237_15ly9_441 a:not(#\9):hover {
+.awsui_footer_1d237_1leny_441 a:not(#\9):active, .awsui_footer_1d237_1leny_441 a:not(#\9):focus, .awsui_footer_1d237_1leny_441 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_content_1d237_15ly9_390:not(#\9),
-.awsui_footer_1d237_15ly9_441:not(#\9) {
+.awsui_content_1d237_1leny_390:not(#\9),
+.awsui_footer_1d237_1leny_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_15ly9_390 a:not(#\9):focus,
-.awsui_footer_1d237_15ly9_441 a:not(#\9):focus {
+.awsui_content_1d237_1leny_390 a:not(#\9):focus,
+.awsui_footer_1d237_1leny_441 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
   outline-offset: 2px;

package/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_15ly9_181",
-  "loading": "awsui_loading_1d237_15ly9_348",
-  "header": "awsui_header_1d237_15ly9_353",
-  "with-toolbar": "awsui_with-toolbar_1d237_15ly9_371",
-  "content": "awsui_content_1d237_15ly9_390",
-  "footer": "awsui_footer_1d237_15ly9_441"
+  "help-panel": "awsui_help-panel_1d237_1leny_181",
+  "loading": "awsui_loading_1d237_1leny_348",
+  "header": "awsui_header_1d237_1leny_353",
+  "with-toolbar": "awsui_with-toolbar_1d237_1leny_371",
+  "content": "awsui_content_1d237_1leny_390",
+  "footer": "awsui_footer_1d237_1leny_441"
 };
   

package/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,mFA4FV,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,mFA8FV,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/input/index.js

@@ -9,7 +9,7 @@ import { validateProps } from '@cloudscape-design/component-toolkit/internal';
 
 
 const Input = React.forwardRef((props, ref) => {
-    validateProps('Input', props, ["nativeInputAttributes"], {}, 'console');
+    validateProps('Input', props, ["nativeInputAttributes","style"], {}, 'console');
     return React.createElement(CoreComponent, {ref,...props});
 });
 

package/input/interfaces.d.ts

@@ -150,6 +150,9 @@ export interface InputProps extends BaseComponentProps, BaseInputProps, InputKey
    * including the date, month, week, time, datetime-local, number and range types.
    */
   step?: InputProps.Step;
+  /**
+   * @awsuiSystem core
+   */
 }
 export declare namespace InputProps {
   type Type = 'text' | 'password' | 'search' | 'number' | 'email' | 'url';
@@ -167,6 +170,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/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/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 { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { BaseKeyDetail, CancelableEventHandler, NonCancelableEventHandler } from '../internal/events';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-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\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}\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 { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { BaseKeyDetail, CancelableEventHandler, NonCancelableEventHandler } from '../internal/events';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-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   * @awsuiSystem core\n   */\n  style?: InputProps.Style;\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"]}