npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.3 → 3.0.6 - Mend

@cloudscape-design/components-themeable 3.0.3 → 3.0.6

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

Files changed (176) hide show

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

@@ -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_858ym_94:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -135,36 +135,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 20px 32px 0 32px;
   padding: var(--space-scaled-l-t03y3z, 20px) var(--space-panel-side-right-oktwq8, 32px) 0 var(--space-panel-side-left-o3fm3s, 32px);
 }
-.awsui_help-panel_1d237_858ym_94 hr:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 hr:not(#\9) {
   border: none;
   border-top: 1px solid #eaeded;
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
   margin: 24px calc(-1 * 8px);
   margin: var(--space-scaled-xl-w2t504, 24px) calc(-1 * var(--space-xs-rsr2qu, 8px));
 }
-.awsui_help-panel_1d237_858ym_94 ol:not(#\9),
-.awsui_help-panel_1d237_858ym_94 ul:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 ol:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 ul:not(#\9) {
   padding-left: 20px;
   padding-left: var(--space-l-4vl6xu, 20px);
   list-style-position: outside;
 }
-.awsui_help-panel_1d237_858ym_94 a:not(#\9),
-.awsui_help-panel_1d237_858ym_94 p:not(#\9),
-.awsui_help-panel_1d237_858ym_94 ul:not(#\9),
-.awsui_help-panel_1d237_858ym_94 ol:not(#\9),
-.awsui_help-panel_1d237_858ym_94 li:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h2:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h3:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h4:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h5:not(#\9),
-.awsui_help-panel_1d237_858ym_94 pre:not(#\9),
-.awsui_help-panel_1d237_858ym_94 code:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 a:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 p:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 ul:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 ol:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 li:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h2:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h3:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h4:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h5:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 pre:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 code:not(#\9) {
   margin: 8px 0;
   margin: var(--space-xs-rsr2qu, 8px) 0;
   padding-top: 0;
   padding-bottom: 0;
 }
-.awsui_help-panel_1d237_858ym_94 code:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 code:not(#\9) {
   font-size: 12px;
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: 16px;
@@ -180,7 +180,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_858ym_94 pre:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 pre:not(#\9) {
   font-size: 12px;
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: 16px;
@@ -198,43 +198,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_858ym_94 dl:not(#\9) {
+.awsui_help-panel_1d237_p97sp_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_858ym_94 dl *:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 dl *:not(#\9) {
   margin-top: 0;
   margin-bottom: 0;
 }
-.awsui_help-panel_1d237_858ym_94 dt:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 dt:not(#\9) {
   margin-top: 8px;
   margin-top: var(--space-xs-rsr2qu, 8px);
   font-weight: 700;
 }
-.awsui_help-panel_1d237_858ym_94 dd:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 dd:not(#\9) {
   margin: 0 0 8px;
   margin: 0 0 var(--space-xs-rsr2qu, 8px);
 }
-.awsui_help-panel_1d237_858ym_94 h2:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h3:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h4:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h5:not(#\9),
-.awsui_help-panel_1d237_858ym_94 h6:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 h2:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h3:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h4:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h5:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 h6:not(#\9) {
   margin-top: 24px;
   margin-top: var(--space-xl-a39hup, 24px);
   color: #16191f;
   color: var(--color-text-heading-default-bjds33, #16191f);
 }
-.awsui_help-panel_1d237_858ym_94 > :not(#\9):last-child {
+.awsui_help-panel_1d237_p97sp_94 > :not(#\9):last-child {
   margin-bottom: 40px;
   margin-bottom: var(--space-scaled-xxxl-ffokcj, 40px);
 }
-.awsui_help-panel_1d237_858ym_94 p:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 p:not(#\9) {
   color: inherit;
   text-decoration: none;
 }
-.awsui_help-panel_1d237_858ym_94 h1:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 h1:not(#\9) {
   font-size: 28px;
   font-size: var(--font-heading-xl-size-etf0gx, 28px);
   line-height: 36px;
@@ -244,7 +244,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 400;
   font-weight: var(--font-heading-xl-weight-zuv5k6, 400);
 }
-.awsui_help-panel_1d237_858ym_94 h2:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 h2:not(#\9) {
   font-size: 18px;
   font-size: var(--font-heading-l-size-glo9md, 18px);
   line-height: 22px;
@@ -254,7 +254,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 700;
   font-weight: var(--font-heading-l-weight-qh3c9t, 700);
 }
-.awsui_help-panel_1d237_858ym_94 h3:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 h3:not(#\9) {
   font-size: 18px;
   font-size: var(--font-heading-m-size-f8kmgg, 18px);
   line-height: 22px;
@@ -264,7 +264,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 400;
   font-weight: var(--font-heading-m-weight-0y5yq5, 400);
 }
-.awsui_help-panel_1d237_858ym_94 h4:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 h4:not(#\9) {
   font-size: 16px;
   font-size: var(--font-heading-s-size-9clg8y, 16px);
   line-height: 20px;
@@ -274,7 +274,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 700;
   font-weight: var(--font-heading-s-weight-1ygwuy, 700);
 }
-.awsui_help-panel_1d237_858ym_94 h5:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 h5:not(#\9) {
   font-size: 16px;
   font-size: var(--font-heading-xs-size-j82aha, 16px);
   line-height: 20px;
@@ -282,11 +282,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 400;
   font-weight: var(--font-heading-xs-weight-5hfvig, 400);
 }
-.awsui_help-panel_1d237_858ym_94 b:not(#\9),
-.awsui_help-panel_1d237_858ym_94 strong:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 b:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_help-panel_1d237_858ym_94 a:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 a:not(#\9) {
   color: #0073bb;
   color: var(--color-text-link-default-753y4e, #0073bb);
   font-weight: inherit;
@@ -299,45 +299,45 @@ 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_858ym_94 a:not(#\9) {
+  .awsui_help-panel_1d237_p97sp_94 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_help-panel_1d237_858ym_94 a:not(#\9), .awsui-mode-entering .awsui_help-panel_1d237_858ym_94 a:not(#\9) {
+.awsui-motion-disabled .awsui_help-panel_1d237_p97sp_94 a:not(#\9), .awsui-mode-entering .awsui_help-panel_1d237_p97sp_94 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_help-panel_1d237_858ym_94 a:not(#\9):hover {
+.awsui_help-panel_1d237_p97sp_94 a:not(#\9):hover {
   cursor: pointer;
   color: #0073bb;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_help-panel_1d237_858ym_94 a:not(#\9):focus {
+.awsui_help-panel_1d237_p97sp_94 a:not(#\9):focus {
   outline: none;
 }
-.awsui_help-panel_1d237_858ym_94 a:not(#\9):active {
+.awsui_help-panel_1d237_p97sp_94 a:not(#\9):active {
   color: #0073bb;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_help-panel_1d237_858ym_94 a:not(#\9):active, .awsui_help-panel_1d237_858ym_94 a:not(#\9):focus, .awsui_help-panel_1d237_858ym_94 a:not(#\9):hover {
+.awsui_help-panel_1d237_p97sp_94 a:not(#\9):active, .awsui_help-panel_1d237_p97sp_94 a:not(#\9):focus, .awsui_help-panel_1d237_p97sp_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_858ym_94 a:not(#\9):focus {
+.awsui_help-panel_1d237_p97sp_94 a:not(#\9):focus {
   outline: thin dotted;
   outline: 5px auto Highlight;
   outline: var(--border-link-focus-ring-outline-67z0xv, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: #00a1c9;
-  outline-color: var(--color-border-item-focused-bs10w5, #00a1c9);
+  outline-color: #0073bb;
+  outline-color: var(--color-border-item-focused-n5kd8g, #0073bb);
   border-radius: 2px;
   border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
-  box-shadow: 0 0 0 0px #00a1c9;
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-bs10w5, #00a1c9);
+  box-shadow: 0 0 0 0px #0073bb;
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_help-panel_1d237_858ym_94 .awsui_header_1d237_858ym_258:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 .awsui_header_1d237_p97sp_258:not(#\9) {
   font-size: 18px;
   font-size: var(--font-panel-header-size-s14y0f, 18px);
   line-height: 22px;
@@ -358,11 +358,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: 0 calc(-1 * 32px) 20px calc(-1 * 32px);
   margin: 0 calc(-1 * var(--space-panel-side-right-oktwq8, 32px)) var(--space-scaled-l-t03y3z, 20px) calc(-1 * var(--space-panel-side-left-o3fm3s, 32px));
 }
-.awsui_help-panel_1d237_858ym_94 .awsui_header_1d237_858ym_258 h2:not(#\9),
-.awsui_help-panel_1d237_858ym_94 .awsui_header_1d237_858ym_258 h3:not(#\9),
-.awsui_help-panel_1d237_858ym_94 .awsui_header_1d237_858ym_258 h4:not(#\9),
-.awsui_help-panel_1d237_858ym_94 .awsui_header_1d237_858ym_258 h5:not(#\9),
-.awsui_help-panel_1d237_858ym_94 .awsui_header_1d237_858ym_258 h6:not(#\9) {
+.awsui_help-panel_1d237_p97sp_94 .awsui_header_1d237_p97sp_258 h2:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 .awsui_header_1d237_p97sp_258 h3:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 .awsui_header_1d237_p97sp_258 h4:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 .awsui_header_1d237_p97sp_258 h5:not(#\9),
+.awsui_help-panel_1d237_p97sp_94 .awsui_header_1d237_p97sp_258 h6:not(#\9) {
   font-size: 18px;
   font-size: var(--font-panel-header-size-s14y0f, 18px);
   line-height: 22px;
@@ -375,19 +375,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-bottom: 0;
 }
-.awsui_content_1d237_858ym_284:not(#\9) {
+.awsui_content_1d237_p97sp_284:not(#\9) {
   color: #545b64;
   color: var(--color-text-body-secondary-u912t7, #545b64);
 }
-.awsui_content_1d237_858ym_284 h2:not(#\9):first-child,
-.awsui_content_1d237_858ym_284 h3:not(#\9):first-child,
-.awsui_content_1d237_858ym_284 h4:not(#\9):first-child,
-.awsui_content_1d237_858ym_284 h5:not(#\9):first-child,
-.awsui_content_1d237_858ym_284 h6:not(#\9):first-child {
+.awsui_content_1d237_p97sp_284 h2:not(#\9):first-child,
+.awsui_content_1d237_p97sp_284 h3:not(#\9):first-child,
+.awsui_content_1d237_p97sp_284 h4:not(#\9):first-child,
+.awsui_content_1d237_p97sp_284 h5:not(#\9):first-child,
+.awsui_content_1d237_p97sp_284 h6:not(#\9):first-child {
   margin-top: 0;
 }
-.awsui_footer_1d237_858ym_295:not(#\9) {
+.awsui_footer_1d237_p97sp_295:not(#\9) {
   color: #545b64;
   color: var(--color-text-body-secondary-u912t7, #545b64);
   border-top: 1px solid #eaeded;
@@ -397,11 +397,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_858ym_295 > :not(#\9):first-child {
+.awsui_footer_1d237_p97sp_295 > :not(#\9):first-child {
   margin-top: 24px;
   margin-top: var(--space-scaled-xl-w2t504, 24px);
 }
-.awsui_footer_1d237_858ym_295 ul:not(#\9) {
+.awsui_footer_1d237_p97sp_295 ul:not(#\9) {
   list-style: none;
   padding-left: 0;
 }

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

@@ -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_858ym_94",
-  "header": "awsui_header_1d237_858ym_258",
-  "content": "awsui_content_1d237_858ym_284",
-  "footer": "awsui_footer_1d237_858ym_295"
+  "help-panel": "awsui_help-panel_1d237_p97sp_94",
+  "header": "awsui_header_1d237_p97sp_258",
+  "content": "awsui_content_1d237_p97sp_284",
+  "footer": "awsui_footer_1d237_p97sp_295"
 };

package/lib/internal/template/input/styles.css.js CHANGED Viewed

@@ -1,18 +1,18 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2rhyz_6eyay_93",
-  "input": "awsui_input_2rhyz_6eyay_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_6eyay_118",
-  "input-invalid": "awsui_input-invalid_2rhyz_6eyay_179",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_6eyay_190",
-  "input-type-search": "awsui_input-type-search_2rhyz_6eyay_195",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_6eyay_213",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_6eyay_216",
-  "input-container": "awsui_input-container_2rhyz_6eyay_220",
-  "input-icon": "awsui_input-icon_2rhyz_6eyay_225",
-  "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_6eyay_228",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_6eyay_232",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_6eyay_237"
+  "root": "awsui_root_2rhyz_dzicn_93",
+  "input": "awsui_input_2rhyz_dzicn_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_dzicn_118",
+  "input-invalid": "awsui_input-invalid_2rhyz_dzicn_179",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_dzicn_190",
+  "input-type-search": "awsui_input-type-search_2rhyz_dzicn_195",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_dzicn_213",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_dzicn_216",
+  "input-container": "awsui_input-container_2rhyz_dzicn_220",
+  "input-icon": "awsui_input-icon_2rhyz_dzicn_225",
+  "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_dzicn_228",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_dzicn_232",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_dzicn_237"
 };

package/lib/internal/template/input/styles.scoped.css CHANGED Viewed

@@ -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_6eyay_93:not(#\9) {
+.awsui_root_2rhyz_dzicn_93:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9) {
+.awsui_input_2rhyz_dzicn_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -154,51 +154,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: 32px;
   height: var(--size-vertical-input-ikahdk, 32px);
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-readonly_2rhyz_6eyay_118:not(#\9) {
+.awsui_input_2rhyz_dzicn_97.awsui_input-readonly_2rhyz_dzicn_118:not(#\9) {
   background-color: #ffffff;
   background-color: var(--color-background-input-default-ewlytp, #ffffff);
   border: 1px solid #eaeded;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-disabled-ek5o0x, #eaeded);
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9)::-webkit-input-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9)::-webkit-input-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9)::-ms-input-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9)::-ms-input-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9)::-moz-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9)::-moz-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):-ms-input-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9):-ms-input-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):-moz-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9):-moz-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):focus {
+.awsui_input_2rhyz_dzicn_97:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: 1px solid #00a1c9;
-  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-bs10w5, #00a1c9);
+  border: 1px solid #0073bb;
+  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-n5kd8g, #0073bb);
   border-radius: 2px;
   border-radius: var(--border-field-radius-9emqsd, 2px);
-  box-shadow: 0 0 0 1px #00a1c9;
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-bs10w5, #00a1c9);
+  box-shadow: 0 0 0 1px #0073bb;
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):disabled {
+.awsui_input_2rhyz_dzicn_97:not(#\9):disabled {
   background-color: #eaeded;
   background-color: var(--color-background-input-disabled-5vlksk, #eaeded);
   border: 1px solid #eaeded;
@@ -208,34 +208,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: auto;
   cursor: default;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):disabled::-webkit-input-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9):disabled::-webkit-input-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):disabled::-ms-input-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9):disabled::-ms-input-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):disabled::-moz-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9):disabled::-moz-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):disabled:-ms-input-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9):disabled:-ms-input-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):disabled:-moz-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9):disabled:-moz-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):invalid {
+.awsui_input_2rhyz_dzicn_97:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-invalid_2rhyz_6eyay_179:not(#\9) {
+.awsui_input_2rhyz_dzicn_97.awsui_input-invalid_2rhyz_dzicn_179:not(#\9) {
   color: #d13212;
   color: var(--color-text-status-error-jer77f, #d13212);
   border-color: #d13212;
@@ -249,11 +249,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-left-width: 4px;
   border-left-width: var(--border-invalid-width-glmng5, 4px);
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-invalid_2rhyz_6eyay_179:not(#\9):focus {
-  box-shadow: 0 0 0 1px #00a1c9;
-  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-6t5p47, 1px) var(--color-border-item-focused-bs10w5, #00a1c9);
+.awsui_input_2rhyz_dzicn_97.awsui_input-invalid_2rhyz_dzicn_179:not(#\9):focus {
+  box-shadow: 0 0 0 1px #0073bb;
+  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-6t5p47, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-invalid_2rhyz_6eyay_179.awsui_input-has-icon-left_2rhyz_6eyay_190:not(#\9) {
+.awsui_input_2rhyz_dzicn_97.awsui_input-invalid_2rhyz_dzicn_179.awsui_input-has-icon-left_2rhyz_dzicn_190:not(#\9) {
   padding-left: calc(
         32px - (4px - 1px)
       );
@@ -261,54 +261,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
         var(--space-field-icon-offset-alfd6o, 32px) - (var(--border-invalid-width-glmng5, 4px) - var(--border-field-width-y6x4sn, 1px))
       );
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-type-search_2rhyz_6eyay_195:not(#\9) {
+.awsui_input_2rhyz_dzicn_97.awsui_input-type-search_2rhyz_dzicn_195:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none;
   /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-type-search_2rhyz_6eyay_195:not(#\9)::-ms-clear {
+.awsui_input_2rhyz_dzicn_97.awsui_input-type-search_2rhyz_dzicn_195:not(#\9)::-ms-clear {
   display: none;
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-type-search_2rhyz_6eyay_195:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_dzicn_97.awsui_input-type-search_2rhyz_dzicn_195:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none;
   /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-type-search_2rhyz_6eyay_195:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_dzicn_97.awsui_input-type-search_2rhyz_dzicn_195:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-has-icon-left_2rhyz_6eyay_190:not(#\9) {
+.awsui_input_2rhyz_dzicn_97.awsui_input-has-icon-left_2rhyz_dzicn_190:not(#\9) {
   padding-left: 32px;
   padding-left: var(--space-field-icon-offset-alfd6o, 32px);
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-has-icon-right_2rhyz_6eyay_213:not(#\9) {
+.awsui_input_2rhyz_dzicn_97.awsui_input-has-icon-right_2rhyz_dzicn_213:not(#\9) {
   padding-right: 32px;
   padding-right: var(--space-field-icon-offset-alfd6o, 32px);
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-has-no-border-radius_2rhyz_6eyay_216:not(#\9) {
+.awsui_input_2rhyz_dzicn_97.awsui_input-has-no-border-radius_2rhyz_dzicn_216:not(#\9) {
   border-radius: 0px;
   border-radius: var(--border-dropdown-radius-wpmgp8, 0px);
 }
-.awsui_input-container_2rhyz_6eyay_220:not(#\9) {
+.awsui_input-container_2rhyz_dzicn_220:not(#\9) {
   display: flex;
   position: relative;
 }
-.awsui_input-icon_2rhyz_6eyay_225:not(#\9) {
+.awsui_input-icon_2rhyz_dzicn_225:not(#\9) {
   position: absolute;
 }
-.awsui_input-icon_2rhyz_6eyay_225:not(#\9):not(.awsui_input-icon-hoverable_2rhyz_6eyay_228) {
+.awsui_input-icon_2rhyz_dzicn_225:not(#\9):not(.awsui_input-icon-hoverable_2rhyz_dzicn_228) {
   pointer-events: none;
 }
-.awsui_input-icon-left_2rhyz_6eyay_232:not(#\9) {
+.awsui_input-icon-left_2rhyz_dzicn_232:not(#\9) {
   left: 8px;
   left: var(--space-field-horizontal-z3i1c8, 8px);
   top: calc(50% - 22px / 2);
   top: calc(50% - var(--font-body-m-line-height-i7xxvv, 22px) / 2);
 }
-.awsui_input-icon-right_2rhyz_6eyay_237:not(#\9) {
+.awsui_input-icon-right_2rhyz_dzicn_237:not(#\9) {
   right: 8px;
   right: var(--space-field-horizontal-z3i1c8, 8px);
   top: calc(50% - 22px / 2);
@@ -317,10 +317,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-button-inline-icon-default-qhj7jl, #545b64);
 }
-.awsui_input-icon-hoverable_2rhyz_6eyay_228:not(#\9) {
+.awsui_input-icon-hoverable_2rhyz_dzicn_228:not(#\9) {
   cursor: pointer;
 }
-.awsui_input-icon-hoverable_2rhyz_6eyay_228:not(#\9):hover {
+.awsui_input-icon-hoverable_2rhyz_dzicn_228:not(#\9):hover {
   color: #16191f;
   color: var(--color-text-button-inline-icon-hover-84mkuo, #16191f);
 }

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

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2rhyz_6eyay_93",
-  "input": "awsui_input_2rhyz_6eyay_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_6eyay_118",
-  "input-invalid": "awsui_input-invalid_2rhyz_6eyay_179",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_6eyay_190",
-  "input-type-search": "awsui_input-type-search_2rhyz_6eyay_195",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_6eyay_213",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_6eyay_216",
-  "input-container": "awsui_input-container_2rhyz_6eyay_220",
-  "input-icon": "awsui_input-icon_2rhyz_6eyay_225",
-  "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_6eyay_228",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_6eyay_232",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_6eyay_237"
+  "root": "awsui_root_2rhyz_dzicn_93",
+  "input": "awsui_input_2rhyz_dzicn_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_dzicn_118",
+  "input-invalid": "awsui_input-invalid_2rhyz_dzicn_179",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_dzicn_190",
+  "input-type-search": "awsui_input-type-search_2rhyz_dzicn_195",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_dzicn_213",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_dzicn_216",
+  "input-container": "awsui_input-container_2rhyz_dzicn_220",
+  "input-icon": "awsui_input-icon_2rhyz_dzicn_225",
+  "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_dzicn_228",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_dzicn_232",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_dzicn_237"
 };