npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.664 → 3.0.665 - Mend

@cloudscape-design/components-themeable 3.0.664 → 3.0.665

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

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

@@ -6,8 +6,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,181 +94,200 @@ 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
 */
-/* stylelint-disable selector-max-universal, selector-max-type */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_icon_h11ix_2b4qt_104:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101:not(#\9) {
   position: relative;
   display: inline-block;
   vertical-align: top;
   /* stylelint-disable-next-line selector-max-type */
+  /* stylelint-disable selector-max-type, selector-max-universal */
+  /* stylelint-enable selector-max-type, selector-max-universal */
 }
-.awsui_icon-flex-height_h11ix_2b4qt_110:not(#\9) {
+.awsui_icon-flex-height_h11ix_1q8e6_109:not(#\9) {
   display: inline-flex;
   align-items: center;
 }
-.awsui_icon_h11ix_2b4qt_104 > svg:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101 > svg:not(#\9) {
   pointer-events: none;
 }
-.awsui_icon_h11ix_2b4qt_104 > svg:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101 > svg:not(#\9) {
   fill: none;
 }
-.awsui_icon_h11ix_2b4qt_104 > svg *:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101 > svg *:not(#\9) {
   stroke: currentColor;
 }
-.awsui_icon_h11ix_2b4qt_104 > svg .stroke-linejoin-round:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101 > svg .stroke-linejoin-round:not(#\9) {
   stroke-linejoin: round;
 }
-.awsui_icon_h11ix_2b4qt_104 > svg .stroke-linecap-square:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101 > svg .stroke-linecap-square:not(#\9) {
   stroke-linecap: square;
 }
-.awsui_icon_h11ix_2b4qt_104 > svg .stroke-linecap-round:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101 > svg .stroke-linecap-round:not(#\9) {
   stroke-linecap: round;
 }
-.awsui_icon_h11ix_2b4qt_104 > svg .filled:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101 > svg .filled:not(#\9) {
   fill: currentColor;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-small_h11ix_2b4qt_135:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-small_h11ix_1q8e6_134:not(#\9) {
   inline-size: var(--size-icon-normal-wflv4k, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-small-mapped-height_h11ix_2b4qt_139:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-small-mapped-height_h11ix_1q8e6_138:not(#\9) {
   block-size: var(--line-height-body-s-n0pazd, 16px);
   padding-block: calc((var(--line-height-body-s-n0pazd, 16px) - var(--size-icon-normal-wflv4k, 16px)) / 2);
   padding-inline: 0;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-small_h11ix_2b4qt_135 > svg:not(#\9),
-.awsui_icon_h11ix_2b4qt_104.awsui_size-small_h11ix_2b4qt_135 > img:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-small_h11ix_1q8e6_134 > svg:not(#\9),
+.awsui_icon_h11ix_1q8e6_101.awsui_size-small_h11ix_1q8e6_134 > img:not(#\9) {
   inline-size: var(--size-icon-normal-wflv4k, 16px);
   block-size: var(--size-icon-normal-wflv4k, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-small_h11ix_2b4qt_135 > svg:not(#\9),
-.awsui_icon_h11ix_2b4qt_104.awsui_size-small_h11ix_2b4qt_135 > svg *:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-small_h11ix_1q8e6_134 > svg:not(#\9),
+.awsui_icon_h11ix_1q8e6_101.awsui_size-small_h11ix_1q8e6_134 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-normal_h11ix_2b4qt_154:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-normal_h11ix_1q8e6_153:not(#\9) {
   inline-size: var(--size-icon-normal-wflv4k, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-normal-mapped-height_h11ix_2b4qt_158:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-normal-mapped-height_h11ix_1q8e6_157:not(#\9) {
   block-size: var(--line-height-body-m-2zx78l, 22px);
   padding-block: calc((var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / 2);
   padding-inline: 0;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-normal_h11ix_2b4qt_154 > svg:not(#\9),
-.awsui_icon_h11ix_2b4qt_104.awsui_size-normal_h11ix_2b4qt_154 > img:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-normal_h11ix_1q8e6_153 > svg:not(#\9),
+.awsui_icon_h11ix_1q8e6_101.awsui_size-normal_h11ix_1q8e6_153 > img:not(#\9) {
   inline-size: var(--size-icon-normal-wflv4k, 16px);
   block-size: var(--size-icon-normal-wflv4k, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-normal_h11ix_2b4qt_154 > svg:not(#\9),
-.awsui_icon_h11ix_2b4qt_104.awsui_size-normal_h11ix_2b4qt_154 > svg *:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-normal_h11ix_1q8e6_153 > svg:not(#\9),
+.awsui_icon_h11ix_1q8e6_101.awsui_size-normal_h11ix_1q8e6_153 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-medium_h11ix_2b4qt_173:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-medium_h11ix_1q8e6_172:not(#\9) {
   inline-size: var(--size-icon-medium-6sroof, 16px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-medium-mapped-height_h11ix_2b4qt_177:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-medium-mapped-height_h11ix_1q8e6_176:not(#\9) {
   block-size: var(--line-height-heading-l-vog8w7, 22px);
   padding-block: calc((var(--line-height-heading-l-vog8w7, 22px) - var(--size-icon-medium-6sroof, 16px)) / 2);
   padding-inline: 0;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-medium_h11ix_2b4qt_173 > svg:not(#\9),
-.awsui_icon_h11ix_2b4qt_104.awsui_size-medium_h11ix_2b4qt_173 > img:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-medium_h11ix_1q8e6_172 > svg:not(#\9),
+.awsui_icon_h11ix_1q8e6_101.awsui_size-medium_h11ix_1q8e6_172 > img:not(#\9) {
   inline-size: var(--size-icon-medium-6sroof, 16px);
   block-size: var(--size-icon-medium-6sroof, 16px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-medium_h11ix_2b4qt_173 > svg:not(#\9),
-.awsui_icon_h11ix_2b4qt_104.awsui_size-medium_h11ix_2b4qt_173 > svg *:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-medium_h11ix_1q8e6_172 > svg:not(#\9),
+.awsui_icon_h11ix_1q8e6_101.awsui_size-medium_h11ix_1q8e6_172 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-big_h11ix_2b4qt_192:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-big_h11ix_1q8e6_191:not(#\9) {
   inline-size: var(--size-icon-big-hyxarq, 32px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-big-mapped-height_h11ix_2b4qt_196:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-big-mapped-height_h11ix_1q8e6_195:not(#\9) {
   block-size: var(--line-height-heading-xl-v9hsvt, 36px);
   padding-block: calc((var(--line-height-heading-xl-v9hsvt, 36px) - var(--size-icon-big-hyxarq, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-big_h11ix_2b4qt_192 > svg:not(#\9),
-.awsui_icon_h11ix_2b4qt_104.awsui_size-big_h11ix_2b4qt_192 > img:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-big_h11ix_1q8e6_191 > svg:not(#\9),
+.awsui_icon_h11ix_1q8e6_101.awsui_size-big_h11ix_1q8e6_191 > img:not(#\9) {
   inline-size: var(--size-icon-big-hyxarq, 32px);
   block-size: var(--size-icon-big-hyxarq, 32px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-big_h11ix_2b4qt_192 > svg:not(#\9),
-.awsui_icon_h11ix_2b4qt_104.awsui_size-big_h11ix_2b4qt_192 > svg *:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-big_h11ix_1q8e6_191 > svg:not(#\9),
+.awsui_icon_h11ix_1q8e6_101.awsui_size-big_h11ix_1q8e6_191 > svg *:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-large_h11ix_2b4qt_211:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-large_h11ix_1q8e6_210:not(#\9) {
   inline-size: var(--size-icon-large-1jcidp, 48px);
   box-sizing: border-box;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-large-mapped-height_h11ix_2b4qt_215:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-large-mapped-height_h11ix_1q8e6_214:not(#\9) {
   block-size: var(--line-height-display-l-zgnpxt, 56px);
   padding-block: calc((var(--line-height-display-l-zgnpxt, 56px) - var(--size-icon-large-1jcidp, 48px)) / 2);
   padding-inline: 0;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-large_h11ix_2b4qt_211 > svg:not(#\9),
-.awsui_icon_h11ix_2b4qt_104.awsui_size-large_h11ix_2b4qt_211 > img:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-large_h11ix_1q8e6_210 > svg:not(#\9),
+.awsui_icon_h11ix_1q8e6_101.awsui_size-large_h11ix_1q8e6_210 > img:not(#\9) {
   inline-size: var(--size-icon-large-1jcidp, 48px);
   block-size: var(--size-icon-large-1jcidp, 48px);
   vertical-align: top;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_size-large_h11ix_2b4qt_211 > svg:not(#\9),
-.awsui_icon_h11ix_2b4qt_104.awsui_size-large_h11ix_2b4qt_211 > svg *:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_size-large_h11ix_1q8e6_210 > svg:not(#\9),
+.awsui_icon_h11ix_1q8e6_101.awsui_size-large_h11ix_1q8e6_210 > svg *:not(#\9) {
   stroke-width: 1.2px;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_variant-normal_h11ix_2b4qt_230:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_variant-normal_h11ix_1q8e6_229:not(#\9) {
   color: currentColor;
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_variant-disabled_h11ix_2b4qt_233:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_variant-disabled_h11ix_1q8e6_232:not(#\9) {
   color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_variant-inverted_h11ix_2b4qt_236:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_variant-inverted_h11ix_1q8e6_235:not(#\9) {
   color: var(--color-text-inverted-g0utm2, #ffffff);
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_variant-subtle_h11ix_2b4qt_239:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_variant-subtle_h11ix_1q8e6_238:not(#\9) {
   color: var(--color-text-icon-subtle-cpywuu, #687078);
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_variant-warning_h11ix_2b4qt_242:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_variant-warning_h11ix_1q8e6_241:not(#\9) {
   color: var(--color-text-status-warning-azn00c, #906806);
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_variant-error_h11ix_2b4qt_245:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_variant-error_h11ix_1q8e6_244:not(#\9) {
   color: var(--color-text-status-error-ofc4yr, #d13212);
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_variant-success_h11ix_2b4qt_248:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_variant-success_h11ix_1q8e6_247:not(#\9) {
   color: var(--color-text-status-success-owjbj0, #1d8102);
 }
-.awsui_icon_h11ix_2b4qt_104.awsui_variant-link_h11ix_2b4qt_251:not(#\9) {
+.awsui_icon_h11ix_1q8e6_101.awsui_variant-link_h11ix_1q8e6_250:not(#\9) {
   color: var(--color-text-link-default-hop3gv, #0073bb);
 }
-.awsui_icon_h11ix_2b4qt_104:not(#\9):is(.awsui_name-angle-left-double_h11ix_2b4qt_254,
-.awsui_name-angle-left_h11ix_2b4qt_254,
-.awsui_name-angle-right-double_h11ix_2b4qt_256,
-.awsui_name-angle-right_h11ix_2b4qt_256,
-.awsui_name-arrow-left_h11ix_2b4qt_258,
-.awsui_name-caret-left-filled_h11ix_2b4qt_259,
-.awsui_name-caret-right-filled_h11ix_2b4qt_260,
-.awsui_name-audio-full_h11ix_2b4qt_261,
-.awsui_name-audio-half_h11ix_2b4qt_262,
-.awsui_name-audio-off_h11ix_2b4qt_263,
-.awsui_name-external_h11ix_2b4qt_264,
-.awsui_name-redo_h11ix_2b4qt_265,
-.awsui_name-resize-area_h11ix_2b4qt_266,
-.awsui_name-shrink_h11ix_2b4qt_267,
-.awsui_name-undo_h11ix_2b4qt_268,
-.awsui_name-view-vertical_h11ix_2b4qt_269):dir(rtl) {
+.awsui_icon_h11ix_1q8e6_101:not(#\9):is(.awsui_name-angle-left-double_h11ix_1q8e6_253,
+.awsui_name-angle-left_h11ix_1q8e6_253,
+.awsui_name-angle-right-double_h11ix_1q8e6_255,
+.awsui_name-angle-right_h11ix_1q8e6_255,
+.awsui_name-arrow-left_h11ix_1q8e6_257,
+.awsui_name-caret-left-filled_h11ix_1q8e6_258,
+.awsui_name-caret-right-filled_h11ix_1q8e6_259,
+.awsui_name-audio-full_h11ix_1q8e6_260,
+.awsui_name-audio-half_h11ix_1q8e6_261,
+.awsui_name-audio-off_h11ix_1q8e6_262,
+.awsui_name-external_h11ix_1q8e6_263,
+.awsui_name-redo_h11ix_1q8e6_264,
+.awsui_name-resize-area_h11ix_1q8e6_265,
+.awsui_name-shrink_h11ix_1q8e6_266,
+.awsui_name-undo_h11ix_1q8e6_267,
+.awsui_name-view-vertical_h11ix_1q8e6_268) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+}
+.awsui_icon_h11ix_1q8e6_101:not(#\9):is(.awsui_name-angle-left-double_h11ix_1q8e6_253,
+.awsui_name-angle-left_h11ix_1q8e6_253,
+.awsui_name-angle-right-double_h11ix_1q8e6_255,
+.awsui_name-angle-right_h11ix_1q8e6_255,
+.awsui_name-arrow-left_h11ix_1q8e6_257,
+.awsui_name-caret-left-filled_h11ix_1q8e6_258,
+.awsui_name-caret-right-filled_h11ix_1q8e6_259,
+.awsui_name-audio-full_h11ix_1q8e6_260,
+.awsui_name-audio-half_h11ix_1q8e6_261,
+.awsui_name-audio-off_h11ix_1q8e6_262,
+.awsui_name-external_h11ix_1q8e6_263,
+.awsui_name-redo_h11ix_1q8e6_264,
+.awsui_name-resize-area_h11ix_1q8e6_265,
+.awsui_name-shrink_h11ix_1q8e6_266,
+.awsui_name-undo_h11ix_1q8e6_267,
+.awsui_name-view-vertical_h11ix_1q8e6_268):dir(rtl) {
   transform: scaleX(-1);
 }
-.awsui_badge_h11ix_2b4qt_273:not(#\9)::after {
+.awsui_badge_h11ix_1q8e6_290:not(#\9)::after {
   content: "";
   position: absolute;
   inline-size: 6px;

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

@@ -2,42 +2,42 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "icon": "awsui_icon_h11ix_2b4qt_104",
-  "icon-flex-height": "awsui_icon-flex-height_h11ix_2b4qt_110",
-  "size-small": "awsui_size-small_h11ix_2b4qt_135",
-  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_2b4qt_139",
-  "size-normal": "awsui_size-normal_h11ix_2b4qt_154",
-  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_2b4qt_158",
-  "size-medium": "awsui_size-medium_h11ix_2b4qt_173",
-  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_2b4qt_177",
-  "size-big": "awsui_size-big_h11ix_2b4qt_192",
-  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_2b4qt_196",
-  "size-large": "awsui_size-large_h11ix_2b4qt_211",
-  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_2b4qt_215",
-  "variant-normal": "awsui_variant-normal_h11ix_2b4qt_230",
-  "variant-disabled": "awsui_variant-disabled_h11ix_2b4qt_233",
-  "variant-inverted": "awsui_variant-inverted_h11ix_2b4qt_236",
-  "variant-subtle": "awsui_variant-subtle_h11ix_2b4qt_239",
-  "variant-warning": "awsui_variant-warning_h11ix_2b4qt_242",
-  "variant-error": "awsui_variant-error_h11ix_2b4qt_245",
-  "variant-success": "awsui_variant-success_h11ix_2b4qt_248",
-  "variant-link": "awsui_variant-link_h11ix_2b4qt_251",
-  "name-angle-left-double": "awsui_name-angle-left-double_h11ix_2b4qt_254",
-  "name-angle-left": "awsui_name-angle-left_h11ix_2b4qt_254",
-  "name-angle-right-double": "awsui_name-angle-right-double_h11ix_2b4qt_256",
-  "name-angle-right": "awsui_name-angle-right_h11ix_2b4qt_256",
-  "name-arrow-left": "awsui_name-arrow-left_h11ix_2b4qt_258",
-  "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_2b4qt_259",
-  "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_2b4qt_260",
-  "name-audio-full": "awsui_name-audio-full_h11ix_2b4qt_261",
-  "name-audio-half": "awsui_name-audio-half_h11ix_2b4qt_262",
-  "name-audio-off": "awsui_name-audio-off_h11ix_2b4qt_263",
-  "name-external": "awsui_name-external_h11ix_2b4qt_264",
-  "name-redo": "awsui_name-redo_h11ix_2b4qt_265",
-  "name-resize-area": "awsui_name-resize-area_h11ix_2b4qt_266",
-  "name-shrink": "awsui_name-shrink_h11ix_2b4qt_267",
-  "name-undo": "awsui_name-undo_h11ix_2b4qt_268",
-  "name-view-vertical": "awsui_name-view-vertical_h11ix_2b4qt_269",
-  "badge": "awsui_badge_h11ix_2b4qt_273"
+  "icon": "awsui_icon_h11ix_1q8e6_101",
+  "icon-flex-height": "awsui_icon-flex-height_h11ix_1q8e6_109",
+  "size-small": "awsui_size-small_h11ix_1q8e6_134",
+  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_1q8e6_138",
+  "size-normal": "awsui_size-normal_h11ix_1q8e6_153",
+  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_1q8e6_157",
+  "size-medium": "awsui_size-medium_h11ix_1q8e6_172",
+  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_1q8e6_176",
+  "size-big": "awsui_size-big_h11ix_1q8e6_191",
+  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_1q8e6_195",
+  "size-large": "awsui_size-large_h11ix_1q8e6_210",
+  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_1q8e6_214",
+  "variant-normal": "awsui_variant-normal_h11ix_1q8e6_229",
+  "variant-disabled": "awsui_variant-disabled_h11ix_1q8e6_232",
+  "variant-inverted": "awsui_variant-inverted_h11ix_1q8e6_235",
+  "variant-subtle": "awsui_variant-subtle_h11ix_1q8e6_238",
+  "variant-warning": "awsui_variant-warning_h11ix_1q8e6_241",
+  "variant-error": "awsui_variant-error_h11ix_1q8e6_244",
+  "variant-success": "awsui_variant-success_h11ix_1q8e6_247",
+  "variant-link": "awsui_variant-link_h11ix_1q8e6_250",
+  "name-angle-left-double": "awsui_name-angle-left-double_h11ix_1q8e6_253",
+  "name-angle-left": "awsui_name-angle-left_h11ix_1q8e6_253",
+  "name-angle-right-double": "awsui_name-angle-right-double_h11ix_1q8e6_255",
+  "name-angle-right": "awsui_name-angle-right_h11ix_1q8e6_255",
+  "name-arrow-left": "awsui_name-arrow-left_h11ix_1q8e6_257",
+  "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_1q8e6_258",
+  "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_1q8e6_259",
+  "name-audio-full": "awsui_name-audio-full_h11ix_1q8e6_260",
+  "name-audio-half": "awsui_name-audio-half_h11ix_1q8e6_261",
+  "name-audio-off": "awsui_name-audio-off_h11ix_1q8e6_262",
+  "name-external": "awsui_name-external_h11ix_1q8e6_263",
+  "name-redo": "awsui_name-redo_h11ix_1q8e6_264",
+  "name-resize-area": "awsui_name-resize-area_h11ix_1q8e6_265",
+  "name-shrink": "awsui_name-shrink_h11ix_1q8e6_266",
+  "name-undo": "awsui_name-undo_h11ix_1q8e6_267",
+  "name-view-vertical": "awsui_name-view-vertical_h11ix_1q8e6_268",
+  "badge": "awsui_badge_h11ix_1q8e6_290"
 };

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

@@ -1,18 +1,18 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2rhyz_l1fgz_99",
-  "input": "awsui_input_2rhyz_l1fgz_103",
-  "input-readonly": "awsui_input-readonly_2rhyz_l1fgz_153",
-  "input-invalid": "awsui_input-invalid_2rhyz_l1fgz_220",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_l1fgz_231",
-  "input-warning": "awsui_input-warning_2rhyz_l1fgz_236",
-  "input-type-search": "awsui_input-type-search_2rhyz_l1fgz_252",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_l1fgz_265",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_l1fgz_268",
-  "input-container": "awsui_input-container_2rhyz_l1fgz_275",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_l1fgz_280",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_l1fgz_287",
-  "input-button-right": "awsui_input-button-right_2rhyz_l1fgz_293"
+  "root": "awsui_root_2rhyz_181vy_97",
+  "input": "awsui_input_2rhyz_181vy_101",
+  "input-readonly": "awsui_input-readonly_2rhyz_181vy_151",
+  "input-invalid": "awsui_input-invalid_2rhyz_181vy_218",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_181vy_229",
+  "input-warning": "awsui_input-warning_2rhyz_181vy_234",
+  "input-type-search": "awsui_input-type-search_2rhyz_181vy_250",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_181vy_263",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_181vy_266",
+  "input-container": "awsui_input-container_2rhyz_181vy_273",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_181vy_278",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_181vy_285",
+  "input-button-right": "awsui_input-button-right_2rhyz_181vy_291"
 };

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

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,11 +94,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_l1fgz_99:not(#\9) {
+.awsui_root_2rhyz_181vy_97:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
-.awsui_input_2rhyz_l1fgz_103:not(#\9) {
+.awsui_input_2rhyz_181vy_101:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -151,36 +149,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-m-2zx78l, 22px);
   block-size: var(--size-vertical-input-ubbp77, 32px);
 }
-.awsui_input_2rhyz_l1fgz_103.awsui_input-readonly_2rhyz_l1fgz_153:not(#\9) {
+.awsui_input_2rhyz_181vy_101.awsui_input-readonly_2rhyz_181vy_151:not(#\9) {
   background-color: var(--color-background-input-default-w7mbz6, #ffffff);
   border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
   border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
 }
-.awsui_input_2rhyz_l1fgz_103:not(#\9)::-webkit-input-placeholder {
+.awsui_input_2rhyz_181vy_101:not(#\9)::-webkit-input-placeholder {
   color: var(--color-text-input-placeholder-epedqe, #687078);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_l1fgz_103:not(#\9)::-ms-input-placeholder {
+.awsui_input_2rhyz_181vy_101:not(#\9)::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-epedqe, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_l1fgz_103:not(#\9)::-moz-placeholder {
+.awsui_input_2rhyz_181vy_101:not(#\9)::-moz-placeholder {
   color: var(--color-text-input-placeholder-epedqe, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_l1fgz_103:not(#\9):-ms-input-placeholder {
+.awsui_input_2rhyz_181vy_101:not(#\9):-ms-input-placeholder {
   color: var(--color-text-input-placeholder-epedqe, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_l1fgz_103:not(#\9):-moz-placeholder {
+.awsui_input_2rhyz_181vy_101:not(#\9):-moz-placeholder {
   color: var(--color-text-input-placeholder-epedqe, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_l1fgz_103:not(#\9):focus {
+.awsui_input_2rhyz_181vy_101:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-v6z9fd, #0073bb);
   border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-v6z9fd, #0073bb);
@@ -190,7 +188,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-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_l1fgz_103:not(#\9):disabled {
+.awsui_input_2rhyz_181vy_101:not(#\9):disabled {
   background-color: var(--color-background-input-disabled-zfoobi, #eaeded);
   border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
   border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
@@ -198,29 +196,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: auto;
   cursor: default;
 }
-.awsui_input_2rhyz_l1fgz_103:not(#\9):disabled::-webkit-input-placeholder {
+.awsui_input_2rhyz_181vy_101: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_l1fgz_103:not(#\9):disabled::-ms-input-placeholder {
+.awsui_input_2rhyz_181vy_101:not(#\9):disabled::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
 }
-.awsui_input_2rhyz_l1fgz_103:not(#\9):disabled::-moz-placeholder {
+.awsui_input_2rhyz_181vy_101:not(#\9):disabled::-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_l1fgz_103:not(#\9):disabled:-ms-input-placeholder {
+.awsui_input_2rhyz_181vy_101:not(#\9):disabled:-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
 }
-.awsui_input_2rhyz_l1fgz_103:not(#\9):disabled:-moz-placeholder {
+.awsui_input_2rhyz_181vy_101:not(#\9):disabled:-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_l1fgz_103:not(#\9):invalid {
+.awsui_input_2rhyz_181vy_101:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_l1fgz_103.awsui_input-invalid_2rhyz_l1fgz_220:not(#\9) {
+.awsui_input_2rhyz_181vy_101.awsui_input-invalid_2rhyz_181vy_218:not(#\9) {
   color: var(--color-text-status-error-ofc4yr, #d13212);
   border-color: var(--color-text-status-error-ofc4yr, #d13212);
   padding-inline-start: calc(
@@ -228,15 +226,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 );
   border-inline-start-width: var(--border-invalid-width-hp6noi, 4px);
 }
-.awsui_input_2rhyz_l1fgz_103.awsui_input-invalid_2rhyz_l1fgz_220:not(#\9):focus {
+.awsui_input_2rhyz_181vy_101.awsui_input-invalid_2rhyz_181vy_218: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_l1fgz_103.awsui_input-invalid_2rhyz_l1fgz_220.awsui_input-has-icon-left_2rhyz_l1fgz_231:not(#\9) {
+.awsui_input_2rhyz_181vy_101.awsui_input-invalid_2rhyz_181vy_218.awsui_input-has-icon-left_2rhyz_181vy_229:not(#\9) {
   padding-inline-start: calc(
         var(--space-field-icon-offset-llp3ak, 32px) - (var(--border-invalid-width-hp6noi, 4px) - var(--border-field-width-yoy972, 1px))
       );
 }
-.awsui_input_2rhyz_l1fgz_103.awsui_input-warning_2rhyz_l1fgz_236:not(#\9) {
+.awsui_input_2rhyz_181vy_101.awsui_input-warning_2rhyz_181vy_234:not(#\9) {
   color: var(--color-text-status-warning-azn00c, #906806);
   border-color: var(--color-text-status-warning-azn00c, #906806);
   padding-inline-start: calc(
@@ -244,55 +242,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 );
   border-inline-start-width: var(--border-invalid-width-hp6noi, 4px);
 }
-.awsui_input_2rhyz_l1fgz_103.awsui_input-warning_2rhyz_l1fgz_236:not(#\9):focus {
+.awsui_input_2rhyz_181vy_101.awsui_input-warning_2rhyz_181vy_234: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_l1fgz_103.awsui_input-warning_2rhyz_l1fgz_236.awsui_input-has-icon-left_2rhyz_l1fgz_231:not(#\9) {
+.awsui_input_2rhyz_181vy_101.awsui_input-warning_2rhyz_181vy_234.awsui_input-has-icon-left_2rhyz_181vy_229:not(#\9) {
   padding-inline-start: calc(
         var(--space-field-icon-offset-llp3ak, 32px) - (var(--border-invalid-width-hp6noi, 4px) - var(--border-field-width-yoy972, 1px))
       );
 }
-.awsui_input_2rhyz_l1fgz_103.awsui_input-type-search_2rhyz_l1fgz_252:not(#\9) {
+.awsui_input_2rhyz_181vy_101.awsui_input-type-search_2rhyz_181vy_250:not(#\9) {
   box-sizing: border-box;
-  -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
+  -webkit-appearance: none;
 }
-.awsui_input_2rhyz_l1fgz_103.awsui_input-type-search_2rhyz_l1fgz_252:not(#\9)::-webkit-search-decoration {
-  -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
+.awsui_input_2rhyz_181vy_101.awsui_input-type-search_2rhyz_181vy_250:not(#\9)::-webkit-search-decoration {
+  -webkit-appearance: none;
 }
-.awsui_input_2rhyz_l1fgz_103.awsui_input-type-search_2rhyz_l1fgz_252:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_181vy_101.awsui_input-type-search_2rhyz_181vy_250:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_l1fgz_103.awsui_input-has-icon-left_2rhyz_l1fgz_231:not(#\9) {
+.awsui_input_2rhyz_181vy_101.awsui_input-has-icon-left_2rhyz_181vy_229:not(#\9) {
   padding-inline-start: var(--space-field-icon-offset-llp3ak, 32px);
 }
-.awsui_input_2rhyz_l1fgz_103.awsui_input-has-icon-right_2rhyz_l1fgz_265:not(#\9) {
+.awsui_input_2rhyz_181vy_101.awsui_input-has-icon-right_2rhyz_181vy_263:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-llp3ak, 32px);
 }
-.awsui_input_2rhyz_l1fgz_103.awsui_input-has-no-border-radius_2rhyz_l1fgz_268:not(#\9) {
+.awsui_input_2rhyz_181vy_101.awsui_input-has-no-border-radius_2rhyz_181vy_266:not(#\9) {
   border-start-start-radius: var(--border-radius-dropdown-cw0ldi, 0px);
   border-start-end-radius: var(--border-radius-dropdown-cw0ldi, 0px);
   border-end-start-radius: var(--border-radius-dropdown-cw0ldi, 0px);
   border-end-end-radius: var(--border-radius-dropdown-cw0ldi, 0px);
 }
-.awsui_input-container_2rhyz_l1fgz_275:not(#\9) {
+.awsui_input-container_2rhyz_181vy_273:not(#\9) {
   display: flex;
   position: relative;
 }
-.awsui_input-icon-left_2rhyz_l1fgz_280:not(#\9) {
+.awsui_input-icon-left_2rhyz_181vy_278:not(#\9) {
   position: absolute;
   pointer-events: none;
   inset-inline-start: var(--space-field-horizontal-cy5q05, 8px);
   inset-block-start: calc(50% - var(--line-height-body-m-2zx78l, 22px) / 2);
 }
-.awsui_input-icon-right_2rhyz_l1fgz_287:not(#\9) {
+.awsui_input-icon-right_2rhyz_181vy_285:not(#\9) {
   position: absolute;
   inset-block-start: calc(50% - var(--line-height-body-m-2zx78l, 22px) / 2);
   inset-inline-end: calc(var(--space-field-horizontal-cy5q05, 8px) - var(--space-xxs-9rrxti, 4px));
 }
-.awsui_input-button-right_2rhyz_l1fgz_293:not(#\9) {
+.awsui_input-button-right_2rhyz_181vy_291:not(#\9) {
   /* used in test-utils */
 }

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_l1fgz_99",
-  "input": "awsui_input_2rhyz_l1fgz_103",
-  "input-readonly": "awsui_input-readonly_2rhyz_l1fgz_153",
-  "input-invalid": "awsui_input-invalid_2rhyz_l1fgz_220",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_l1fgz_231",
-  "input-warning": "awsui_input-warning_2rhyz_l1fgz_236",
-  "input-type-search": "awsui_input-type-search_2rhyz_l1fgz_252",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_l1fgz_265",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_l1fgz_268",
-  "input-container": "awsui_input-container_2rhyz_l1fgz_275",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_l1fgz_280",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_l1fgz_287",
-  "input-button-right": "awsui_input-button-right_2rhyz_l1fgz_293"
+  "root": "awsui_root_2rhyz_181vy_97",
+  "input": "awsui_input_2rhyz_181vy_101",
+  "input-readonly": "awsui_input-readonly_2rhyz_181vy_151",
+  "input-invalid": "awsui_input-invalid_2rhyz_181vy_218",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_181vy_229",
+  "input-warning": "awsui_input-warning_2rhyz_181vy_234",
+  "input-type-search": "awsui_input-type-search_2rhyz_181vy_250",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_181vy_263",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_181vy_266",
+  "input-container": "awsui_input-container_2rhyz_181vy_273",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_181vy_278",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_181vy_285",
+  "input-button-right": "awsui_input-button-right_2rhyz_181vy_291"
 };