@cloudscape-design/components 3.0.14 → 3.0.17

package/help-panel/styles.scoped.css

@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
-.awsui_help-panel_1d237_c7e8z_94:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -107,7 +107,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-stretch: normal;
   line-height: normal;
   -webkit-hyphens: none;
-      -ms-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
@@ -135,36 +134,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 20px 24px 0 28px;
   padding: var(--space-scaled-l-t03y3z, 20px) var(--space-panel-side-right-kev4k9, 24px) 0 var(--space-panel-side-left-8ozqve, 28px);
 }
-.awsui_help-panel_1d237_c7e8z_94 hr:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 hr:not(#\9) {
   border: none;
   border-top: 2px solid #e9ebed;
   border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
   margin: 24px calc(-1 * 8px);
   margin: var(--space-scaled-xl-w2t504, 24px) calc(-1 * var(--space-xs-rsr2qu, 8px));
 }
-.awsui_help-panel_1d237_c7e8z_94 ol:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 ul:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 ol:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 ul:not(#\9) {
   padding-left: 20px;
   padding-left: var(--space-l-4vl6xu, 20px);
   list-style-position: outside;
 }
-.awsui_help-panel_1d237_c7e8z_94 a:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 p:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 ul:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 ol:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 li:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 h2:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 h3:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 h4:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 h5:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 pre:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 code:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 a:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 p:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 ul:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 ol:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 li:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 h2:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 h3:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 h4:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 h5:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 pre:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 code:not(#\9) {
   margin: 8px 0;
   margin: var(--space-xs-rsr2qu, 8px) 0;
   padding-top: 0;
   padding-bottom: 0;
 }
