npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1359 → 3.0.1361 - Mend

@cloudscape-design/components-themeable 3.0.1359 → 3.0.1361

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

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

@@ -10,10 +10,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_1l3uv_13:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_1l3uv_1 var(--motion-duration-show-paced-i87eux, 180ms) var(--motion-easing-show-paced-r4ee22, ease-out);
+.awsui_alert_mx3cw_18uda_13:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_18uda_1 var(--motion-duration-show-paced-i87eux, 180ms) var(--motion-easing-show-paced-r4ee22, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_1l3uv_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_18uda_1 {
   from {
     opacity: 0.2;
   }
@@ -22,12 +22,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_1l3uv_13:not(#\9) {
+  .awsui_alert_mx3cw_18uda_13:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_1l3uv_13:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1l3uv_13:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_18uda_13:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_18uda_13:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -81,7 +81,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inherits: false;
 }
 /* awsui:style-api-slot name=root tokens=color, background-color, border-color, border-width, border-radius, padding-block, padding-inline, focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-gutter-block, focus-ring-gutter-inline */
-.awsui_root_mx3cw_1l3uv_84:not(#\9) {
+.awsui_root_mx3cw_18uda_84:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -116,11 +116,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_1l3uv_84.awsui_hidden_mx3cw_1l3uv_119:not(#\9) {
+.awsui_root_mx3cw_18uda_84.awsui_hidden_mx3cw_18uda_119:not(#\9) {
   display: none;
 }
-.awsui_alert_mx3cw_1l3uv_13:not(#\9) {
+.awsui_alert_mx3cw_18uda_13:not(#\9) {
   --awsui-internal-style-color: var(--awsui-style-color);
   --awsui-internal-style-background-color: var(--awsui-style-background-color);
   --awsui-internal-style-border-color: var(--awsui-style-border-color);
@@ -179,7 +179,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--awsui-internal-style-background-color, var(--color-background-container-content-mjfil9, #ffffff));
 }
-.awsui_alert-wrapper_mx3cw_1l3uv_182:not(#\9) {
+.awsui_alert-wrapper_mx3cw_18uda_182:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: row;
@@ -187,46 +187,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   column-gap: var(--space-alert-action-left-6trzof, 20px);
 }
-.awsui_hidden_mx3cw_1l3uv_119:not(#\9) {
+.awsui_hidden_mx3cw_18uda_119:not(#\9) {
   display: none;
 }
-.awsui_initial-hidden_mx3cw_1l3uv_194:not(#\9) {
+.awsui_initial-hidden_mx3cw_18uda_194:not(#\9) {
   overflow: hidden;
   block-size: 0;
 }
-.awsui_header_mx3cw_1l3uv_199:not(#\9),
-.awsui_header-replacement_mx3cw_1l3uv_200:not(#\9) {
+.awsui_header_mx3cw_18uda_199:not(#\9),
+.awsui_header-replacement_mx3cw_18uda_200:not(#\9) {
   font-weight: var(--font-weight-alert-header-ym3e4s, 700);
 }
-.awsui_action_mx3cw_1l3uv_204:not(#\9) {
+.awsui_action_mx3cw_18uda_204:not(#\9) {
   white-space: nowrap;
 }
-.awsui_action-slot_mx3cw_1l3uv_208:not(#\9),
-.awsui_action-button_mx3cw_1l3uv_209:not(#\9) {
+.awsui_action-slot_mx3cw_18uda_208:not(#\9),
+.awsui_action-button_mx3cw_18uda_209:not(#\9) {
   /* used in test-utils */
 }
-.awsui_alert-focus-wrapper_mx3cw_1l3uv_213:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_18uda_213:not(#\9) {
   flex: 1;
   min-inline-size: 70%;
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_1l3uv_213:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_18uda_213:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1l3uv_213:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_18uda_213:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1l3uv_213:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_18uda_213:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--awsui-internal-style-focus-ring-gutter-inline, var(--space-button-focus-outline-gutter-dzjnny, 3px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1l3uv_213:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_18uda_213:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -234,91 +234,91 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1l3uv_213:n
   inset-block-start: calc(-1 * var(--awsui-internal-style-focus-ring-gutter-block, var(--space-button-focus-outline-gutter-dzjnny, 3px)));
   inline-size: calc(100% + var(--awsui-internal-style-focus-ring-gutter-inline, var(--space-button-focus-outline-gutter-dzjnny, 3px)) + var(--awsui-internal-style-focus-ring-gutter-inline, var(--space-button-focus-outline-gutter-dzjnny, 3px)));
   block-size: calc(100% + var(--awsui-internal-style-focus-ring-gutter-block, var(--space-button-focus-outline-gutter-dzjnny, 3px)) + var(--awsui-internal-style-focus-ring-gutter-block, var(--space-button-focus-outline-gutter-dzjnny, 3px)));
-  border-start-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
-  border-start-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
-  border-end-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
-  border-end-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
-  box-shadow: 0 0 0 var(--awsui-internal-style-focus-ring-width, var(--awsui-alert-focus-ring-border-width-esndbs, 2px)) var(--awsui-internal-style-focus-ring-color, var(--awsui-alert-focus-ring-border-color-esndbs, var(--color-border-item-focused-sewkzn, #0073bb)));
+  border-start-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-alert-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
+  border-start-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-alert-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
+  border-end-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-alert-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
+  border-end-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-alert-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
+  box-shadow: 0 0 0 var(--awsui-internal-style-focus-ring-width, var(--awsui-alert-focus-ring-border-width-66120l, 2px)) var(--awsui-internal-style-focus-ring-color, var(--awsui-alert-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #0073bb)));
 }
 /* awsui:style-api-slot name=icon tokens=color */
-.awsui_icon_mx3cw_1l3uv_245:not(#\9) {
+.awsui_icon_mx3cw_18uda_245:not(#\9) {
   --awsui-internal-style-color: var(--awsui-style-color);
 }
-.awsui_text_mx3cw_1l3uv_249:not(#\9) {
+.awsui_text_mx3cw_18uda_249:not(#\9) {
   min-inline-size: 0;
   padding-block: var(--border-width-button-lffd4t, 1px);
   padding-inline: 0;
   margin-block: var(--space-scaled-xxs-j00t0m, 4px);
   margin-inline: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_text_mx3cw_1l3uv_249.awsui_icon_mx3cw_1l3uv_245:not(#\9) {
+.awsui_text_mx3cw_18uda_249.awsui_icon_mx3cw_18uda_245:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_1l3uv_249.awsui_message_mx3cw_1l3uv_259:not(#\9) {
+.awsui_text_mx3cw_18uda_249.awsui_message_mx3cw_18uda_259:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-3i2sx2, 0px);
 }
-.awsui_action-wrapped_mx3cw_1l3uv_263:not(#\9) {
+.awsui_action-wrapped_mx3cw_18uda_263:not(#\9) {
   margin-block-end: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_icon-size-medium_mx3cw_1l3uv_267 > .awsui_alert-wrapper_mx3cw_1l3uv_182 > .awsui_action-wrapped_mx3cw_1l3uv_263:not(#\9) {
+.awsui_icon-size-medium_mx3cw_18uda_267 > .awsui_alert-wrapper_mx3cw_18uda_182 > .awsui_action-wrapped_mx3cw_18uda_263:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-0cbske, 16px) + var(--space-xs-m9b7jf, 8px));
 }
-.awsui_icon-size-big_mx3cw_1l3uv_271 > .awsui_alert-wrapper_mx3cw_1l3uv_182 > .awsui_action-wrapped_mx3cw_1l3uv_263:not(#\9) {
+.awsui_icon-size-big_mx3cw_18uda_271 > .awsui_alert-wrapper_mx3cw_18uda_182 > .awsui_action-wrapped_mx3cw_18uda_263:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-z6z1yl, 32px) + var(--space-xs-m9b7jf, 8px));
 }
-.awsui_icon-size-normal_mx3cw_1l3uv_275 > .awsui_alert-wrapper_mx3cw_1l3uv_182 > .awsui_action-wrapped_mx3cw_1l3uv_263:not(#\9) {
+.awsui_icon-size-normal_mx3cw_18uda_275 > .awsui_alert-wrapper_mx3cw_18uda_182 > .awsui_action-wrapped_mx3cw_18uda_263:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-311gry, 16px) + var(--space-xs-m9b7jf, 8px));
 }
-.awsui_content_mx3cw_1l3uv_279:not(#\9),
-.awsui_content-replacement_mx3cw_1l3uv_280:not(#\9) {
+.awsui_content_mx3cw_18uda_279:not(#\9),
+.awsui_content-replacement_mx3cw_18uda_280:not(#\9) {
   /* used in test-utils */
 }
-.awsui_dismiss_mx3cw_1l3uv_284:not(#\9) {
+.awsui_dismiss_mx3cw_18uda_284:not(#\9) {
   margin-inline-end: calc(-1 * var(--space-xxs-3o1yoq, 4px));
   margin-inline-start: var(--space-s-kll7oj, 12px);
 }
 /* awsui:style-api-slot name=dismissButton component=button slot=root */
-.awsui_dismiss-button_mx3cw_1l3uv_290:not(#\9) {
+.awsui_dismiss-button_mx3cw_18uda_290:not(#\9) {
   /* used in test-utils */
 }
-.awsui_type-error_mx3cw_1l3uv_294:not(#\9) {
+.awsui_type-error_mx3cw_18uda_294:not(#\9) {
   border-color: var(--awsui-internal-style-border-color, var(--color-border-status-error-nczvil, #d13212));
   background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-error-dpj69i, #fdf3f1));
 }
-.awsui_type-error_mx3cw_1l3uv_294 > .awsui_alert-wrapper_mx3cw_1l3uv_182 > .awsui_alert-focus-wrapper_mx3cw_1l3uv_213 > .awsui_icon_mx3cw_1l3uv_245:not(#\9) {
-  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-error-6ivbnd, #d13212)));
+.awsui_type-error_mx3cw_18uda_294 > .awsui_alert-wrapper_mx3cw_18uda_182 > .awsui_alert-focus-wrapper_mx3cw_18uda_213 > .awsui_icon_mx3cw_18uda_245:not(#\9) {
+  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-66120l, var(--color-text-alert-icon-error-6ivbnd, #d13212)));
 }
-.awsui_type-warning_mx3cw_1l3uv_302:not(#\9) {
+.awsui_type-warning_mx3cw_18uda_302:not(#\9) {
   border-color: var(--awsui-internal-style-border-color, var(--color-border-status-warning-zj1tu9, #906806));
   background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-warning-021z3n, #fffef0));
 }
-.awsui_type-warning_mx3cw_1l3uv_302 > .awsui_alert-wrapper_mx3cw_1l3uv_182 > .awsui_alert-focus-wrapper_mx3cw_1l3uv_213 > .awsui_icon_mx3cw_1l3uv_245:not(#\9) {
-  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-warning-lan9qr, #906806)));
+.awsui_type-warning_mx3cw_18uda_302 > .awsui_alert-wrapper_mx3cw_18uda_182 > .awsui_alert-focus-wrapper_mx3cw_18uda_213 > .awsui_icon_mx3cw_18uda_245:not(#\9) {
+  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-66120l, var(--color-text-alert-icon-warning-lan9qr, #906806)));
 }
-.awsui_type-success_mx3cw_1l3uv_310:not(#\9) {
+.awsui_type-success_mx3cw_18uda_310:not(#\9) {
   border-color: var(--awsui-internal-style-border-color, var(--color-border-status-success-zsy8d6, #1d8102));
   background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-success-9dyn87, #f2f8f0));
 }
-.awsui_type-success_mx3cw_1l3uv_310 > .awsui_alert-wrapper_mx3cw_1l3uv_182 > .awsui_alert-focus-wrapper_mx3cw_1l3uv_213 > .awsui_icon_mx3cw_1l3uv_245:not(#\9) {
-  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-success-1ldpm2, #1d8102)));
+.awsui_type-success_mx3cw_18uda_310 > .awsui_alert-wrapper_mx3cw_18uda_182 > .awsui_alert-focus-wrapper_mx3cw_18uda_213 > .awsui_icon_mx3cw_18uda_245:not(#\9) {
+  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-66120l, var(--color-text-alert-icon-success-1ldpm2, #1d8102)));
 }
-.awsui_type-info_mx3cw_1l3uv_318:not(#\9) {
+.awsui_type-info_mx3cw_18uda_318:not(#\9) {
   border-color: var(--awsui-internal-style-border-color, var(--color-border-status-info-e5c14y, #0073bb));
   background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-info-lqhdg0, #f1faff));
 }
-.awsui_type-info_mx3cw_1l3uv_318 > .awsui_alert-wrapper_mx3cw_1l3uv_182 > .awsui_alert-focus-wrapper_mx3cw_1l3uv_213 > .awsui_icon_mx3cw_1l3uv_245:not(#\9) {
-  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-info-ud5q0o, #0073bb)));
+.awsui_type-info_mx3cw_18uda_318 > .awsui_alert-wrapper_mx3cw_18uda_182 > .awsui_alert-focus-wrapper_mx3cw_18uda_213 > .awsui_icon_mx3cw_18uda_245:not(#\9) {
+  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-66120l, var(--color-text-alert-icon-info-ud5q0o, #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_1l3uv_13",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1l3uv_1",
-  "root": "awsui_root_mx3cw_1l3uv_84",
-  "hidden": "awsui_hidden_mx3cw_1l3uv_119",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1l3uv_182",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_1l3uv_194",
-  "header": "awsui_header_mx3cw_1l3uv_199",
-  "header-replacement": "awsui_header-replacement_mx3cw_1l3uv_200",
-  "action": "awsui_action_mx3cw_1l3uv_204",
-  "action-slot": "awsui_action-slot_mx3cw_1l3uv_208",
-  "action-button": "awsui_action-button_mx3cw_1l3uv_209",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1l3uv_213",
-  "icon": "awsui_icon_mx3cw_1l3uv_245",
-  "text": "awsui_text_mx3cw_1l3uv_249",
-  "message": "awsui_message_mx3cw_1l3uv_259",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_1l3uv_263",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1l3uv_267",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_1l3uv_271",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1l3uv_275",
-  "content": "awsui_content_mx3cw_1l3uv_279",
-  "content-replacement": "awsui_content-replacement_mx3cw_1l3uv_280",
-  "dismiss": "awsui_dismiss_mx3cw_1l3uv_284",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1l3uv_290",
-  "type-error": "awsui_type-error_mx3cw_1l3uv_294",
-  "type-warning": "awsui_type-warning_mx3cw_1l3uv_302",
-  "type-success": "awsui_type-success_mx3cw_1l3uv_310",
-  "type-info": "awsui_type-info_mx3cw_1l3uv_318"
+  "alert": "awsui_alert_mx3cw_18uda_13",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_18uda_1",
+  "root": "awsui_root_mx3cw_18uda_84",
+  "hidden": "awsui_hidden_mx3cw_18uda_119",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_18uda_182",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_18uda_194",
+  "header": "awsui_header_mx3cw_18uda_199",
+  "header-replacement": "awsui_header-replacement_mx3cw_18uda_200",
+  "action": "awsui_action_mx3cw_18uda_204",
+  "action-slot": "awsui_action-slot_mx3cw_18uda_208",
+  "action-button": "awsui_action-button_mx3cw_18uda_209",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_18uda_213",
+  "icon": "awsui_icon_mx3cw_18uda_245",
+  "text": "awsui_text_mx3cw_18uda_249",
+  "message": "awsui_message_mx3cw_18uda_259",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_18uda_263",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_18uda_267",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_18uda_271",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_18uda_275",
+  "content": "awsui_content_mx3cw_18uda_279",
+  "content-replacement": "awsui_content-replacement_mx3cw_18uda_280",
+  "dismiss": "awsui_dismiss_mx3cw_18uda_284",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_18uda_290",
+  "type-error": "awsui_type-error_mx3cw_18uda_294",
+  "type-warning": "awsui_type-warning_mx3cw_18uda_302",
+  "type-success": "awsui_type-success_mx3cw_18uda_310",
+  "type-info": "awsui_type-info_mx3cw_18uda_318"
 };

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

@@ -1,18 +1,18 @@
     import './styles.scoped.css';
     export default {
-  "annotation": "awsui_annotation_1hpp3_k1qdx_9",
-  "next-button": "awsui_next-button_1hpp3_k1qdx_10",
-  "previous-button": "awsui_previous-button_1hpp3_k1qdx_11",
-  "finish-button": "awsui_finish-button_1hpp3_k1qdx_12",
-  "header": "awsui_header_1hpp3_k1qdx_13",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_k1qdx_14",
-  "content": "awsui_content_1hpp3_k1qdx_15",
-  "description": "awsui_description_1hpp3_k1qdx_19",
-  "actionBar": "awsui_actionBar_1hpp3_k1qdx_24",
-  "stepCounter": "awsui_stepCounter_1hpp3_k1qdx_31",
-  "divider": "awsui_divider_1hpp3_k1qdx_35",
-  "hotspot": "awsui_hotspot_1hpp3_k1qdx_39",
-  "icon": "awsui_icon_1hpp3_k1qdx_110"
+  "annotation": "awsui_annotation_1hpp3_1mlg5_9",
+  "next-button": "awsui_next-button_1hpp3_1mlg5_10",
+  "previous-button": "awsui_previous-button_1hpp3_1mlg5_11",
+  "finish-button": "awsui_finish-button_1hpp3_1mlg5_12",
+  "header": "awsui_header_1hpp3_1mlg5_13",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1mlg5_14",
+  "content": "awsui_content_1hpp3_1mlg5_15",
+  "description": "awsui_description_1hpp3_1mlg5_19",
+  "actionBar": "awsui_actionBar_1hpp3_1mlg5_24",
+  "stepCounter": "awsui_stepCounter_1hpp3_1mlg5_31",
+  "divider": "awsui_divider_1hpp3_1mlg5_35",
+  "hotspot": "awsui_hotspot_1hpp3_1mlg5_39",
+  "icon": "awsui_icon_1hpp3_1mlg5_110"
 };

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

@@ -6,37 +6,37 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_annotation_1hpp3_k1qdx_9:not(#\9),
-.awsui_next-button_1hpp3_k1qdx_10:not(#\9),
-.awsui_previous-button_1hpp3_k1qdx_11:not(#\9),
-.awsui_finish-button_1hpp3_k1qdx_12:not(#\9),
-.awsui_header_1hpp3_k1qdx_13:not(#\9),
-.awsui_step-counter-content_1hpp3_k1qdx_14:not(#\9),
-.awsui_content_1hpp3_k1qdx_15:not(#\9) {
+.awsui_annotation_1hpp3_1mlg5_9:not(#\9),
+.awsui_next-button_1hpp3_1mlg5_10:not(#\9),
+.awsui_previous-button_1hpp3_1mlg5_11:not(#\9),
+.awsui_finish-button_1hpp3_1mlg5_12:not(#\9),
+.awsui_header_1hpp3_1mlg5_13:not(#\9),
+.awsui_step-counter-content_1hpp3_1mlg5_14:not(#\9),
+.awsui_content_1hpp3_1mlg5_15:not(#\9) {
   /* used in test-utils */
 }
-.awsui_description_1hpp3_k1qdx_19:not(#\9) {
+.awsui_description_1hpp3_1mlg5_19:not(#\9) {
   overflow: hidden;
   margin-block-start: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_actionBar_1hpp3_k1qdx_24:not(#\9) {
+.awsui_actionBar_1hpp3_1mlg5_24:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_stepCounter_1hpp3_k1qdx_31:not(#\9) {
+.awsui_stepCounter_1hpp3_1mlg5_31:not(#\9) {
   margin-inline-end: 20px;
 }
-.awsui_divider_1hpp3_k1qdx_35:not(#\9) {
+.awsui_divider_1hpp3_1mlg5_35:not(#\9) {
   border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
 }
-.awsui_hotspot_1hpp3_k1qdx_39:not(#\9) {
+.awsui_hotspot_1hpp3_1mlg5_39:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -72,28 +72,28 @@ 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-esndbs, 40px 0 0 0);
+  scroll-margin: var(--awsui-content-scroll-margin-66120l, 40px 0 0 0);
   position: relative;
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_k1qdx_39:not(#\9):before {
+.awsui_hotspot_1hpp3_1mlg5_39:not(#\9):before {
   content: "";
   position: absolute;
   inset: calc(-1 * var(--space-xxs-3o1yoq, 4px));
   z-index: 1;
 }
-.awsui_hotspot_1hpp3_k1qdx_39:not(#\9):focus {
+.awsui_hotspot_1hpp3_1mlg5_39:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_k1qdx_39:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1mlg5_39:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_k1qdx_39:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1mlg5_39:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_k1qdx_39:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1mlg5_39:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -107,13 +107,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_k1qdx_39:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-circular-focus-ring-go6crh, 50%);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_hotspot_1hpp3_k1qdx_39 > .awsui_icon_1hpp3_k1qdx_110:not(#\9) {
+.awsui_hotspot_1hpp3_1mlg5_39 > .awsui_icon_1hpp3_1mlg5_110:not(#\9) {
   position: relative;
   stroke: var(--color-text-tutorial-hotspot-default-wh1ngd, #0073bb);
 }
-.awsui_hotspot_1hpp3_k1qdx_39:not(#\9):hover > .awsui_icon_1hpp3_k1qdx_110 {
+.awsui_hotspot_1hpp3_1mlg5_39:not(#\9):hover > .awsui_icon_1hpp3_1mlg5_110 {
   stroke: var(--color-text-tutorial-hotspot-hover-azi6ck, #0a4a74);
 }
-.awsui_hotspot_1hpp3_k1qdx_39:not(#\9):active > .awsui_icon_1hpp3_k1qdx_110 {
+.awsui_hotspot_1hpp3_1mlg5_39:not(#\9):active > .awsui_icon_1hpp3_1mlg5_110 {
   stroke: var(--color-text-tutorial-hotspot-default-wh1ngd, #0073bb);
 }

package/lib/internal/template/annotation-context/annotation/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 = {
-  "annotation": "awsui_annotation_1hpp3_k1qdx_9",
-  "next-button": "awsui_next-button_1hpp3_k1qdx_10",
-  "previous-button": "awsui_previous-button_1hpp3_k1qdx_11",
-  "finish-button": "awsui_finish-button_1hpp3_k1qdx_12",
-  "header": "awsui_header_1hpp3_k1qdx_13",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_k1qdx_14",
-  "content": "awsui_content_1hpp3_k1qdx_15",
-  "description": "awsui_description_1hpp3_k1qdx_19",
-  "actionBar": "awsui_actionBar_1hpp3_k1qdx_24",
-  "stepCounter": "awsui_stepCounter_1hpp3_k1qdx_31",
-  "divider": "awsui_divider_1hpp3_k1qdx_35",
-  "hotspot": "awsui_hotspot_1hpp3_k1qdx_39",
-  "icon": "awsui_icon_1hpp3_k1qdx_110"
+  "annotation": "awsui_annotation_1hpp3_1mlg5_9",
+  "next-button": "awsui_next-button_1hpp3_1mlg5_10",
+  "previous-button": "awsui_previous-button_1hpp3_1mlg5_11",
+  "finish-button": "awsui_finish-button_1hpp3_1mlg5_12",
+  "header": "awsui_header_1hpp3_1mlg5_13",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1mlg5_14",
+  "content": "awsui_content_1hpp3_1mlg5_15",
+  "description": "awsui_description_1hpp3_1mlg5_19",
+  "actionBar": "awsui_actionBar_1hpp3_1mlg5_24",
+  "stepCounter": "awsui_stepCounter_1hpp3_1mlg5_31",
+  "divider": "awsui_divider_1hpp3_1mlg5_35",
+  "hotspot": "awsui_hotspot_1hpp3_1mlg5_39",
+  "icon": "awsui_icon_1hpp3_1mlg5_110"
 };

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_1jpf4_5",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1jpf4_6",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1jpf4_21"
+  "notifications": "awsui_notifications_1hmm4_179s4_5",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_179s4_6",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_179s4_21"
 };

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

@@ -2,26 +2,26 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_1hmm4_1jpf4_5:not(#\9),
-.awsui_notifications-sticky_1hmm4_1jpf4_6:not(#\9) {
+.awsui_notifications_1hmm4_179s4_5:not(#\9),
+.awsui_notifications-sticky_1hmm4_179s4_6:not(#\9) {
   z-index: 850;
 }
-.awsui_notifications_1hmm4_1jpf4_5:not(#\9) {
+.awsui_notifications_1hmm4_179s4_5:not(#\9) {
   /* This is necessary for the z-index to have effect */
   position: relative;
 }
-.awsui_notifications-sticky_1hmm4_1jpf4_6:not(#\9) {
+.awsui_notifications-sticky_1hmm4_179s4_6:not(#\9) {
   inset-block-start: 0;
   position: sticky;
-  --awsui-flashbar-sticky-bottom-margin-esndbs: var(--space-xxl-xj5vu7, 32px);
+  --awsui-flashbar-sticky-bottom-margin-66120l: var(--space-xxl-xj5vu7, 32px);
 }
-.awsui_no-content-paddings_1hmm4_1jpf4_21:not(#\9) {
+.awsui_no-content-paddings_1hmm4_179s4_21: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-esndbs: var(--space-scaled-l-33ruz6, 20px);
+  --awsui-stacked-notifications-bottom-margin-66120l: var(--space-scaled-l-33ruz6, 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_1jpf4_5",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1jpf4_6",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1jpf4_21"
+  "notifications": "awsui_notifications_1hmm4_179s4_5",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_179s4_6",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_179s4_21"
 };