@cloudscape-design/components 3.0.1287 → 3.0.1289

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_gm40y_181:not(#\9) {
+.awsui_help-panel_1d237_i7765_181:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -204,7 +204,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   color: var(--color-text-body-default-vvtq8u, #0f141a);
-  font-weight: 400;
+  font-weight: var(--font-weight-normal-cxw1m3, 400);
   font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
@@ -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_gm40y_181 hr:not(#\9) {
+.awsui_help-panel_1d237_i7765_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_gm40y_181 ol:not(#\9),
-.awsui_help-panel_1d237_gm40y_181 ul:not(#\9) {
+.awsui_help-panel_1d237_i7765_181 ol:not(#\9),
+.awsui_help-panel_1d237_i7765_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_gm40y_181 li:not(#\9) {
+.awsui_help-panel_1d237_i7765_181 li:not(#\9) {
   margin-block: var(--space-scaled-xxs-pfm1nx, 4px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_gm40y_181 a:not(#\9),
-.awsui_help-panel_1d237_gm40y_181 h2:not(#\9),
-.awsui_help-panel_1d237_gm40y_181 h3:not(#\9),
-.awsui_help-panel_1d237_gm40y_181 h4:not(#\9),
-.awsui_help-panel_1d237_gm40y_181 h5:not(#\9),
-.awsui_help-panel_1d237_gm40y_181 pre:not(#\9),
-.awsui_help-panel_1d237_gm40y_181 code:not(#\9) {
+.awsui_help-panel_1d237_i7765_181 a:not(#\9),
+.awsui_help-panel_1d237_i7765_181 h2:not(#\9),
+.awsui_help-panel_1d237_i7765_181 h3:not(#\9),
+.awsui_help-panel_1d237_i7765_181 h4:not(#\9),
+.awsui_help-panel_1d237_i7765_181 h5:not(#\9),
+.awsui_help-panel_1d237_i7765_181 pre:not(#\9),
+.awsui_help-panel_1d237_i7765_181 code:not(#\9) {
   margin-block: var(--space-xs-ymlm0b, 8px);
   margin-inline: 0;
   padding-block: 0;
 }
-.awsui_help-panel_1d237_gm40y_181 code:not(#\9) {
+.awsui_help-panel_1d237_i7765_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_gm40y_181 pre:not(#\9) {
+.awsui_help-panel_1d237_i7765_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_gm40y_181 dl:not(#\9) {
+.awsui_help-panel_1d237_i7765_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_gm40y_181 dl *:not(#\9) {
+.awsui_help-panel_1d237_i7765_181 dl *:not(#\9) {
   margin-block: 0;
 }
-.awsui_help-panel_1d237_gm40y_181 dt:not(#\9) {
+.awsui_help-panel_1d237_i7765_181 dt:not(#\9) {
   margin-block-start: var(--space-xs-ymlm0b, 8px);
-  font-weight: 700;
+  font-weight: var(--font-weight-bold-fo1afg, 700);
 }
-.awsui_help-panel_1d237_gm40y_181 dd:not(#\9) {
+.awsui_help-panel_1d237_i7765_181 dd:not(#\9) {
   margin-block-start: 0;
   margin-block-end: var(--space-xs-ymlm0b, 8px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_gm40y_181 h2:not(#\9),
-.awsui_help-panel_1d237_gm40y_181 h3:not(#\9),
-.awsui_help-panel_1d237_gm40y_181 h4:not(#\9),
-.awsui_help-panel_1d237_gm40y_181 h5:not(#\9),
-.awsui_help-panel_1d237_gm40y_181 h6:not(#\9) {
+.awsui_help-panel_1d237_i7765_181 h2:not(#\9),
+.awsui_help-panel_1d237_i7765_181 h3:not(#\9),
+.awsui_help-panel_1d237_i7765_181 h4:not(#\9),
+.awsui_help-panel_1d237_i7765_181 h5:not(#\9),
+.awsui_help-panel_1d237_i7765_181 h6:not(#\9) {
   margin-block-start: var(--space-xl-jfy3x4, 24px);
   color: var(--color-text-heading-default-izpp46, #0f141a);
 }
-.awsui_help-panel_1d237_gm40y_181 > :not(#\9):last-child {
+.awsui_help-panel_1d237_i7765_181 > :not(#\9):last-child {
   margin-block-end: var(--space-panel-content-bottom-24c6lu, 40px);
 }
-.awsui_help-panel_1d237_gm40y_181 p:not(#\9) {
+.awsui_help-panel_1d237_i7765_181 p:not(#\9) {
   color: inherit;
   text-decoration: none;
   margin-block: var(--space-s-tvghoh, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_gm40y_181 h1:not(#\9) {
+.awsui_help-panel_1d237_i7765_181 h1:not(#\9) {
   font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xl-wvkbur, 24px);
   line-height: var(--line-height-heading-xl-hko6p0, 30px);
@@ -310,7 +310,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_gm40y_181 h2:not(#\9) {
+.awsui_help-panel_1d237_i7765_181 h2:not(#\9) {
   font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-l-vnacx6, 20px);
   line-height: var(--line-height-heading-l-mg5bx6, 24px);
@@ -319,7 +319,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_gm40y_181 h3:not(#\9) {
+.awsui_help-panel_1d237_i7765_181 h3:not(#\9) {
   font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-m-170yiy, 18px);
   line-height: var(--line-height-heading-m-uoaqdh, 22px);
@@ -328,7 +328,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_gm40y_181 h4:not(#\9) {
+.awsui_help-panel_1d237_i7765_181 h4:not(#\9) {
   font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-s-zp08en, 16px);
   line-height: var(--line-height-heading-s-hmi4vc, 20px);
@@ -337,7 +337,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_gm40y_181 h5:not(#\9) {
+.awsui_help-panel_1d237_i7765_181 h5:not(#\9) {
   font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-xs-j8yzxv, 14px);
   line-height: var(--line-height-heading-xs-q9j004, 18px);
@@ -346,17 +346,17 @@ 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_gm40y_181 b:not(#\9),
-.awsui_help-panel_1d237_gm40y_181 strong:not(#\9) {
-  font-weight: 700;
+.awsui_help-panel_1d237_i7765_181 b:not(#\9),
+.awsui_help-panel_1d237_i7765_181 strong:not(#\9) {
+  font-weight: var(--font-weight-bold-fo1afg, 700);
 }
 
-.awsui_loading_1d237_gm40y_354:not(#\9) {
+.awsui_loading_1d237_i7765_354: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_gm40y_359:not(#\9) {
+.awsui_header_1d237_i7765_359: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);
@@ -374,15 +374,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_gm40y_377 > .awsui_header_1d237_gm40y_359:not(#\9) {
+.awsui_with-toolbar_1d237_i7765_377 > .awsui_header_1d237_i7765_359:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1d237_gm40y_359 h2:not(#\9),
-.awsui_header_1d237_gm40y_359 h3:not(#\9),
-.awsui_header_1d237_gm40y_359 h4:not(#\9),
-.awsui_header_1d237_gm40y_359 h5:not(#\9),
-.awsui_header_1d237_gm40y_359 h6:not(#\9) {
+.awsui_header_1d237_i7765_359 h2:not(#\9),
+.awsui_header_1d237_i7765_359 h3:not(#\9),
+.awsui_header_1d237_i7765_359 h4:not(#\9),
+.awsui_header_1d237_i7765_359 h5:not(#\9),
+.awsui_header_1d237_i7765_359 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);
@@ -393,22 +393,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
 
-.awsui_content_1d237_gm40y_396:not(#\9) {
+.awsui_content_1d237_i7765_396:not(#\9) {
   color: var(--color-text-body-secondary-yna5sb, #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_gm40y_396 h2:not(#\9):first-child,
-.awsui_content_1d237_gm40y_396 h3:not(#\9):first-child,
-.awsui_content_1d237_gm40y_396 h4:not(#\9):first-child,
-.awsui_content_1d237_gm40y_396 h5:not(#\9):first-child,
-.awsui_content_1d237_gm40y_396 h6:not(#\9):first-child,
-.awsui_content_1d237_gm40y_396 p:not(#\9):first-child {
+.awsui_content_1d237_i7765_396 h2:not(#\9):first-child,
+.awsui_content_1d237_i7765_396 h3:not(#\9):first-child,
+.awsui_content_1d237_i7765_396 h4:not(#\9):first-child,
+.awsui_content_1d237_i7765_396 h5:not(#\9):first-child,
+.awsui_content_1d237_i7765_396 h6:not(#\9):first-child,
+.awsui_content_1d237_i7765_396 p:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_content_1d237_gm40y_396 a:not(#\9) {
+.awsui_content_1d237_i7765_396 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
@@ -422,31 +422,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_gm40y_396 a:not(#\9) {
+  .awsui_content_1d237_i7765_396 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content_1d237_gm40y_396 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_gm40y_396 a:not(#\9) {
+.awsui-motion-disabled .awsui_content_1d237_i7765_396 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_i7765_396 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_content_1d237_gm40y_396 a:not(#\9):hover {
+.awsui_content_1d237_i7765_396 a:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_content_1d237_gm40y_396 a:not(#\9):focus {
+.awsui_content_1d237_i7765_396 a:not(#\9):focus {
   outline: none;
 }
-.awsui_content_1d237_gm40y_396 a:not(#\9):active {
+.awsui_content_1d237_i7765_396 a:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_content_1d237_gm40y_396 a:not(#\9):active, .awsui_content_1d237_gm40y_396 a:not(#\9):focus, .awsui_content_1d237_gm40y_396 a:not(#\9):hover {
+.awsui_content_1d237_i7765_396 a:not(#\9):active, .awsui_content_1d237_i7765_396 a:not(#\9):focus, .awsui_content_1d237_i7765_396 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_footer_1d237_gm40y_447:not(#\9) {
+.awsui_footer_1d237_i7765_447:not(#\9) {
   color: var(--color-text-body-secondary-yna5sb, #424650);
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
@@ -454,11 +454,11 @@ 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_gm40y_447 ul:not(#\9) {
+.awsui_footer_1d237_i7765_447 ul:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
 }
-.awsui_footer_1d237_gm40y_447 a:not(#\9) {
+.awsui_footer_1d237_i7765_447 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-secondary-default-4p0gj8, #006ce0));
@@ -472,37 +472,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_gm40y_447 a:not(#\9) {
+  .awsui_footer_1d237_i7765_447 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_footer_1d237_gm40y_447 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_gm40y_447 a:not(#\9) {
+.awsui-motion-disabled .awsui_footer_1d237_i7765_447 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_i7765_447 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_footer_1d237_gm40y_447 a:not(#\9):hover {
+.awsui_footer_1d237_i7765_447 a:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
 }
-.awsui_footer_1d237_gm40y_447 a:not(#\9):focus {
+.awsui_footer_1d237_i7765_447 a:not(#\9):focus {
   outline: none;
 }
-.awsui_footer_1d237_gm40y_447 a:not(#\9):active {
+.awsui_footer_1d237_i7765_447 a:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
 }
-.awsui_footer_1d237_gm40y_447 a:not(#\9):active, .awsui_footer_1d237_gm40y_447 a:not(#\9):focus, .awsui_footer_1d237_gm40y_447 a:not(#\9):hover {
+.awsui_footer_1d237_i7765_447 a:not(#\9):active, .awsui_footer_1d237_i7765_447 a:not(#\9):focus, .awsui_footer_1d237_i7765_447 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_content_1d237_gm40y_396:not(#\9),
-.awsui_footer_1d237_gm40y_447:not(#\9) {
+.awsui_content_1d237_i7765_396:not(#\9),
+.awsui_footer_1d237_i7765_447: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_gm40y_396 a:not(#\9):focus,
-.awsui_footer_1d237_gm40y_447 a:not(#\9):focus {
+.awsui_content_1d237_i7765_396 a:not(#\9):focus,
+.awsui_footer_1d237_i7765_447 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_gm40y_181",
-  "loading": "awsui_loading_1d237_gm40y_354",
-  "header": "awsui_header_1d237_gm40y_359",
-  "with-toolbar": "awsui_with-toolbar_1d237_gm40y_377",
-  "content": "awsui_content_1d237_gm40y_396",
-  "footer": "awsui_footer_1d237_gm40y_447"
+  "help-panel": "awsui_help-panel_1d237_i7765_181",
+  "loading": "awsui_loading_1d237_i7765_354",
+  "header": "awsui_header_1d237_i7765_359",
+  "with-toolbar": "awsui_with-toolbar_1d237_i7765_377",
+  "content": "awsui_content_1d237_i7765_396",
+  "footer": "awsui_footer_1d237_i7765_447"
 };
   

package/input/styles.css.js

@@ -1,23 +1,23 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2rhyz_h3zka_145",
-  "input": "awsui_input_2rhyz_h3zka_149",
-  "input-readonly": "awsui_input-readonly_2rhyz_h3zka_203",
-  "input-invalid": "awsui_input-invalid_2rhyz_h3zka_266",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_h3zka_275",
-  "input-warning": "awsui_input-warning_2rhyz_h3zka_278",
-  "input-type-search": "awsui_input-type-search_2rhyz_h3zka_290",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_h3zka_303",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_h3zka_306",
-  "input-container": "awsui_input-container_2rhyz_h3zka_313",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_h3zka_318",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_h3zka_325",
-  "input-button-right": "awsui_input-button-right_2rhyz_h3zka_331",
-  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_2rhyz_h3zka_335",
-  "inline-label-trigger-wrapper-full-width": "awsui_inline-label-trigger-wrapper-full-width_2rhyz_h3zka_338",
-  "inline-label-wrapper": "awsui_inline-label-wrapper_2rhyz_h3zka_342",
-  "inline-label-wrapper-full-width": "awsui_inline-label-wrapper-full-width_2rhyz_h3zka_345",
-  "inline-label": "awsui_inline-label_2rhyz_h3zka_335"
+  "root": "awsui_root_2rhyz_qcvo4_145",
+  "input": "awsui_input_2rhyz_qcvo4_149",
+  "input-readonly": "awsui_input-readonly_2rhyz_qcvo4_203",
+  "input-invalid": "awsui_input-invalid_2rhyz_qcvo4_266",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_qcvo4_275",
+  "input-warning": "awsui_input-warning_2rhyz_qcvo4_278",
+  "input-type-search": "awsui_input-type-search_2rhyz_qcvo4_290",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_qcvo4_303",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_qcvo4_306",
+  "input-container": "awsui_input-container_2rhyz_qcvo4_313",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_qcvo4_318",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_qcvo4_325",
+  "input-button-right": "awsui_input-button-right_2rhyz_qcvo4_331",
+  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_2rhyz_qcvo4_335",
+  "inline-label-trigger-wrapper-full-width": "awsui_inline-label-trigger-wrapper-full-width_2rhyz_qcvo4_338",
+  "inline-label-wrapper": "awsui_inline-label-wrapper_2rhyz_qcvo4_342",
+  "inline-label-wrapper-full-width": "awsui_inline-label-wrapper-full-width_2rhyz_qcvo4_345",
+  "inline-label": "awsui_inline-label_2rhyz_qcvo4_335"
 };
   

package/input/styles.scoped.css

@@ -142,11 +142,11 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_2rhyz_h3zka_145:not(#\9) {
+.awsui_root_2rhyz_qcvo4_145:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
 
-.awsui_input_2rhyz_h3zka_149:not(#\9) {
+.awsui_input_2rhyz_qcvo4_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -172,7 +172,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   color: var(--color-text-body-default-vvtq8u, #0f141a);
-  font-weight: 400;
+  font-weight: var(--font-weight-normal-cxw1m3, 400);
   font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
@@ -194,20 +194,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   min-block-size: var(--size-vertical-input-p1d7xx, 32px);
 }
-.awsui_input_2rhyz_h3zka_149:not(#\9):hover {
+.awsui_input_2rhyz_qcvo4_149:not(#\9):hover {
   border-color: var(--awsui-style-border-color-hover-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-default-317xk5, #8c8c94)));
   color: var(--awsui-style-color-hover-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a)));
   background-color: var(--awsui-style-background-hover-6b9ypa, var(--awsui-style-background-default-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff)));
   box-shadow: var(--awsui-style-box-shadow-hover-6b9ypa, --awsui-style-box-shadow-default-6b9ypa);
 }
-.awsui_input_2rhyz_h3zka_149.awsui_input-readonly_2rhyz_h3zka_203:not(#\9) {
+.awsui_input_2rhyz_qcvo4_149.awsui_input-readonly_2rhyz_qcvo4_203:not(#\9) {
   background-color: var(--awsui-style-background-readonly-6b9ypa, var(--awsui-style-background-default-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff)));
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
   color: var(--awsui-style-color-readonly-6b9ypa, var(--awsui-style-color-default-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a)));
   box-shadow: var(--awsui-style-box-shadow-readonly-6b9ypa);
 }
-.awsui_input_2rhyz_h3zka_149:not(#\9)::-webkit-input-placeholder {
+.awsui_input_2rhyz_qcvo4_149:not(#\9)::-webkit-input-placeholder {
   color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-dclg8u, #656871));
   font-size: var(--awsui-style-placeholder-font-size-6b9ypa);
   font-style: var(--awsui-style-placeholder-font-style-6b9ypa, italic);
@@ -215,21 +215,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_h3zka_149:not(#\9)::-moz-placeholder {
+.awsui_input_2rhyz_qcvo4_149:not(#\9)::-moz-placeholder {
   color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-dclg8u, #656871));
   font-size: var(--awsui-style-placeholder-font-size-6b9ypa);
   font-style: var(--awsui-style-placeholder-font-style-6b9ypa, italic);
   font-weight: var(--awsui-style-placeholder-font-weight-6b9ypa);
   opacity: 1;
 }
-.awsui_input_2rhyz_h3zka_149:not(#\9):-moz-placeholder {
+.awsui_input_2rhyz_qcvo4_149:not(#\9):-moz-placeholder {
   color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-dclg8u, #656871));
   font-size: var(--awsui-style-placeholder-font-size-6b9ypa);
   font-style: var(--awsui-style-placeholder-font-style-6b9ypa, italic);
   font-weight: var(--awsui-style-placeholder-font-weight-6b9ypa);
   opacity: 1;
 }
-.awsui_input_2rhyz_h3zka_149:not(#\9):focus {
+.awsui_input_2rhyz_qcvo4_149:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-6b9ypa, var(--color-border-input-focused-4z0pgn, #006ce0));
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-6b9ypa, var(--color-border-input-focused-4z0pgn, #006ce0));
@@ -241,7 +241,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--awsui-style-color-focus-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a));
   background-color: var(--awsui-style-background-focus-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff));
 }
-.awsui_input_2rhyz_h3zka_149:not(#\9):disabled {
+.awsui_input_2rhyz_qcvo4_149:not(#\9):disabled {
   background-color: var(--awsui-style-background-disabled-6b9ypa, var(--color-background-input-disabled-dihaja, #ebebf0));
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
@@ -249,106 +249,106 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: default;
   box-shadow: var(--awsui-style-box-shadow-disabled-6b9ypa);
 }
-.awsui_input_2rhyz_h3zka_149:not(#\9):disabled::-webkit-input-placeholder {
+.awsui_input_2rhyz_qcvo4_149:not(#\9):disabled::-webkit-input-placeholder {
   color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_h3zka_149:not(#\9):disabled::-moz-placeholder {
+.awsui_input_2rhyz_qcvo4_149:not(#\9):disabled::-moz-placeholder {
   color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
   opacity: 1;
 }
-.awsui_input_2rhyz_h3zka_149:not(#\9):disabled:-moz-placeholder {
+.awsui_input_2rhyz_qcvo4_149:not(#\9):disabled:-moz-placeholder {
   color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
   opacity: 1;
 }
-.awsui_input_2rhyz_h3zka_149:not(#\9):invalid {
+.awsui_input_2rhyz_qcvo4_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_h3zka_149.awsui_input-invalid_2rhyz_h3zka_266:not(#\9) {
+.awsui_input_2rhyz_qcvo4_149.awsui_input-invalid_2rhyz_qcvo4_266:not(#\9) {
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-status-error-ksqavh, #db0000));
   border-color: var(--awsui-style-border-color-default-6b9ypa, var(--color-text-status-error-ksqavh, #db0000));
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_input_2rhyz_h3zka_149.awsui_input-invalid_2rhyz_h3zka_266:not(#\9):focus {
+.awsui_input_2rhyz_qcvo4_149.awsui_input-invalid_2rhyz_qcvo4_266:not(#\9):focus {
   box-shadow: var(--awsui-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0));
 }
-.awsui_input_2rhyz_h3zka_149.awsui_input-invalid_2rhyz_h3zka_266.awsui_input-has-icon-left_2rhyz_h3zka_275:not(#\9) {
+.awsui_input_2rhyz_qcvo4_149.awsui_input-invalid_2rhyz_qcvo4_266.awsui_input-has-icon-left_2rhyz_qcvo4_275:not(#\9) {
   padding-inline-start: calc(var(--space-field-icon-offset-ikwzwx, 36px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
-.awsui_input_2rhyz_h3zka_149.awsui_input-warning_2rhyz_h3zka_278:not(#\9) {
+.awsui_input_2rhyz_qcvo4_149.awsui_input-warning_2rhyz_qcvo4_278:not(#\9) {
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-status-warning-6meo06, #855900));
   border-color: var(--awsui-style-border-color-default-6b9ypa, var(--color-text-status-warning-6meo06, #855900));
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_input_2rhyz_h3zka_149.awsui_input-warning_2rhyz_h3zka_278:not(#\9):focus {
+.awsui_input_2rhyz_qcvo4_149.awsui_input-warning_2rhyz_qcvo4_278:not(#\9):focus {
   box-shadow: var(--awsui-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0));
 }
-.awsui_input_2rhyz_h3zka_149.awsui_input-warning_2rhyz_h3zka_278.awsui_input-has-icon-left_2rhyz_h3zka_275:not(#\9) {
+.awsui_input_2rhyz_qcvo4_149.awsui_input-warning_2rhyz_qcvo4_278.awsui_input-has-icon-left_2rhyz_qcvo4_275:not(#\9) {
   padding-inline-start: calc(var(--space-field-icon-offset-ikwzwx, 36px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
-.awsui_input_2rhyz_h3zka_149.awsui_input-type-search_2rhyz_h3zka_290:not(#\9) {
+.awsui_input_2rhyz_qcvo4_149.awsui_input-type-search_2rhyz_qcvo4_290:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_h3zka_149.awsui_input-type-search_2rhyz_h3zka_290:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_qcvo4_149.awsui_input-type-search_2rhyz_qcvo4_290:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_h3zka_149.awsui_input-type-search_2rhyz_h3zka_290:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_qcvo4_149.awsui_input-type-search_2rhyz_qcvo4_290:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_h3zka_149.awsui_input-has-icon-left_2rhyz_h3zka_275:not(#\9) {
+.awsui_input_2rhyz_qcvo4_149.awsui_input-has-icon-left_2rhyz_qcvo4_275:not(#\9) {
   padding-inline-start: var(--space-field-icon-offset-ikwzwx, 36px);
 }
-.awsui_input_2rhyz_h3zka_149.awsui_input-has-icon-right_2rhyz_h3zka_303:not(#\9) {
+.awsui_input_2rhyz_qcvo4_149.awsui_input-has-icon-right_2rhyz_qcvo4_303:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-ikwzwx, 36px);
 }
-.awsui_input_2rhyz_h3zka_149.awsui_input-has-no-border-radius_2rhyz_h3zka_306:not(#\9) {
+.awsui_input_2rhyz_qcvo4_149.awsui_input-has-no-border-radius_2rhyz_qcvo4_306:not(#\9) {
   border-start-start-radius: var(--border-radius-dropdown-fgc2a1, 8px);
   border-start-end-radius: var(--border-radius-dropdown-fgc2a1, 8px);
   border-end-start-radius: var(--border-radius-dropdown-fgc2a1, 8px);
   border-end-end-radius: var(--border-radius-dropdown-fgc2a1, 8px);
 }
 
-.awsui_input-container_2rhyz_h3zka_313:not(#\9) {
+.awsui_input-container_2rhyz_qcvo4_313:not(#\9) {
   display: flex;
   position: relative;
 }
 
-.awsui_input-icon-left_2rhyz_h3zka_318:not(#\9) {
+.awsui_input-icon-left_2rhyz_qcvo4_318:not(#\9) {
   position: absolute;
   pointer-events: none;
   inset-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
   inset-block-start: calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2);
 }
 
-.awsui_input-icon-right_2rhyz_h3zka_325:not(#\9) {
+.awsui_input-icon-right_2rhyz_qcvo4_325:not(#\9) {
   position: absolute;
   inset-block-start: calc(calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2) - var(--space-xxxs-pajhad, 2px));
   inset-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) - var(--space-xxs-hwfkai, 4px));
 }
 
-.awsui_input-button-right_2rhyz_h3zka_331:not(#\9) {
+.awsui_input-button-right_2rhyz_qcvo4_331:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_inline-label-trigger-wrapper_2rhyz_h3zka_335:not(#\9) {
+.awsui_inline-label-trigger-wrapper_2rhyz_qcvo4_335:not(#\9) {
   margin-block-start: -7px;
 }
-.awsui_inline-label-trigger-wrapper-full-width_2rhyz_h3zka_338:not(#\9) {
+.awsui_inline-label-trigger-wrapper-full-width_2rhyz_qcvo4_338:not(#\9) {
   inline-size: 100%;
 }
 
-.awsui_inline-label-wrapper_2rhyz_h3zka_342:not(#\9) {
+.awsui_inline-label-wrapper_2rhyz_qcvo4_342:not(#\9) {
   margin-block-start: calc(var(--space-scaled-xs-xwoogq, 8px) * -1);
 }
-.awsui_inline-label-wrapper-full-width_2rhyz_h3zka_345:not(#\9) {
+.awsui_inline-label-wrapper-full-width_2rhyz_qcvo4_345:not(#\9) {
   inline-size: 100%;
 }
 
-.awsui_inline-label_2rhyz_h3zka_335:not(#\9) {
+.awsui_inline-label_2rhyz_qcvo4_335:not(#\9) {
   background: linear-gradient(to bottom, var(--color-background-layout-main-5ilwcb, #ffffff), var(--color-background-input-default-ifz5bb, #ffffff));
   border-start-start-radius: 2px;
   border-start-end-radius: 2px;