npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1256 → 3.0.1258 - Mend

@cloudscape-design/components-themeable 3.0.1256 → 3.0.1258

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

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

@@ -158,7 +158,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
 */
-@keyframes awsui_modal-slide-up_1d2i7_1qty0_1 {
+@keyframes awsui_modal-slide-up_1d2i7_g5o4p_1 {
   0% {
     transform: translate(0, 10px);
   }
@@ -166,12 +166,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: translate(0, 0);
   }
 }
-.awsui_dialog_1d2i7_1qty0_169:not(#\9) {
-  animation: awsui_modal-slide-up_1d2i7_1qty0_1 var(--motion-duration-slow-cxexcj, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_1qty0_1 var(--motion-duration-slow-cxexcj, 180ms) ease-out;
+.awsui_dialog_1d2i7_g5o4p_169:not(#\9) {
+  animation: awsui_modal-slide-up_1d2i7_g5o4p_1 var(--motion-duration-slow-cxexcj, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_g5o4p_1 var(--motion-duration-slow-cxexcj, 180ms) ease-out;
   animation-delay: var(--motion-duration-fast-okdxjh, 90ms);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_1qty0_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_g5o4p_1 {
   from {
     opacity: 0;
   }
@@ -180,22 +180,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_1qty0_169:not(#\9) {
+  .awsui_dialog_1d2i7_g5o4p_169:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_1qty0_169:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_1qty0_169:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_g5o4p_169:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_g5o4p_169:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dialog_1d2i7_1qty0_169.awsui_refresh_1d2i7_1qty0_192:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_1d2i7_1qty0_1, awsui_awsui-motion-fade-in-0_1d2i7_1qty0_1;
+.awsui_dialog_1d2i7_g5o4p_169.awsui_refresh_1d2i7_g5o4p_192:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_1d2i7_g5o4p_1, awsui_awsui-motion-fade-in-0_1d2i7_g5o4p_1;
   animation-duration: var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
   animation-timing-function: var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_1qty0_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_g5o4p_1 {
   from {
     opacity: 0;
   }
@@ -203,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 1;
   }
 }
-@keyframes awsui_awsui-motion-scale-popup_1d2i7_1qty0_1 {
+@keyframes awsui_awsui-motion-scale-popup_1d2i7_g5o4p_1 {
   0% {
     transform: scale(0.95);
   }
@@ -212,21 +212,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_1qty0_169.awsui_refresh_1d2i7_1qty0_192:not(#\9) {
+  .awsui_dialog_1d2i7_g5o4p_169.awsui_refresh_1d2i7_g5o4p_192:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_1qty0_169.awsui_refresh_1d2i7_1qty0_192:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_1qty0_169.awsui_refresh_1d2i7_1qty0_192:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_g5o4p_169.awsui_refresh_1d2i7_g5o4p_192:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_g5o4p_169.awsui_refresh_1d2i7_g5o4p_192:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1d2i7_1qty0_225:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_1d2i7_1qty0_1 var(--motion-duration-extra-slow-j8l6m4, 270ms) ease-out;
+.awsui_root_1d2i7_g5o4p_225:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_1d2i7_g5o4p_1 var(--motion-duration-extra-slow-j8l6m4, 270ms) ease-out;
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in_1d2i7_1qty0_1 {
+@keyframes awsui_awsui-motion-fade-in_1d2i7_g5o4p_1 {
   from {
     opacity: 0.2;
   }
@@ -235,30 +235,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_1qty0_225:not(#\9) {
+  .awsui_root_1d2i7_g5o4p_225:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_1qty0_225:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_1qty0_225:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_g5o4p_225:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_g5o4p_225:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1d2i7_1qty0_225.awsui_refresh_1d2i7_1qty0_192:not(#\9) {
+.awsui_root_1d2i7_g5o4p_225.awsui_refresh_1d2i7_g5o4p_192:not(#\9) {
   animation-duration: var(--motion-duration-refresh-only-fast-v9rk6z, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_1qty0_225.awsui_refresh_1d2i7_1qty0_192:not(#\9) {
+  .awsui_root_1d2i7_g5o4p_225.awsui_refresh_1d2i7_g5o4p_192:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_1qty0_225.awsui_refresh_1d2i7_1qty0_192:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_1qty0_225.awsui_refresh_1d2i7_1qty0_192:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_g5o4p_225.awsui_refresh_1d2i7_g5o4p_192:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_g5o4p_225.awsui_refresh_1d2i7_g5o4p_192:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1d2i7_1qty0_225:not(#\9) {
+.awsui_root_1d2i7_g5o4p_225:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -299,11 +299,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: auto;
   cursor: pointer;
 }
-.awsui_root_1d2i7_1qty0_225.awsui_hidden_1d2i7_1qty0_302:not(#\9) {
+.awsui_root_1d2i7_g5o4p_225.awsui_hidden_1d2i7_g5o4p_302:not(#\9) {
   display: none;
 }
-.awsui_focus-lock_1d2i7_1qty0_306:not(#\9) {
+.awsui_focus-lock_1d2i7_g5o4p_306:not(#\9) {
   align-self: flex-start;
   margin-inline: auto;
   padding-block: var(--space-s-4a5hs8, 12px);
@@ -311,14 +311,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 5000;
   pointer-events: none;
 }
-.awsui_focus-lock_1d2i7_1qty0_306.awsui_position-top_1d2i7_1qty0_314:not(#\9) {
+.awsui_focus-lock_1d2i7_g5o4p_306.awsui_position-top_1d2i7_g5o4p_314:not(#\9) {
   margin-block-start: 0;
 }
-.awsui_focus-lock_1d2i7_1qty0_306.awsui_position-center_1d2i7_1qty0_317:not(#\9) {
+.awsui_focus-lock_1d2i7_g5o4p_306.awsui_position-center_1d2i7_g5o4p_317:not(#\9) {
   margin-block: auto;
 }
-.awsui_dialog_1d2i7_1qty0_169:not(#\9) {
+.awsui_dialog_1d2i7_g5o4p_169:not(#\9) {
   position: static;
   inset-block-start: 0;
   transform: translate(0, 0);
@@ -328,35 +328,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 5000;
   pointer-events: all;
 }
-.awsui_dialog_1d2i7_1qty0_169.awsui_small_1d2i7_1qty0_331:not(#\9) {
+.awsui_dialog_1d2i7_g5o4p_169.awsui_small_1d2i7_g5o4p_331:not(#\9) {
   max-inline-size: 320px;
 }
-.awsui_dialog_1d2i7_1qty0_169.awsui_medium_1d2i7_1qty0_334:not(#\9) {
+.awsui_dialog_1d2i7_g5o4p_169.awsui_medium_1d2i7_g5o4p_334:not(#\9) {
   max-inline-size: 600px;
 }
-.awsui_dialog_1d2i7_1qty0_169.awsui_large_1d2i7_1qty0_337:not(#\9) {
+.awsui_dialog_1d2i7_g5o4p_169.awsui_large_1d2i7_g5o4p_337:not(#\9) {
   max-inline-size: 820px;
 }
-.awsui_dialog_1d2i7_1qty0_169.awsui_x-large_1d2i7_1qty0_340:not(#\9) {
+.awsui_dialog_1d2i7_g5o4p_169.awsui_x-large_1d2i7_g5o4p_340:not(#\9) {
   max-inline-size: 1024px;
 }
-.awsui_dialog_1d2i7_1qty0_169.awsui_xx-large_1d2i7_1qty0_343:not(#\9) {
+.awsui_dialog_1d2i7_g5o4p_169.awsui_xx-large_1d2i7_g5o4p_343:not(#\9) {
   max-inline-size: 1280px;
 }
-.awsui_dialog_1d2i7_1qty0_169.awsui_custom-width_1d2i7_1qty0_346:not(#\9) {
-  max-inline-size: var(--awsui-modal-custom-width-n6lfw8);
+.awsui_dialog_1d2i7_g5o4p_169.awsui_custom-width_1d2i7_g5o4p_346:not(#\9) {
+  max-inline-size: var(--awsui-modal-custom-width-hzjhvz);
 }
-.awsui_dialog_1d2i7_1qty0_169.awsui_max_1d2i7_1qty0_349.awsui_breakpoint-xs_1d2i7_1qty0_349:not(#\9) {
+.awsui_dialog_1d2i7_g5o4p_169.awsui_max_1d2i7_g5o4p_349.awsui_breakpoint-xs_1d2i7_g5o4p_349:not(#\9) {
   max-inline-size: calc(100vw - (8 * 10px + var(--space-xxxl-qhelse, 40px)));
   margin-block: auto;
   margin-inline: auto;
 }
-.awsui_dialog_1d2i7_1qty0_169.awsui_custom-height_1d2i7_1qty0_354:not(#\9) {
-  block-size: var(--awsui-modal-custom-height-n6lfw8);
+.awsui_dialog_1d2i7_g5o4p_169.awsui_custom-height_1d2i7_g5o4p_354:not(#\9) {
+  block-size: var(--awsui-modal-custom-height-hzjhvz);
   max-block-size: calc(100vh - 2 * var(--space-s-4a5hs8, 12px));
 }
-.awsui_container_1d2i7_1qty0_359:not(#\9) {
+.awsui_container_1d2i7_g5o4p_359:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -396,27 +396,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
   box-shadow: var(--shadow-modal-pjndl9, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_container_1d2i7_1qty0_359.awsui_custom-height-container_1d2i7_1qty0_399:not(#\9) {
+.awsui_container_1d2i7_g5o4p_359.awsui_custom-height-container_1d2i7_g5o4p_399:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_content_1d2i7_1qty0_405:not(#\9) {
+.awsui_content_1d2i7_g5o4p_405:not(#\9) {
   padding-block-start: var(--space-container-content-top-8fvzh2, 16px);
   padding-block-end: var(--space-modal-content-bottom-pxcvcj, 20px);
   padding-inline: var(--space-modal-horizontal-tieytu, 20px);
 }
-.awsui_content_1d2i7_1qty0_405.awsui_no-paddings_1d2i7_1qty0_410:not(#\9) {
+.awsui_content_1d2i7_g5o4p_405.awsui_no-paddings_1d2i7_g5o4p_410:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_content_1d2i7_1qty0_405.awsui_custom-height-content_1d2i7_1qty0_414:not(#\9) {
+.awsui_content_1d2i7_g5o4p_405.awsui_custom-height-content_1d2i7_g5o4p_414:not(#\9) {
   flex-grow: 1;
   overflow-y: auto;
 }
-.awsui_header_1d2i7_1qty0_419:not(#\9) {
+.awsui_header_1d2i7_g5o4p_419:not(#\9) {
   padding-block-start: var(--space-container-header-top-3cfni8, 12px);
   padding-block-end: var(--space-container-header-bottom-rbnprk, 12px);
   padding-inline: var(--space-modal-horizontal-tieytu, 20px);
@@ -428,11 +428,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: 0;
 }
-.awsui_header--text_1d2i7_1qty0_431:not(#\9) {
+.awsui_header--text_1d2i7_g5o4p_431:not(#\9) {
   /* used in test-utils */
 }
-.awsui_footer_1d2i7_1qty0_435:not(#\9) {
+.awsui_footer_1d2i7_g5o4p_435:not(#\9) {
   border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
   padding-block: var(--space-scaled-s-gjhvjd, 12px);
   padding-inline: var(--space-container-horizontal-ipmk0e, 20px);
@@ -441,23 +441,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-end: 0;
   z-index: 800;
 }
-.awsui_footer--rounded_1d2i7_1qty0_444:not(#\9) {
+.awsui_footer--rounded_1d2i7_g5o4p_444:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
   border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
   border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
 }
-.awsui_footer_1d2i7_1qty0_435:not(#\9):after {
+.awsui_footer_1d2i7_g5o4p_435:not(#\9):after {
   content: "";
   display: table;
   clear: both;
 }
-.awsui_dismiss-control_1d2i7_1qty0_456:not(#\9) {
+.awsui_dismiss-control_1d2i7_g5o4p_456:not(#\9) {
   /* used in test-utils */
 }
-.awsui_modal-open_1d2i7_1qty0_460:not(#\9) {
+.awsui_modal-open_1d2i7_g5o4p_460:not(#\9) {
   overflow: hidden;
   /*
    * When padding-right is added to account for scrollbar being turned

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

@@ -2,36 +2,36 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dialog": "awsui_dialog_1d2i7_1qty0_169",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1qty0_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1qty0_1",
-  "refresh": "awsui_refresh_1d2i7_1qty0_192",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1qty0_1",
-  "root": "awsui_root_1d2i7_1qty0_225",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1qty0_1",
-  "hidden": "awsui_hidden_1d2i7_1qty0_302",
-  "focus-lock": "awsui_focus-lock_1d2i7_1qty0_306",
-  "position-top": "awsui_position-top_1d2i7_1qty0_314",
-  "position-center": "awsui_position-center_1d2i7_1qty0_317",
-  "small": "awsui_small_1d2i7_1qty0_331",
-  "medium": "awsui_medium_1d2i7_1qty0_334",
-  "large": "awsui_large_1d2i7_1qty0_337",
-  "x-large": "awsui_x-large_1d2i7_1qty0_340",
-  "xx-large": "awsui_xx-large_1d2i7_1qty0_343",
-  "custom-width": "awsui_custom-width_1d2i7_1qty0_346",
-  "max": "awsui_max_1d2i7_1qty0_349",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1qty0_349",
-  "custom-height": "awsui_custom-height_1d2i7_1qty0_354",
-  "container": "awsui_container_1d2i7_1qty0_359",
-  "custom-height-container": "awsui_custom-height-container_1d2i7_1qty0_399",
-  "content": "awsui_content_1d2i7_1qty0_405",
-  "no-paddings": "awsui_no-paddings_1d2i7_1qty0_410",
-  "custom-height-content": "awsui_custom-height-content_1d2i7_1qty0_414",
-  "header": "awsui_header_1d2i7_1qty0_419",
-  "header--text": "awsui_header--text_1d2i7_1qty0_431",
-  "footer": "awsui_footer_1d2i7_1qty0_435",
-  "footer--rounded": "awsui_footer--rounded_1d2i7_1qty0_444",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_1qty0_456",
-  "modal-open": "awsui_modal-open_1d2i7_1qty0_460"
+  "dialog": "awsui_dialog_1d2i7_g5o4p_169",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_g5o4p_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_g5o4p_1",
+  "refresh": "awsui_refresh_1d2i7_g5o4p_192",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_g5o4p_1",
+  "root": "awsui_root_1d2i7_g5o4p_225",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_g5o4p_1",
+  "hidden": "awsui_hidden_1d2i7_g5o4p_302",
+  "focus-lock": "awsui_focus-lock_1d2i7_g5o4p_306",
+  "position-top": "awsui_position-top_1d2i7_g5o4p_314",
+  "position-center": "awsui_position-center_1d2i7_g5o4p_317",
+  "small": "awsui_small_1d2i7_g5o4p_331",
+  "medium": "awsui_medium_1d2i7_g5o4p_334",
+  "large": "awsui_large_1d2i7_g5o4p_337",
+  "x-large": "awsui_x-large_1d2i7_g5o4p_340",
+  "xx-large": "awsui_xx-large_1d2i7_g5o4p_343",
+  "custom-width": "awsui_custom-width_1d2i7_g5o4p_346",
+  "max": "awsui_max_1d2i7_g5o4p_349",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_g5o4p_349",
+  "custom-height": "awsui_custom-height_1d2i7_g5o4p_354",
+  "container": "awsui_container_1d2i7_g5o4p_359",
+  "custom-height-container": "awsui_custom-height-container_1d2i7_g5o4p_399",
+  "content": "awsui_content_1d2i7_g5o4p_405",
+  "no-paddings": "awsui_no-paddings_1d2i7_g5o4p_410",
+  "custom-height-content": "awsui_custom-height-content_1d2i7_g5o4p_414",
+  "header": "awsui_header_1d2i7_g5o4p_419",
+  "header--text": "awsui_header--text_1d2i7_g5o4p_431",
+  "footer": "awsui_footer_1d2i7_g5o4p_435",
+  "footer--rounded": "awsui_footer--rounded_1d2i7_g5o4p_444",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_g5o4p_456",
+  "modal-open": "awsui_modal-open_1d2i7_g5o4p_460"
 };

package/lib/internal/template/progress-bar/styles.css.js CHANGED Viewed

@@ -1,23 +1,23 @@
     import './styles.scoped.css';
     export default {
-  "progress": "awsui_progress_11huc_1idgh_189",
-  "result-state": "awsui_result-state_11huc_1idgh_203",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1idgh_1",
-  "root": "awsui_root_11huc_1idgh_225",
-  "with-result-button": "awsui_with-result-button_11huc_1idgh_257",
-  "result-text": "awsui_result-text_11huc_1idgh_261",
-  "result-container-error": "awsui_result-container-error_11huc_1idgh_265",
-  "result-container-success": "awsui_result-container-success_11huc_1idgh_265",
-  "result-button": "awsui_result-button_11huc_1idgh_269",
-  "word-wrap": "awsui_word-wrap_11huc_1idgh_275",
-  "label-flash": "awsui_label-flash_11huc_1idgh_280",
-  "label-key-value": "awsui_label-key-value_11huc_1idgh_284",
-  "flash": "awsui_flash_11huc_1idgh_292",
-  "progress-container": "awsui_progress-container_11huc_1idgh_296",
-  "percentage-container": "awsui_percentage-container_11huc_1idgh_303",
-  "percentage": "awsui_percentage_11huc_1idgh_303",
-  "complete": "awsui_complete_11huc_1idgh_349",
-  "additional-info": "awsui_additional-info_11huc_1idgh_363"
+  "progress": "awsui_progress_11huc_4zzs2_189",
+  "result-state": "awsui_result-state_11huc_4zzs2_203",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_4zzs2_1",
+  "root": "awsui_root_11huc_4zzs2_225",
+  "with-result-button": "awsui_with-result-button_11huc_4zzs2_257",
+  "result-text": "awsui_result-text_11huc_4zzs2_261",
+  "result-container-error": "awsui_result-container-error_11huc_4zzs2_265",
+  "result-container-success": "awsui_result-container-success_11huc_4zzs2_265",
+  "result-button": "awsui_result-button_11huc_4zzs2_269",
+  "word-wrap": "awsui_word-wrap_11huc_4zzs2_275",
+  "label-flash": "awsui_label-flash_11huc_4zzs2_280",
+  "label-key-value": "awsui_label-key-value_11huc_4zzs2_284",
+  "flash": "awsui_flash_11huc_4zzs2_292",
+  "progress-container": "awsui_progress-container_11huc_4zzs2_296",
+  "percentage-container": "awsui_percentage-container_11huc_4zzs2_303",
+  "percentage": "awsui_percentage_11huc_4zzs2_303",
+  "complete": "awsui_complete_11huc_4zzs2_349",
+  "additional-info": "awsui_additional-info_11huc_4zzs2_363"
 };

package/lib/internal/template/progress-bar/styles.scoped.css CHANGED Viewed

@@ -186,27 +186,27 @@ 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_progress_11huc_1idgh_189:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_4zzs2_189:not(#\9)::-webkit-progress-value {
   -webkit-transition: width var(--motion-duration-moderate-24bai8, 135ms) linear;
   transition: width var(--motion-duration-moderate-24bai8, 135ms) linear;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_progress_11huc_1idgh_189:not(#\9)::-webkit-progress-value {
+  .awsui_progress_11huc_4zzs2_189:not(#\9)::-webkit-progress-value {
     animation: none;
     -webkit-transition: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_progress_11huc_1idgh_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_1idgh_189:not(#\9)::-webkit-progress-value {
+.awsui-motion-disabled .awsui_progress_11huc_4zzs2_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_4zzs2_189:not(#\9)::-webkit-progress-value {
   animation: none;
   -webkit-transition: none;
   transition: none;
 }
-.awsui_result-state_11huc_1idgh_203:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_11huc_1idgh_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
+.awsui_result-state_11huc_4zzs2_203:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_11huc_4zzs2_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_11huc_1idgh_1 {
+@keyframes awsui_awsui-motion-fade-in_11huc_4zzs2_1 {
   from {
     opacity: 0.2;
   }
@@ -215,17 +215,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_result-state_11huc_1idgh_203:not(#\9) {
+  .awsui_result-state_11huc_4zzs2_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_result-state_11huc_1idgh_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_1idgh_203:not(#\9) {
+.awsui-motion-disabled .awsui_result-state_11huc_4zzs2_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_4zzs2_203:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_11huc_1idgh_225:not(#\9) {
+.awsui_root_11huc_4zzs2_225:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -257,34 +257,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_with-result-button_11huc_1idgh_257:not(#\9) {
+.awsui_with-result-button_11huc_4zzs2_257:not(#\9) {
   padding-inline-end: var(--space-m-n2lypl, 16px);
 }
-.awsui_result-text_11huc_1idgh_261:not(#\9) {
+.awsui_result-text_11huc_4zzs2_261:not(#\9) {
   /* used in test-utils */
 }
-.awsui_result-container-error_11huc_1idgh_265:not(#\9), .awsui_result-container-success_11huc_1idgh_265:not(#\9) {
+.awsui_result-container-error_11huc_4zzs2_265:not(#\9), .awsui_result-container-success_11huc_4zzs2_265:not(#\9) {
   /* used in test-utils */
 }
-.awsui_result-button_11huc_1idgh_269:not(#\9) {
+.awsui_result-button_11huc_4zzs2_269:not(#\9) {
   display: inline-block;
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: 0;
 }
-.awsui_word-wrap_11huc_1idgh_275:not(#\9) {
+.awsui_word-wrap_11huc_4zzs2_275:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_label-flash_11huc_1idgh_280:not(#\9) {
+.awsui_label-flash_11huc_4zzs2_280:not(#\9) {
   color: inherit;
   font-weight: 700;
 }
-.awsui_label-key-value_11huc_1idgh_284:not(#\9) {
+.awsui_label-key-value_11huc_4zzs2_284:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   font-weight: var(--font-display-label-weight-ise9n2, 400);
@@ -292,18 +292,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-end: var(--space-scaled-xxxs-prgw5k, 2px);
 }
-.awsui_flash_11huc_1idgh_292:not(#\9) {
+.awsui_flash_11huc_4zzs2_292:not(#\9) {
   color: inherit;
 }
-.awsui_progress-container_11huc_1idgh_296:not(#\9) {
+.awsui_progress-container_11huc_4zzs2_296:not(#\9) {
   display: flex;
   align-items: center;
   max-inline-size: 800px;
   block-size: var(--line-height-body-m-bedeoh, 22px);
 }
-.awsui_percentage-container_11huc_1idgh_303:not(#\9) {
+.awsui_percentage-container_11huc_4zzs2_303:not(#\9) {
   inline-size: 33px;
   flex-shrink: 0;
   white-space: nowrap;
@@ -313,56 +313,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
 }
-.awsui_percentage_11huc_1idgh_303:not(#\9) {
+.awsui_percentage_11huc_4zzs2_303:not(#\9) {
   /* used in test-utils */
 }
-.awsui_progress_11huc_1idgh_189:not(#\9) {
+.awsui_progress_11huc_4zzs2_189:not(#\9) {
   inline-size: 100%;
   margin-inline-end: var(--space-s-4a5hs8, 12px);
   min-inline-size: 0;
-  block-size: var(--awsui-progress-bar-height-n6lfw8, 4px);
+  block-size: var(--awsui-progress-bar-height-hzjhvz, 4px);
   border-block: 0;
   border-inline: none;
   box-sizing: border-box;
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
-  border-start-end-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
-  border-end-end-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
-  background-color: var(--awsui-progress-bar-background-color-n6lfw8, var(--color-background-progress-bar-default-kw9ow4, #eaeded));
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
+  border-start-end-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
+  border-end-end-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
+  background-color: var(--awsui-progress-bar-background-color-hzjhvz, var(--color-background-progress-bar-default-kw9ow4, #eaeded));
 }
-.awsui_progress_11huc_1idgh_189:not(#\9)::-webkit-progress-bar {
-  block-size: var(--awsui-progress-bar-height-n6lfw8, 4px);
+.awsui_progress_11huc_4zzs2_189:not(#\9)::-webkit-progress-bar {
+  block-size: var(--awsui-progress-bar-height-hzjhvz, 4px);
   border-block: 0;
   border-inline: none;
   box-sizing: border-box;
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
-  border-start-end-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
-  border-end-end-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
-  background-color: var(--awsui-progress-bar-background-color-n6lfw8, var(--color-background-progress-bar-default-kw9ow4, #eaeded));
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
+  border-start-end-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
+  border-end-end-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
+  background-color: var(--awsui-progress-bar-background-color-hzjhvz, var(--color-background-progress-bar-default-kw9ow4, #eaeded));
 }
-.awsui_progress_11huc_1idgh_189:not(#\9)::-webkit-progress-value {
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+.awsui_progress_11huc_4zzs2_189:not(#\9)::-webkit-progress-value {
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
   border-start-end-radius: 0;
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
   border-end-end-radius: 0;
-  background-color: var(--awsui-progress-value-background-color-n6lfw8, var(--color-background-progress-bar-value-default-1bekh3, #0073bb));
+  background-color: var(--awsui-progress-value-background-color-hzjhvz, var(--color-background-progress-bar-value-default-1bekh3, #0073bb));
 }
-.awsui_progress_11huc_1idgh_189.awsui_complete_11huc_1idgh_349:not(#\9)::-webkit-progress-value {
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
-  border-start-end-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
-  border-end-end-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+.awsui_progress_11huc_4zzs2_189.awsui_complete_11huc_4zzs2_349:not(#\9)::-webkit-progress-value {
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
+  border-start-end-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
+  border-end-end-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
 }
-.awsui_progress_11huc_1idgh_189:not(#\9)::-moz-progress-bar {
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+.awsui_progress_11huc_4zzs2_189:not(#\9)::-moz-progress-bar {
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
   border-start-end-radius: 0;
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-n6lfw8, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-hzjhvz, 10px);
   border-end-end-radius: 0;
-  background-color: var(--awsui-progress-value-background-color-n6lfw8, var(--color-background-progress-bar-value-default-1bekh3, #0073bb));
+  background-color: var(--awsui-progress-value-background-color-hzjhvz, var(--color-background-progress-bar-value-default-1bekh3, #0073bb));
 }
-.awsui_additional-info_11huc_1idgh_363:not(#\9) {
+.awsui_additional-info_11huc_4zzs2_363:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/progress-bar/styles.selectors.js CHANGED Viewed

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "progress": "awsui_progress_11huc_1idgh_189",
-  "result-state": "awsui_result-state_11huc_1idgh_203",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1idgh_1",
-  "root": "awsui_root_11huc_1idgh_225",
-  "with-result-button": "awsui_with-result-button_11huc_1idgh_257",
-  "result-text": "awsui_result-text_11huc_1idgh_261",
-  "result-container-error": "awsui_result-container-error_11huc_1idgh_265",
-  "result-container-success": "awsui_result-container-success_11huc_1idgh_265",
-  "result-button": "awsui_result-button_11huc_1idgh_269",
-  "word-wrap": "awsui_word-wrap_11huc_1idgh_275",
-  "label-flash": "awsui_label-flash_11huc_1idgh_280",
-  "label-key-value": "awsui_label-key-value_11huc_1idgh_284",
-  "flash": "awsui_flash_11huc_1idgh_292",
-  "progress-container": "awsui_progress-container_11huc_1idgh_296",
-  "percentage-container": "awsui_percentage-container_11huc_1idgh_303",
-  "percentage": "awsui_percentage_11huc_1idgh_303",
-  "complete": "awsui_complete_11huc_1idgh_349",
-  "additional-info": "awsui_additional-info_11huc_1idgh_363"
+  "progress": "awsui_progress_11huc_4zzs2_189",
+  "result-state": "awsui_result-state_11huc_4zzs2_203",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_4zzs2_1",
+  "root": "awsui_root_11huc_4zzs2_225",
+  "with-result-button": "awsui_with-result-button_11huc_4zzs2_257",
+  "result-text": "awsui_result-text_11huc_4zzs2_261",
+  "result-container-error": "awsui_result-container-error_11huc_4zzs2_265",
+  "result-container-success": "awsui_result-container-success_11huc_4zzs2_265",
+  "result-button": "awsui_result-button_11huc_4zzs2_269",
+  "word-wrap": "awsui_word-wrap_11huc_4zzs2_275",
+  "label-flash": "awsui_label-flash_11huc_4zzs2_280",
+  "label-key-value": "awsui_label-key-value_11huc_4zzs2_284",
+  "flash": "awsui_flash_11huc_4zzs2_292",
+  "progress-container": "awsui_progress-container_11huc_4zzs2_296",
+  "percentage-container": "awsui_percentage-container_11huc_4zzs2_303",
+  "percentage": "awsui_percentage_11huc_4zzs2_303",
+  "complete": "awsui_complete_11huc_4zzs2_349",
+  "additional-info": "awsui_additional-info_11huc_4zzs2_363"
 };