npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1130 → 3.0.1132 - Mend

@cloudscape-design/components-themeable 3.0.1130 → 3.0.1132

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

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

@@ -190,10 +190,10 @@ 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_alert_mx3cw_1yivi_193:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_1yivi_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
+.awsui_alert_mx3cw_1bu84_193:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_1bu84_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_1yivi_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_1bu84_1 {
   from {
     opacity: 0.2;
   }
@@ -202,17 +202,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_1yivi_193:not(#\9) {
+  .awsui_alert_mx3cw_1bu84_193:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_1yivi_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1yivi_193:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_1bu84_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1bu84_193:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_mx3cw_1yivi_215:not(#\9) {
+.awsui_root_mx3cw_1bu84_215:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -247,11 +247,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_1yivi_215.awsui_hidden_mx3cw_1yivi_250:not(#\9) {
+.awsui_root_mx3cw_1bu84_215.awsui_hidden_mx3cw_1bu84_250:not(#\9) {
   display: none;
 }
-.awsui_alert_mx3cw_1yivi_193:not(#\9) {
+.awsui_alert_mx3cw_1bu84_193:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -293,10 +293,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-alert-vertical-7hsinh, 12px);
   padding-inline: var(--space-alert-horizontal-vvafy5, 20px);
   background-color: var(--color-background-container-content-aemn43, #ffffff);
-  --awsui-alert-focus-ring-box-shadow-lqnbqg: 0 0 0 var(--awsui-alert-focus-ring-border-width-lqnbqg, 2px) var(--awsui-alert-focus-ring-border-color-lqnbqg, var(--color-border-item-focused-r5f6xl, #0073bb));
+  --awsui-alert-focus-ring-box-shadow-b75yp7: 0 0 0 var(--awsui-alert-focus-ring-border-width-b75yp7, 2px) var(--awsui-alert-focus-ring-border-color-b75yp7, var(--color-border-item-focused-r5f6xl, #0073bb));
 }
-.awsui_alert-wrapper_mx3cw_1yivi_299:not(#\9) {
+.awsui_alert-wrapper_mx3cw_1bu84_299:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: row;
@@ -304,46 +304,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   column-gap: var(--space-alert-action-left-ii45xs, 20px);
 }
-.awsui_hidden_mx3cw_1yivi_250:not(#\9) {
+.awsui_hidden_mx3cw_1bu84_250:not(#\9) {
   display: none;
 }
-.awsui_initial-hidden_mx3cw_1yivi_311:not(#\9) {
+.awsui_initial-hidden_mx3cw_1bu84_311:not(#\9) {
   overflow: hidden;
   block-size: 0;
 }
-.awsui_header_mx3cw_1yivi_316:not(#\9),
-.awsui_header-replacement_mx3cw_1yivi_317:not(#\9) {
+.awsui_header_mx3cw_1bu84_316:not(#\9),
+.awsui_header-replacement_mx3cw_1bu84_317:not(#\9) {
   font-weight: 700;
 }
-.awsui_action_mx3cw_1yivi_321:not(#\9) {
+.awsui_action_mx3cw_1bu84_321:not(#\9) {
   white-space: nowrap;
 }
-.awsui_action-slot_mx3cw_1yivi_325:not(#\9),
-.awsui_action-button_mx3cw_1yivi_326:not(#\9) {
+.awsui_action-slot_mx3cw_1bu84_325:not(#\9),
+.awsui_action-button_mx3cw_1bu84_326:not(#\9) {
   /* used in test-utils */
 }
-.awsui_alert-focus-wrapper_mx3cw_1yivi_330:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_1bu84_330:not(#\9) {
   flex: 1;
   min-inline-size: 70%;
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_1yivi_330:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_1bu84_330:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1yivi_330:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1bu84_330:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1yivi_330:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1bu84_330:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-vsdlzg, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1yivi_330:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1bu84_330:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -351,85 +351,85 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1yivi_330:n
   inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-vsdlzg, 3px));
   inline-size: calc(100% + var(--space-button-focus-outline-gutter-vsdlzg, 3px) + var(--space-button-focus-outline-gutter-vsdlzg, 3px));
   block-size: calc(100% + var(--space-button-focus-outline-gutter-vsdlzg, 3px) + var(--space-button-focus-outline-gutter-vsdlzg, 3px));
-  border-start-start-radius: var(--awsui-alert-focus-ring-border-radius-lqnbqg, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-lqnbqg, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-lqnbqg, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-lqnbqg, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  box-shadow: var(--awsui-alert-focus-ring-box-shadow-lqnbqg);
+  border-start-start-radius: var(--awsui-alert-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-b75yp7, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  box-shadow: var(--awsui-alert-focus-ring-box-shadow-b75yp7);
 }
-.awsui_text_mx3cw_1yivi_361:not(#\9) {
+.awsui_text_mx3cw_1bu84_361:not(#\9) {
   min-inline-size: 0;
   padding-block: var(--border-width-button-40y1n5, 1px);
   padding-inline: 0;
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: var(--space-xxs-jnczic, 4px);
 }
-.awsui_text_mx3cw_1yivi_361.awsui_icon_mx3cw_1yivi_368:not(#\9) {
+.awsui_text_mx3cw_1bu84_361.awsui_icon_mx3cw_1bu84_368:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_1yivi_361.awsui_message_mx3cw_1yivi_371:not(#\9) {
+.awsui_text_mx3cw_1bu84_361.awsui_message_mx3cw_1bu84_371:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-ipx6aa, 0px);
 }
-.awsui_action-wrapped_mx3cw_1yivi_375:not(#\9) {
+.awsui_action-wrapped_mx3cw_1bu84_375:not(#\9) {
   margin-block-end: var(--space-xxs-jnczic, 4px);
 }
-.awsui_icon-size-medium_mx3cw_1yivi_379 > .awsui_alert-wrapper_mx3cw_1yivi_299 > .awsui_action-wrapped_mx3cw_1yivi_375:not(#\9) {
+.awsui_icon-size-medium_mx3cw_1bu84_379 > .awsui_alert-wrapper_mx3cw_1bu84_299 > .awsui_action-wrapped_mx3cw_1bu84_375:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-3ovt3t, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_icon-size-big_mx3cw_1yivi_383 > .awsui_alert-wrapper_mx3cw_1yivi_299 > .awsui_action-wrapped_mx3cw_1yivi_375:not(#\9) {
+.awsui_icon-size-big_mx3cw_1bu84_383 > .awsui_alert-wrapper_mx3cw_1bu84_299 > .awsui_action-wrapped_mx3cw_1bu84_375:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-hnqj8f, 32px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_icon-size-normal_mx3cw_1yivi_387 > .awsui_alert-wrapper_mx3cw_1yivi_299 > .awsui_action-wrapped_mx3cw_1yivi_375:not(#\9) {
+.awsui_icon-size-normal_mx3cw_1bu84_387 > .awsui_alert-wrapper_mx3cw_1bu84_299 > .awsui_action-wrapped_mx3cw_1bu84_375:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_content_mx3cw_1yivi_391:not(#\9),
-.awsui_content-replacement_mx3cw_1yivi_392:not(#\9) {
+.awsui_content_mx3cw_1bu84_391:not(#\9),
+.awsui_content-replacement_mx3cw_1bu84_392:not(#\9) {
   /* used in test-utils */
 }
-.awsui_dismiss_mx3cw_1yivi_396:not(#\9) {
+.awsui_dismiss_mx3cw_1bu84_396:not(#\9) {
   margin-inline-end: calc(-1 * var(--space-xxs-jnczic, 4px));
   margin-inline-start: var(--space-s-4a5hs8, 12px);
 }
-.awsui_dismiss-button_mx3cw_1yivi_401:not(#\9) {
+.awsui_dismiss-button_mx3cw_1bu84_401:not(#\9) {
   /* used in test-utils */
 }
-.awsui_type-error_mx3cw_1yivi_405:not(#\9) {
+.awsui_type-error_mx3cw_1bu84_405:not(#\9) {
   border-color: var(--color-border-status-error-jybbdz, #d13212);
   background-color: var(--color-background-status-error-5i5ikf, #fdf3f1);
 }
-.awsui_type-error_mx3cw_1yivi_405 > .awsui_alert-wrapper_mx3cw_1yivi_299 > .awsui_alert-focus-wrapper_mx3cw_1yivi_330 > .awsui_icon_mx3cw_1yivi_368:not(#\9) {
-  color: var(--awsui-alert-icon-color-lqnbqg, var(--color-text-status-error-aknuvu, #d13212));
+.awsui_type-error_mx3cw_1bu84_405 > .awsui_alert-wrapper_mx3cw_1bu84_299 > .awsui_alert-focus-wrapper_mx3cw_1bu84_330 > .awsui_icon_mx3cw_1bu84_368:not(#\9) {
+  color: var(--awsui-alert-icon-color-b75yp7, var(--color-text-status-error-aknuvu, #d13212));
 }
-.awsui_type-warning_mx3cw_1yivi_413:not(#\9) {
+.awsui_type-warning_mx3cw_1bu84_413:not(#\9) {
   border-color: var(--color-border-status-warning-qmz1c4, #906806);
   background-color: var(--color-background-status-warning-mvw8w7, #fffef0);
 }
-.awsui_type-warning_mx3cw_1yivi_413 > .awsui_alert-wrapper_mx3cw_1yivi_299 > .awsui_alert-focus-wrapper_mx3cw_1yivi_330 > .awsui_icon_mx3cw_1yivi_368:not(#\9) {
-  color: var(--awsui-alert-icon-color-lqnbqg, var(--color-text-status-warning-9b45qh, #906806));
+.awsui_type-warning_mx3cw_1bu84_413 > .awsui_alert-wrapper_mx3cw_1bu84_299 > .awsui_alert-focus-wrapper_mx3cw_1bu84_330 > .awsui_icon_mx3cw_1bu84_368:not(#\9) {
+  color: var(--awsui-alert-icon-color-b75yp7, var(--color-text-status-warning-9b45qh, #906806));
 }
-.awsui_type-success_mx3cw_1yivi_421:not(#\9) {
+.awsui_type-success_mx3cw_1bu84_421:not(#\9) {
   border-color: var(--color-border-status-success-e61wev, #1d8102);
   background-color: var(--color-background-status-success-tkxjye, #f2f8f0);
 }
-.awsui_type-success_mx3cw_1yivi_421 > .awsui_alert-wrapper_mx3cw_1yivi_299 > .awsui_alert-focus-wrapper_mx3cw_1yivi_330 > .awsui_icon_mx3cw_1yivi_368:not(#\9) {
-  color: var(--awsui-alert-icon-color-lqnbqg, var(--color-text-status-success-yodf3z, #1d8102));
+.awsui_type-success_mx3cw_1bu84_421 > .awsui_alert-wrapper_mx3cw_1bu84_299 > .awsui_alert-focus-wrapper_mx3cw_1bu84_330 > .awsui_icon_mx3cw_1bu84_368:not(#\9) {
+  color: var(--awsui-alert-icon-color-b75yp7, var(--color-text-status-success-yodf3z, #1d8102));
 }
-.awsui_type-info_mx3cw_1yivi_429:not(#\9) {
+.awsui_type-info_mx3cw_1bu84_429:not(#\9) {
   border-color: var(--color-border-status-info-kp0iif, #0073bb);
   background-color: var(--color-background-status-info-nzp1n3, #f1faff);
 }
-.awsui_type-info_mx3cw_1yivi_429 > .awsui_alert-wrapper_mx3cw_1yivi_299 > .awsui_alert-focus-wrapper_mx3cw_1yivi_330 > .awsui_icon_mx3cw_1yivi_368:not(#\9) {
-  color: var(--awsui-alert-icon-color-lqnbqg, var(--color-text-status-info-xt2ka7, #0073bb));
+.awsui_type-info_mx3cw_1bu84_429 > .awsui_alert-wrapper_mx3cw_1bu84_299 > .awsui_alert-focus-wrapper_mx3cw_1bu84_330 > .awsui_icon_mx3cw_1bu84_368:not(#\9) {
+  color: var(--awsui-alert-icon-color-b75yp7, var(--color-text-status-info-xt2ka7, #0073bb));
 }

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

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_1yivi_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1yivi_1",
-  "root": "awsui_root_mx3cw_1yivi_215",
-  "hidden": "awsui_hidden_mx3cw_1yivi_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1yivi_299",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_1yivi_311",
-  "header": "awsui_header_mx3cw_1yivi_316",
-  "header-replacement": "awsui_header-replacement_mx3cw_1yivi_317",
-  "action": "awsui_action_mx3cw_1yivi_321",
-  "action-slot": "awsui_action-slot_mx3cw_1yivi_325",
-  "action-button": "awsui_action-button_mx3cw_1yivi_326",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1yivi_330",
-  "text": "awsui_text_mx3cw_1yivi_361",
-  "icon": "awsui_icon_mx3cw_1yivi_368",
-  "message": "awsui_message_mx3cw_1yivi_371",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_1yivi_375",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1yivi_379",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_1yivi_383",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1yivi_387",
-  "content": "awsui_content_mx3cw_1yivi_391",
-  "content-replacement": "awsui_content-replacement_mx3cw_1yivi_392",
-  "dismiss": "awsui_dismiss_mx3cw_1yivi_396",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1yivi_401",
-  "type-error": "awsui_type-error_mx3cw_1yivi_405",
-  "type-warning": "awsui_type-warning_mx3cw_1yivi_413",
-  "type-success": "awsui_type-success_mx3cw_1yivi_421",
-  "type-info": "awsui_type-info_mx3cw_1yivi_429"
+  "alert": "awsui_alert_mx3cw_1bu84_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1bu84_1",
+  "root": "awsui_root_mx3cw_1bu84_215",
+  "hidden": "awsui_hidden_mx3cw_1bu84_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1bu84_299",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_1bu84_311",
+  "header": "awsui_header_mx3cw_1bu84_316",
+  "header-replacement": "awsui_header-replacement_mx3cw_1bu84_317",
+  "action": "awsui_action_mx3cw_1bu84_321",
+  "action-slot": "awsui_action-slot_mx3cw_1bu84_325",
+  "action-button": "awsui_action-button_mx3cw_1bu84_326",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1bu84_330",
+  "text": "awsui_text_mx3cw_1bu84_361",
+  "icon": "awsui_icon_mx3cw_1bu84_368",
+  "message": "awsui_message_mx3cw_1bu84_371",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_1bu84_375",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1bu84_379",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1bu84_383",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1bu84_387",
+  "content": "awsui_content_mx3cw_1bu84_391",
+  "content-replacement": "awsui_content-replacement_mx3cw_1bu84_392",
+  "dismiss": "awsui_dismiss_mx3cw_1bu84_396",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1bu84_401",
+  "type-error": "awsui_type-error_mx3cw_1bu84_405",
+  "type-warning": "awsui_type-warning_mx3cw_1bu84_413",
+  "type-success": "awsui_type-success_mx3cw_1bu84_421",
+  "type-info": "awsui_type-info_mx3cw_1bu84_429"
 };

package/lib/internal/template/annotation-context/annotation/styles.css.js CHANGED Viewed

@@ -1,29 +1,29 @@
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_1xspd_193",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1xspd_197",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1xspd_197",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1xspd_239",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1xspd_239",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1xspd_242",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1xspd_242",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1xspd_245",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1xspd_245",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1xspd_248",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1xspd_248",
-  "annotation": "awsui_annotation_1hpp3_1xspd_252",
-  "next-button": "awsui_next-button_1hpp3_1xspd_253",
-  "previous-button": "awsui_previous-button_1hpp3_1xspd_254",
-  "finish-button": "awsui_finish-button_1hpp3_1xspd_255",
-  "header": "awsui_header_1hpp3_1xspd_256",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1xspd_257",
-  "content": "awsui_content_1hpp3_1xspd_258",
-  "description": "awsui_description_1hpp3_1xspd_262",
-  "actionBar": "awsui_actionBar_1hpp3_1xspd_267",
-  "stepCounter": "awsui_stepCounter_1hpp3_1xspd_274",
-  "divider": "awsui_divider_1hpp3_1xspd_278",
-  "hotspot": "awsui_hotspot_1hpp3_1xspd_282",
-  "icon": "awsui_icon_1hpp3_1xspd_352"
+  "arrow": "awsui_arrow_1hpp3_12arh_193",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_12arh_197",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_12arh_197",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_12arh_239",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_12arh_239",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_12arh_242",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_12arh_242",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_12arh_245",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_12arh_245",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_12arh_248",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_12arh_248",
+  "annotation": "awsui_annotation_1hpp3_12arh_252",
+  "next-button": "awsui_next-button_1hpp3_12arh_253",
+  "previous-button": "awsui_previous-button_1hpp3_12arh_254",
+  "finish-button": "awsui_finish-button_1hpp3_12arh_255",
+  "header": "awsui_header_1hpp3_12arh_256",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_12arh_257",
+  "content": "awsui_content_1hpp3_12arh_258",
+  "description": "awsui_description_1hpp3_12arh_262",
+  "actionBar": "awsui_actionBar_1hpp3_12arh_267",
+  "stepCounter": "awsui_stepCounter_1hpp3_12arh_274",
+  "divider": "awsui_divider_1hpp3_12arh_278",
+  "hotspot": "awsui_hotspot_1hpp3_12arh_282",
+  "icon": "awsui_icon_1hpp3_12arh_352"
 };

package/lib/internal/template/annotation-context/annotation/styles.scoped.css CHANGED Viewed

@@ -190,11 +190,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_arrow_1hpp3_1xspd_193:not(#\9) {
+.awsui_arrow_1hpp3_12arh_193:not(#\9) {
   inline-size: 20px;
   block-size: 10px;
 }
-.awsui_arrow-outer_1hpp3_1xspd_197:not(#\9), .awsui_arrow-inner_1hpp3_1xspd_197:not(#\9) {
+.awsui_arrow-outer_1hpp3_12arh_197:not(#\9), .awsui_arrow-inner_1hpp3_12arh_197:not(#\9) {
   position: absolute;
   overflow: hidden;
   inline-size: 20px;
@@ -203,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after, .awsui_arrow-inner_1hpp3_1xspd_197:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_12arh_197:not(#\9)::after, .awsui_arrow-inner_1hpp3_12arh_197:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -219,67 +219,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_1xspd_197:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_1xspd_197:not(#\9):dir(rtl)::after {
+.awsui_arrow-outer_1hpp3_12arh_197:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_12arh_197:not(#\9):dir(rtl)::after {
   transform: rotate(-45deg);
   transform-origin: 100% 100%;
 }
-.awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_12arh_197:not(#\9)::after {
   background-color: var(--color-border-status-info-kp0iif, #0073bb);
 }
-.awsui_arrow-inner_1hpp3_1xspd_197:not(#\9) {
+.awsui_arrow-inner_1hpp3_12arh_197:not(#\9) {
   inset-block-start: 2px;
 }
-.awsui_arrow-inner_1hpp3_1xspd_197:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_12arh_197:not(#\9)::after {
   border-start-start-radius: 1px;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
   background-color: var(--color-background-status-info-nzp1n3, #f1faff);
 }
-.awsui_arrow-position-right-top_1hpp3_1xspd_239 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1xspd_239 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_12arh_239 > .awsui_arrow-outer_1hpp3_12arh_197:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_12arh_239 > .awsui_arrow-outer_1hpp3_12arh_197:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_1hpp3_1xspd_242 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1xspd_242 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_12arh_242 > .awsui_arrow-outer_1hpp3_12arh_197:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_12arh_242 > .awsui_arrow-outer_1hpp3_12arh_197:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_1hpp3_1xspd_245 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1xspd_245 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_12arh_245 > .awsui_arrow-outer_1hpp3_12arh_197:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_12arh_245 > .awsui_arrow-outer_1hpp3_12arh_197:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_1hpp3_1xspd_248 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1xspd_248 > .awsui_arrow-outer_1hpp3_1xspd_197:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_12arh_248 > .awsui_arrow-outer_1hpp3_12arh_197:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_12arh_248 > .awsui_arrow-outer_1hpp3_12arh_197:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
 }
-.awsui_annotation_1hpp3_1xspd_252:not(#\9),
-.awsui_next-button_1hpp3_1xspd_253:not(#\9),
-.awsui_previous-button_1hpp3_1xspd_254:not(#\9),
-.awsui_finish-button_1hpp3_1xspd_255:not(#\9),
-.awsui_header_1hpp3_1xspd_256:not(#\9),
-.awsui_step-counter-content_1hpp3_1xspd_257:not(#\9),
-.awsui_content_1hpp3_1xspd_258:not(#\9) {
+.awsui_annotation_1hpp3_12arh_252:not(#\9),
+.awsui_next-button_1hpp3_12arh_253:not(#\9),
+.awsui_previous-button_1hpp3_12arh_254:not(#\9),
+.awsui_finish-button_1hpp3_12arh_255:not(#\9),
+.awsui_header_1hpp3_12arh_256:not(#\9),
+.awsui_step-counter-content_1hpp3_12arh_257:not(#\9),
+.awsui_content_1hpp3_12arh_258:not(#\9) {
   /* used in test-utils */
 }
-.awsui_description_1hpp3_1xspd_262:not(#\9) {
+.awsui_description_1hpp3_12arh_262:not(#\9) {
   overflow: hidden;
   margin-block-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_actionBar_1hpp3_1xspd_267:not(#\9) {
+.awsui_actionBar_1hpp3_12arh_267:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_stepCounter_1hpp3_1xspd_274:not(#\9) {
+.awsui_stepCounter_1hpp3_12arh_274:not(#\9) {
   margin-inline-end: 20px;
 }
-.awsui_divider_1hpp3_1xspd_278:not(#\9) {
+.awsui_divider_1hpp3_12arh_278:not(#\9) {
   border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_hotspot_1hpp3_1xspd_282:not(#\9) {
+.awsui_hotspot_1hpp3_12arh_282:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -315,27 +315,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
   cursor: pointer;
-  scroll-margin: var(--awsui-content-scroll-margin-lqnbqg, 40px 0 0 0);
+  scroll-margin: var(--awsui-content-scroll-margin-b75yp7, 40px 0 0 0);
   position: relative;
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_1xspd_282:not(#\9):before {
+.awsui_hotspot_1hpp3_12arh_282:not(#\9):before {
   content: "";
   position: absolute;
   inset: calc(-1 * var(--space-xxs-jnczic, 4px));
 }
-.awsui_hotspot_1hpp3_1xspd_282:not(#\9):focus {
+.awsui_hotspot_1hpp3_12arh_282:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1xspd_282:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_12arh_282:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1xspd_282:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_12arh_282:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1xspd_282:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_12arh_282:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -349,13 +349,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1xspd_282:not(#\9):focu
   border-end-end-radius: var(--border-radius-control-circular-focus-ring-0v2apg, 50%);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_hotspot_1hpp3_1xspd_282 > .awsui_icon_1hpp3_1xspd_352:not(#\9) {
+.awsui_hotspot_1hpp3_12arh_282 > .awsui_icon_1hpp3_12arh_352:not(#\9) {
   position: relative;
   stroke: var(--color-text-tutorial-hotspot-default-ql4c5o, #0073bb);
 }
-.awsui_hotspot_1hpp3_1xspd_282:not(#\9):hover > .awsui_icon_1hpp3_1xspd_352 {
+.awsui_hotspot_1hpp3_12arh_282:not(#\9):hover > .awsui_icon_1hpp3_12arh_352 {
   stroke: var(--color-text-tutorial-hotspot-hover-baiupp, #0a4a74);
 }
-.awsui_hotspot_1hpp3_1xspd_282:not(#\9):active > .awsui_icon_1hpp3_1xspd_352 {
+.awsui_hotspot_1hpp3_12arh_282:not(#\9):active > .awsui_icon_1hpp3_12arh_352 {
   stroke: var(--color-text-tutorial-hotspot-default-ql4c5o, #0073bb);
 }

package/lib/internal/template/annotation-context/annotation/styles.selectors.js CHANGED Viewed

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_1xspd_193",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1xspd_197",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1xspd_197",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1xspd_239",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1xspd_239",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1xspd_242",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1xspd_242",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1xspd_245",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1xspd_245",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1xspd_248",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1xspd_248",
-  "annotation": "awsui_annotation_1hpp3_1xspd_252",
-  "next-button": "awsui_next-button_1hpp3_1xspd_253",
-  "previous-button": "awsui_previous-button_1hpp3_1xspd_254",
-  "finish-button": "awsui_finish-button_1hpp3_1xspd_255",
-  "header": "awsui_header_1hpp3_1xspd_256",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1xspd_257",
-  "content": "awsui_content_1hpp3_1xspd_258",
-  "description": "awsui_description_1hpp3_1xspd_262",
-  "actionBar": "awsui_actionBar_1hpp3_1xspd_267",
-  "stepCounter": "awsui_stepCounter_1hpp3_1xspd_274",
-  "divider": "awsui_divider_1hpp3_1xspd_278",
-  "hotspot": "awsui_hotspot_1hpp3_1xspd_282",
-  "icon": "awsui_icon_1hpp3_1xspd_352"
+  "arrow": "awsui_arrow_1hpp3_12arh_193",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_12arh_197",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_12arh_197",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_12arh_239",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_12arh_239",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_12arh_242",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_12arh_242",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_12arh_245",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_12arh_245",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_12arh_248",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_12arh_248",
+  "annotation": "awsui_annotation_1hpp3_12arh_252",
+  "next-button": "awsui_next-button_1hpp3_12arh_253",
+  "previous-button": "awsui_previous-button_1hpp3_12arh_254",
+  "finish-button": "awsui_finish-button_1hpp3_12arh_255",
+  "header": "awsui_header_1hpp3_12arh_256",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_12arh_257",
+  "content": "awsui_content_1hpp3_12arh_258",
+  "description": "awsui_description_1hpp3_12arh_262",
+  "actionBar": "awsui_actionBar_1hpp3_12arh_267",
+  "stepCounter": "awsui_stepCounter_1hpp3_12arh_274",
+  "divider": "awsui_divider_1hpp3_12arh_278",
+  "hotspot": "awsui_hotspot_1hpp3_12arh_282",
+  "icon": "awsui_icon_1hpp3_12arh_352"
 };

package/lib/internal/template/app-layout/notifications/styles.css.js CHANGED Viewed

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "notifications": "awsui_notifications_1hmm4_1eves_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1eves_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1eves_25"
+  "notifications": "awsui_notifications_1hmm4_1vzg0_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1vzg0_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1vzg0_25"
 };

package/lib/internal/template/app-layout/notifications/styles.scoped.css CHANGED Viewed

@@ -6,26 +6,26 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_1hmm4_1eves_9:not(#\9),
-.awsui_notifications-sticky_1hmm4_1eves_10:not(#\9) {
+.awsui_notifications_1hmm4_1vzg0_9:not(#\9),
+.awsui_notifications-sticky_1hmm4_1vzg0_10:not(#\9) {
   z-index: 850;
 }
-.awsui_notifications_1hmm4_1eves_9:not(#\9) {
+.awsui_notifications_1hmm4_1vzg0_9:not(#\9) {
   /* This is necessary for the z-index to have effect */
   position: relative;
 }
-.awsui_notifications-sticky_1hmm4_1eves_10:not(#\9) {
+.awsui_notifications-sticky_1hmm4_1vzg0_10:not(#\9) {
   inset-block-start: 0;
   position: sticky;
-  --awsui-flashbar-sticky-bottom-margin-lqnbqg: var(--space-xxl-q0lyvp, 32px);
+  --awsui-flashbar-sticky-bottom-margin-b75yp7: var(--space-xxl-q0lyvp, 32px);
 }
-.awsui_no-content-paddings_1hmm4_1eves_25:not(#\9) {
+.awsui_no-content-paddings_1hmm4_1vzg0_25:not(#\9) {
   /*
   When using the disableContentPaddings option, the Flashbar will use this custom property to add additional space
   when the notification bar is rendered, to prevent it from overlapping the content.
    */
-  --awsui-stacked-notifications-bottom-margin-lqnbqg: var(--space-scaled-l-66n9sr, 20px);
+  --awsui-stacked-notifications-bottom-margin-b75yp7: var(--space-scaled-l-66n9sr, 20px);
 }

package/lib/internal/template/app-layout/notifications/styles.selectors.js CHANGED Viewed

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "notifications": "awsui_notifications_1hmm4_1eves_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1eves_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1eves_25"
+  "notifications": "awsui_notifications_1hmm4_1vzg0_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1vzg0_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1vzg0_25"
 };