npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1382 → 3.0.1384 - Mend

@cloudscape-design/components-themeable 3.0.1382 → 3.0.1384

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

package/lib/internal/scss/segmented-control/styles.scss CHANGED Viewed

@@ -43,16 +43,36 @@
     gap: calc(#{seg.$segment-gap} * 2 - #{seg.$segment-divider-width});
   }
-  @include styles.media-breakpoint-down(styles.$breakpoint-x-small) {
-    display: none;
+  &:not(.grouped),
+  &.grouped-only {
+    @include styles.media-breakpoint-down(styles.$breakpoint-x-small) {
+      display: none;
+    }
+  }
+  &.grouped.grouped-vertical {
+    inline-size: 100%;
+    box-sizing: border-box;
+  }
+}
+.grouped {
+  @include styles.grouped-control;
+  &.grouped-horizontal-middle,
+  &.grouped-horizontal-last {
+    border-inline-start: none;
   }
 }
 .select {
   display: none;
-  @include styles.media-breakpoint-down(styles.$breakpoint-x-small) {
-    display: block;
+  &:not(.grouped),
+  &.grouped-only {
+    @include styles.media-breakpoint-down(styles.$breakpoint-x-small) {
+      display: block;
+    }
   }
 }
@@ -60,6 +80,11 @@
   .segment-count-#{$i} {
     // The repeat syntax is not used since it is broken when using with SASS together
     grid-template-columns: repeat(#{$i}, auto);
+    // Distribute segments evenly across the stretched vertical-group width.
+    &.grouped.grouped-vertical {
+      grid-template-columns: repeat(#{$i}, 1fr);
+    }
   }
 }

package/lib/internal/scss/side-navigation/styles.scss CHANGED Viewed

@@ -333,8 +333,20 @@ $content-exit-clip-delay: $content-exit-duration;
   box-sizing: content-box;
 }
+// Icon layout: drop the navigation header's 1px alignment border so the icon lines up with plain links.
+// (The icon-less layout compensates for it via $expandable-icon-negative-margin.)
+.expandable-link-group--expand-icon-end > div:first-child {
+  border-inline-start-width: 0;
+}
+// Collapsed: shrink the header wrapper to the icon square.
+.expandable-link-group--collapsed > div:first-child {
+  padding-inline: 0;
+  margin-inline: 0;
+}
 // Targets the ExpandableSection header wrapper (first child div of the component root).
-.expandable-link-group--active > div:first-child {
+.expandable-link-group--active:not(.expandable-link-group--collapsed) > div:first-child {
   background-color: awsui.$color-background-side-navigation-item-active;
 }
@@ -371,11 +383,6 @@ $content-exit-clip-delay: $content-exit-duration;
         padding-block $content-exit-motion;
     }
   }
-  > :first-child {
-    padding-inline: 0;
-    margin-inline: 0;
-  }
 }
 .section {

package/lib/internal/scss/steps/styles.scss CHANGED Viewed

@@ -187,7 +187,7 @@
       block-size: auto;
       min-block-size: awsui.$space-static-xs;
       inset-inline-end: 0;
-      margin-block: awsui.$space-static-xxs 0;
+      margin-block: 0;
     }
   }

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

