npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.655 → 3.0.656 - Mend

@cloudscape-design/components-themeable 3.0.655 → 3.0.656

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

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

@@ -96,7 +96,7 @@ 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_2qdw9_mpcu3_99:not(#\9) {
+.awsui_root_2qdw9_e5jcn_99:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -136,32 +136,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
   justify-content: space-between;
 }
-.awsui_root-with-toolbar_2qdw9_mpcu3_138:not(#\9) {
-  padding-block-start: var(--space-scaled-s-9q8n2q, 12px);
-}
-.awsui_root_2qdw9_mpcu3_99.awsui_refresh_2qdw9_mpcu3_141:not(#\9), .awsui_root_2qdw9_mpcu3_99:not(#\9):not(.awsui_root-no-actions_2qdw9_mpcu3_141) {
+.awsui_root_2qdw9_e5jcn_99.awsui_refresh_2qdw9_e5jcn_138:not(#\9), .awsui_root_2qdw9_e5jcn_99:not(#\9):not(.awsui_root-no-actions_2qdw9_e5jcn_138) {
   row-gap: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_root-no-actions_2qdw9_mpcu3_141.awsui_root-variant-h2_2qdw9_mpcu3_144:not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141), .awsui_root-no-actions_2qdw9_mpcu3_141.awsui_root-variant-h3_2qdw9_mpcu3_144:not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141), .awsui_root-has-description_2qdw9_mpcu3_144.awsui_root-variant-h2_2qdw9_mpcu3_144:not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141), .awsui_root-has-description_2qdw9_mpcu3_144.awsui_root-variant-h3_2qdw9_mpcu3_144:not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141) {
+.awsui_root-no-actions_2qdw9_e5jcn_138.awsui_root-variant-h2_2qdw9_e5jcn_141:not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138), .awsui_root-no-actions_2qdw9_e5jcn_138.awsui_root-variant-h3_2qdw9_e5jcn_141:not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138), .awsui_root-has-description_2qdw9_e5jcn_141.awsui_root-variant-h2_2qdw9_e5jcn_141:not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138), .awsui_root-has-description_2qdw9_e5jcn_141.awsui_root-variant-h3_2qdw9_e5jcn_141:not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138) {
   padding-block-end: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_root-no-actions_2qdw9_mpcu3_141:not(#\9):not(.awsui_root-has-description_2qdw9_mpcu3_144):not(.awsui_refresh_2qdw9_mpcu3_141) {
+.awsui_root-no-actions_2qdw9_e5jcn_138:not(#\9):not(.awsui_root-has-description_2qdw9_e5jcn_141):not(.awsui_refresh_2qdw9_e5jcn_138) {
   padding-block-end: calc(var(--space-scaled-xs-x91h81, 8px) + var(--space-xxxs-z28114, 2px));
 }
-.awsui_root-no-actions_2qdw9_mpcu3_141.awsui_refresh_2qdw9_mpcu3_141.awsui_root-variant-h2_2qdw9_mpcu3_144:not(#\9), .awsui_root-no-actions_2qdw9_mpcu3_141.awsui_refresh_2qdw9_mpcu3_141.awsui_root-variant-h3_2qdw9_mpcu3_144:not(#\9) {
+.awsui_root-no-actions_2qdw9_e5jcn_138.awsui_refresh_2qdw9_e5jcn_138.awsui_root-variant-h2_2qdw9_e5jcn_141:not(#\9), .awsui_root-no-actions_2qdw9_e5jcn_138.awsui_refresh_2qdw9_e5jcn_138.awsui_root-variant-h3_2qdw9_e5jcn_141:not(#\9) {
   row-gap: var(--space-scaled-xxxs-f7yq15, 2px);
 }
-.awsui_root_2qdw9_mpcu3_99.awsui_root-variant-h1_2qdw9_mpcu3_153:not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141) {
+.awsui_root_2qdw9_e5jcn_99.awsui_root-variant-h1_2qdw9_e5jcn_150:not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138) {
   row-gap: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_root-no-actions_2qdw9_mpcu3_141:not(#\9):not(.awsui_root-has-description_2qdw9_mpcu3_144).awsui_refresh_2qdw9_mpcu3_141.awsui_root-variant-h3_2qdw9_mpcu3_144 {
+.awsui_root-no-actions_2qdw9_e5jcn_138:not(#\9):not(.awsui_root-has-description_2qdw9_e5jcn_141).awsui_refresh_2qdw9_e5jcn_138.awsui_root-variant-h3_2qdw9_e5jcn_141 {
   padding-block-end: var(--space-scaled-xs-x91h81, 8px);
 }
-.awsui_root_2qdw9_mpcu3_99.awsui_root-variant-h1_2qdw9_mpcu3_153.awsui_root-has-description_2qdw9_mpcu3_144:not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141) {
+.awsui_root_2qdw9_e5jcn_99.awsui_root-variant-h1_2qdw9_e5jcn_150.awsui_root-has-description_2qdw9_e5jcn_141:not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138) {
   padding-block-end: var(--space-scaled-2x-xxs-r5f1ts, 4px);
 }
-.awsui_main_2qdw9_mpcu3_163:not(#\9) {
+.awsui_main_2qdw9_e5jcn_160:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   display: flex;
@@ -171,159 +168,159 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   column-gap: var(--space-xs-xf5ch3, 8px);
   row-gap: calc(var(--space-scaled-xxs-t7ij38, 4px) + var(--space-scaled-xxxs-f7yq15, 2px));
 }
-.awsui_main_2qdw9_mpcu3_163.awsui_no-wrap_2qdw9_mpcu3_173:not(#\9) {
+.awsui_main_2qdw9_e5jcn_160.awsui_no-wrap_2qdw9_e5jcn_170:not(#\9) {
   flex-wrap: nowrap;
 }
-.awsui_main_2qdw9_mpcu3_163.awsui_refresh_2qdw9_mpcu3_141:not(#\9) {
+.awsui_main_2qdw9_e5jcn_160.awsui_refresh_2qdw9_e5jcn_138:not(#\9) {
   row-gap: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_main-variant-h1_2qdw9_mpcu3_179:not(#\9) {
+.awsui_main-variant-h1_2qdw9_e5jcn_176:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-r5f1ts, 4px);
 }
-.awsui_root-has-description_2qdw9_mpcu3_144 > .awsui_main_2qdw9_mpcu3_163:not(#\9) {
+.awsui_root-has-description_2qdw9_e5jcn_141 > .awsui_main_2qdw9_e5jcn_160:not(#\9) {
   row-gap: var(--space-scaled-2x-xxs-r5f1ts, 4px);
 }
-.awsui_actions_2qdw9_mpcu3_187:not(#\9) {
+.awsui_actions_2qdw9_e5jcn_184:not(#\9) {
   display: flex;
   align-items: flex-start;
   min-block-size: var(--size-vertical-input-ubbp77, 32px);
 }
-.awsui_actions-centered_2qdw9_mpcu3_192:not(#\9) {
+.awsui_actions-centered_2qdw9_e5jcn_189:not(#\9) {
   align-items: center;
 }
-.awsui_actions-variant-h1_2qdw9_mpcu3_195.awsui_refresh_2qdw9_mpcu3_141:not(#\9) {
+.awsui_actions-variant-h1_2qdw9_e5jcn_192.awsui_refresh_2qdw9_e5jcn_138:not(#\9) {
   padding-block: calc((var(--line-height-heading-xl-v9hsvt, 36px) - var(--size-vertical-input-ubbp77, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_mpcu3_199.awsui_refresh_2qdw9_mpcu3_141:not(#\9) {
+.awsui_actions-variant-h2_2qdw9_e5jcn_196.awsui_refresh_2qdw9_e5jcn_138:not(#\9) {
   padding-block: calc((var(--line-height-heading-l-vog8w7, 22px) - var(--size-vertical-input-ubbp77, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h3_2qdw9_mpcu3_203.awsui_refresh_2qdw9_mpcu3_141:not(#\9) {
+.awsui_actions-variant-h3_2qdw9_e5jcn_200.awsui_refresh_2qdw9_e5jcn_138:not(#\9) {
   padding-block: calc((var(--line-height-heading-m-6mmwjh, 22px) - var(--size-vertical-input-ubbp77, 32px)) / 2);
   padding-inline: 0;
 }
-.awsui_actions-variant-h1_2qdw9_mpcu3_195:not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141) {
+.awsui_actions-variant-h1_2qdw9_e5jcn_192:not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138) {
   padding-block: var(--space-scaled-xs-x91h81, 8px);
   padding-inline: 0;
 }
-.awsui_actions-variant-h2_2qdw9_mpcu3_199:not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141), .awsui_actions-variant-h3_2qdw9_mpcu3_203:not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141) {
+.awsui_actions-variant-h2_2qdw9_e5jcn_196:not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138), .awsui_actions-variant-h3_2qdw9_e5jcn_200:not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138) {
   padding-block: var(--space-scaled-xxs-t7ij38, 4px);
   padding-inline: 0;
 }
-.awsui_root-has-description_2qdw9_mpcu3_144 > .awsui_main_2qdw9_mpcu3_163 > .awsui_actions_2qdw9_mpcu3_187:not(#\9) {
+.awsui_root-has-description_2qdw9_e5jcn_141 > .awsui_main_2qdw9_e5jcn_160 > .awsui_actions_2qdw9_e5jcn_184:not(#\9) {
   padding-block-end: 0;
 }
-.awsui_title_2qdw9_mpcu3_219:not(#\9) {
+.awsui_title_2qdw9_e5jcn_216:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   color: var(--color-text-heading-default-tsgvby, #16191f);
 }
-.awsui_title-variant-h1_2qdw9_mpcu3_224:not(#\9) {
+.awsui_title-variant-h1_2qdw9_e5jcn_221:not(#\9) {
   font-size: var(--font-size-heading-xl-k9a0qt, 28px);
   padding-block-start: var(--space-scaled-2x-xxs-r5f1ts, 4px);
 }
-.awsui_title-variant-h1_2qdw9_mpcu3_224.awsui_refresh_2qdw9_mpcu3_141:not(#\9) {
+.awsui_title-variant-h1_2qdw9_e5jcn_221.awsui_refresh_2qdw9_e5jcn_138:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-ubbp77, 32px) - var(--line-height-heading-xl-v9hsvt, 36px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_mpcu3_231:not(#\9) {
+.awsui_title-variant-h2_2qdw9_e5jcn_228:not(#\9) {
   font-size: var(--font-size-heading-l-l21r86, 18px);
 }
-.awsui_title-variant-h2_2qdw9_mpcu3_231.awsui_refresh_2qdw9_mpcu3_141:not(#\9) {
+.awsui_title-variant-h2_2qdw9_e5jcn_228.awsui_refresh_2qdw9_e5jcn_138:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-ubbp77, 32px) - var(--line-height-heading-l-vog8w7, 22px)) / 2);
 }
-.awsui_title-variant-h3_2qdw9_mpcu3_237:not(#\9) {
+.awsui_title-variant-h3_2qdw9_e5jcn_234:not(#\9) {
   font-size: var(--font-size-heading-m-io97me, 18px);
 }
-.awsui_title-variant-h3_2qdw9_mpcu3_237.awsui_refresh_2qdw9_mpcu3_141:not(#\9) {
+.awsui_title-variant-h3_2qdw9_e5jcn_234.awsui_refresh_2qdw9_e5jcn_138:not(#\9) {
   padding-block-start: calc((var(--size-vertical-input-ubbp77, 32px) - var(--line-height-heading-m-6mmwjh, 22px)) / 2);
 }
-.awsui_title-variant-h2_2qdw9_mpcu3_231:not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141), .awsui_title-variant-h3_2qdw9_mpcu3_237:not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141) {
+.awsui_title-variant-h2_2qdw9_e5jcn_228:not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138), .awsui_title-variant-h3_2qdw9_e5jcn_234:not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138) {
   padding-block-start: var(--space-scaled-xs-x91h81, 8px);
 }
-.awsui_no-wrap_2qdw9_mpcu3_173 > .awsui_title_2qdw9_mpcu3_219:not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141) {
+.awsui_no-wrap_2qdw9_e5jcn_170 > .awsui_title_2qdw9_e5jcn_216:not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138) {
   padding-block-end: calc(var(--space-scaled-xxs-t7ij38, 4px) + var(--space-scaled-xxxs-f7yq15, 2px));
 }
-.awsui_root-no-actions_2qdw9_mpcu3_141.awsui_root-has-description_2qdw9_mpcu3_144 > .awsui_main_2qdw9_mpcu3_163 > :not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141).awsui_title-variant-h2_2qdw9_mpcu3_231, .awsui_root-no-actions_2qdw9_mpcu3_141.awsui_root-has-description_2qdw9_mpcu3_144 > .awsui_main_2qdw9_mpcu3_163 > :not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141).awsui_title-variant-h3_2qdw9_mpcu3_237 {
+.awsui_root-no-actions_2qdw9_e5jcn_138.awsui_root-has-description_2qdw9_e5jcn_141 > .awsui_main_2qdw9_e5jcn_160 > :not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138).awsui_title-variant-h2_2qdw9_e5jcn_228, .awsui_root-no-actions_2qdw9_e5jcn_138.awsui_root-has-description_2qdw9_e5jcn_141 > .awsui_main_2qdw9_e5jcn_160 > :not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138).awsui_title-variant-h3_2qdw9_e5jcn_234 {
   padding-block-end: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_root-variant-h1_2qdw9_mpcu3_153.awsui_root-no-actions_2qdw9_mpcu3_141:not(#\9):not(.awsui_root-has-description_2qdw9_mpcu3_144):not(.awsui_refresh_2qdw9_mpcu3_141) {
+.awsui_root-variant-h1_2qdw9_e5jcn_150.awsui_root-no-actions_2qdw9_e5jcn_138:not(#\9):not(.awsui_root-has-description_2qdw9_e5jcn_141):not(.awsui_refresh_2qdw9_e5jcn_138) {
   padding-block-end: var(--space-scaled-2x-xxs-r5f1ts, 4px);
 }
-.awsui_virtual-space_2qdw9_mpcu3_258:not(#\9) {
+.awsui_virtual-space_2qdw9_e5jcn_255:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
-.awsui_info_2qdw9_mpcu3_264:not(#\9) {
+.awsui_info_2qdw9_e5jcn_261:not(#\9) {
   padding-inline-end: var(--space-s-2025hl, 12px);
 }
-.awsui_description_2qdw9_mpcu3_268:not(#\9) {
+.awsui_description_2qdw9_e5jcn_265:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-heading-secondary-b83go1, #545b64);
 }
-.awsui_description-variant-h1_2qdw9_mpcu3_275:not(#\9) {
+.awsui_description-variant-h1_2qdw9_e5jcn_272:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
 }
-.awsui_description-variant-h2_2qdw9_mpcu3_279:not(#\9) {
+.awsui_description-variant-h2_2qdw9_e5jcn_276:not(#\9) {
   font-size: var(--font-header-h2-description-size-zfw7u2, 12px);
   line-height: var(--font-header-h2-description-line-height-trwmd4, 16px);
 }
-.awsui_description-variant-h2_2qdw9_mpcu3_279:not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141) {
+.awsui_description-variant-h2_2qdw9_e5jcn_276:not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138) {
   padding-block-end: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_description-variant-h3_2qdw9_mpcu3_286:not(#\9) {
+.awsui_description-variant-h3_2qdw9_e5jcn_283:not(#\9) {
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
 }
-.awsui_description-variant-h3_2qdw9_mpcu3_286:not(#\9):not(.awsui_refresh_2qdw9_mpcu3_141) {
+.awsui_description-variant-h3_2qdw9_e5jcn_283:not(#\9):not(.awsui_refresh_2qdw9_e5jcn_138) {
   padding-block-end: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_heading_2qdw9_mpcu3_295:not(#\9) {
+.awsui_heading_2qdw9_e5jcn_292:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   display: inline;
   font-size: inherit;
   margin-inline-end: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_heading_2qdw9_mpcu3_295:not(#\9):only-child {
+.awsui_heading_2qdw9_e5jcn_292:not(#\9):only-child {
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_heading-variant-h1_2qdw9_mpcu3_306:not(#\9) {
+.awsui_heading-variant-h1_2qdw9_e5jcn_303:not(#\9) {
   font-size: var(--font-size-heading-xl-k9a0qt, 28px);
   line-height: var(--line-height-heading-xl-v9hsvt, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-87t96e, normal);
 }
-.awsui_heading-variant-h2_2qdw9_mpcu3_311:not(#\9) {
+.awsui_heading-variant-h2_2qdw9_e5jcn_308:not(#\9) {
   font-size: var(--font-size-heading-l-l21r86, 18px);
   line-height: var(--line-height-heading-l-vog8w7, 22px);
   letter-spacing: var(--letter-spacing-heading-l-bejyzw, normal);
 }
-.awsui_heading-variant-h3_2qdw9_mpcu3_316:not(#\9) {
+.awsui_heading-variant-h3_2qdw9_e5jcn_313:not(#\9) {
   font-size: var(--font-size-heading-m-io97me, 18px);
   line-height: var(--line-height-heading-m-6mmwjh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-kfwhdw, normal);
 }
-.awsui_heading-text_2qdw9_mpcu3_322:not(#\9) {
+.awsui_heading-text_2qdw9_e5jcn_319:not(#\9) {
   /* used in test-utils */
 }
-.awsui_heading-text-variant-h1_2qdw9_mpcu3_325:not(#\9) {
+.awsui_heading-text-variant-h1_2qdw9_e5jcn_322:not(#\9) {
   font-size: var(--font-size-heading-xl-k9a0qt, 28px);
   line-height: var(--line-height-heading-xl-v9hsvt, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-87t96e, normal);
@@ -331,7 +328,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_heading-text-variant-h2_2qdw9_mpcu3_333:not(#\9) {
+.awsui_heading-text-variant-h2_2qdw9_e5jcn_330:not(#\9) {
   font-size: var(--font-size-heading-l-l21r86, 18px);
   line-height: var(--line-height-heading-l-vog8w7, 22px);
   letter-spacing: var(--letter-spacing-heading-l-bejyzw, normal);
@@ -339,7 +336,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_heading-text-variant-h3_2qdw9_mpcu3_341:not(#\9) {
+.awsui_heading-text-variant-h3_2qdw9_e5jcn_338:not(#\9) {
   font-size: var(--font-size-heading-m-io97me, 18px);
   line-height: var(--line-height-heading-m-6mmwjh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-kfwhdw, normal);
@@ -348,7 +345,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_counter_2qdw9_mpcu3_350:not(#\9) {
+.awsui_counter_2qdw9_e5jcn_347:not(#\9) {
   color: var(--color-text-counter-f3a2pb, #687078);
   font-weight: 400;
 }

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

@@ -2,40 +2,39 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2qdw9_mpcu3_99",
-  "root-with-toolbar": "awsui_root-with-toolbar_2qdw9_mpcu3_138",
-  "refresh": "awsui_refresh_2qdw9_mpcu3_141",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_mpcu3_141",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_mpcu3_144",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_mpcu3_144",
-  "root-has-description": "awsui_root-has-description_2qdw9_mpcu3_144",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_mpcu3_153",
-  "main": "awsui_main_2qdw9_mpcu3_163",
-  "no-wrap": "awsui_no-wrap_2qdw9_mpcu3_173",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_mpcu3_179",
-  "actions": "awsui_actions_2qdw9_mpcu3_187",
-  "actions-centered": "awsui_actions-centered_2qdw9_mpcu3_192",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_mpcu3_195",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_mpcu3_199",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_mpcu3_203",
-  "title": "awsui_title_2qdw9_mpcu3_219",
-  "title-variant-h1": "awsui_title-variant-h1_2qdw9_mpcu3_224",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_mpcu3_231",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_mpcu3_237",
-  "virtual-space": "awsui_virtual-space_2qdw9_mpcu3_258",
-  "info": "awsui_info_2qdw9_mpcu3_264",
-  "description": "awsui_description_2qdw9_mpcu3_268",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_mpcu3_275",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_mpcu3_279",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_mpcu3_286",
-  "heading": "awsui_heading_2qdw9_mpcu3_295",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_mpcu3_306",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_mpcu3_311",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_mpcu3_316",
-  "heading-text": "awsui_heading-text_2qdw9_mpcu3_322",
-  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_mpcu3_325",
-  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_mpcu3_333",
-  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_mpcu3_341",
-  "counter": "awsui_counter_2qdw9_mpcu3_350"
+  "root": "awsui_root_2qdw9_e5jcn_99",
+  "refresh": "awsui_refresh_2qdw9_e5jcn_138",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_e5jcn_138",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_e5jcn_141",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_e5jcn_141",
+  "root-has-description": "awsui_root-has-description_2qdw9_e5jcn_141",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_e5jcn_150",
+  "main": "awsui_main_2qdw9_e5jcn_160",
+  "no-wrap": "awsui_no-wrap_2qdw9_e5jcn_170",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_e5jcn_176",
+  "actions": "awsui_actions_2qdw9_e5jcn_184",
+  "actions-centered": "awsui_actions-centered_2qdw9_e5jcn_189",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_e5jcn_192",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_e5jcn_196",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_e5jcn_200",
+  "title": "awsui_title_2qdw9_e5jcn_216",
+  "title-variant-h1": "awsui_title-variant-h1_2qdw9_e5jcn_221",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_e5jcn_228",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_e5jcn_234",
+  "virtual-space": "awsui_virtual-space_2qdw9_e5jcn_255",
+  "info": "awsui_info_2qdw9_e5jcn_261",
+  "description": "awsui_description_2qdw9_e5jcn_265",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_e5jcn_272",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_e5jcn_276",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_e5jcn_283",
+  "heading": "awsui_heading_2qdw9_e5jcn_292",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_e5jcn_303",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_e5jcn_308",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_e5jcn_313",
+  "heading-text": "awsui_heading-text_2qdw9_e5jcn_319",
+  "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_e5jcn_322",
+  "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_e5jcn_330",
+  "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_e5jcn_338",
+  "counter": "awsui_counter_2qdw9_e5jcn_347"
 };

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

@@ -1,18 +1,18 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2rhyz_2m90q_99",
-  "input": "awsui_input_2rhyz_2m90q_103",
-  "input-readonly": "awsui_input-readonly_2rhyz_2m90q_153",
-  "input-invalid": "awsui_input-invalid_2rhyz_2m90q_220",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_2m90q_231",
-  "input-warning": "awsui_input-warning_2rhyz_2m90q_236",
-  "input-type-search": "awsui_input-type-search_2rhyz_2m90q_252",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_2m90q_268",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_2m90q_271",
-  "input-container": "awsui_input-container_2rhyz_2m90q_278",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_2m90q_283",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_2m90q_290",
-  "input-button-right": "awsui_input-button-right_2rhyz_2m90q_296"
+  "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"
 };

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

@@ -96,11 +96,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_2m90q_99:not(#\9) {
+.awsui_root_2rhyz_l1fgz_99:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
-.awsui_input_2rhyz_2m90q_103:not(#\9) {
+.awsui_input_2rhyz_l1fgz_103:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -151,36 +151,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_2m90q_103.awsui_input-readonly_2rhyz_2m90q_153:not(#\9) {
+.awsui_input_2rhyz_l1fgz_103.awsui_input-readonly_2rhyz_l1fgz_153: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_2m90q_103:not(#\9)::-webkit-input-placeholder {
+.awsui_input_2rhyz_l1fgz_103: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_2m90q_103:not(#\9)::-ms-input-placeholder {
+.awsui_input_2rhyz_l1fgz_103:not(#\9)::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-epedqe, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_2m90q_103:not(#\9)::-moz-placeholder {
+.awsui_input_2rhyz_l1fgz_103:not(#\9)::-moz-placeholder {
   color: var(--color-text-input-placeholder-epedqe, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_2m90q_103:not(#\9):-ms-input-placeholder {
+.awsui_input_2rhyz_l1fgz_103:not(#\9):-ms-input-placeholder {
   color: var(--color-text-input-placeholder-epedqe, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_2m90q_103:not(#\9):-moz-placeholder {
+.awsui_input_2rhyz_l1fgz_103:not(#\9):-moz-placeholder {
   color: var(--color-text-input-placeholder-epedqe, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_2m90q_103:not(#\9):focus {
+.awsui_input_2rhyz_l1fgz_103: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 +190,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_2m90q_103:not(#\9):disabled {
+.awsui_input_2rhyz_l1fgz_103: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 +198,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: auto;
   cursor: default;
 }
-.awsui_input_2rhyz_2m90q_103:not(#\9):disabled::-webkit-input-placeholder {
+.awsui_input_2rhyz_l1fgz_103: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_2m90q_103:not(#\9):disabled::-ms-input-placeholder {
+.awsui_input_2rhyz_l1fgz_103:not(#\9):disabled::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
 }
-.awsui_input_2rhyz_2m90q_103:not(#\9):disabled::-moz-placeholder {
+.awsui_input_2rhyz_l1fgz_103:not(#\9):disabled::-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_2m90q_103:not(#\9):disabled:-ms-input-placeholder {
+.awsui_input_2rhyz_l1fgz_103:not(#\9):disabled:-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
 }
-.awsui_input_2rhyz_2m90q_103:not(#\9):disabled:-moz-placeholder {
+.awsui_input_2rhyz_l1fgz_103:not(#\9):disabled:-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_2m90q_103:not(#\9):invalid {
+.awsui_input_2rhyz_l1fgz_103:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_2m90q_103.awsui_input-invalid_2rhyz_2m90q_220:not(#\9) {
+.awsui_input_2rhyz_l1fgz_103.awsui_input-invalid_2rhyz_l1fgz_220: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 +228,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_2m90q_103.awsui_input-invalid_2rhyz_2m90q_220:not(#\9):focus {
+.awsui_input_2rhyz_l1fgz_103.awsui_input-invalid_2rhyz_l1fgz_220: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_2m90q_103.awsui_input-invalid_2rhyz_2m90q_220.awsui_input-has-icon-left_2rhyz_2m90q_231:not(#\9) {
+.awsui_input_2rhyz_l1fgz_103.awsui_input-invalid_2rhyz_l1fgz_220.awsui_input-has-icon-left_2rhyz_l1fgz_231: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_2m90q_103.awsui_input-warning_2rhyz_2m90q_236:not(#\9) {
+.awsui_input_2rhyz_l1fgz_103.awsui_input-warning_2rhyz_l1fgz_236:not(#\9) {
   color: var(--color-text-status-warning-azn00c, #906806);
   border-color: var(--color-text-status-warning-azn00c, #906806);
   padding-inline-start: calc(
@@ -244,58 +244,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_2m90q_103.awsui_input-warning_2rhyz_2m90q_236:not(#\9):focus {
+.awsui_input_2rhyz_l1fgz_103.awsui_input-warning_2rhyz_l1fgz_236: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_2m90q_103.awsui_input-warning_2rhyz_2m90q_236.awsui_input-has-icon-left_2rhyz_2m90q_231:not(#\9) {
+.awsui_input_2rhyz_l1fgz_103.awsui_input-warning_2rhyz_l1fgz_236.awsui_input-has-icon-left_2rhyz_l1fgz_231: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_2m90q_103.awsui_input-type-search_2rhyz_2m90q_252:not(#\9) {
+.awsui_input_2rhyz_l1fgz_103.awsui_input-type-search_2rhyz_l1fgz_252:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_2m90q_103.awsui_input-type-search_2rhyz_2m90q_252:not(#\9)::-ms-clear {
-  display: none;
-}
-.awsui_input_2rhyz_2m90q_103.awsui_input-type-search_2rhyz_2m90q_252:not(#\9)::-webkit-search-decoration {
+.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_2m90q_103.awsui_input-type-search_2rhyz_2m90q_252:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_l1fgz_103.awsui_input-type-search_2rhyz_l1fgz_252:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_2m90q_103.awsui_input-has-icon-left_2rhyz_2m90q_231:not(#\9) {
+.awsui_input_2rhyz_l1fgz_103.awsui_input-has-icon-left_2rhyz_l1fgz_231:not(#\9) {
   padding-inline-start: var(--space-field-icon-offset-llp3ak, 32px);
 }
-.awsui_input_2rhyz_2m90q_103.awsui_input-has-icon-right_2rhyz_2m90q_268:not(#\9) {
+.awsui_input_2rhyz_l1fgz_103.awsui_input-has-icon-right_2rhyz_l1fgz_265:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-llp3ak, 32px);
 }
-.awsui_input_2rhyz_2m90q_103.awsui_input-has-no-border-radius_2rhyz_2m90q_271:not(#\9) {
+.awsui_input_2rhyz_l1fgz_103.awsui_input-has-no-border-radius_2rhyz_l1fgz_268: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_2m90q_278:not(#\9) {
+.awsui_input-container_2rhyz_l1fgz_275:not(#\9) {
   display: flex;
   position: relative;
 }
-.awsui_input-icon-left_2rhyz_2m90q_283:not(#\9) {
+.awsui_input-icon-left_2rhyz_l1fgz_280: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_2m90q_290:not(#\9) {
+.awsui_input-icon-right_2rhyz_l1fgz_287: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_2m90q_296:not(#\9) {
+.awsui_input-button-right_2rhyz_l1fgz_293: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_2m90q_99",
-  "input": "awsui_input_2rhyz_2m90q_103",
-  "input-readonly": "awsui_input-readonly_2rhyz_2m90q_153",
-  "input-invalid": "awsui_input-invalid_2rhyz_2m90q_220",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_2m90q_231",
-  "input-warning": "awsui_input-warning_2rhyz_2m90q_236",
-  "input-type-search": "awsui_input-type-search_2rhyz_2m90q_252",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_2m90q_268",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_2m90q_271",
-  "input-container": "awsui_input-container_2rhyz_2m90q_278",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_2m90q_283",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_2m90q_290",
-  "input-button-right": "awsui_input-button-right_2rhyz_2m90q_296"
+  "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"
 };