@cloudscape-design/components 3.0.301 → 3.0.303

package/icon/styles.scoped.css

@@ -95,159 +95,159 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_icon_h11ix_m3w3k_98:not(#\9) {
+.awsui_icon_h11ix_ttpon_98:not(#\9) {
   position: relative;
   display: inline-block;
   vertical-align: top;
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_icon-flex-height_h11ix_m3w3k_104:not(#\9) {
+.awsui_icon-flex-height_h11ix_ttpon_104:not(#\9) {
   display: inline-flex;
   align-items: center;
 }
-.awsui_icon_h11ix_m3w3k_98 > svg:not(#\9) {
+.awsui_icon_h11ix_ttpon_98 > svg:not(#\9) {
   pointer-events: none;
 }
-.awsui_icon_h11ix_m3w3k_98 > svg:not(#\9) {
+.awsui_icon_h11ix_ttpon_98 > svg:not(#\9) {
   fill: none;
 }
-.awsui_icon_h11ix_m3w3k_98 > svg *:not(#\9) {
+.awsui_icon_h11ix_ttpon_98 > svg *:not(#\9) {
   stroke: currentColor;
 }
-.awsui_icon_h11ix_m3w3k_98 > svg .stroke-linejoin-round:not(#\9) {
+.awsui_icon_h11ix_ttpon_98 > svg .stroke-linejoin-round:not(#\9) {
   stroke-linejoin: round;
 }
-.awsui_icon_h11ix_m3w3k_98 > svg .stroke-linecap-square:not(#\9) {
+.awsui_icon_h11ix_ttpon_98 > svg .stroke-linecap-square:not(#\9) {
   stroke-linecap: square;
 }
-.awsui_icon_h11ix_m3w3k_98 > svg .stroke-linecap-round:not(#\9) {
+.awsui_icon_h11ix_ttpon_98 > svg .stroke-linecap-round:not(#\9) {
   stroke-linecap: round;
 }
-.awsui_icon_h11ix_m3w3k_98 > svg .filled:not(#\9) {
+.awsui_icon_h11ix_ttpon_98 > svg .filled:not(#\9) {
   fill: currentColor;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-small_h11ix_m3w3k_129:not(#\9) {
-  width: var(--size-icon-normal-as5jb3, 16px);
+.awsui_icon_h11ix_ttpon_98.awsui_size-small_h11ix_ttpon_129:not(#\9) {
+  width: var(--size-icon-normal-jq6jat, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-small-mapped-height_h11ix_m3w3k_133:not(#\9) {
-  height: var(--font-body-s-line-height-yd7nw5, 16px);
-  padding: calc((var(--font-body-s-line-height-yd7nw5, 16px) - var(--size-icon-normal-as5jb3, 16px)) / 2) 0;
+.awsui_icon_h11ix_ttpon_98.awsui_size-small-mapped-height_h11ix_ttpon_133:not(#\9) {
+  height: var(--font-body-s-line-height-ga8tt7, 16px);
+  padding: calc((var(--font-body-s-line-height-ga8tt7, 16px) - var(--size-icon-normal-jq6jat, 16px)) / 2) 0;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-small_h11ix_m3w3k_129 > svg:not(#\9),
-.awsui_icon_h11ix_m3w3k_98.awsui_size-small_h11ix_m3w3k_129 > img:not(#\9) {
-  width: var(--size-icon-normal-as5jb3, 16px);
-  height: var(--size-icon-normal-as5jb3, 16px);
+.awsui_icon_h11ix_ttpon_98.awsui_size-small_h11ix_ttpon_129 > svg:not(#\9),
+.awsui_icon_h11ix_ttpon_98.awsui_size-small_h11ix_ttpon_129 > img:not(#\9) {
+  width: var(--size-icon-normal-jq6jat, 16px);
+  height: var(--size-icon-normal-jq6jat, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-small_h11ix_m3w3k_129 > svg:not(#\9),
-.awsui_icon_h11ix_m3w3k_98.awsui_size-small_h11ix_m3w3k_129 > svg *:not(#\9) {
+.awsui_icon_h11ix_ttpon_98.awsui_size-small_h11ix_ttpon_129 > svg:not(#\9),
+.awsui_icon_h11ix_ttpon_98.awsui_size-small_h11ix_ttpon_129 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-normal_h11ix_m3w3k_147:not(#\9) {
-  width: var(--size-icon-normal-as5jb3, 16px);
+.awsui_icon_h11ix_ttpon_98.awsui_size-normal_h11ix_ttpon_147:not(#\9) {
+  width: var(--size-icon-normal-jq6jat, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-normal-mapped-height_h11ix_m3w3k_151:not(#\9) {
-  height: var(--font-body-m-line-height-83azrc, 22px);
-  padding: calc((var(--font-body-m-line-height-83azrc, 22px) - var(--size-icon-normal-as5jb3, 16px)) / 2) 0;
+.awsui_icon_h11ix_ttpon_98.awsui_size-normal-mapped-height_h11ix_ttpon_151:not(#\9) {
+  height: var(--font-body-m-line-height-rfgrp9, 22px);
+  padding: calc((var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / 2) 0;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-normal_h11ix_m3w3k_147 > svg:not(#\9),
-.awsui_icon_h11ix_m3w3k_98.awsui_size-normal_h11ix_m3w3k_147 > img:not(#\9) {
-  width: var(--size-icon-normal-as5jb3, 16px);
-  height: var(--size-icon-normal-as5jb3, 16px);
+.awsui_icon_h11ix_ttpon_98.awsui_size-normal_h11ix_ttpon_147 > svg:not(#\9),
+.awsui_icon_h11ix_ttpon_98.awsui_size-normal_h11ix_ttpon_147 > img:not(#\9) {
+  width: var(--size-icon-normal-jq6jat, 16px);
+  height: var(--size-icon-normal-jq6jat, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-normal_h11ix_m3w3k_147 > svg:not(#\9),
-.awsui_icon_h11ix_m3w3k_98.awsui_size-normal_h11ix_m3w3k_147 > svg *:not(#\9) {
+.awsui_icon_h11ix_ttpon_98.awsui_size-normal_h11ix_ttpon_147 > svg:not(#\9),
+.awsui_icon_h11ix_ttpon_98.awsui_size-normal_h11ix_ttpon_147 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-medium_h11ix_m3w3k_165:not(#\9) {
-  width: var(--size-icon-medium-tud35h, 20px);
+.awsui_icon_h11ix_ttpon_98.awsui_size-medium_h11ix_ttpon_165:not(#\9) {
+  width: var(--size-icon-medium-x0iee8, 20px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-medium-mapped-height_h11ix_m3w3k_169:not(#\9) {
-  height: var(--font-heading-l-line-height-sit3zj, 30px);
-  padding: calc((var(--font-heading-l-line-height-sit3zj, 30px) - var(--size-icon-medium-tud35h, 20px)) / 2) 0;
+.awsui_icon_h11ix_ttpon_98.awsui_size-medium-mapped-height_h11ix_ttpon_169:not(#\9) {
+  height: var(--font-heading-l-line-height-l1pmir, 30px);
+  padding: calc((var(--font-heading-l-line-height-l1pmir, 30px) - var(--size-icon-medium-x0iee8, 20px)) / 2) 0;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-medium_h11ix_m3w3k_165 > svg:not(#\9),
-.awsui_icon_h11ix_m3w3k_98.awsui_size-medium_h11ix_m3w3k_165 > img:not(#\9) {
-  width: var(--size-icon-medium-tud35h, 20px);
-  height: var(--size-icon-medium-tud35h, 20px);
+.awsui_icon_h11ix_ttpon_98.awsui_size-medium_h11ix_ttpon_165 > svg:not(#\9),
+.awsui_icon_h11ix_ttpon_98.awsui_size-medium_h11ix_ttpon_165 > img:not(#\9) {
+  width: var(--size-icon-medium-x0iee8, 20px);
+  height: var(--size-icon-medium-x0iee8, 20px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-medium_h11ix_m3w3k_165 > svg:not(#\9),
-.awsui_icon_h11ix_m3w3k_98.awsui_size-medium_h11ix_m3w3k_165 > svg *:not(#\9) {
+.awsui_icon_h11ix_ttpon_98.awsui_size-medium_h11ix_ttpon_165 > svg:not(#\9),
+.awsui_icon_h11ix_ttpon_98.awsui_size-medium_h11ix_ttpon_165 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-big_h11ix_m3w3k_183:not(#\9) {
-  width: var(--size-icon-big-rl4tdi, 32px);
+.awsui_icon_h11ix_ttpon_98.awsui_size-big_h11ix_ttpon_183:not(#\9) {
+  width: var(--size-icon-big-0l8skx, 32px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-big-mapped-height_h11ix_m3w3k_187:not(#\9) {
-  height: var(--font-heading-xl-line-height-cka4rq, 40px);
-  padding: calc((var(--font-heading-xl-line-height-cka4rq, 40px) - var(--size-icon-big-rl4tdi, 32px)) / 2) 0;
+.awsui_icon_h11ix_ttpon_98.awsui_size-big-mapped-height_h11ix_ttpon_187:not(#\9) {
+  height: var(--font-heading-xl-line-height-4s70cu, 40px);
+  padding: calc((var(--font-heading-xl-line-height-4s70cu, 40px) - var(--size-icon-big-0l8skx, 32px)) / 2) 0;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-big_h11ix_m3w3k_183 > svg:not(#\9),
-.awsui_icon_h11ix_m3w3k_98.awsui_size-big_h11ix_m3w3k_183 > img:not(#\9) {
-  width: var(--size-icon-big-rl4tdi, 32px);
-  height: var(--size-icon-big-rl4tdi, 32px);
+.awsui_icon_h11ix_ttpon_98.awsui_size-big_h11ix_ttpon_183 > svg:not(#\9),
+.awsui_icon_h11ix_ttpon_98.awsui_size-big_h11ix_ttpon_183 > img:not(#\9) {
+  width: var(--size-icon-big-0l8skx, 32px);
+  height: var(--size-icon-big-0l8skx, 32px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-big_h11ix_m3w3k_183 > svg:not(#\9),
-.awsui_icon_h11ix_m3w3k_98.awsui_size-big_h11ix_m3w3k_183 > svg *:not(#\9) {
+.awsui_icon_h11ix_ttpon_98.awsui_size-big_h11ix_ttpon_183 > svg:not(#\9),
+.awsui_icon_h11ix_ttpon_98.awsui_size-big_h11ix_ttpon_183 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-large_h11ix_m3w3k_201:not(#\9) {
-  width: var(--size-icon-large-x6jwev, 48px);
+.awsui_icon_h11ix_ttpon_98.awsui_size-large_h11ix_ttpon_201:not(#\9) {
+  width: var(--size-icon-large-jawmww, 48px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-large-mapped-height_h11ix_m3w3k_205:not(#\9) {
-  height: var(--font-display-l-line-height-ki5obl, 54px);
-  padding: calc((var(--font-display-l-line-height-ki5obl, 54px) - var(--size-icon-large-x6jwev, 48px)) / 2) 0;
+.awsui_icon_h11ix_ttpon_98.awsui_size-large-mapped-height_h11ix_ttpon_205:not(#\9) {
+  height: var(--font-display-l-line-height-qsh6fc, 54px);
+  padding: calc((var(--font-display-l-line-height-qsh6fc, 54px) - var(--size-icon-large-jawmww, 48px)) / 2) 0;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-large_h11ix_m3w3k_201 > svg:not(#\9),
-.awsui_icon_h11ix_m3w3k_98.awsui_size-large_h11ix_m3w3k_201 > img:not(#\9) {
-  width: var(--size-icon-large-x6jwev, 48px);
-  height: var(--size-icon-large-x6jwev, 48px);
+.awsui_icon_h11ix_ttpon_98.awsui_size-large_h11ix_ttpon_201 > svg:not(#\9),
+.awsui_icon_h11ix_ttpon_98.awsui_size-large_h11ix_ttpon_201 > img:not(#\9) {
+  width: var(--size-icon-large-jawmww, 48px);
+  height: var(--size-icon-large-jawmww, 48px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_size-large_h11ix_m3w3k_201 > svg:not(#\9),
-.awsui_icon_h11ix_m3w3k_98.awsui_size-large_h11ix_m3w3k_201 > svg *:not(#\9) {
+.awsui_icon_h11ix_ttpon_98.awsui_size-large_h11ix_ttpon_201 > svg:not(#\9),
+.awsui_icon_h11ix_ttpon_98.awsui_size-large_h11ix_ttpon_201 > svg *:not(#\9) {
   stroke-width: 1.2px;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_variant-normal_h11ix_m3w3k_219:not(#\9) {
+.awsui_icon_h11ix_ttpon_98.awsui_variant-normal_h11ix_ttpon_219:not(#\9) {
   color: currentColor;
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_variant-disabled_h11ix_m3w3k_222:not(#\9) {
-  color: var(--color-text-interactive-disabled-yf7ixh, #9ba7b6);
+.awsui_icon_h11ix_ttpon_98.awsui_variant-disabled_h11ix_ttpon_222:not(#\9) {
+  color: var(--color-text-interactive-disabled-nss20z, #9ba7b6);
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_variant-inverted_h11ix_m3w3k_225:not(#\9) {
-  color: var(--color-text-inverted-7iqu6k, #ffffff);
+.awsui_icon_h11ix_ttpon_98.awsui_variant-inverted_h11ix_ttpon_225:not(#\9) {
+  color: var(--color-text-inverted-pw3n91, #ffffff);
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_variant-subtle_h11ix_m3w3k_228:not(#\9) {
-  color: var(--color-text-icon-subtle-z10arg, #5f6b7a);
+.awsui_icon_h11ix_ttpon_98.awsui_variant-subtle_h11ix_ttpon_228:not(#\9) {
+  color: var(--color-text-icon-subtle-vfzpfx, #5f6b7a);
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_variant-warning_h11ix_m3w3k_231:not(#\9) {
-  color: var(--color-text-status-warning-ob24ov, #d91515);
+.awsui_icon_h11ix_ttpon_98.awsui_variant-warning_h11ix_ttpon_231:not(#\9) {
+  color: var(--color-text-status-warning-3n8qp8, #d91515);
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_variant-error_h11ix_m3w3k_234:not(#\9) {
-  color: var(--color-text-status-error-fukmlt, #d91515);
+.awsui_icon_h11ix_ttpon_98.awsui_variant-error_h11ix_ttpon_234:not(#\9) {
+  color: var(--color-text-status-error-p6dh5n, #d91515);
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_variant-success_h11ix_m3w3k_237:not(#\9) {
-  color: var(--color-text-status-success-j40j28, #037f0c);
+.awsui_icon_h11ix_ttpon_98.awsui_variant-success_h11ix_ttpon_237:not(#\9) {
+  color: var(--color-text-status-success-6id1zv, #037f0c);
 }
-.awsui_icon_h11ix_m3w3k_98.awsui_variant-link_h11ix_m3w3k_240:not(#\9) {
-  color: var(--color-text-link-default-zduqq6, #0972d3);
+.awsui_icon_h11ix_ttpon_98.awsui_variant-link_h11ix_ttpon_240:not(#\9) {
+  color: var(--color-text-link-default-gthbx2, #0972d3);
 }
 
-.awsui_badge_h11ix_m3w3k_244:not(#\9)::after {
+.awsui_badge_h11ix_ttpon_244:not(#\9)::after {
   content: "";
   position: absolute;
   width: 8px;
   height: 8px;
   border-radius: 8px;
-  background-color: var(--color-text-status-info-f9whx8, #0972d3);
+  background-color: var(--color-text-status-info-cmlm4f, #0972d3);
   top: 2px;
   right: -2px;
 }

package/icon/styles.selectors.js

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "icon": "awsui_icon_h11ix_m3w3k_98",
-  "icon-flex-height": "awsui_icon-flex-height_h11ix_m3w3k_104",
-  "size-small": "awsui_size-small_h11ix_m3w3k_129",
-  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_m3w3k_133",
-  "size-normal": "awsui_size-normal_h11ix_m3w3k_147",
-  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_m3w3k_151",
-  "size-medium": "awsui_size-medium_h11ix_m3w3k_165",
-  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_m3w3k_169",
-  "size-big": "awsui_size-big_h11ix_m3w3k_183",
-  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_m3w3k_187",
-  "size-large": "awsui_size-large_h11ix_m3w3k_201",
-  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_m3w3k_205",
-  "variant-normal": "awsui_variant-normal_h11ix_m3w3k_219",
-  "variant-disabled": "awsui_variant-disabled_h11ix_m3w3k_222",
-  "variant-inverted": "awsui_variant-inverted_h11ix_m3w3k_225",
-  "variant-subtle": "awsui_variant-subtle_h11ix_m3w3k_228",
-  "variant-warning": "awsui_variant-warning_h11ix_m3w3k_231",
-  "variant-error": "awsui_variant-error_h11ix_m3w3k_234",
-  "variant-success": "awsui_variant-success_h11ix_m3w3k_237",
-  "variant-link": "awsui_variant-link_h11ix_m3w3k_240",
-  "badge": "awsui_badge_h11ix_m3w3k_244"
+  "icon": "awsui_icon_h11ix_ttpon_98",
+  "icon-flex-height": "awsui_icon-flex-height_h11ix_ttpon_104",
+  "size-small": "awsui_size-small_h11ix_ttpon_129",
+  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_ttpon_133",
+  "size-normal": "awsui_size-normal_h11ix_ttpon_147",
+  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_ttpon_151",
+  "size-medium": "awsui_size-medium_h11ix_ttpon_165",
+  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_ttpon_169",
+  "size-big": "awsui_size-big_h11ix_ttpon_183",
+  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_ttpon_187",
+  "size-large": "awsui_size-large_h11ix_ttpon_201",
+  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_ttpon_205",
+  "variant-normal": "awsui_variant-normal_h11ix_ttpon_219",
+  "variant-disabled": "awsui_variant-disabled_h11ix_ttpon_222",
+  "variant-inverted": "awsui_variant-inverted_h11ix_ttpon_225",
+  "variant-subtle": "awsui_variant-subtle_h11ix_ttpon_228",
+  "variant-warning": "awsui_variant-warning_h11ix_ttpon_231",
+  "variant-error": "awsui_variant-error_h11ix_ttpon_234",
+  "variant-success": "awsui_variant-success_h11ix_ttpon_237",
+  "variant-link": "awsui_variant-link_h11ix_ttpon_240",
+  "badge": "awsui_badge_h11ix_ttpon_244"
 };
   

package/input/interfaces.d.ts

@@ -112,6 +112,7 @@ export interface InputKeyEvents {
 export interface InputClearLabel {
     /**
      * Adds an `aria-label` to the clear button inside the search input.
+     * @i18n
      */
     clearAriaLabel?: string;
 }

package/input/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["input/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AACtG,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AAEzF,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;CAC/D;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;;OAEG;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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["input/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AACtG,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AAEzF,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;CAC/D;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"}

package/input/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["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 { BaseKeyDetail, CancelableEventHandler, NonCancelableEventHandler } from '../internal/events';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\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\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   */\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":"lib/default/","sources":["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 { BaseKeyDetail, CancelableEventHandler, NonCancelableEventHandler } from '../internal/events';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\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\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"]}

package/input/styles.css.js

@@ -1,17 +1,17 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2rhyz_13pa9_93",
-  "input": "awsui_input_2rhyz_13pa9_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_13pa9_120",
-  "input-invalid": "awsui_input-invalid_2rhyz_13pa9_181",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_13pa9_192",
-  "input-type-search": "awsui_input-type-search_2rhyz_13pa9_197",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_13pa9_213",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_13pa9_216",
-  "input-container": "awsui_input-container_2rhyz_13pa9_220",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_13pa9_225",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_13pa9_232",
-  "input-button-right": "awsui_input-button-right_2rhyz_13pa9_238"
+  "root": "awsui_root_2rhyz_jbscg_93",
+  "input": "awsui_input_2rhyz_jbscg_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_jbscg_120",
+  "input-invalid": "awsui_input-invalid_2rhyz_jbscg_181",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_jbscg_192",
+  "input-type-search": "awsui_input-type-search_2rhyz_jbscg_197",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_jbscg_213",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_jbscg_216",
+  "input-container": "awsui_input-container_2rhyz_jbscg_220",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_jbscg_225",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_jbscg_232",
+  "input-button-right": "awsui_input-button-right_2rhyz_jbscg_238"
 };
   

package/input/styles.scoped.css

@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_2rhyz_13pa9_93:not(#\9) {
+.awsui_root_2rhyz_jbscg_93:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
 
-.awsui_input_2rhyz_13pa9_97:not(#\9) {
+.awsui_input_2rhyz_jbscg_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -124,145 +124,145 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  color: var(--color-text-body-default-01bwmw, #000716);
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  color: var(--color-text-body-default-mmvcvg, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  padding: var(--space-scaled-xxs-ugy2pw, 4px) var(--space-field-horizontal-dh8mzg, 12px);
-  color: var(--color-text-body-default-01bwmw, #000716);
+  padding: var(--space-scaled-xxs-t2t62i, 4px) var(--space-field-horizontal-8qo3uw, 12px);
+  color: var(--color-text-body-default-mmvcvg, #000716);
   width: 100%;
   cursor: text;
   box-sizing: border-box;
-  background-color: var(--color-background-input-default-m0bcvt, #ffffff);
-  border-radius: var(--border-radius-input-afyvdu, 8px);
-  border: var(--border-field-width-egrqih, 2px) solid var(--color-border-input-default-effvag, #7d8998);
-  font-size: var(--font-body-m-size-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  height: var(--size-vertical-input-9mfbhr, 34px);
+  background-color: var(--color-background-input-default-y2omd4, #ffffff);
+  border-radius: var(--border-radius-input-g1eef0, 8px);
+  border: var(--border-field-width-riro62, 2px) solid var(--color-border-input-default-zb6g42, #7d8998);
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  height: var(--size-vertical-input-u93i5u, 34px);
 }
-.awsui_input_2rhyz_13pa9_97.awsui_input-readonly_2rhyz_13pa9_120:not(#\9) {
-  background-color: var(--color-background-input-default-m0bcvt, #ffffff);
-  border: var(--border-field-width-egrqih, 2px) solid var(--color-border-input-disabled-1gq6xl, #e9ebed);
+.awsui_input_2rhyz_jbscg_97.awsui_input-readonly_2rhyz_jbscg_120:not(#\9) {
+  background-color: var(--color-background-input-default-y2omd4, #ffffff);
+  border: var(--border-field-width-riro62, 2px) solid var(--color-border-input-disabled-06dcc0, #e9ebed);
 }
-.awsui_input_2rhyz_13pa9_97:not(#\9)::-webkit-input-placeholder {
-  color: var(--color-text-input-placeholder-548pz5, #5f6b7a);
+.awsui_input_2rhyz_jbscg_97:not(#\9)::-webkit-input-placeholder {
+  color: var(--color-text-input-placeholder-3y98yw, #5f6b7a);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_13pa9_97:not(#\9)::-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-548pz5, #5f6b7a);
+.awsui_input_2rhyz_jbscg_97:not(#\9)::-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-3y98yw, #5f6b7a);
   font-style: italic;
 }
-.awsui_input_2rhyz_13pa9_97:not(#\9)::-moz-placeholder {
-  color: var(--color-text-input-placeholder-548pz5, #5f6b7a);
+.awsui_input_2rhyz_jbscg_97:not(#\9)::-moz-placeholder {
+  color: var(--color-text-input-placeholder-3y98yw, #5f6b7a);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_13pa9_97:not(#\9):-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-548pz5, #5f6b7a);
+.awsui_input_2rhyz_jbscg_97:not(#\9):-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-3y98yw, #5f6b7a);
   font-style: italic;
 }
-.awsui_input_2rhyz_13pa9_97:not(#\9):-moz-placeholder {
-  color: var(--color-text-input-placeholder-548pz5, #5f6b7a);
+.awsui_input_2rhyz_jbscg_97:not(#\9):-moz-placeholder {
+  color: var(--color-text-input-placeholder-3y98yw, #5f6b7a);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_13pa9_97:not(#\9):focus {
+.awsui_input_2rhyz_jbscg_97:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: var(--border-field-width-egrqih, 2px) solid var(--color-border-item-focused-nwfxo7, #0972d3);
-  border-radius: var(--border-radius-input-afyvdu, 8px);
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-m25vwf, 0px) var(--color-border-item-focused-nwfxo7, #0972d3);
+  border: var(--border-field-width-riro62, 2px) solid var(--color-border-item-focused-4t19h5, #0972d3);
+  border-radius: var(--border-radius-input-g1eef0, 8px);
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-cwek11, 0px) var(--color-border-item-focused-4t19h5, #0972d3);
 }
-.awsui_input_2rhyz_13pa9_97:not(#\9):disabled {
-  background-color: var(--color-background-input-disabled-46crjd, #e9ebed);
-  border: var(--border-field-width-egrqih, 2px) solid var(--color-border-input-disabled-1gq6xl, #e9ebed);
-  color: var(--color-text-input-disabled-1dqhco, #9ba7b6);
+.awsui_input_2rhyz_jbscg_97:not(#\9):disabled {
+  background-color: var(--color-background-input-disabled-nvrgh4, #e9ebed);
+  border: var(--border-field-width-riro62, 2px) solid var(--color-border-input-disabled-06dcc0, #e9ebed);
+  color: var(--color-text-input-disabled-dmotcr, #9ba7b6);
   cursor: auto;
   cursor: default;
 }
-.awsui_input_2rhyz_13pa9_97:not(#\9):disabled::-webkit-input-placeholder {
-  color: var(--color-text-input-placeholder-disabled-t26ds3, #9ba7b6);
+.awsui_input_2rhyz_jbscg_97:not(#\9):disabled::-webkit-input-placeholder {
+  color: var(--color-text-input-placeholder-disabled-kxks79, #9ba7b6);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_13pa9_97:not(#\9):disabled::-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-disabled-t26ds3, #9ba7b6);
+.awsui_input_2rhyz_jbscg_97:not(#\9):disabled::-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-disabled-kxks79, #9ba7b6);
 }
-.awsui_input_2rhyz_13pa9_97:not(#\9):disabled::-moz-placeholder {
-  color: var(--color-text-input-placeholder-disabled-t26ds3, #9ba7b6);
+.awsui_input_2rhyz_jbscg_97:not(#\9):disabled::-moz-placeholder {
+  color: var(--color-text-input-placeholder-disabled-kxks79, #9ba7b6);
   opacity: 1;
 }
-.awsui_input_2rhyz_13pa9_97:not(#\9):disabled:-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-disabled-t26ds3, #9ba7b6);
+.awsui_input_2rhyz_jbscg_97:not(#\9):disabled:-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-disabled-kxks79, #9ba7b6);
 }
-.awsui_input_2rhyz_13pa9_97:not(#\9):disabled:-moz-placeholder {
-  color: var(--color-text-input-placeholder-disabled-t26ds3, #9ba7b6);
+.awsui_input_2rhyz_jbscg_97:not(#\9):disabled:-moz-placeholder {
+  color: var(--color-text-input-placeholder-disabled-kxks79, #9ba7b6);
   opacity: 1;
 }
-.awsui_input_2rhyz_13pa9_97:not(#\9):invalid {
+.awsui_input_2rhyz_jbscg_97:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_13pa9_97.awsui_input-invalid_2rhyz_13pa9_181:not(#\9) {
-  color: var(--color-text-status-error-fukmlt, #d91515);
-  border-color: var(--color-text-status-error-fukmlt, #d91515);
+.awsui_input_2rhyz_jbscg_97.awsui_input-invalid_2rhyz_jbscg_181:not(#\9) {
+  color: var(--color-text-status-error-p6dh5n, #d91515);
+  border-color: var(--color-text-status-error-p6dh5n, #d91515);
   padding-left: calc(
-  var(--space-field-horizontal-dh8mzg, 12px) - (var(--border-invalid-width-04n71q, 8px) - var(--border-field-width-egrqih, 2px))
+  var(--space-field-horizontal-8qo3uw, 12px) - (var(--border-invalid-width-u1caet, 8px) - var(--border-field-width-riro62, 2px))
 );
-  border-left-width: var(--border-invalid-width-04n71q, 8px);
+  border-left-width: var(--border-invalid-width-u1caet, 8px);
 }
-.awsui_input_2rhyz_13pa9_97.awsui_input-invalid_2rhyz_13pa9_181:not(#\9):focus {
-  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-2fevx8, 2px) var(--color-border-item-focused-nwfxo7, #0972d3);
+.awsui_input_2rhyz_jbscg_97.awsui_input-invalid_2rhyz_jbscg_181:not(#\9):focus {
+  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-yfz0fs, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
 }
-.awsui_input_2rhyz_13pa9_97.awsui_input-invalid_2rhyz_13pa9_181.awsui_input-has-icon-left_2rhyz_13pa9_192:not(#\9) {
+.awsui_input_2rhyz_jbscg_97.awsui_input-invalid_2rhyz_jbscg_181.awsui_input-has-icon-left_2rhyz_jbscg_192:not(#\9) {
   padding-left: calc(
-        var(--space-field-icon-offset-n2xrju, 36px) - (var(--border-invalid-width-04n71q, 8px) - var(--border-field-width-egrqih, 2px))
+        var(--space-field-icon-offset-o8qwwh, 36px) - (var(--border-invalid-width-u1caet, 8px) - var(--border-field-width-riro62, 2px))
       );
 }
-.awsui_input_2rhyz_13pa9_97.awsui_input-type-search_2rhyz_13pa9_197:not(#\9) {
+.awsui_input_2rhyz_jbscg_97.awsui_input-type-search_2rhyz_jbscg_197:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_13pa9_97.awsui_input-type-search_2rhyz_13pa9_197:not(#\9)::-ms-clear {
+.awsui_input_2rhyz_jbscg_97.awsui_input-type-search_2rhyz_jbscg_197:not(#\9)::-ms-clear {
   display: none;
 }
-.awsui_input_2rhyz_13pa9_97.awsui_input-type-search_2rhyz_13pa9_197:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_jbscg_97.awsui_input-type-search_2rhyz_jbscg_197:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_13pa9_97.awsui_input-type-search_2rhyz_13pa9_197:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_jbscg_97.awsui_input-type-search_2rhyz_jbscg_197:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_13pa9_97.awsui_input-has-icon-left_2rhyz_13pa9_192:not(#\9) {
-  padding-left: var(--space-field-icon-offset-n2xrju, 36px);
+.awsui_input_2rhyz_jbscg_97.awsui_input-has-icon-left_2rhyz_jbscg_192:not(#\9) {
+  padding-left: var(--space-field-icon-offset-o8qwwh, 36px);
 }
-.awsui_input_2rhyz_13pa9_97.awsui_input-has-icon-right_2rhyz_13pa9_213:not(#\9) {
-  padding-right: var(--space-field-icon-offset-n2xrju, 36px);
+.awsui_input_2rhyz_jbscg_97.awsui_input-has-icon-right_2rhyz_jbscg_213:not(#\9) {
+  padding-right: var(--space-field-icon-offset-o8qwwh, 36px);
 }
-.awsui_input_2rhyz_13pa9_97.awsui_input-has-no-border-radius_2rhyz_13pa9_216:not(#\9) {
-  border-radius: var(--border-radius-dropdown-0czl7o, 8px);
+.awsui_input_2rhyz_jbscg_97.awsui_input-has-no-border-radius_2rhyz_jbscg_216:not(#\9) {
+  border-radius: var(--border-radius-dropdown-re1k6b, 8px);
 }
 
-.awsui_input-container_2rhyz_13pa9_220:not(#\9) {
+.awsui_input-container_2rhyz_jbscg_220:not(#\9) {
   display: flex;
   position: relative;
 }
 
-.awsui_input-icon-left_2rhyz_13pa9_225:not(#\9) {
+.awsui_input-icon-left_2rhyz_jbscg_225:not(#\9) {
   position: absolute;
   pointer-events: none;
-  left: var(--space-field-horizontal-dh8mzg, 12px);
-  top: calc(50% - var(--font-body-m-line-height-83azrc, 22px) / 2);
+  left: var(--space-field-horizontal-8qo3uw, 12px);
+  top: calc(50% - var(--font-body-m-line-height-rfgrp9, 22px) / 2);
 }
 
-.awsui_input-icon-right_2rhyz_13pa9_232:not(#\9) {
+.awsui_input-icon-right_2rhyz_jbscg_232:not(#\9) {
   position: absolute;
-  top: calc(50% - var(--font-body-m-line-height-83azrc, 22px) / 2);
-  right: calc(var(--space-field-horizontal-dh8mzg, 12px) - var(--space-xxs-a6783b, 4px));
+  top: calc(50% - var(--font-body-m-line-height-rfgrp9, 22px) / 2);
+  right: calc(var(--space-field-horizontal-8qo3uw, 12px) - var(--space-xxs-ja5cp8, 4px));
 }
 
-.awsui_input-button-right_2rhyz_13pa9_238:not(#\9) {
+.awsui_input-button-right_2rhyz_jbscg_238:not(#\9) {
   /* used in test-utils */
 }