@@ -1,32 +1,32 @@
     import './styles.scoped.css';
     export default {
-  "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"
+  "alert": "awsui_alert_mx3cw_184ir_13",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_184ir_1",
+  "root": "awsui_root_mx3cw_184ir_84",
+  "hidden": "awsui_hidden_mx3cw_184ir_119",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_184ir_182",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_184ir_194",
+  "header": "awsui_header_mx3cw_184ir_199",
+  "header-replacement": "awsui_header-replacement_mx3cw_184ir_200",
+  "action": "awsui_action_mx3cw_184ir_204",
+  "action-slot": "awsui_action-slot_mx3cw_184ir_208",
+  "action-button": "awsui_action-button_mx3cw_184ir_209",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_184ir_213",
+  "icon": "awsui_icon_mx3cw_184ir_245",
+  "text": "awsui_text_mx3cw_184ir_249",
+  "message": "awsui_message_mx3cw_184ir_259",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_184ir_263",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_184ir_267",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_184ir_271",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_184ir_275",
+  "content": "awsui_content_mx3cw_184ir_279",
+  "content-replacement": "awsui_content-replacement_mx3cw_184ir_280",
+  "dismiss": "awsui_dismiss_mx3cw_184ir_284",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_184ir_290",
+  "type-error": "awsui_type-error_mx3cw_184ir_294",
+  "type-warning": "awsui_type-warning_mx3cw_184ir_302",
+  "type-success": "awsui_type-success_mx3cw_184ir_310",
+  "type-info": "awsui_type-info_mx3cw_184ir_318"
 };

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_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);
+.awsui_alert_mx3cw_184ir_13:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_184ir_1 var(--motion-duration-show-paced-i87eux, 180ms) var(--motion-easing-show-paced-r4ee22, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_18uda_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_184ir_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_18uda_13:not(#\9) {
+  .awsui_alert_mx3cw_184ir_13:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_18uda_13:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_18uda_13:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_184ir_13:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_184ir_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_18uda_84:not(#\9) {
+.awsui_root_mx3cw_184ir_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_18uda_84.awsui_hidden_mx3cw_18uda_119:not(#\9) {
+.awsui_root_mx3cw_184ir_84.awsui_hidden_mx3cw_184ir_119:not(#\9) {
   display: none;
 }
-.awsui_alert_mx3cw_18uda_13:not(#\9) {
+.awsui_alert_mx3cw_184ir_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_18uda_182:not(#\9) {
+.awsui_alert-wrapper_mx3cw_184ir_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_18uda_119:not(#\9) {
+.awsui_hidden_mx3cw_184ir_119:not(#\9) {
   display: none;
 }
-.awsui_initial-hidden_mx3cw_18uda_194:not(#\9) {
+.awsui_initial-hidden_mx3cw_184ir_194:not(#\9) {
   overflow: hidden;
   block-size: 0;
 }
-.awsui_header_mx3cw_18uda_199:not(#\9),
-.awsui_header-replacement_mx3cw_18uda_200:not(#\9) {
+.awsui_header_mx3cw_184ir_199:not(#\9),
+.awsui_header-replacement_mx3cw_184ir_200:not(#\9) {
   font-weight: var(--font-weight-alert-header-ym3e4s, 700);
 }
-.awsui_action_mx3cw_18uda_204:not(#\9) {
+.awsui_action_mx3cw_184ir_204:not(#\9) {
   white-space: nowrap;
 }
-.awsui_action-slot_mx3cw_18uda_208:not(#\9),
-.awsui_action-button_mx3cw_18uda_209:not(#\9) {
+.awsui_action-slot_mx3cw_184ir_208:not(#\9),
+.awsui_action-button_mx3cw_184ir_209:not(#\9) {
   /* used in test-utils */
 }
-.awsui_alert-focus-wrapper_mx3cw_18uda_213:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_184ir_213:not(#\9) {
   flex: 1;
   min-inline-size: 70%;
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_18uda_213:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_184ir_213:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_18uda_213:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_184ir_213:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_18uda_213:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_184ir_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_18uda_213:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_184ir_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_18uda_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-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)));
+  border-start-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-alert-focus-ring-border-radius-ka4djm, 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-ka4djm, 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-ka4djm, 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-ka4djm, 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-ka4djm, 2px)) var(--awsui-internal-style-focus-ring-color, var(--awsui-alert-focus-ring-border-color-ka4djm, var(--color-border-item-focused-sewkzn, #0073bb)));
 }
 /* awsui:style-api-slot name=icon tokens=color */
-.awsui_icon_mx3cw_18uda_245:not(#\9) {
+.awsui_icon_mx3cw_184ir_245:not(#\9) {
   --awsui-internal-style-color: var(--awsui-style-color);
 }
-.awsui_text_mx3cw_18uda_249:not(#\9) {
+.awsui_text_mx3cw_184ir_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_18uda_249.awsui_icon_mx3cw_18uda_245:not(#\9) {
+.awsui_text_mx3cw_184ir_249.awsui_icon_mx3cw_184ir_245:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_18uda_249.awsui_message_mx3cw_18uda_259:not(#\9) {
+.awsui_text_mx3cw_184ir_249.awsui_message_mx3cw_184ir_259:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-3i2sx2, 0px);
 }
-.awsui_action-wrapped_mx3cw_18uda_263:not(#\9) {
+.awsui_action-wrapped_mx3cw_184ir_263:not(#\9) {
   margin-block-end: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_icon-size-medium_mx3cw_18uda_267 > .awsui_alert-wrapper_mx3cw_18uda_182 > .awsui_action-wrapped_mx3cw_18uda_263:not(#\9) {
+.awsui_icon-size-medium_mx3cw_184ir_267 > .awsui_alert-wrapper_mx3cw_184ir_182 > .awsui_action-wrapped_mx3cw_184ir_263:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-0cbske, 16px) + var(--space-xs-m9b7jf, 8px));
 }
-.awsui_icon-size-big_mx3cw_18uda_271 > .awsui_alert-wrapper_mx3cw_18uda_182 > .awsui_action-wrapped_mx3cw_18uda_263:not(#\9) {
+.awsui_icon-size-big_mx3cw_184ir_271 > .awsui_alert-wrapper_mx3cw_184ir_182 > .awsui_action-wrapped_mx3cw_184ir_263:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-z6z1yl, 32px) + var(--space-xs-m9b7jf, 8px));
 }
-.awsui_icon-size-normal_mx3cw_18uda_275 > .awsui_alert-wrapper_mx3cw_18uda_182 > .awsui_action-wrapped_mx3cw_18uda_263:not(#\9) {
+.awsui_icon-size-normal_mx3cw_184ir_275 > .awsui_alert-wrapper_mx3cw_184ir_182 > .awsui_action-wrapped_mx3cw_184ir_263:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-311gry, 16px) + var(--space-xs-m9b7jf, 8px));
 }
-.awsui_content_mx3cw_18uda_279:not(#\9),
-.awsui_content-replacement_mx3cw_18uda_280:not(#\9) {
+.awsui_content_mx3cw_184ir_279:not(#\9),
+.awsui_content-replacement_mx3cw_184ir_280:not(#\9) {
   /* used in test-utils */
 }
-.awsui_dismiss_mx3cw_18uda_284:not(#\9) {
+.awsui_dismiss_mx3cw_184ir_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_18uda_290:not(#\9) {
+.awsui_dismiss-button_mx3cw_184ir_290:not(#\9) {
   /* used in test-utils */
 }
-.awsui_type-error_mx3cw_18uda_294:not(#\9) {
+.awsui_type-error_mx3cw_184ir_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_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-error_mx3cw_184ir_294 > .awsui_alert-wrapper_mx3cw_184ir_182 > .awsui_alert-focus-wrapper_mx3cw_184ir_213 > .awsui_icon_mx3cw_184ir_245:not(#\9) {
+  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-ka4djm, var(--color-text-alert-icon-error-6ivbnd, #d13212)));
 }
-.awsui_type-warning_mx3cw_18uda_302:not(#\9) {
+.awsui_type-warning_mx3cw_184ir_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_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-warning_mx3cw_184ir_302 > .awsui_alert-wrapper_mx3cw_184ir_182 > .awsui_alert-focus-wrapper_mx3cw_184ir_213 > .awsui_icon_mx3cw_184ir_245:not(#\9) {
+  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-ka4djm, var(--color-text-alert-icon-warning-lan9qr, #906806)));
 }
-.awsui_type-success_mx3cw_18uda_310:not(#\9) {
+.awsui_type-success_mx3cw_184ir_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_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-success_mx3cw_184ir_310 > .awsui_alert-wrapper_mx3cw_184ir_182 > .awsui_alert-focus-wrapper_mx3cw_184ir_213 > .awsui_icon_mx3cw_184ir_245:not(#\9) {
+  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-ka4djm, var(--color-text-alert-icon-success-1ldpm2, #1d8102)));
 }
-.awsui_type-info_mx3cw_18uda_318:not(#\9) {
+.awsui_type-info_mx3cw_184ir_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_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)));
+.awsui_type-info_mx3cw_184ir_318 > .awsui_alert-wrapper_mx3cw_184ir_182 > .awsui_alert-focus-wrapper_mx3cw_184ir_213 > .awsui_icon_mx3cw_184ir_245:not(#\9) {
+  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-ka4djm, 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_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"
+  "alert": "awsui_alert_mx3cw_184ir_13",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_184ir_1",
+  "root": "awsui_root_mx3cw_184ir_84",
+  "hidden": "awsui_hidden_mx3cw_184ir_119",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_184ir_182",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_184ir_194",
+  "header": "awsui_header_mx3cw_184ir_199",
+  "header-replacement": "awsui_header-replacement_mx3cw_184ir_200",
+  "action": "awsui_action_mx3cw_184ir_204",
+  "action-slot": "awsui_action-slot_mx3cw_184ir_208",
+  "action-button": "awsui_action-button_mx3cw_184ir_209",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_184ir_213",
+  "icon": "awsui_icon_mx3cw_184ir_245",
+  "text": "awsui_text_mx3cw_184ir_249",
+  "message": "awsui_message_mx3cw_184ir_259",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_184ir_263",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_184ir_267",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_184ir_271",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_184ir_275",
+  "content": "awsui_content_mx3cw_184ir_279",
+  "content-replacement": "awsui_content-replacement_mx3cw_184ir_280",
+  "dismiss": "awsui_dismiss_mx3cw_184ir_284",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_184ir_290",
+  "type-error": "awsui_type-error_mx3cw_184ir_294",
+  "type-warning": "awsui_type-warning_mx3cw_184ir_302",
+  "type-success": "awsui_type-success_mx3cw_184ir_310",
+  "type-info": "awsui_type-info_mx3cw_184ir_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_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"
+  "annotation": "awsui_annotation_1hpp3_1xpix_9",
+  "next-button": "awsui_next-button_1hpp3_1xpix_10",
+  "previous-button": "awsui_previous-button_1hpp3_1xpix_11",
+  "finish-button": "awsui_finish-button_1hpp3_1xpix_12",
+  "header": "awsui_header_1hpp3_1xpix_13",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1xpix_14",
+  "content": "awsui_content_1hpp3_1xpix_15",
+  "description": "awsui_description_1hpp3_1xpix_19",
+  "actionBar": "awsui_actionBar_1hpp3_1xpix_24",
+  "stepCounter": "awsui_stepCounter_1hpp3_1xpix_31",
+  "divider": "awsui_divider_1hpp3_1xpix_35",
+  "hotspot": "awsui_hotspot_1hpp3_1xpix_39",
+  "icon": "awsui_icon_1hpp3_1xpix_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_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) {
+.awsui_annotation_1hpp3_1xpix_9:not(#\9),
+.awsui_next-button_1hpp3_1xpix_10:not(#\9),
+.awsui_previous-button_1hpp3_1xpix_11:not(#\9),
+.awsui_finish-button_1hpp3_1xpix_12:not(#\9),
+.awsui_header_1hpp3_1xpix_13:not(#\9),
+.awsui_step-counter-content_1hpp3_1xpix_14:not(#\9),
+.awsui_content_1hpp3_1xpix_15:not(#\9) {
   /* used in test-utils */
 }
-.awsui_description_1hpp3_1mlg5_19:not(#\9) {
+.awsui_description_1hpp3_1xpix_19:not(#\9) {
   overflow: hidden;
   margin-block-start: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_actionBar_1hpp3_1mlg5_24:not(#\9) {
+.awsui_actionBar_1hpp3_1xpix_24:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_stepCounter_1hpp3_1mlg5_31:not(#\9) {
+.awsui_stepCounter_1hpp3_1xpix_31:not(#\9) {
   margin-inline-end: 20px;
 }
-.awsui_divider_1hpp3_1mlg5_35:not(#\9) {
+.awsui_divider_1hpp3_1xpix_35:not(#\9) {
   border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
 }
-.awsui_hotspot_1hpp3_1mlg5_39:not(#\9) {
+.awsui_hotspot_1hpp3_1xpix_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-66120l, 40px 0 0 0);
+  scroll-margin: var(--awsui-content-scroll-margin-ka4djm, 40px 0 0 0);
   position: relative;
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_1mlg5_39:not(#\9):before {
+.awsui_hotspot_1hpp3_1xpix_39:not(#\9):before {
   content: "";
   position: absolute;
   inset: calc(-1 * var(--space-xxs-3o1yoq, 4px));
   z-index: 1;
 }
-.awsui_hotspot_1hpp3_1mlg5_39:not(#\9):focus {
+.awsui_hotspot_1hpp3_1xpix_39:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1mlg5_39:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1xpix_39:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1mlg5_39:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1xpix_39:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1mlg5_39:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1xpix_39:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -107,13 +107,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1mlg5_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_1mlg5_39 > .awsui_icon_1hpp3_1mlg5_110:not(#\9) {
+.awsui_hotspot_1hpp3_1xpix_39 > .awsui_icon_1hpp3_1xpix_110:not(#\9) {
   position: relative;
   stroke: var(--color-text-tutorial-hotspot-default-wh1ngd, #0073bb);
 }
-.awsui_hotspot_1hpp3_1mlg5_39:not(#\9):hover > .awsui_icon_1hpp3_1mlg5_110 {
+.awsui_hotspot_1hpp3_1xpix_39:not(#\9):hover > .awsui_icon_1hpp3_1xpix_110 {
   stroke: var(--color-text-tutorial-hotspot-hover-azi6ck, #0a4a74);
 }
-.awsui_hotspot_1hpp3_1mlg5_39:not(#\9):active > .awsui_icon_1hpp3_1mlg5_110 {
+.awsui_hotspot_1hpp3_1xpix_39:not(#\9):active > .awsui_icon_1hpp3_1xpix_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_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"
+  "annotation": "awsui_annotation_1hpp3_1xpix_9",
+  "next-button": "awsui_next-button_1hpp3_1xpix_10",
+  "previous-button": "awsui_previous-button_1hpp3_1xpix_11",
+  "finish-button": "awsui_finish-button_1hpp3_1xpix_12",
+  "header": "awsui_header_1hpp3_1xpix_13",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1xpix_14",
+  "content": "awsui_content_1hpp3_1xpix_15",
+  "description": "awsui_description_1hpp3_1xpix_19",
+  "actionBar": "awsui_actionBar_1hpp3_1xpix_24",
+  "stepCounter": "awsui_stepCounter_1hpp3_1xpix_31",
+  "divider": "awsui_divider_1hpp3_1xpix_35",
+  "hotspot": "awsui_hotspot_1hpp3_1xpix_39",
+  "icon": "awsui_icon_1hpp3_1xpix_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_179s4_5",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_179s4_6",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_179s4_21"
+  "notifications": "awsui_notifications_1hmm4_zmmyp_5",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_zmmyp_6",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_zmmyp_21"
 };