npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.374 → 3.0.375 - Mend

@cloudscape-design/components-themeable 3.0.374 → 3.0.375

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 (344) hide show

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

@@ -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_10zdh_98:not(#\9) {
+.awsui_icon_h11ix_zt9o9_98:not(#\9) {
   position: relative;
   display: inline-block;
   vertical-align: top;
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_icon-flex-height_h11ix_10zdh_104:not(#\9) {
+.awsui_icon-flex-height_h11ix_zt9o9_104:not(#\9) {
   display: inline-flex;
   align-items: center;
 }
-.awsui_icon_h11ix_10zdh_98 > svg:not(#\9) {
+.awsui_icon_h11ix_zt9o9_98 > svg:not(#\9) {
   pointer-events: none;
 }
-.awsui_icon_h11ix_10zdh_98 > svg:not(#\9) {
+.awsui_icon_h11ix_zt9o9_98 > svg:not(#\9) {
   fill: none;
 }
-.awsui_icon_h11ix_10zdh_98 > svg *:not(#\9) {
+.awsui_icon_h11ix_zt9o9_98 > svg *:not(#\9) {
   stroke: currentColor;
 }
-.awsui_icon_h11ix_10zdh_98 > svg .stroke-linejoin-round:not(#\9) {
+.awsui_icon_h11ix_zt9o9_98 > svg .stroke-linejoin-round:not(#\9) {
   stroke-linejoin: round;
 }
-.awsui_icon_h11ix_10zdh_98 > svg .stroke-linecap-square:not(#\9) {
+.awsui_icon_h11ix_zt9o9_98 > svg .stroke-linecap-square:not(#\9) {
   stroke-linecap: square;
 }
-.awsui_icon_h11ix_10zdh_98 > svg .stroke-linecap-round:not(#\9) {
+.awsui_icon_h11ix_zt9o9_98 > svg .stroke-linecap-round:not(#\9) {
   stroke-linecap: round;
 }
-.awsui_icon_h11ix_10zdh_98 > svg .filled:not(#\9) {
+.awsui_icon_h11ix_zt9o9_98 > svg .filled:not(#\9) {
   fill: currentColor;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-small_h11ix_10zdh_129:not(#\9) {
-  width: var(--size-icon-normal-99n8du, 16px);
+.awsui_icon_h11ix_zt9o9_98.awsui_size-small_h11ix_zt9o9_129:not(#\9) {
+  width: var(--size-icon-normal-wflv4k, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-small-mapped-height_h11ix_10zdh_133:not(#\9) {
-  height: var(--font-body-s-line-height-hkht1z, 16px);
-  padding: calc((var(--font-body-s-line-height-hkht1z, 16px) - var(--size-icon-normal-99n8du, 16px)) / 2) 0;
+.awsui_icon_h11ix_zt9o9_98.awsui_size-small-mapped-height_h11ix_zt9o9_133:not(#\9) {
+  height: var(--font-body-s-line-height-4nqsqf, 16px);
+  padding: calc((var(--font-body-s-line-height-4nqsqf, 16px) - var(--size-icon-normal-wflv4k, 16px)) / 2) 0;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-small_h11ix_10zdh_129 > svg:not(#\9),
-.awsui_icon_h11ix_10zdh_98.awsui_size-small_h11ix_10zdh_129 > img:not(#\9) {
-  width: var(--size-icon-normal-99n8du, 16px);
-  height: var(--size-icon-normal-99n8du, 16px);
+.awsui_icon_h11ix_zt9o9_98.awsui_size-small_h11ix_zt9o9_129 > svg:not(#\9),
+.awsui_icon_h11ix_zt9o9_98.awsui_size-small_h11ix_zt9o9_129 > img:not(#\9) {
+  width: var(--size-icon-normal-wflv4k, 16px);
+  height: var(--size-icon-normal-wflv4k, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-small_h11ix_10zdh_129 > svg:not(#\9),
-.awsui_icon_h11ix_10zdh_98.awsui_size-small_h11ix_10zdh_129 > svg *:not(#\9) {
+.awsui_icon_h11ix_zt9o9_98.awsui_size-small_h11ix_zt9o9_129 > svg:not(#\9),
+.awsui_icon_h11ix_zt9o9_98.awsui_size-small_h11ix_zt9o9_129 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-normal_h11ix_10zdh_147:not(#\9) {
-  width: var(--size-icon-normal-99n8du, 16px);
+.awsui_icon_h11ix_zt9o9_98.awsui_size-normal_h11ix_zt9o9_147:not(#\9) {
+  width: var(--size-icon-normal-wflv4k, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-normal-mapped-height_h11ix_10zdh_151:not(#\9) {
-  height: var(--font-body-m-line-height-7pedlt, 22px);
-  padding: calc((var(--font-body-m-line-height-7pedlt, 22px) - var(--size-icon-normal-99n8du, 16px)) / 2) 0;
+.awsui_icon_h11ix_zt9o9_98.awsui_size-normal-mapped-height_h11ix_zt9o9_151:not(#\9) {
+  height: var(--font-body-m-line-height-wmg6vk, 22px);
+  padding: calc((var(--font-body-m-line-height-wmg6vk, 22px) - var(--size-icon-normal-wflv4k, 16px)) / 2) 0;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-normal_h11ix_10zdh_147 > svg:not(#\9),
-.awsui_icon_h11ix_10zdh_98.awsui_size-normal_h11ix_10zdh_147 > img:not(#\9) {
-  width: var(--size-icon-normal-99n8du, 16px);
-  height: var(--size-icon-normal-99n8du, 16px);
+.awsui_icon_h11ix_zt9o9_98.awsui_size-normal_h11ix_zt9o9_147 > svg:not(#\9),
+.awsui_icon_h11ix_zt9o9_98.awsui_size-normal_h11ix_zt9o9_147 > img:not(#\9) {
+  width: var(--size-icon-normal-wflv4k, 16px);
+  height: var(--size-icon-normal-wflv4k, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-normal_h11ix_10zdh_147 > svg:not(#\9),
-.awsui_icon_h11ix_10zdh_98.awsui_size-normal_h11ix_10zdh_147 > svg *:not(#\9) {
+.awsui_icon_h11ix_zt9o9_98.awsui_size-normal_h11ix_zt9o9_147 > svg:not(#\9),
+.awsui_icon_h11ix_zt9o9_98.awsui_size-normal_h11ix_zt9o9_147 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-medium_h11ix_10zdh_165:not(#\9) {
-  width: var(--size-icon-medium-3tn82d, 16px);
+.awsui_icon_h11ix_zt9o9_98.awsui_size-medium_h11ix_zt9o9_165:not(#\9) {
+  width: var(--size-icon-medium-6sroof, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-medium-mapped-height_h11ix_10zdh_169:not(#\9) {
-  height: var(--font-heading-l-line-height-imzcck, 22px);
-  padding: calc((var(--font-heading-l-line-height-imzcck, 22px) - var(--size-icon-medium-3tn82d, 16px)) / 2) 0;
+.awsui_icon_h11ix_zt9o9_98.awsui_size-medium-mapped-height_h11ix_zt9o9_169:not(#\9) {
+  height: var(--font-heading-l-line-height-7kk5eg, 22px);
+  padding: calc((var(--font-heading-l-line-height-7kk5eg, 22px) - var(--size-icon-medium-6sroof, 16px)) / 2) 0;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-medium_h11ix_10zdh_165 > svg:not(#\9),
-.awsui_icon_h11ix_10zdh_98.awsui_size-medium_h11ix_10zdh_165 > img:not(#\9) {
-  width: var(--size-icon-medium-3tn82d, 16px);
-  height: var(--size-icon-medium-3tn82d, 16px);
+.awsui_icon_h11ix_zt9o9_98.awsui_size-medium_h11ix_zt9o9_165 > svg:not(#\9),
+.awsui_icon_h11ix_zt9o9_98.awsui_size-medium_h11ix_zt9o9_165 > img:not(#\9) {
+  width: var(--size-icon-medium-6sroof, 16px);
+  height: var(--size-icon-medium-6sroof, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-medium_h11ix_10zdh_165 > svg:not(#\9),
-.awsui_icon_h11ix_10zdh_98.awsui_size-medium_h11ix_10zdh_165 > svg *:not(#\9) {
+.awsui_icon_h11ix_zt9o9_98.awsui_size-medium_h11ix_zt9o9_165 > svg:not(#\9),
+.awsui_icon_h11ix_zt9o9_98.awsui_size-medium_h11ix_zt9o9_165 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-big_h11ix_10zdh_183:not(#\9) {
-  width: var(--size-icon-big-0ogp14, 32px);
+.awsui_icon_h11ix_zt9o9_98.awsui_size-big_h11ix_zt9o9_183:not(#\9) {
+  width: var(--size-icon-big-hyxarq, 32px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-big-mapped-height_h11ix_10zdh_187:not(#\9) {
-  height: var(--font-heading-xl-line-height-ar3qte, 36px);
-  padding: calc((var(--font-heading-xl-line-height-ar3qte, 36px) - var(--size-icon-big-0ogp14, 32px)) / 2) 0;
+.awsui_icon_h11ix_zt9o9_98.awsui_size-big-mapped-height_h11ix_zt9o9_187:not(#\9) {
+  height: var(--font-heading-xl-line-height-8tv7nh, 36px);
+  padding: calc((var(--font-heading-xl-line-height-8tv7nh, 36px) - var(--size-icon-big-hyxarq, 32px)) / 2) 0;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-big_h11ix_10zdh_183 > svg:not(#\9),
-.awsui_icon_h11ix_10zdh_98.awsui_size-big_h11ix_10zdh_183 > img:not(#\9) {
-  width: var(--size-icon-big-0ogp14, 32px);
-  height: var(--size-icon-big-0ogp14, 32px);
+.awsui_icon_h11ix_zt9o9_98.awsui_size-big_h11ix_zt9o9_183 > svg:not(#\9),
+.awsui_icon_h11ix_zt9o9_98.awsui_size-big_h11ix_zt9o9_183 > img:not(#\9) {
+  width: var(--size-icon-big-hyxarq, 32px);
+  height: var(--size-icon-big-hyxarq, 32px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-big_h11ix_10zdh_183 > svg:not(#\9),
-.awsui_icon_h11ix_10zdh_98.awsui_size-big_h11ix_10zdh_183 > svg *:not(#\9) {
+.awsui_icon_h11ix_zt9o9_98.awsui_size-big_h11ix_zt9o9_183 > svg:not(#\9),
+.awsui_icon_h11ix_zt9o9_98.awsui_size-big_h11ix_zt9o9_183 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-large_h11ix_10zdh_201:not(#\9) {
-  width: var(--size-icon-large-whcptk, 48px);
+.awsui_icon_h11ix_zt9o9_98.awsui_size-large_h11ix_zt9o9_201:not(#\9) {
+  width: var(--size-icon-large-1jcidp, 48px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-large-mapped-height_h11ix_10zdh_205:not(#\9) {
-  height: var(--font-display-l-line-height-bnhwv5, 56px);
-  padding: calc((var(--font-display-l-line-height-bnhwv5, 56px) - var(--size-icon-large-whcptk, 48px)) / 2) 0;
+.awsui_icon_h11ix_zt9o9_98.awsui_size-large-mapped-height_h11ix_zt9o9_205:not(#\9) {
+  height: var(--font-display-l-line-height-606poq, 56px);
+  padding: calc((var(--font-display-l-line-height-606poq, 56px) - var(--size-icon-large-1jcidp, 48px)) / 2) 0;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-large_h11ix_10zdh_201 > svg:not(#\9),
-.awsui_icon_h11ix_10zdh_98.awsui_size-large_h11ix_10zdh_201 > img:not(#\9) {
-  width: var(--size-icon-large-whcptk, 48px);
-  height: var(--size-icon-large-whcptk, 48px);
+.awsui_icon_h11ix_zt9o9_98.awsui_size-large_h11ix_zt9o9_201 > svg:not(#\9),
+.awsui_icon_h11ix_zt9o9_98.awsui_size-large_h11ix_zt9o9_201 > img:not(#\9) {
+  width: var(--size-icon-large-1jcidp, 48px);
+  height: var(--size-icon-large-1jcidp, 48px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_size-large_h11ix_10zdh_201 > svg:not(#\9),
-.awsui_icon_h11ix_10zdh_98.awsui_size-large_h11ix_10zdh_201 > svg *:not(#\9) {
+.awsui_icon_h11ix_zt9o9_98.awsui_size-large_h11ix_zt9o9_201 > svg:not(#\9),
+.awsui_icon_h11ix_zt9o9_98.awsui_size-large_h11ix_zt9o9_201 > svg *:not(#\9) {
   stroke-width: 1.2px;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_variant-normal_h11ix_10zdh_219:not(#\9) {
+.awsui_icon_h11ix_zt9o9_98.awsui_variant-normal_h11ix_zt9o9_219:not(#\9) {
   color: currentColor;
 }
-.awsui_icon_h11ix_10zdh_98.awsui_variant-disabled_h11ix_10zdh_222:not(#\9) {
-  color: var(--color-text-interactive-disabled-as5h1g, #aab7b8);
+.awsui_icon_h11ix_zt9o9_98.awsui_variant-disabled_h11ix_zt9o9_222:not(#\9) {
+  color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
 }
-.awsui_icon_h11ix_10zdh_98.awsui_variant-inverted_h11ix_10zdh_225:not(#\9) {
-  color: var(--color-text-inverted-a7m45a, #ffffff);
+.awsui_icon_h11ix_zt9o9_98.awsui_variant-inverted_h11ix_zt9o9_225:not(#\9) {
+  color: var(--color-text-inverted-g0utm2, #ffffff);
 }
-.awsui_icon_h11ix_10zdh_98.awsui_variant-subtle_h11ix_10zdh_228:not(#\9) {
-  color: var(--color-text-icon-subtle-ivovqo, #687078);
+.awsui_icon_h11ix_zt9o9_98.awsui_variant-subtle_h11ix_zt9o9_228:not(#\9) {
+  color: var(--color-text-icon-subtle-cpywuu, #687078);
 }
-.awsui_icon_h11ix_10zdh_98.awsui_variant-warning_h11ix_10zdh_231:not(#\9) {
-  color: var(--color-text-status-warning-7iqk9d, #906806);
+.awsui_icon_h11ix_zt9o9_98.awsui_variant-warning_h11ix_zt9o9_231:not(#\9) {
+  color: var(--color-text-status-warning-azn00c, #906806);
 }
-.awsui_icon_h11ix_10zdh_98.awsui_variant-error_h11ix_10zdh_234:not(#\9) {
-  color: var(--color-text-status-error-6k1sfe, #d13212);
+.awsui_icon_h11ix_zt9o9_98.awsui_variant-error_h11ix_zt9o9_234:not(#\9) {
+  color: var(--color-text-status-error-ofc4yr, #d13212);
 }
-.awsui_icon_h11ix_10zdh_98.awsui_variant-success_h11ix_10zdh_237:not(#\9) {
-  color: var(--color-text-status-success-hyx9ne, #1d8102);
+.awsui_icon_h11ix_zt9o9_98.awsui_variant-success_h11ix_zt9o9_237:not(#\9) {
+  color: var(--color-text-status-success-owjbj0, #1d8102);
 }
-.awsui_icon_h11ix_10zdh_98.awsui_variant-link_h11ix_10zdh_240:not(#\9) {
-  color: var(--color-text-link-default-mwf535, #0073bb);
+.awsui_icon_h11ix_zt9o9_98.awsui_variant-link_h11ix_zt9o9_240:not(#\9) {
+  color: var(--color-text-link-default-hop3gv, #0073bb);
 }
-.awsui_badge_h11ix_10zdh_244:not(#\9)::after {
+.awsui_badge_h11ix_zt9o9_244:not(#\9)::after {
   content: "";
   position: absolute;
   width: 8px;
   height: 8px;
   border-radius: 8px;
-  background-color: var(--color-text-status-info-50xo45, #0073bb);
+  background-color: var(--color-text-status-info-aq7yd6, #0073bb);
   top: 2px;
   right: -2px;
 }

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

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "icon": "awsui_icon_h11ix_10zdh_98",
-  "icon-flex-height": "awsui_icon-flex-height_h11ix_10zdh_104",
-  "size-small": "awsui_size-small_h11ix_10zdh_129",
-  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_10zdh_133",
-  "size-normal": "awsui_size-normal_h11ix_10zdh_147",
-  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_10zdh_151",
-  "size-medium": "awsui_size-medium_h11ix_10zdh_165",
-  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_10zdh_169",
-  "size-big": "awsui_size-big_h11ix_10zdh_183",
-  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_10zdh_187",
-  "size-large": "awsui_size-large_h11ix_10zdh_201",
-  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_10zdh_205",
-  "variant-normal": "awsui_variant-normal_h11ix_10zdh_219",
-  "variant-disabled": "awsui_variant-disabled_h11ix_10zdh_222",
-  "variant-inverted": "awsui_variant-inverted_h11ix_10zdh_225",
-  "variant-subtle": "awsui_variant-subtle_h11ix_10zdh_228",
-  "variant-warning": "awsui_variant-warning_h11ix_10zdh_231",
-  "variant-error": "awsui_variant-error_h11ix_10zdh_234",
-  "variant-success": "awsui_variant-success_h11ix_10zdh_237",
-  "variant-link": "awsui_variant-link_h11ix_10zdh_240",
-  "badge": "awsui_badge_h11ix_10zdh_244"
+  "icon": "awsui_icon_h11ix_zt9o9_98",
+  "icon-flex-height": "awsui_icon-flex-height_h11ix_zt9o9_104",
+  "size-small": "awsui_size-small_h11ix_zt9o9_129",
+  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_zt9o9_133",
+  "size-normal": "awsui_size-normal_h11ix_zt9o9_147",
+  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_zt9o9_151",
+  "size-medium": "awsui_size-medium_h11ix_zt9o9_165",
+  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_zt9o9_169",
+  "size-big": "awsui_size-big_h11ix_zt9o9_183",
+  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_zt9o9_187",
+  "size-large": "awsui_size-large_h11ix_zt9o9_201",
+  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_zt9o9_205",
+  "variant-normal": "awsui_variant-normal_h11ix_zt9o9_219",
+  "variant-disabled": "awsui_variant-disabled_h11ix_zt9o9_222",
+  "variant-inverted": "awsui_variant-inverted_h11ix_zt9o9_225",
+  "variant-subtle": "awsui_variant-subtle_h11ix_zt9o9_228",
+  "variant-warning": "awsui_variant-warning_h11ix_zt9o9_231",
+  "variant-error": "awsui_variant-error_h11ix_zt9o9_234",
+  "variant-success": "awsui_variant-success_h11ix_zt9o9_237",
+  "variant-link": "awsui_variant-link_h11ix_zt9o9_240",
+  "badge": "awsui_badge_h11ix_zt9o9_244"
 };

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

@@ -1,17 +1,17 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2rhyz_lcj6n_93",
-  "input": "awsui_input_2rhyz_lcj6n_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_lcj6n_120",
-  "input-invalid": "awsui_input-invalid_2rhyz_lcj6n_181",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_lcj6n_192",
-  "input-type-search": "awsui_input-type-search_2rhyz_lcj6n_197",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_lcj6n_213",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_lcj6n_216",
-  "input-container": "awsui_input-container_2rhyz_lcj6n_220",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_lcj6n_225",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_lcj6n_232",
-  "input-button-right": "awsui_input-button-right_2rhyz_lcj6n_238"
+  "root": "awsui_root_2rhyz_w43ql_93",
+  "input": "awsui_input_2rhyz_w43ql_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_w43ql_120",
+  "input-invalid": "awsui_input-invalid_2rhyz_w43ql_181",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_w43ql_192",
+  "input-type-search": "awsui_input-type-search_2rhyz_w43ql_197",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_w43ql_213",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_w43ql_216",
+  "input-container": "awsui_input-container_2rhyz_w43ql_220",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_w43ql_225",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_w43ql_232",
+  "input-button-right": "awsui_input-button-right_2rhyz_w43ql_238"
 };

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_lcj6n_93:not(#\9) {
+.awsui_root_2rhyz_w43ql_93:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
-.awsui_input_2rhyz_lcj6n_97:not(#\9) {
+.awsui_input_2rhyz_w43ql_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-q2y4dq, 14px);
-  line-height: var(--font-body-m-line-height-7pedlt, 22px);
-  color: var(--color-text-body-default-rcjsde, #16191f);
+  font-size: var(--font-body-m-size-bf8hby, 14px);
+  line-height: var(--font-body-m-line-height-wmg6vk, 22px);
+  color: var(--color-text-body-default-ki9w9u, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  padding: var(--space-scaled-xxs-sh0ehj, 4px) var(--space-field-horizontal-784ol6, 8px);
-  color: var(--color-text-body-default-rcjsde, #16191f);
+  padding: var(--space-scaled-xxs-t7ij38, 4px) var(--space-field-horizontal-cy5q05, 8px);
+  color: var(--color-text-body-default-ki9w9u, #16191f);
   width: 100%;
   cursor: text;
   box-sizing: border-box;
-  background-color: var(--color-background-input-default-6oas68, #ffffff);
-  border-radius: var(--border-radius-input-g5g6vk, 2px);
-  border: var(--border-field-width-diib1p, 1px) solid var(--color-border-input-default-hny1ki, #687078);
-  font-size: var(--font-body-m-size-q2y4dq, 14px);
-  line-height: var(--font-body-m-line-height-7pedlt, 22px);
-  height: var(--size-vertical-input-55y18r, 32px);
+  background-color: var(--color-background-input-default-w7mbz6, #ffffff);
+  border-radius: var(--border-radius-input-hy50dp, 2px);
+  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-default-aksbt5, #687078);
+  font-size: var(--font-body-m-size-bf8hby, 14px);
+  line-height: var(--font-body-m-line-height-wmg6vk, 22px);
+  height: var(--size-vertical-input-ubbp77, 32px);
 }
-.awsui_input_2rhyz_lcj6n_97.awsui_input-readonly_2rhyz_lcj6n_120:not(#\9) {
-  background-color: var(--color-background-input-default-6oas68, #ffffff);
-  border: var(--border-field-width-diib1p, 1px) solid var(--color-border-input-disabled-thglff, #eaeded);
+.awsui_input_2rhyz_w43ql_97.awsui_input-readonly_2rhyz_w43ql_120:not(#\9) {
+  background-color: var(--color-background-input-default-w7mbz6, #ffffff);
+  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
 }
-.awsui_input_2rhyz_lcj6n_97:not(#\9)::-webkit-input-placeholder {
-  color: var(--color-text-input-placeholder-4okh8i, #687078);
+.awsui_input_2rhyz_w43ql_97:not(#\9)::-webkit-input-placeholder {
+  color: var(--color-text-input-placeholder-m7308v, #687078);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_lcj6n_97:not(#\9)::-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-4okh8i, #687078);
+.awsui_input_2rhyz_w43ql_97:not(#\9)::-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-m7308v, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_lcj6n_97:not(#\9)::-moz-placeholder {
-  color: var(--color-text-input-placeholder-4okh8i, #687078);
+.awsui_input_2rhyz_w43ql_97:not(#\9)::-moz-placeholder {
+  color: var(--color-text-input-placeholder-m7308v, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_lcj6n_97:not(#\9):-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-4okh8i, #687078);
+.awsui_input_2rhyz_w43ql_97:not(#\9):-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-m7308v, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_lcj6n_97:not(#\9):-moz-placeholder {
-  color: var(--color-text-input-placeholder-4okh8i, #687078);
+.awsui_input_2rhyz_w43ql_97:not(#\9):-moz-placeholder {
+  color: var(--color-text-input-placeholder-m7308v, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_lcj6n_97:not(#\9):focus {
+.awsui_input_2rhyz_w43ql_97:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: var(--border-field-width-diib1p, 1px) solid var(--color-border-item-focused-gjqsnp, #0073bb);
-  border-radius: var(--border-radius-input-g5g6vk, 2px);
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-tkpu58, 1px) var(--color-border-item-focused-gjqsnp, #0073bb);
+  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
+  border-radius: var(--border-radius-input-hy50dp, 2px);
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_input_2rhyz_lcj6n_97:not(#\9):disabled {
-  background-color: var(--color-background-input-disabled-nj3xj9, #eaeded);
-  border: var(--border-field-width-diib1p, 1px) solid var(--color-border-input-disabled-thglff, #eaeded);
-  color: var(--color-text-input-disabled-kickvc, #879596);
+.awsui_input_2rhyz_w43ql_97:not(#\9):disabled {
+  background-color: var(--color-background-input-disabled-zfoobi, #eaeded);
+  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
+  color: var(--color-text-input-disabled-c1yp62, #879596);
   cursor: auto;
   cursor: default;
 }
-.awsui_input_2rhyz_lcj6n_97:not(#\9):disabled::-webkit-input-placeholder {
-  color: var(--color-text-input-placeholder-disabled-hwgumg, #687078);
+.awsui_input_2rhyz_w43ql_97:not(#\9):disabled::-webkit-input-placeholder {
+  color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_lcj6n_97:not(#\9):disabled::-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-disabled-hwgumg, #687078);
+.awsui_input_2rhyz_w43ql_97:not(#\9):disabled::-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
 }
-.awsui_input_2rhyz_lcj6n_97:not(#\9):disabled::-moz-placeholder {
-  color: var(--color-text-input-placeholder-disabled-hwgumg, #687078);
+.awsui_input_2rhyz_w43ql_97:not(#\9):disabled::-moz-placeholder {
+  color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_lcj6n_97:not(#\9):disabled:-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-disabled-hwgumg, #687078);
+.awsui_input_2rhyz_w43ql_97:not(#\9):disabled:-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
 }
-.awsui_input_2rhyz_lcj6n_97:not(#\9):disabled:-moz-placeholder {
-  color: var(--color-text-input-placeholder-disabled-hwgumg, #687078);
+.awsui_input_2rhyz_w43ql_97:not(#\9):disabled:-moz-placeholder {
+  color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_lcj6n_97:not(#\9):invalid {
+.awsui_input_2rhyz_w43ql_97:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_lcj6n_97.awsui_input-invalid_2rhyz_lcj6n_181:not(#\9) {
-  color: var(--color-text-status-error-6k1sfe, #d13212);
-  border-color: var(--color-text-status-error-6k1sfe, #d13212);
+.awsui_input_2rhyz_w43ql_97.awsui_input-invalid_2rhyz_w43ql_181:not(#\9) {
+  color: var(--color-text-status-error-ofc4yr, #d13212);
+  border-color: var(--color-text-status-error-ofc4yr, #d13212);
   padding-left: calc(
-  var(--space-field-horizontal-784ol6, 8px) - (var(--border-invalid-width-rcv6mg, 4px) - var(--border-field-width-diib1p, 1px))
+  var(--space-field-horizontal-cy5q05, 8px) - (var(--border-invalid-width-hp6noi, 4px) - var(--border-field-width-yoy972, 1px))
 );
-  border-left-width: var(--border-invalid-width-rcv6mg, 4px);
+  border-left-width: var(--border-invalid-width-hp6noi, 4px);
 }
-.awsui_input_2rhyz_lcj6n_97.awsui_input-invalid_2rhyz_lcj6n_181:not(#\9):focus {
-  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-eg6q8k, 1px) var(--color-border-item-focused-gjqsnp, #0073bb);
+.awsui_input_2rhyz_w43ql_97.awsui_input-invalid_2rhyz_w43ql_181:not(#\9):focus {
+  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-v3635w, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_input_2rhyz_lcj6n_97.awsui_input-invalid_2rhyz_lcj6n_181.awsui_input-has-icon-left_2rhyz_lcj6n_192:not(#\9) {
+.awsui_input_2rhyz_w43ql_97.awsui_input-invalid_2rhyz_w43ql_181.awsui_input-has-icon-left_2rhyz_w43ql_192:not(#\9) {
   padding-left: calc(
-        var(--space-field-icon-offset-wtnkbx, 32px) - (var(--border-invalid-width-rcv6mg, 4px) - var(--border-field-width-diib1p, 1px))
+        var(--space-field-icon-offset-llp3ak, 32px) - (var(--border-invalid-width-hp6noi, 4px) - var(--border-field-width-yoy972, 1px))
       );
 }
-.awsui_input_2rhyz_lcj6n_97.awsui_input-type-search_2rhyz_lcj6n_197:not(#\9) {
+.awsui_input_2rhyz_w43ql_97.awsui_input-type-search_2rhyz_w43ql_197:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_lcj6n_97.awsui_input-type-search_2rhyz_lcj6n_197:not(#\9)::-ms-clear {
+.awsui_input_2rhyz_w43ql_97.awsui_input-type-search_2rhyz_w43ql_197:not(#\9)::-ms-clear {
   display: none;
 }
-.awsui_input_2rhyz_lcj6n_97.awsui_input-type-search_2rhyz_lcj6n_197:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_w43ql_97.awsui_input-type-search_2rhyz_w43ql_197:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_lcj6n_97.awsui_input-type-search_2rhyz_lcj6n_197:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_w43ql_97.awsui_input-type-search_2rhyz_w43ql_197:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_lcj6n_97.awsui_input-has-icon-left_2rhyz_lcj6n_192:not(#\9) {
-  padding-left: var(--space-field-icon-offset-wtnkbx, 32px);
+.awsui_input_2rhyz_w43ql_97.awsui_input-has-icon-left_2rhyz_w43ql_192:not(#\9) {
+  padding-left: var(--space-field-icon-offset-llp3ak, 32px);
 }
-.awsui_input_2rhyz_lcj6n_97.awsui_input-has-icon-right_2rhyz_lcj6n_213:not(#\9) {
-  padding-right: var(--space-field-icon-offset-wtnkbx, 32px);
+.awsui_input_2rhyz_w43ql_97.awsui_input-has-icon-right_2rhyz_w43ql_213:not(#\9) {
+  padding-right: var(--space-field-icon-offset-llp3ak, 32px);
 }
-.awsui_input_2rhyz_lcj6n_97.awsui_input-has-no-border-radius_2rhyz_lcj6n_216:not(#\9) {
-  border-radius: var(--border-radius-dropdown-u5jq1e, 0px);
+.awsui_input_2rhyz_w43ql_97.awsui_input-has-no-border-radius_2rhyz_w43ql_216:not(#\9) {
+  border-radius: var(--border-radius-dropdown-cw0ldi, 0px);
 }
-.awsui_input-container_2rhyz_lcj6n_220:not(#\9) {
+.awsui_input-container_2rhyz_w43ql_220:not(#\9) {
   display: flex;
   position: relative;
 }
-.awsui_input-icon-left_2rhyz_lcj6n_225:not(#\9) {
+.awsui_input-icon-left_2rhyz_w43ql_225:not(#\9) {
   position: absolute;
   pointer-events: none;
-  left: var(--space-field-horizontal-784ol6, 8px);
-  top: calc(50% - var(--font-body-m-line-height-7pedlt, 22px) / 2);
+  left: var(--space-field-horizontal-cy5q05, 8px);
+  top: calc(50% - var(--font-body-m-line-height-wmg6vk, 22px) / 2);
 }
-.awsui_input-icon-right_2rhyz_lcj6n_232:not(#\9) {
+.awsui_input-icon-right_2rhyz_w43ql_232:not(#\9) {
   position: absolute;
-  top: calc(50% - var(--font-body-m-line-height-7pedlt, 22px) / 2);
-  right: calc(var(--space-field-horizontal-784ol6, 8px) - var(--space-xxs-1wmjb0, 4px));
+  top: calc(50% - var(--font-body-m-line-height-wmg6vk, 22px) / 2);
+  right: calc(var(--space-field-horizontal-cy5q05, 8px) - var(--space-xxs-9rrxti, 4px));
 }
-.awsui_input-button-right_2rhyz_lcj6n_238:not(#\9) {
+.awsui_input-button-right_2rhyz_w43ql_238:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,17 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2rhyz_lcj6n_93",
-  "input": "awsui_input_2rhyz_lcj6n_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_lcj6n_120",
-  "input-invalid": "awsui_input-invalid_2rhyz_lcj6n_181",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_lcj6n_192",
-  "input-type-search": "awsui_input-type-search_2rhyz_lcj6n_197",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_lcj6n_213",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_lcj6n_216",
-  "input-container": "awsui_input-container_2rhyz_lcj6n_220",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_lcj6n_225",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_lcj6n_232",
-  "input-button-right": "awsui_input-button-right_2rhyz_lcj6n_238"
+  "root": "awsui_root_2rhyz_w43ql_93",
+  "input": "awsui_input_2rhyz_w43ql_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_w43ql_120",
+  "input-invalid": "awsui_input-invalid_2rhyz_w43ql_181",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_w43ql_192",
+  "input-type-search": "awsui_input-type-search_2rhyz_w43ql_197",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_w43ql_213",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_w43ql_216",
+  "input-container": "awsui_input-container_2rhyz_w43ql_220",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_w43ql_225",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_w43ql_232",
+  "input-button-right": "awsui_input-button-right_2rhyz_w43ql_238"
 };