npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.199 → 3.0.200 - Mend

@cloudscape-design/components-themeable 3.0.199 → 3.0.200

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

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

@@ -50,8 +50,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -64,6 +62,8 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -95,153 +95,153 @@ 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_31bp4_98:not(#\9) {
+.awsui_icon_h11ix_1pphm_98:not(#\9) {
   position: relative;
   display: inline-block;
   vertical-align: top;
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_icon-flex-height_h11ix_31bp4_104:not(#\9) {
+.awsui_icon-flex-height_h11ix_1pphm_104:not(#\9) {
   display: inline-flex;
   align-items: center;
 }
-.awsui_icon_h11ix_31bp4_98 > svg:not(#\9) {
+.awsui_icon_h11ix_1pphm_98 > svg:not(#\9) {
   pointer-events: none;
 }
-.awsui_icon_h11ix_31bp4_98 > svg:not(#\9) {
+.awsui_icon_h11ix_1pphm_98 > svg:not(#\9) {
   fill: none;
 }
-.awsui_icon_h11ix_31bp4_98 > svg *:not(#\9) {
+.awsui_icon_h11ix_1pphm_98 > svg *:not(#\9) {
   stroke: currentColor;
 }
-.awsui_icon_h11ix_31bp4_98 > svg .stroke-linejoin-round:not(#\9) {
+.awsui_icon_h11ix_1pphm_98 > svg .stroke-linejoin-round:not(#\9) {
   stroke-linejoin: round;
 }
-.awsui_icon_h11ix_31bp4_98 > svg .stroke-linecap-square:not(#\9) {
+.awsui_icon_h11ix_1pphm_98 > svg .stroke-linecap-square:not(#\9) {
   stroke-linecap: square;
 }
-.awsui_icon_h11ix_31bp4_98 > svg .stroke-linecap-round:not(#\9) {
+.awsui_icon_h11ix_1pphm_98 > svg .stroke-linecap-round:not(#\9) {
   stroke-linecap: round;
 }
-.awsui_icon_h11ix_31bp4_98 > svg .filled:not(#\9) {
+.awsui_icon_h11ix_1pphm_98 > svg .filled:not(#\9) {
   fill: currentColor;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-small_h11ix_31bp4_129:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-small_h11ix_1pphm_129:not(#\9) {
   width: var(--size-icon-normal-j1z5fn, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-small-mapped-height_h11ix_31bp4_133:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-small-mapped-height_h11ix_1pphm_133:not(#\9) {
   height: var(--font-body-s-line-height-kdsbrl, 16px);
   padding: calc((var(--font-body-s-line-height-kdsbrl, 16px) - var(--size-icon-normal-j1z5fn, 16px)) / 2) 0;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-small_h11ix_31bp4_129 > svg:not(#\9),
-.awsui_icon_h11ix_31bp4_98.awsui_size-small_h11ix_31bp4_129 > img:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-small_h11ix_1pphm_129 > svg:not(#\9),
+.awsui_icon_h11ix_1pphm_98.awsui_size-small_h11ix_1pphm_129 > img:not(#\9) {
   width: var(--size-icon-normal-j1z5fn, 16px);
   height: var(--size-icon-normal-j1z5fn, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-small_h11ix_31bp4_129 > svg:not(#\9),
-.awsui_icon_h11ix_31bp4_98.awsui_size-small_h11ix_31bp4_129 > svg *:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-small_h11ix_1pphm_129 > svg:not(#\9),
+.awsui_icon_h11ix_1pphm_98.awsui_size-small_h11ix_1pphm_129 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-normal_h11ix_31bp4_147:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-normal_h11ix_1pphm_147:not(#\9) {
   width: var(--size-icon-normal-j1z5fn, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-normal-mapped-height_h11ix_31bp4_151:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-normal-mapped-height_h11ix_1pphm_151:not(#\9) {
   height: var(--font-body-m-line-height-i7xxvv, 22px);
   padding: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-icon-normal-j1z5fn, 16px)) / 2) 0;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-normal_h11ix_31bp4_147 > svg:not(#\9),
-.awsui_icon_h11ix_31bp4_98.awsui_size-normal_h11ix_31bp4_147 > img:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-normal_h11ix_1pphm_147 > svg:not(#\9),
+.awsui_icon_h11ix_1pphm_98.awsui_size-normal_h11ix_1pphm_147 > img:not(#\9) {
   width: var(--size-icon-normal-j1z5fn, 16px);
   height: var(--size-icon-normal-j1z5fn, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-normal_h11ix_31bp4_147 > svg:not(#\9),
-.awsui_icon_h11ix_31bp4_98.awsui_size-normal_h11ix_31bp4_147 > svg *:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-normal_h11ix_1pphm_147 > svg:not(#\9),
+.awsui_icon_h11ix_1pphm_98.awsui_size-normal_h11ix_1pphm_147 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-medium_h11ix_31bp4_165:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-medium_h11ix_1pphm_165:not(#\9) {
   width: var(--size-icon-medium-yynucr, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-medium-mapped-height_h11ix_31bp4_169:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-medium-mapped-height_h11ix_1pphm_169:not(#\9) {
   height: var(--font-heading-l-line-height-oujdab, 22px);
   padding: calc((var(--font-heading-l-line-height-oujdab, 22px) - var(--size-icon-medium-yynucr, 16px)) / 2) 0;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-medium_h11ix_31bp4_165 > svg:not(#\9),
-.awsui_icon_h11ix_31bp4_98.awsui_size-medium_h11ix_31bp4_165 > img:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-medium_h11ix_1pphm_165 > svg:not(#\9),
+.awsui_icon_h11ix_1pphm_98.awsui_size-medium_h11ix_1pphm_165 > img:not(#\9) {
   width: var(--size-icon-medium-yynucr, 16px);
   height: var(--size-icon-medium-yynucr, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-medium_h11ix_31bp4_165 > svg:not(#\9),
-.awsui_icon_h11ix_31bp4_98.awsui_size-medium_h11ix_31bp4_165 > svg *:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-medium_h11ix_1pphm_165 > svg:not(#\9),
+.awsui_icon_h11ix_1pphm_98.awsui_size-medium_h11ix_1pphm_165 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-big_h11ix_31bp4_183:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-big_h11ix_1pphm_183:not(#\9) {
   width: var(--size-icon-big-cu55wt, 32px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-big-mapped-height_h11ix_31bp4_187:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-big-mapped-height_h11ix_1pphm_187:not(#\9) {
   height: var(--font-heading-xl-line-height-qeciux, 36px);
   padding: calc((var(--font-heading-xl-line-height-qeciux, 36px) - var(--size-icon-big-cu55wt, 32px)) / 2) 0;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-big_h11ix_31bp4_183 > svg:not(#\9),
-.awsui_icon_h11ix_31bp4_98.awsui_size-big_h11ix_31bp4_183 > img:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-big_h11ix_1pphm_183 > svg:not(#\9),
+.awsui_icon_h11ix_1pphm_98.awsui_size-big_h11ix_1pphm_183 > img:not(#\9) {
   width: var(--size-icon-big-cu55wt, 32px);
   height: var(--size-icon-big-cu55wt, 32px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-big_h11ix_31bp4_183 > svg:not(#\9),
-.awsui_icon_h11ix_31bp4_98.awsui_size-big_h11ix_31bp4_183 > svg *:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-big_h11ix_1pphm_183 > svg:not(#\9),
+.awsui_icon_h11ix_1pphm_98.awsui_size-big_h11ix_1pphm_183 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-large_h11ix_31bp4_201:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-large_h11ix_1pphm_201:not(#\9) {
   width: var(--size-icon-large-9vh494, 48px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-large-mapped-height_h11ix_31bp4_205:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-large-mapped-height_h11ix_1pphm_205:not(#\9) {
   height: var(--font-display-l-line-height-gic9xn, 56px);
   padding: calc((var(--font-display-l-line-height-gic9xn, 56px) - var(--size-icon-large-9vh494, 48px)) / 2) 0;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-large_h11ix_31bp4_201 > svg:not(#\9),
-.awsui_icon_h11ix_31bp4_98.awsui_size-large_h11ix_31bp4_201 > img:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-large_h11ix_1pphm_201 > svg:not(#\9),
+.awsui_icon_h11ix_1pphm_98.awsui_size-large_h11ix_1pphm_201 > img:not(#\9) {
   width: var(--size-icon-large-9vh494, 48px);
   height: var(--size-icon-large-9vh494, 48px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_size-large_h11ix_31bp4_201 > svg:not(#\9),
-.awsui_icon_h11ix_31bp4_98.awsui_size-large_h11ix_31bp4_201 > svg *:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_size-large_h11ix_1pphm_201 > svg:not(#\9),
+.awsui_icon_h11ix_1pphm_98.awsui_size-large_h11ix_1pphm_201 > svg *:not(#\9) {
   stroke-width: 1.2px;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_variant-normal_h11ix_31bp4_219:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_variant-normal_h11ix_1pphm_219:not(#\9) {
   color: currentColor;
 }
-.awsui_icon_h11ix_31bp4_98.awsui_variant-disabled_h11ix_31bp4_222:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_variant-disabled_h11ix_1pphm_222:not(#\9) {
   color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
 }
-.awsui_icon_h11ix_31bp4_98.awsui_variant-inverted_h11ix_31bp4_225:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_variant-inverted_h11ix_1pphm_225:not(#\9) {
   color: var(--color-text-inverted-p77o7g, #ffffff);
 }
-.awsui_icon_h11ix_31bp4_98.awsui_variant-subtle_h11ix_31bp4_228:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_variant-subtle_h11ix_1pphm_228:not(#\9) {
   color: var(--color-text-icon-subtle-1kz3jf, #687078);
 }
-.awsui_icon_h11ix_31bp4_98.awsui_variant-warning_h11ix_31bp4_231:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_variant-warning_h11ix_1pphm_231:not(#\9) {
   color: var(--color-text-status-warning-94ezyx, #d13212);
 }
-.awsui_icon_h11ix_31bp4_98.awsui_variant-error_h11ix_31bp4_234:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_variant-error_h11ix_1pphm_234:not(#\9) {
   color: var(--color-text-status-error-jer77f, #d13212);
 }
-.awsui_icon_h11ix_31bp4_98.awsui_variant-success_h11ix_31bp4_237:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_variant-success_h11ix_1pphm_237:not(#\9) {
   color: var(--color-text-status-success-hb5hdl, #1d8102);
 }
-.awsui_icon_h11ix_31bp4_98.awsui_variant-link_h11ix_31bp4_240:not(#\9) {
+.awsui_icon_h11ix_1pphm_98.awsui_variant-link_h11ix_1pphm_240:not(#\9) {
   color: var(--color-text-link-default-753y4e, #0073bb);
 }
-.awsui_badge_h11ix_31bp4_244:not(#\9)::after {
+.awsui_badge_h11ix_1pphm_244:not(#\9)::after {
   content: "";
   position: absolute;
   width: 8px;

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_31bp4_98",
-  "icon-flex-height": "awsui_icon-flex-height_h11ix_31bp4_104",
-  "size-small": "awsui_size-small_h11ix_31bp4_129",
-  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_31bp4_133",
-  "size-normal": "awsui_size-normal_h11ix_31bp4_147",
-  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_31bp4_151",
-  "size-medium": "awsui_size-medium_h11ix_31bp4_165",
-  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_31bp4_169",
-  "size-big": "awsui_size-big_h11ix_31bp4_183",
-  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_31bp4_187",
-  "size-large": "awsui_size-large_h11ix_31bp4_201",
-  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_31bp4_205",
-  "variant-normal": "awsui_variant-normal_h11ix_31bp4_219",
-  "variant-disabled": "awsui_variant-disabled_h11ix_31bp4_222",
-  "variant-inverted": "awsui_variant-inverted_h11ix_31bp4_225",
-  "variant-subtle": "awsui_variant-subtle_h11ix_31bp4_228",
-  "variant-warning": "awsui_variant-warning_h11ix_31bp4_231",
-  "variant-error": "awsui_variant-error_h11ix_31bp4_234",
-  "variant-success": "awsui_variant-success_h11ix_31bp4_237",
-  "variant-link": "awsui_variant-link_h11ix_31bp4_240",
-  "badge": "awsui_badge_h11ix_31bp4_244"
+  "icon": "awsui_icon_h11ix_1pphm_98",
+  "icon-flex-height": "awsui_icon-flex-height_h11ix_1pphm_104",
+  "size-small": "awsui_size-small_h11ix_1pphm_129",
+  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_1pphm_133",
+  "size-normal": "awsui_size-normal_h11ix_1pphm_147",
+  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_1pphm_151",
+  "size-medium": "awsui_size-medium_h11ix_1pphm_165",
+  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_1pphm_169",
+  "size-big": "awsui_size-big_h11ix_1pphm_183",
+  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_1pphm_187",
+  "size-large": "awsui_size-large_h11ix_1pphm_201",
+  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_1pphm_205",
+  "variant-normal": "awsui_variant-normal_h11ix_1pphm_219",
+  "variant-disabled": "awsui_variant-disabled_h11ix_1pphm_222",
+  "variant-inverted": "awsui_variant-inverted_h11ix_1pphm_225",
+  "variant-subtle": "awsui_variant-subtle_h11ix_1pphm_228",
+  "variant-warning": "awsui_variant-warning_h11ix_1pphm_231",
+  "variant-error": "awsui_variant-error_h11ix_1pphm_234",
+  "variant-success": "awsui_variant-success_h11ix_1pphm_237",
+  "variant-link": "awsui_variant-link_h11ix_1pphm_240",
+  "badge": "awsui_badge_h11ix_1pphm_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_nyv0b_93",
-  "input": "awsui_input_2rhyz_nyv0b_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_nyv0b_120",
-  "input-invalid": "awsui_input-invalid_2rhyz_nyv0b_181",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_nyv0b_192",
-  "input-type-search": "awsui_input-type-search_2rhyz_nyv0b_197",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_nyv0b_213",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_nyv0b_216",
-  "input-container": "awsui_input-container_2rhyz_nyv0b_220",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_nyv0b_225",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_nyv0b_232",
-  "input-button-right": "awsui_input-button-right_2rhyz_nyv0b_238"
+  "root": "awsui_root_2rhyz_ku819_93",
+  "input": "awsui_input_2rhyz_ku819_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_ku819_120",
+  "input-invalid": "awsui_input-invalid_2rhyz_ku819_181",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_ku819_192",
+  "input-type-search": "awsui_input-type-search_2rhyz_ku819_197",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_ku819_213",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_ku819_216",
+  "input-container": "awsui_input-container_2rhyz_ku819_220",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_ku819_225",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_ku819_232",
+  "input-button-right": "awsui_input-button-right_2rhyz_ku819_238"
 };

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

@@ -50,8 +50,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -64,6 +62,8 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -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_nyv0b_93:not(#\9) {
+.awsui_root_2rhyz_ku819_93:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
-.awsui_input_2rhyz_nyv0b_97:not(#\9) {
+.awsui_input_2rhyz_ku819_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -143,70 +143,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   height: var(--size-vertical-input-ikahdk, 32px);
 }
-.awsui_input_2rhyz_nyv0b_97.awsui_input-readonly_2rhyz_nyv0b_120:not(#\9) {
+.awsui_input_2rhyz_ku819_97.awsui_input-readonly_2rhyz_ku819_120:not(#\9) {
   background-color: var(--color-background-input-default-ewlytp, #ffffff);
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-disabled-ek5o0x, #eaeded);
 }
-.awsui_input_2rhyz_nyv0b_97:not(#\9)::-webkit-input-placeholder {
+.awsui_input_2rhyz_ku819_97:not(#\9)::-webkit-input-placeholder {
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_nyv0b_97:not(#\9)::-ms-input-placeholder {
+.awsui_input_2rhyz_ku819_97:not(#\9)::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_nyv0b_97:not(#\9)::-moz-placeholder {
+.awsui_input_2rhyz_ku819_97:not(#\9)::-moz-placeholder {
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_nyv0b_97:not(#\9):-ms-input-placeholder {
+.awsui_input_2rhyz_ku819_97:not(#\9):-ms-input-placeholder {
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_nyv0b_97:not(#\9):-moz-placeholder {
+.awsui_input_2rhyz_ku819_97:not(#\9):-moz-placeholder {
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_nyv0b_97:not(#\9):focus {
+.awsui_input_2rhyz_ku819_97:not(#\9):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-n5kd8g, #0073bb);
   border-radius: var(--border-radius-input-fterib, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_input_2rhyz_nyv0b_97:not(#\9):disabled {
+.awsui_input_2rhyz_ku819_97:not(#\9):disabled {
   background-color: var(--color-background-input-disabled-5vlksk, #eaeded);
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-disabled-ek5o0x, #eaeded);
   color: var(--color-text-input-disabled-zfb02z, #879596);
   cursor: auto;
   cursor: default;
 }
-.awsui_input_2rhyz_nyv0b_97:not(#\9):disabled::-webkit-input-placeholder {
+.awsui_input_2rhyz_ku819_97:not(#\9):disabled::-webkit-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_nyv0b_97:not(#\9):disabled::-ms-input-placeholder {
+.awsui_input_2rhyz_ku819_97:not(#\9):disabled::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
 }
-.awsui_input_2rhyz_nyv0b_97:not(#\9):disabled::-moz-placeholder {
+.awsui_input_2rhyz_ku819_97:not(#\9):disabled::-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_nyv0b_97:not(#\9):disabled:-ms-input-placeholder {
+.awsui_input_2rhyz_ku819_97:not(#\9):disabled:-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
 }
-.awsui_input_2rhyz_nyv0b_97:not(#\9):disabled:-moz-placeholder {
+.awsui_input_2rhyz_ku819_97:not(#\9):disabled:-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_nyv0b_97:not(#\9):invalid {
+.awsui_input_2rhyz_ku819_97:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_nyv0b_97.awsui_input-invalid_2rhyz_nyv0b_181:not(#\9) {
+.awsui_input_2rhyz_ku819_97.awsui_input-invalid_2rhyz_ku819_181:not(#\9) {
   color: var(--color-text-status-error-jer77f, #d13212);
   border-color: var(--color-text-status-error-jer77f, #d13212);
   padding-left: calc(
@@ -214,55 +214,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 );
   border-left-width: var(--border-invalid-width-glmng5, 4px);
 }
-.awsui_input_2rhyz_nyv0b_97.awsui_input-invalid_2rhyz_nyv0b_181:not(#\9):focus {
+.awsui_input_2rhyz_ku819_97.awsui_input-invalid_2rhyz_ku819_181:not(#\9):focus {
   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_nyv0b_97.awsui_input-invalid_2rhyz_nyv0b_181.awsui_input-has-icon-left_2rhyz_nyv0b_192:not(#\9) {
+.awsui_input_2rhyz_ku819_97.awsui_input-invalid_2rhyz_ku819_181.awsui_input-has-icon-left_2rhyz_ku819_192:not(#\9) {
   padding-left: calc(
         var(--space-field-icon-offset-alfd6o, 32px) - (var(--border-invalid-width-glmng5, 4px) - var(--border-field-width-y6x4sn, 1px))
       );
 }
-.awsui_input_2rhyz_nyv0b_97.awsui_input-type-search_2rhyz_nyv0b_197:not(#\9) {
+.awsui_input_2rhyz_ku819_97.awsui_input-type-search_2rhyz_ku819_197:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_nyv0b_97.awsui_input-type-search_2rhyz_nyv0b_197:not(#\9)::-ms-clear {
+.awsui_input_2rhyz_ku819_97.awsui_input-type-search_2rhyz_ku819_197:not(#\9)::-ms-clear {
   display: none;
 }
-.awsui_input_2rhyz_nyv0b_97.awsui_input-type-search_2rhyz_nyv0b_197:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_ku819_97.awsui_input-type-search_2rhyz_ku819_197:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_nyv0b_97.awsui_input-type-search_2rhyz_nyv0b_197:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_ku819_97.awsui_input-type-search_2rhyz_ku819_197:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_nyv0b_97.awsui_input-has-icon-left_2rhyz_nyv0b_192:not(#\9) {
+.awsui_input_2rhyz_ku819_97.awsui_input-has-icon-left_2rhyz_ku819_192:not(#\9) {
   padding-left: var(--space-field-icon-offset-alfd6o, 32px);
 }
-.awsui_input_2rhyz_nyv0b_97.awsui_input-has-icon-right_2rhyz_nyv0b_213:not(#\9) {
+.awsui_input_2rhyz_ku819_97.awsui_input-has-icon-right_2rhyz_ku819_213:not(#\9) {
   padding-right: var(--space-field-icon-offset-alfd6o, 32px);
 }
-.awsui_input_2rhyz_nyv0b_97.awsui_input-has-no-border-radius_2rhyz_nyv0b_216:not(#\9) {
+.awsui_input_2rhyz_ku819_97.awsui_input-has-no-border-radius_2rhyz_ku819_216:not(#\9) {
   border-radius: var(--border-radius-dropdown-0c284d, 0px);
 }
-.awsui_input-container_2rhyz_nyv0b_220:not(#\9) {
+.awsui_input-container_2rhyz_ku819_220:not(#\9) {
   display: flex;
   position: relative;
 }
-.awsui_input-icon-left_2rhyz_nyv0b_225:not(#\9) {
+.awsui_input-icon-left_2rhyz_ku819_225:not(#\9) {
   position: absolute;
   pointer-events: none;
   left: var(--space-field-horizontal-z3i1c8, 8px);
   top: calc(50% - var(--font-body-m-line-height-i7xxvv, 22px) / 2);
 }
-.awsui_input-icon-right_2rhyz_nyv0b_232:not(#\9) {
+.awsui_input-icon-right_2rhyz_ku819_232:not(#\9) {
   position: absolute;
   top: calc(50% - var(--font-body-m-line-height-i7xxvv, 22px) / 2);
   right: calc(var(--space-field-horizontal-z3i1c8, 8px) - var(--space-xxs-ynfts5, 4px));
 }
-.awsui_input-button-right_2rhyz_nyv0b_238:not(#\9) {
+.awsui_input-button-right_2rhyz_ku819_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_nyv0b_93",
-  "input": "awsui_input_2rhyz_nyv0b_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_nyv0b_120",
-  "input-invalid": "awsui_input-invalid_2rhyz_nyv0b_181",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_nyv0b_192",
-  "input-type-search": "awsui_input-type-search_2rhyz_nyv0b_197",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_nyv0b_213",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_nyv0b_216",
-  "input-container": "awsui_input-container_2rhyz_nyv0b_220",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_nyv0b_225",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_nyv0b_232",
-  "input-button-right": "awsui_input-button-right_2rhyz_nyv0b_238"
+  "root": "awsui_root_2rhyz_ku819_93",
+  "input": "awsui_input_2rhyz_ku819_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_ku819_120",
+  "input-invalid": "awsui_input-invalid_2rhyz_ku819_181",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_ku819_192",
+  "input-type-search": "awsui_input-type-search_2rhyz_ku819_197",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_ku819_213",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_ku819_216",
+  "input-container": "awsui_input-container_2rhyz_ku819_220",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_ku819_225",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_ku819_232",
+  "input-button-right": "awsui_input-button-right_2rhyz_ku819_238"
 };

package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -1650,8 +1650,8 @@
   --color-text-top-navigation-title-2nrlq4:#fbfbfb;
   --color-board-placeholder-active-03p6jc:#5f6b7a;
   --color-board-placeholder-hover-82yrwq:#0972d3;
-  --shadow-container-0bkp96:0px 0px 1px 1px #192534, 0px 1px 8px 2px rgba(0, 7, 22, 1);
-  --shadow-container-stacked-j8j87i:-1px 1px 1px 0px #192534, 1px 1px 1px 0px #192534, 0px 9px 8px -7px rgb(0 7 22), 8px 0px 8px -7px rgb(0 7 22), -8px 0px 8px -7px rgb(0 7 22);
+  --shadow-container-0bkp96:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
+  --shadow-container-stacked-j8j87i:0px 9px 8px -7px rgb(0 7 22 / 60%), 8px 0px 8px -7px rgb(0 7 22 / 60%), -8px 0px 8px -7px rgb(0 7 22 / 60%);
   --shadow-container-active-h4jsj2:0px 1px 1px 1px #192534, 0px 6px 36px #000716;
   --shadow-dropdown-lzmmvx:0px 4px 20px 1px rgba(0, 7, 22, 1);
   --shadow-dropup-zo6vd9:0px 4px 20px 1px rgba(0, 7, 22, 1);
@@ -2215,7 +2215,7 @@
   --color-board-placeholder-active-03p6jc:#5f6b7a;
   --color-board-placeholder-hover-82yrwq:#0972d3;
   --shadow-container-0bkp96:none;
-  --shadow-container-stacked-j8j87i:-1px 1px 1px 0px #192534, 1px 1px 1px 0px #192534, 0px 9px 8px -7px rgb(0 7 22), 8px 0px 8px -7px rgb(0 7 22), -8px 0px 8px -7px rgb(0 7 22);
+  --shadow-container-stacked-j8j87i:0px 9px 8px -7px rgb(0 7 22 / 60%), 8px 0px 8px -7px rgb(0 7 22 / 60%), -8px 0px 8px -7px rgb(0 7 22 / 60%);
   --shadow-container-active-h4jsj2:0px 1px 1px 1px #192534, 0px 6px 36px #000716;
   --shadow-dropdown-lzmmvx:0px 4px 20px 1px rgba(0, 7, 22, 1);
   --shadow-dropup-zo6vd9:0px 4px 20px 1px rgba(0, 7, 22, 1);
@@ -2399,7 +2399,7 @@
   --color-board-placeholder-active-03p6jc:#5f6b7a;
   --color-board-placeholder-hover-82yrwq:#0972d3;
   --shadow-container-0bkp96:none;
-  --shadow-container-stacked-j8j87i:-1px 1px 1px 0px #192534, 1px 1px 1px 0px #192534, 0px 9px 8px -7px rgb(0 7 22), 8px 0px 8px -7px rgb(0 7 22), -8px 0px 8px -7px rgb(0 7 22);
+  --shadow-container-stacked-j8j87i:0px 9px 8px -7px rgb(0 7 22 / 60%), 8px 0px 8px -7px rgb(0 7 22 / 60%), -8px 0px 8px -7px rgb(0 7 22 / 60%);
   --shadow-container-active-h4jsj2:0px 1px 1px 1px #192534, 0px 6px 36px #000716;
   --shadow-dropdown-lzmmvx:0px 4px 20px 1px rgba(0, 7, 22, 1);
   --shadow-dropup-zo6vd9:0px 4px 20px 1px rgba(0, 7, 22, 1);

package/lib/internal/template/internal/components/abstract-switch/styles.css.js CHANGED Viewed

@@ -1,17 +1,17 @@
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_1wepg_1angf_93",
-  "description": "awsui_description_1wepg_1angf_94",
-  "label": "awsui_label_1wepg_1angf_95",
-  "outline": "awsui_outline_1wepg_1angf_99",
-  "native-input": "awsui_native-input_1wepg_1angf_103",
-  "wrapper": "awsui_wrapper_1wepg_1angf_110",
-  "label-wrapper": "awsui_label-wrapper_1wepg_1angf_117",
-  "empty-content": "awsui_empty-content_1wepg_1angf_129",
-  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_1angf_139",
-  "label-disabled": "awsui_label-disabled_1wepg_1angf_147",
-  "description-disabled": "awsui_description-disabled_1wepg_1angf_148",
-  "control": "awsui_control_1wepg_1angf_153"
+  "content": "awsui_content_1wepg_1ubab_93",
+  "description": "awsui_description_1wepg_1ubab_94",
+  "label": "awsui_label_1wepg_1ubab_95",
+  "outline": "awsui_outline_1wepg_1ubab_99",
+  "native-input": "awsui_native-input_1wepg_1ubab_103",
+  "wrapper": "awsui_wrapper_1wepg_1ubab_110",
+  "label-wrapper": "awsui_label-wrapper_1wepg_1ubab_117",
+  "empty-content": "awsui_empty-content_1wepg_1ubab_129",
+  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_1ubab_139",
+  "label-disabled": "awsui_label-disabled_1wepg_1ubab_147",
+  "description-disabled": "awsui_description-disabled_1wepg_1ubab_148",
+  "control": "awsui_control_1wepg_1ubab_153"
 };