-.awsui_help-panel_1d237_c7e8z_94 code:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 code:not(#\9) {
   font-size: 12px;
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: 16px;
@@ -180,7 +179,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_c7e8z_94 pre:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 pre:not(#\9) {
   font-size: 12px;
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: 16px;
@@ -198,43 +197,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 4px;
   padding: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_help-panel_1d237_c7e8z_94 dl:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 dl:not(#\9) {
   margin: 8px 0;
   margin: var(--space-xs-rsr2qu, 8px) 0;
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_help-panel_1d237_c7e8z_94 dl *:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 dl *:not(#\9) {
   margin-top: 0;
   margin-bottom: 0;
 }
-.awsui_help-panel_1d237_c7e8z_94 dt:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 dt:not(#\9) {
   margin-top: 8px;
   margin-top: var(--space-xs-rsr2qu, 8px);
   font-weight: 700;
 }
-.awsui_help-panel_1d237_c7e8z_94 dd:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 dd:not(#\9) {
   margin: 0 0 8px;
   margin: 0 0 var(--space-xs-rsr2qu, 8px);
 }
-.awsui_help-panel_1d237_c7e8z_94 h2:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 h3:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 h4:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 h5:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 h6:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 h2:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 h3:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 h4:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 h5:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 h6:not(#\9) {
   margin-top: 24px;
   margin-top: var(--space-xl-a39hup, 24px);
   color: #000716;
   color: var(--color-text-heading-default-jopz0f, #000716);
 }
-.awsui_help-panel_1d237_c7e8z_94 > :not(#\9):last-child {
+.awsui_help-panel_1d237_1wqw1_94 > :not(#\9):last-child {
   margin-bottom: 40px;
   margin-bottom: var(--space-scaled-xxxl-ffokcj, 40px);
 }
-.awsui_help-panel_1d237_c7e8z_94 p:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 p:not(#\9) {
   color: inherit;
   text-decoration: none;
 }
-.awsui_help-panel_1d237_c7e8z_94 h1:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 h1:not(#\9) {
   font-size: 32px;
   font-size: var(--font-heading-xl-size-d0vjbk, 32px);
   line-height: 40px;
@@ -244,7 +243,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 800;
   font-weight: var(--font-heading-xl-weight-772870, 800);
 }
-.awsui_help-panel_1d237_c7e8z_94 h2:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 h2:not(#\9) {
   font-size: 24px;
   font-size: var(--font-heading-l-size-otmxys, 24px);
   line-height: 30px;
@@ -254,7 +253,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 800;
   font-weight: var(--font-heading-l-weight-xm7ks9, 800);
 }
-.awsui_help-panel_1d237_c7e8z_94 h3:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 h3:not(#\9) {
   font-size: 20px;
   font-size: var(--font-heading-m-size-6e3jmg, 20px);
   line-height: 24px;
@@ -264,7 +263,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 800;
   font-weight: var(--font-heading-m-weight-hi5n0j, 800);
 }
-.awsui_help-panel_1d237_c7e8z_94 h4:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 h4:not(#\9) {
   font-size: 16px;
   font-size: var(--font-heading-s-size-9clg8y, 16px);
   line-height: 20px;
@@ -274,7 +273,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 800;
   font-weight: var(--font-heading-s-weight-k8ys41, 800);
 }
-.awsui_help-panel_1d237_c7e8z_94 h5:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 h5:not(#\9) {
   font-size: 14px;
   font-size: var(--font-heading-xs-size-fryxro, 14px);
   line-height: 18px;
@@ -282,11 +281,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 800;
   font-weight: var(--font-heading-xs-weight-wwznty, 800);
 }
-.awsui_help-panel_1d237_c7e8z_94 b:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 strong:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 b:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_help-panel_1d237_c7e8z_94 a:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 a:not(#\9) {
   color: #0972d3;
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: inherit;
@@ -299,33 +298,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_help-panel_1d237_c7e8z_94 a:not(#\9) {
+  .awsui_help-panel_1d237_1wqw1_94 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_help-panel_1d237_c7e8z_94 a:not(#\9), .awsui-mode-entering .awsui_help-panel_1d237_c7e8z_94 a:not(#\9) {
+.awsui-motion-disabled .awsui_help-panel_1d237_1wqw1_94 a:not(#\9), .awsui-mode-entering .awsui_help-panel_1d237_1wqw1_94 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_help-panel_1d237_c7e8z_94 a:not(#\9):hover {
+.awsui_help-panel_1d237_1wqw1_94 a:not(#\9):hover {
   cursor: pointer;
   color: #033160;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_help-panel_1d237_c7e8z_94 a:not(#\9):focus {
+.awsui_help-panel_1d237_1wqw1_94 a:not(#\9):focus {
   outline: none;
 }
-.awsui_help-panel_1d237_c7e8z_94 a:not(#\9):active {
+.awsui_help-panel_1d237_1wqw1_94 a:not(#\9):active {
   color: #033160;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_help-panel_1d237_c7e8z_94 a:not(#\9):active, .awsui_help-panel_1d237_c7e8z_94 a:not(#\9):focus, .awsui_help-panel_1d237_c7e8z_94 a:not(#\9):hover {
+.awsui_help-panel_1d237_1wqw1_94 a:not(#\9):active, .awsui_help-panel_1d237_1wqw1_94 a:not(#\9):focus, .awsui_help-panel_1d237_1wqw1_94 a:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_help-panel_1d237_c7e8z_94 a:not(#\9):focus {
+.awsui_help-panel_1d237_1wqw1_94 a:not(#\9):focus {
   outline: thin dotted;
   outline: 0;
   outline: var(--border-link-focus-ring-outline-k2wccv, 0);
@@ -333,11 +332,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   outline-color: #0972d3;
   outline-color: var(--color-border-item-focused-ap3b6s, #0972d3);
   border-radius: 4px;
-  border-radius: var(--border-control-focus-ring-radius-default-6g2tnn, 4px);
+  border-radius: var(--border-radius-control-focus-ring-default-jlgxet, 4px);
   box-shadow: 0 0 0 2px #0972d3;
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_help-panel_1d237_c7e8z_94 .awsui_header_1d237_c7e8z_258:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 .awsui_header_1d237_1wqw1_258:not(#\9) {
   font-size: 20px;
   font-size: var(--font-panel-header-size-0vdgjc, 20px);
   line-height: 24px;
@@ -358,11 +357,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: 0 calc(-1 * 24px) 20px calc(-1 * 28px);
   margin: 0 calc(-1 * var(--space-panel-side-right-kev4k9, 24px)) var(--space-scaled-l-t03y3z, 20px) calc(-1 * var(--space-panel-side-left-8ozqve, 28px));
 }
-.awsui_help-panel_1d237_c7e8z_94 .awsui_header_1d237_c7e8z_258 h2:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 .awsui_header_1d237_c7e8z_258 h3:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 .awsui_header_1d237_c7e8z_258 h4:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 .awsui_header_1d237_c7e8z_258 h5:not(#\9),
-.awsui_help-panel_1d237_c7e8z_94 .awsui_header_1d237_c7e8z_258 h6:not(#\9) {
+.awsui_help-panel_1d237_1wqw1_94 .awsui_header_1d237_1wqw1_258 h2:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 .awsui_header_1d237_1wqw1_258 h3:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 .awsui_header_1d237_1wqw1_258 h4:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 .awsui_header_1d237_1wqw1_258 h5:not(#\9),
+.awsui_help-panel_1d237_1wqw1_94 .awsui_header_1d237_1wqw1_258 h6:not(#\9) {
   font-size: 20px;
   font-size: var(--font-panel-header-size-0vdgjc, 20px);
   line-height: 24px;
@@ -375,19 +374,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-bottom: 0;
 }
 
-.awsui_content_1d237_c7e8z_284:not(#\9) {
+.awsui_content_1d237_1wqw1_284:not(#\9) {
   color: #414d5c;
   color: var(--color-text-body-secondary-fdstdf, #414d5c);
 }
-.awsui_content_1d237_c7e8z_284 h2:not(#\9):first-child,
-.awsui_content_1d237_c7e8z_284 h3:not(#\9):first-child,
-.awsui_content_1d237_c7e8z_284 h4:not(#\9):first-child,
-.awsui_content_1d237_c7e8z_284 h5:not(#\9):first-child,
-.awsui_content_1d237_c7e8z_284 h6:not(#\9):first-child {
+.awsui_content_1d237_1wqw1_284 h2:not(#\9):first-child,
+.awsui_content_1d237_1wqw1_284 h3:not(#\9):first-child,
+.awsui_content_1d237_1wqw1_284 h4:not(#\9):first-child,
+.awsui_content_1d237_1wqw1_284 h5:not(#\9):first-child,
+.awsui_content_1d237_1wqw1_284 h6:not(#\9):first-child {
   margin-top: 0;
 }
 
-.awsui_footer_1d237_c7e8z_295:not(#\9) {
+.awsui_footer_1d237_1wqw1_295:not(#\9) {
   color: #414d5c;
   color: var(--color-text-body-secondary-fdstdf, #414d5c);
   border-top: 2px solid #e9ebed;
@@ -397,11 +396,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 0 12px;
   padding: 0 var(--space-s-hv8c1d, 12px);
 }
-.awsui_footer_1d237_c7e8z_295 > :not(#\9):first-child {
+.awsui_footer_1d237_1wqw1_295 > :not(#\9):first-child {
   margin-top: 24px;
   margin-top: var(--space-scaled-xl-w2t504, 24px);
 }
-.awsui_footer_1d237_c7e8z_295 ul:not(#\9) {
+.awsui_footer_1d237_1wqw1_295 ul:not(#\9) {
   list-style: none;
   padding-left: 0;
 }

package/help-panel/styles.selectors.js

@@ -2,9 +2,9 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "help-panel": "awsui_help-panel_1d237_c7e8z_94",
-  "header": "awsui_header_1d237_c7e8z_258",
-  "content": "awsui_content_1d237_c7e8z_284",
-  "footer": "awsui_footer_1d237_c7e8z_295"
+  "help-panel": "awsui_help-panel_1d237_1wqw1_94",
+  "header": "awsui_header_1d237_1wqw1_258",
+  "content": "awsui_content_1d237_1wqw1_284",
+  "footer": "awsui_footer_1d237_1wqw1_295"
 };
   

package/input/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2rhyz_aem5a_93",
-  "input": "awsui_input_2rhyz_aem5a_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_aem5a_118",
-  "input-invalid": "awsui_input-invalid_2rhyz_aem5a_179",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_aem5a_190",
-  "input-type-search": "awsui_input-type-search_2rhyz_aem5a_195",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_aem5a_213",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_aem5a_216",
-  "input-container": "awsui_input-container_2rhyz_aem5a_220",
-  "input-icon": "awsui_input-icon_2rhyz_aem5a_225",
-  "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_aem5a_228",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_aem5a_232",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_aem5a_237"
+  "root": "awsui_root_2rhyz_1gxgu_93",
+  "input": "awsui_input_2rhyz_1gxgu_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_1gxgu_118",
+  "input-invalid": "awsui_input-invalid_2rhyz_1gxgu_179",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1gxgu_190",
+  "input-type-search": "awsui_input-type-search_2rhyz_1gxgu_195",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1gxgu_213",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1gxgu_216",
+  "input-container": "awsui_input-container_2rhyz_1gxgu_220",
+  "input-icon": "awsui_input-icon_2rhyz_1gxgu_225",
+  "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_1gxgu_228",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_1gxgu_232",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_1gxgu_237"
 };
   

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_aem5a_93:not(#\9) {
+.awsui_root_2rhyz_1gxgu_93:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
 
-.awsui_input_2rhyz_aem5a_97:not(#\9) {
+.awsui_input_2rhyz_1gxgu_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -110,7 +110,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-stretch: normal;
   line-height: normal;
   -webkit-hyphens: none;
-      -ms-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
@@ -144,7 +143,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: #ffffff;
   background-color: var(--color-background-input-default-u57378, #ffffff);
   border-radius: 8px;
-  border-radius: var(--border-field-radius-t0kudr, 8px);
+  border-radius: var(--border-radius-control-xfq7an, 8px);
   border: 2px solid #9ba7b6;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-default-dtyu8d, #9ba7b6);
   font-size: 14px;
@@ -154,51 +153,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: 34px;
   height: var(--size-vertical-input-js5hfh, 34px);
 }
-.awsui_input_2rhyz_aem5a_97.awsui_input-readonly_2rhyz_aem5a_118:not(#\9) {
+.awsui_input_2rhyz_1gxgu_97.awsui_input-readonly_2rhyz_1gxgu_118:not(#\9) {
   background-color: #ffffff;
   background-color: var(--color-background-input-default-u57378, #ffffff);
   border: 2px solid #e9ebed;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
 }
-.awsui_input_2rhyz_aem5a_97:not(#\9)::-webkit-input-placeholder {
+.awsui_input_2rhyz_1gxgu_97:not(#\9)::-webkit-input-placeholder {
   color: #5f6b7a;
   color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_aem5a_97:not(#\9)::-ms-input-placeholder {
+.awsui_input_2rhyz_1gxgu_97:not(#\9)::-ms-input-placeholder {
   color: #5f6b7a;
   color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
   font-style: italic;
 }
-.awsui_input_2rhyz_aem5a_97:not(#\9)::-moz-placeholder {
+.awsui_input_2rhyz_1gxgu_97:not(#\9)::-moz-placeholder {
   color: #5f6b7a;
   color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_aem5a_97:not(#\9):-ms-input-placeholder {
+.awsui_input_2rhyz_1gxgu_97:not(#\9):-ms-input-placeholder {
   color: #5f6b7a;
   color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
   font-style: italic;
 }
-.awsui_input_2rhyz_aem5a_97:not(#\9):-moz-placeholder {
+.awsui_input_2rhyz_1gxgu_97:not(#\9):-moz-placeholder {
   color: #5f6b7a;
   color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_aem5a_97:not(#\9):focus {
+.awsui_input_2rhyz_1gxgu_97:not(#\9):focus {
   outline: 2px dotted transparent;
   border: 2px solid #0972d3;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
   border-radius: 8px;
-  border-radius: var(--border-field-radius-t0kudr, 8px);
+  border-radius: var(--border-radius-control-xfq7an, 8px);
   box-shadow: 0 0 0 0px #0972d3;
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_input_2rhyz_aem5a_97:not(#\9):disabled {
+.awsui_input_2rhyz_1gxgu_97:not(#\9):disabled {
   background-color: #e9ebed;
   background-color: var(--color-background-input-disabled-wu9j6u, #e9ebed);
   border: 2px solid #e9ebed;
@@ -208,34 +207,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: auto;
   cursor: default;
 }
-.awsui_input_2rhyz_aem5a_97:not(#\9):disabled::-webkit-input-placeholder {
+.awsui_input_2rhyz_1gxgu_97:not(#\9):disabled::-webkit-input-placeholder {
   color: #9ba7b6;
   color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_aem5a_97:not(#\9):disabled::-ms-input-placeholder {
+.awsui_input_2rhyz_1gxgu_97:not(#\9):disabled::-ms-input-placeholder {
   color: #9ba7b6;
   color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
 }
-.awsui_input_2rhyz_aem5a_97:not(#\9):disabled::-moz-placeholder {
+.awsui_input_2rhyz_1gxgu_97:not(#\9):disabled::-moz-placeholder {
   color: #9ba7b6;
   color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
   opacity: 1;
 }
-.awsui_input_2rhyz_aem5a_97:not(#\9):disabled:-ms-input-placeholder {
+.awsui_input_2rhyz_1gxgu_97:not(#\9):disabled:-ms-input-placeholder {
   color: #9ba7b6;
   color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
 }
-.awsui_input_2rhyz_aem5a_97:not(#\9):disabled:-moz-placeholder {
+.awsui_input_2rhyz_1gxgu_97:not(#\9):disabled:-moz-placeholder {
   color: #9ba7b6;
   color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
   opacity: 1;
 }
-.awsui_input_2rhyz_aem5a_97:not(#\9):invalid {
+.awsui_input_2rhyz_1gxgu_97:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_aem5a_97.awsui_input-invalid_2rhyz_aem5a_179:not(#\9) {
+.awsui_input_2rhyz_1gxgu_97.awsui_input-invalid_2rhyz_1gxgu_179:not(#\9) {
   color: #d91515;
   color: var(--color-text-status-error-5sesl6, #d91515);
   border-color: #d91515;
@@ -249,11 +248,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-left-width: 8px;
   border-left-width: var(--border-invalid-width-5jpdqn, 8px);
 }
-.awsui_input_2rhyz_aem5a_97.awsui_input-invalid_2rhyz_aem5a_179:not(#\9):focus {
+.awsui_input_2rhyz_1gxgu_97.awsui_input-invalid_2rhyz_1gxgu_179:not(#\9):focus {
   box-shadow: 0 0 0 2px #0972d3;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-omt6il, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_input_2rhyz_aem5a_97.awsui_input-invalid_2rhyz_aem5a_179.awsui_input-has-icon-left_2rhyz_aem5a_190:not(#\9) {
+.awsui_input_2rhyz_1gxgu_97.awsui_input-invalid_2rhyz_1gxgu_179.awsui_input-has-icon-left_2rhyz_1gxgu_190:not(#\9) {
   padding-left: calc(
         36px - (8px - 2px)
       );
@@ -261,54 +260,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
         var(--space-field-icon-offset-25xih0, 36px) - (var(--border-invalid-width-5jpdqn, 8px) - var(--border-field-width-idlekx, 2px))
       );
 }
-.awsui_input_2rhyz_aem5a_97.awsui_input-type-search_2rhyz_aem5a_195:not(#\9) {
+.awsui_input_2rhyz_1gxgu_97.awsui_input-type-search_2rhyz_1gxgu_195:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none;
   /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_aem5a_97.awsui_input-type-search_2rhyz_aem5a_195:not(#\9)::-ms-clear {
+.awsui_input_2rhyz_1gxgu_97.awsui_input-type-search_2rhyz_1gxgu_195:not(#\9)::-ms-clear {
   display: none;
 }
-.awsui_input_2rhyz_aem5a_97.awsui_input-type-search_2rhyz_aem5a_195:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_1gxgu_97.awsui_input-type-search_2rhyz_1gxgu_195:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none;
   /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_aem5a_97.awsui_input-type-search_2rhyz_aem5a_195:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_1gxgu_97.awsui_input-type-search_2rhyz_1gxgu_195:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_aem5a_97.awsui_input-has-icon-left_2rhyz_aem5a_190:not(#\9) {
+.awsui_input_2rhyz_1gxgu_97.awsui_input-has-icon-left_2rhyz_1gxgu_190:not(#\9) {
   padding-left: 36px;
   padding-left: var(--space-field-icon-offset-25xih0, 36px);
 }
-.awsui_input_2rhyz_aem5a_97.awsui_input-has-icon-right_2rhyz_aem5a_213:not(#\9) {
+.awsui_input_2rhyz_1gxgu_97.awsui_input-has-icon-right_2rhyz_1gxgu_213:not(#\9) {
   padding-right: 36px;
   padding-right: var(--space-field-icon-offset-25xih0, 36px);
 }
-.awsui_input_2rhyz_aem5a_97.awsui_input-has-no-border-radius_2rhyz_aem5a_216:not(#\9) {
+.awsui_input_2rhyz_1gxgu_97.awsui_input-has-no-border-radius_2rhyz_1gxgu_216:not(#\9) {
   border-radius: 8px;
-  border-radius: var(--border-dropdown-radius-mi4tcw, 8px);
+  border-radius: var(--border-radius-dropdown-ujknaf, 8px);
 }
 
-.awsui_input-container_2rhyz_aem5a_220:not(#\9) {
+.awsui_input-container_2rhyz_1gxgu_220:not(#\9) {
   display: flex;
   position: relative;
 }
 
-.awsui_input-icon_2rhyz_aem5a_225:not(#\9) {
+.awsui_input-icon_2rhyz_1gxgu_225:not(#\9) {
   position: absolute;
 }
-.awsui_input-icon_2rhyz_aem5a_225:not(#\9):not(.awsui_input-icon-hoverable_2rhyz_aem5a_228) {
+.awsui_input-icon_2rhyz_1gxgu_225:not(#\9):not(.awsui_input-icon-hoverable_2rhyz_1gxgu_228) {
   pointer-events: none;
 }
 
-.awsui_input-icon-left_2rhyz_aem5a_232:not(#\9) {
+.awsui_input-icon-left_2rhyz_1gxgu_232:not(#\9) {
   left: 12px;
   left: var(--space-field-horizontal-89h2yr, 12px);
   top: calc(50% - 22px / 2);
   top: calc(50% - var(--font-body-m-line-height-i7xxvv, 22px) / 2);
 }
 
-.awsui_input-icon-right_2rhyz_aem5a_237:not(#\9) {
+.awsui_input-icon-right_2rhyz_1gxgu_237:not(#\9) {
   right: 12px;
   right: var(--space-field-horizontal-89h2yr, 12px);
   top: calc(50% - 22px / 2);
@@ -317,10 +316,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-button-inline-icon-default-w65lqn, #0972d3);
 }
 
-.awsui_input-icon-hoverable_2rhyz_aem5a_228:not(#\9) {
+.awsui_input-icon-hoverable_2rhyz_1gxgu_228:not(#\9) {
   cursor: pointer;
 }
-.awsui_input-icon-hoverable_2rhyz_aem5a_228:not(#\9):hover {
+.awsui_input-icon-hoverable_2rhyz_1gxgu_228:not(#\9):hover {
   color: #033160;
   color: var(--color-text-button-inline-icon-hover-wd5icp, #033160);
 }

package/input/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2rhyz_aem5a_93",
-  "input": "awsui_input_2rhyz_aem5a_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_aem5a_118",
-  "input-invalid": "awsui_input-invalid_2rhyz_aem5a_179",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_aem5a_190",
-  "input-type-search": "awsui_input-type-search_2rhyz_aem5a_195",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_aem5a_213",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_aem5a_216",
-  "input-container": "awsui_input-container_2rhyz_aem5a_220",
-  "input-icon": "awsui_input-icon_2rhyz_aem5a_225",
-  "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_aem5a_228",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_aem5a_232",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_aem5a_237"
+  "root": "awsui_root_2rhyz_1gxgu_93",
+  "input": "awsui_input_2rhyz_1gxgu_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_1gxgu_118",
+  "input-invalid": "awsui_input-invalid_2rhyz_1gxgu_179",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1gxgu_190",
+  "input-type-search": "awsui_input-type-search_2rhyz_1gxgu_195",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1gxgu_213",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1gxgu_216",
+  "input-container": "awsui_input-container_2rhyz_1gxgu_220",
+  "input-icon": "awsui_input-icon_2rhyz_1gxgu_225",
+  "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_1gxgu_228",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_1gxgu_232",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_1gxgu_237"
 };
   

package/internal/base-component/styles.scoped.css

@@ -399,36 +399,38 @@
   --font-tabs-size-01zslx:16px;
   --font-wayfinding-link-active-weight-l3fid7:800;
   --font-weight-heavy-ydka9r:800;
-  --border-alert-radius-ywuwjt:12px;
-  --border-active-radius-vyzbl1:20px;
   --border-active-width-ce5ls7:4px;
-  --border-badge-radius-9s4yp0:4px;
-  --border-button-radius-gc2v6s:20px;
-  --border-calendar-grid-focus-ring-radius-8tejwi:3px;
-  --border-calendar-grid-radius-9lpwqf:8px;
   --border-code-editor-status-divider-width-cf5jzt:2px;
-  --border-container-radius-8dqnwf:16px;
   --border-container-sticky-width-i7t7xe:0px;
   --border-container-top-width-jk6fhm:0px;
-  --border-control-focus-ring-radius-circle-qztqvf:4px;
-  --border-control-focus-ring-radius-default-6g2tnn:4px;
   --border-control-focus-ring-shadow-spread-srzyiu:0px;
   --border-control-invalid-focus-ring-shadow-spread-omt6il:2px;
   --border-divider-list-width-hacikr:1px;
   --border-divider-section-width-4wm2it:2px;
-  --border-dropdown-radius-mi4tcw:8px;
   --border-dropdown-virtual-offset-width-fzhepk:2px;
-  --border-field-radius-t0kudr:8px;
   --border-field-width-idlekx:2px;
-  --border-flashbar-radius-49vto6:12px;
   --border-invalid-width-5jpdqn:8px;
-  --border-item-radius-43830w:8px;
   --border-item-width-qbbbsa:2px;
   --border-line-chart-dash-array-4wa4ab:3 5;
   --border-line-chart-line-join-nan7pn:round;
   --border-line-chart-width-nj0hc5:2px;
   --border-panel-header-width-6fmoo4:2px;
   --border-panel-top-width-00mwcl:1px;
+  --border-radius-alert-n0skwy:12px;
+  --border-radius-badge-x5oehc:4px;
+  --border-radius-button-axewzv:20px;
+  --border-radius-calendar-day-focused-4la5vv:3px;
+  --border-radius-code-editor-fuck6b:8px;
+  --border-radius-container-gh9ysk:16px;
+  --border-radius-control-xfq7an:8px;
+  --border-radius-control-focus-ring-circle-48k0xl:4px;
+  --border-radius-control-focus-ring-default-jlgxet:4px;
+  --border-radius-dropdown-ujknaf:8px;
+  --border-radius-flashbar-i7jm55:12px;
+  --border-radius-item-u2ibpi:8px;
+  --border-radius-popover-8g1bwn:8px;
+  --border-radius-tabs-focus-ring-j968on:20px;
+  --border-radius-tutorial-panel-item-5wuccf:8px;
   --border-table-sticky-width-h1tlxy:2px;
   --border-link-focus-ring-outline-k2wccv:0;
   --border-link-focus-ring-shadow-spread-nv4ahb:2px;