npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.534 → 3.0.535 - Mend

@cloudscape-design/components-themeable 3.0.534 → 3.0.535

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

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

@@ -36,19 +36,25 @@
 .navigation.refresh {
   grid-column: 1;
   grid-row: 1 / span 2;
-  padding-top: var(#{custom-props.$containerFirstGap}, 0px);
+  padding-block-start: var(#{custom-props.$containerFirstGap}, 0px);
   > ul.refresh {
     background: awsui.$color-background-container-content;
     position: relative;
-    margin: 0;
-    padding: awsui.$space-scaled-xxs 0 0 0;
-    width: 260px;
+    margin-block: 0;
+    margin-inline: 0;
+    padding-block-start: awsui.$space-scaled-xxs;
+    padding-block-end: 0;
+    padding-inline: 0;
+    inline-size: 260px;
     box-sizing: border-box;
     &:not(.remove-high-contrast-header) {
       @include styles.container-style;
-      padding: awsui.$space-scaled-m awsui.$space-l awsui.$space-scaled-l awsui.$space-m;
-      width: 280px;
+      padding-block-start: awsui.$space-scaled-m;
+      padding-block-end: awsui.$space-scaled-l;
+      padding-inline-start: awsui.$space-m;
+      padding-inline-end: awsui.$space-l;
+      inline-size: 280px;
     }
     > li {
@@ -56,14 +62,16 @@
       column-gap: awsui.$space-xs;
       grid-template-columns: awsui.$space-l 1fr;
       grid-template-rows: repeat(2, auto);
-      padding: 0;
+      padding-block: 0;
+      padding-inline: 0;
       > hr {
         background-color: awsui.$color-border-divider-default;
-        border: 0;
+        border-block: 0;
+        border-inline: 0;
         grid-column: 1;
-        height: 100%;
-        width: awsui.$space-xxxs;
+        block-size: 100%;
+        inline-size: awsui.$space-xxxs;
       }
       > .number {
@@ -84,12 +92,15 @@
         grid-template-columns: awsui.$space-l 1fr;
         > .circle {
-          border-radius: 100%;
+          border-start-start-radius: 100%;
+          border-start-end-radius: 100%;
+          border-end-start-radius: 100%;
+          border-end-end-radius: 100%;
           grid-column: 1;
-          height: 10px;
+          block-size: 10px;
           justify-self: center;
-          margin-top: 6px;
-          width: 10px;
+          margin-block-start: 6px;
+          inline-size: 10px;
         }
         > .title {
@@ -108,7 +119,7 @@
     }
     > li:not(:first-child) > .number {
-      margin-top: awsui.$space-m;
+      margin-block-start: awsui.$space-m;
     }
     > li:last-child > hr {
@@ -174,39 +185,40 @@
 .navigation:not(.refresh) {
   color: awsui.$color-text-disabled;
   display: inline-block;
-  margin-right: calc(2 * #{awsui.$space-xxxl});
-  min-width: 20 * styles.$base-size;
-  padding-top: awsui.$space-xxs;
-  width: 20 * styles.$base-size;
+  margin-inline-end: calc(2 * #{awsui.$space-xxxl});
+  min-inline-size: 20 * styles.$base-size;
+  padding-block-start: awsui.$space-xxs;
+  inline-size: 20 * styles.$base-size;
   > ul:not(.refresh) {
     list-style: none;
-    padding: 0;
-    margin: 0;
+    padding-block: 0;
+    padding-inline: 0;
+    margin-block: 0;
+    margin-inline: 0;
     > li {
       @include styles.text-wrapping;
-      padding-bottom: awsui.$space-scaled-m;
-      padding-top: 0;
+      padding-block: 0 awsui.$space-scaled-m;
     }
     > li:not(:first-child) {
-      margin-top: awsui.$space-scaled-m;
+      margin-block-start: awsui.$space-scaled-m;
     }
     > li:not(:last-child) {
-      border-bottom: awsui.$border-divider-list-width solid awsui.$color-border-layout;
+      border-block-end: awsui.$border-divider-list-width solid awsui.$color-border-layout;
     }
   }
 }
 .form:not(.refresh) {
   @include styles.text-wrapping;
-  width: 100%;
+  inline-size: 100%;
   > .form-header {
     position: relative;
-    margin-bottom: awsui.$space-scaled-m;
+    margin-block-end: awsui.$space-scaled-m;
   }
 }
@@ -229,14 +241,14 @@
   }
   > .form-header > .form-header-content {
-    padding-top: calc(var(#{custom-props.$containerFirstGap}, 0px) + awsui.$space-m - awsui.$space-xxxs);
-    padding-bottom: awsui.$space-scaled-s;
+    padding-block-start: calc(var(#{custom-props.$containerFirstGap}, 0px) + awsui.$space-m - awsui.$space-xxxs);
+    padding-block-end: awsui.$space-scaled-s;
   }
   &:not(.remove-high-contrast-header) {
     > .form-header > .form-header-content {
-      padding-top: calc(var(#{custom-props.$containerFirstGap}, 0px) + awsui.$space-s);
-      padding-bottom: awsui.$space-scaled-m;
+      padding-block-start: calc(var(#{custom-props.$containerFirstGap}, 0px) + awsui.$space-s);
+      padding-block-end: awsui.$space-scaled-m;
     }
   }
@@ -251,7 +263,7 @@
     }
     > .form-header > .form-header-content {
-      padding-top: 0;
+      padding-block-start: 0;
     }
     > .form-component {
@@ -267,7 +279,7 @@
 .collapsed-steps {
   color: awsui.$color-text-heading-secondary;
   font-weight: styles.$font-weight-bold;
-  padding-top: awsui.$space-scaled-xxs;
+  padding-block-start: awsui.$space-scaled-xxs;
   &-hidden {
     display: none;
   }

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

@@ -1,30 +1,30 @@
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_jwud7_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_jwud7_1",
-  "root": "awsui_root_mx3cw_jwud7_119",
-  "hidden": "awsui_hidden_mx3cw_jwud7_157",
-  "with-dismiss": "awsui_with-dismiss_mx3cw_jwud7_202",
-  "with-action": "awsui_with-action_mx3cw_jwud7_202",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_jwud7_208",
-  "header": "awsui_header_mx3cw_jwud7_215",
-  "action": "awsui_action_mx3cw_jwud7_219",
-  "action-slot": "awsui_action-slot_mx3cw_jwud7_224",
-  "action-button": "awsui_action-button_mx3cw_jwud7_225",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_jwud7_229",
-  "text": "awsui_text_mx3cw_jwud7_255",
-  "icon": "awsui_icon_mx3cw_jwud7_260",
-  "message": "awsui_message_mx3cw_jwud7_263",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_jwud7_271",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_jwud7_274",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_jwud7_277",
-  "content": "awsui_content_mx3cw_jwud7_281",
-  "dismiss": "awsui_dismiss_mx3cw_jwud7_285",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_jwud7_290",
-  "type-error": "awsui_type-error_mx3cw_jwud7_294",
-  "type-warning": "awsui_type-warning_mx3cw_jwud7_302",
-  "type-success": "awsui_type-success_mx3cw_jwud7_310",
-  "type-info": "awsui_type-info_mx3cw_jwud7_318"
+  "alert": "awsui_alert_mx3cw_d6kbg_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_d6kbg_1",
+  "root": "awsui_root_mx3cw_d6kbg_119",
+  "hidden": "awsui_hidden_mx3cw_d6kbg_157",
+  "with-dismiss": "awsui_with-dismiss_mx3cw_d6kbg_202",
+  "with-action": "awsui_with-action_mx3cw_d6kbg_202",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_d6kbg_208",
+  "header": "awsui_header_mx3cw_d6kbg_215",
+  "action": "awsui_action_mx3cw_d6kbg_219",
+  "action-slot": "awsui_action-slot_mx3cw_d6kbg_224",
+  "action-button": "awsui_action-button_mx3cw_d6kbg_225",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_d6kbg_229",
+  "text": "awsui_text_mx3cw_d6kbg_258",
+  "icon": "awsui_icon_mx3cw_d6kbg_263",
+  "message": "awsui_message_mx3cw_d6kbg_266",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_d6kbg_274",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_d6kbg_277",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_d6kbg_280",
+  "content": "awsui_content_mx3cw_d6kbg_284",
+  "dismiss": "awsui_dismiss_mx3cw_d6kbg_288",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_d6kbg_293",
+  "type-error": "awsui_type-error_mx3cw_d6kbg_297",
+  "type-warning": "awsui_type-warning_mx3cw_d6kbg_305",
+  "type-success": "awsui_type-success_mx3cw_d6kbg_313",
+  "type-info": "awsui_type-info_mx3cw_d6kbg_321"
 };

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

@@ -90,10 +90,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_jwud7_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_jwud7_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
+.awsui_alert_mx3cw_d6kbg_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_d6kbg_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_jwud7_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_d6kbg_1 {
   from {
     opacity: 0.2;
   }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_jwud7_93:not(#\9) {
+  .awsui_alert_mx3cw_d6kbg_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_jwud7_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_jwud7_93:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_d6kbg_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_d6kbg_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -116,7 +116,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_mx3cw_jwud7_119:not(#\9) {
+.awsui_root_mx3cw_d6kbg_119:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -151,15 +151,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
-  max-width: 100%;
+  max-inline-size: 100%;
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_jwud7_119.awsui_hidden_mx3cw_jwud7_157:not(#\9) {
+.awsui_root_mx3cw_d6kbg_119.awsui_hidden_mx3cw_d6kbg_157:not(#\9) {
   display: none;
 }
-.awsui_alert_mx3cw_jwud7_93:not(#\9) {
+.awsui_alert_mx3cw_d6kbg_93:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -201,126 +201,129 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: var(--space-alert-vertical-f4n3qs, 12px) var(--space-alert-horizontal-bwh51v, 20px);
   background-color: var(--color-background-container-content-il2pe5, #ffffff);
 }
-.awsui_alert_mx3cw_jwud7_93.awsui_with-dismiss_mx3cw_jwud7_202:not(#\9), .awsui_alert_mx3cw_jwud7_93.awsui_with-action_mx3cw_jwud7_202:not(#\9) {
+.awsui_alert_mx3cw_d6kbg_93.awsui_with-dismiss_mx3cw_d6kbg_202:not(#\9), .awsui_alert_mx3cw_d6kbg_93.awsui_with-action_mx3cw_d6kbg_202:not(#\9) {
   grid-template-columns: 1fr auto;
 }
-.awsui_alert_mx3cw_jwud7_93.awsui_with-action_mx3cw_jwud7_202.awsui_with-dismiss_mx3cw_jwud7_202:not(#\9) {
+.awsui_alert_mx3cw_d6kbg_93.awsui_with-action_mx3cw_d6kbg_202.awsui_with-dismiss_mx3cw_d6kbg_202:not(#\9) {
   grid-template-columns: 1fr auto auto;
 }
-.awsui_alert_mx3cw_jwud7_93.awsui_breakpoint-default_mx3cw_jwud7_208.awsui_with-action_mx3cw_jwud7_202:not(#\9) {
+.awsui_alert_mx3cw_d6kbg_93.awsui_breakpoint-default_mx3cw_d6kbg_208.awsui_with-action_mx3cw_d6kbg_202:not(#\9) {
   grid-template-columns: 1fr auto;
 }
-.awsui_alert_mx3cw_jwud7_93.awsui_breakpoint-default_mx3cw_jwud7_208:not(#\9):not(.awsui_with-dismiss_mx3cw_jwud7_202) {
+.awsui_alert_mx3cw_d6kbg_93.awsui_breakpoint-default_mx3cw_d6kbg_208:not(#\9):not(.awsui_with-dismiss_mx3cw_d6kbg_202) {
   grid-template-columns: 1fr;
 }
-.awsui_header_mx3cw_jwud7_215:not(#\9) {
+.awsui_header_mx3cw_d6kbg_215:not(#\9) {
   font-weight: 700;
 }
-.awsui_action_mx3cw_jwud7_219:not(#\9) {
+.awsui_action_mx3cw_d6kbg_219:not(#\9) {
   white-space: nowrap;
   margin-left: var(--space-alert-action-left-5t7fct, 20px);
 }
-.awsui_action-slot_mx3cw_jwud7_224:not(#\9),
-.awsui_action-button_mx3cw_jwud7_225:not(#\9) {
+.awsui_action-slot_mx3cw_d6kbg_224:not(#\9),
+.awsui_action-button_mx3cw_d6kbg_225:not(#\9) {
   /* used in test-utils */
 }
-.awsui_alert-focus-wrapper_mx3cw_jwud7_229:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_d6kbg_229:not(#\9) {
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_jwud7_229:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_d6kbg_229:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_jwud7_229:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_d6kbg_229:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_jwud7_229:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_d6kbg_229:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-s68ny8, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_jwud7_229:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_d6kbg_229:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
-  top: calc(-1 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
-  width: calc(100% + 2 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
-  height: calc(100% + 2 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
+  inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
+  inline-size: calc(100% + 2 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
+  block-size: calc(100% + 2 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_text_mx3cw_jwud7_255:not(#\9) {
+.awsui_text_mx3cw_d6kbg_258:not(#\9) {
   min-width: 0;
   padding: var(--border-field-width-yoy972, 1px) 0;
   margin: var(--space-scaled-xxs-t7ij38, 4px) var(--space-xxs-9rrxti, 4px);
 }
-.awsui_text_mx3cw_jwud7_255.awsui_icon_mx3cw_jwud7_260:not(#\9) {
+.awsui_text_mx3cw_d6kbg_258.awsui_icon_mx3cw_d6kbg_263:not(#\9) {
   margin-left: 0;
 }
-.awsui_text_mx3cw_jwud7_255.awsui_message_mx3cw_jwud7_263:not(#\9) {
+.awsui_text_mx3cw_d6kbg_258.awsui_message_mx3cw_d6kbg_266:not(#\9) {
   margin-right: var(--space-alert-message-right-px48tx, 0px);
 }
-.awsui_breakpoint-default_mx3cw_jwud7_208 > .awsui_action_mx3cw_jwud7_219:not(#\9) {
+.awsui_breakpoint-default_mx3cw_d6kbg_208 > .awsui_action_mx3cw_d6kbg_219:not(#\9) {
   grid-row: 2;
   margin-bottom: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_breakpoint-default_mx3cw_jwud7_208.awsui_icon-size-medium_mx3cw_jwud7_271 > .awsui_action_mx3cw_jwud7_219:not(#\9) {
+.awsui_breakpoint-default_mx3cw_d6kbg_208.awsui_icon-size-medium_mx3cw_d6kbg_274 > .awsui_action_mx3cw_d6kbg_219:not(#\9) {
   margin-left: calc(var(--size-icon-medium-6sroof, 16px) + var(--space-xs-xf5ch3, 8px));
 }
-.awsui_breakpoint-default_mx3cw_jwud7_208.awsui_icon-size-big_mx3cw_jwud7_274 > .awsui_action_mx3cw_jwud7_219:not(#\9) {
+.awsui_breakpoint-default_mx3cw_d6kbg_208.awsui_icon-size-big_mx3cw_d6kbg_277 > .awsui_action_mx3cw_d6kbg_219:not(#\9) {
   margin-left: calc(var(--size-icon-big-hyxarq, 32px) + var(--space-xs-xf5ch3, 8px));
 }
-.awsui_breakpoint-default_mx3cw_jwud7_208.awsui_icon-size-normal_mx3cw_jwud7_277 > .awsui_action_mx3cw_jwud7_219:not(#\9) {
+.awsui_breakpoint-default_mx3cw_d6kbg_208.awsui_icon-size-normal_mx3cw_d6kbg_280 > .awsui_action_mx3cw_d6kbg_219:not(#\9) {
   margin-left: calc(var(--size-icon-normal-wflv4k, 16px) + var(--space-xs-xf5ch3, 8px));
 }
-.awsui_content_mx3cw_jwud7_281:not(#\9) {
+.awsui_content_mx3cw_d6kbg_284:not(#\9) {
   /* used in test-utils */
 }
-.awsui_dismiss_mx3cw_jwud7_285:not(#\9) {
+.awsui_dismiss_mx3cw_d6kbg_288:not(#\9) {
   margin-right: calc(-1 * var(--space-xxs-9rrxti, 4px));
   margin-left: var(--space-s-2025hl, 12px);
 }
-.awsui_dismiss-button_mx3cw_jwud7_290:not(#\9) {
+.awsui_dismiss-button_mx3cw_d6kbg_293:not(#\9) {
   /* used in test-utils */
 }
-.awsui_type-error_mx3cw_jwud7_294:not(#\9) {
+.awsui_type-error_mx3cw_d6kbg_297:not(#\9) {
   border-color: var(--color-border-status-error-xj05xm, #d13212);
   background-color: var(--color-background-status-error-oemu7d, #fdf3f1);
 }
-.awsui_type-error_mx3cw_jwud7_294 > .awsui_alert-focus-wrapper_mx3cw_jwud7_229 > .awsui_icon_mx3cw_jwud7_260:not(#\9) {
+.awsui_type-error_mx3cw_d6kbg_297 > .awsui_alert-focus-wrapper_mx3cw_d6kbg_229 > .awsui_icon_mx3cw_d6kbg_263:not(#\9) {
   color: var(--color-text-status-error-ofc4yr, #d13212);
 }
-.awsui_type-warning_mx3cw_jwud7_302:not(#\9) {
+.awsui_type-warning_mx3cw_d6kbg_305:not(#\9) {
   border-color: var(--color-border-status-warning-gda7pe, #906806);
   background-color: var(--color-background-status-warning-c7n5t6, #fffce9);
 }
-.awsui_type-warning_mx3cw_jwud7_302 > .awsui_alert-focus-wrapper_mx3cw_jwud7_229 > .awsui_icon_mx3cw_jwud7_260:not(#\9) {
+.awsui_type-warning_mx3cw_d6kbg_305 > .awsui_alert-focus-wrapper_mx3cw_d6kbg_229 > .awsui_icon_mx3cw_d6kbg_263:not(#\9) {
   color: var(--color-text-status-warning-azn00c, #906806);
 }
-.awsui_type-success_mx3cw_jwud7_310:not(#\9) {
+.awsui_type-success_mx3cw_d6kbg_313:not(#\9) {
   border-color: var(--color-border-status-success-ce6e1e, #1d8102);
   background-color: var(--color-background-status-success-6fu96x, #f2f8f0);
 }
-.awsui_type-success_mx3cw_jwud7_310 > .awsui_alert-focus-wrapper_mx3cw_jwud7_229 > .awsui_icon_mx3cw_jwud7_260:not(#\9) {
+.awsui_type-success_mx3cw_d6kbg_313 > .awsui_alert-focus-wrapper_mx3cw_d6kbg_229 > .awsui_icon_mx3cw_d6kbg_263:not(#\9) {
   color: var(--color-text-status-success-owjbj0, #1d8102);
 }
-.awsui_type-info_mx3cw_jwud7_318:not(#\9) {
+.awsui_type-info_mx3cw_d6kbg_321:not(#\9) {
   border-color: var(--color-border-status-info-q9np44, #0073bb);
   background-color: var(--color-background-status-info-pgxhez, #f1faff);
 }
-.awsui_type-info_mx3cw_jwud7_318 > .awsui_alert-focus-wrapper_mx3cw_jwud7_229 > .awsui_icon_mx3cw_jwud7_260:not(#\9) {
+.awsui_type-info_mx3cw_d6kbg_321 > .awsui_alert-focus-wrapper_mx3cw_d6kbg_229 > .awsui_icon_mx3cw_d6kbg_263:not(#\9) {
   color: var(--color-text-status-info-aq7yd6, #0073bb);
 }

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

@@ -2,30 +2,30 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_jwud7_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_jwud7_1",
-  "root": "awsui_root_mx3cw_jwud7_119",
-  "hidden": "awsui_hidden_mx3cw_jwud7_157",
-  "with-dismiss": "awsui_with-dismiss_mx3cw_jwud7_202",
-  "with-action": "awsui_with-action_mx3cw_jwud7_202",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_jwud7_208",
-  "header": "awsui_header_mx3cw_jwud7_215",
-  "action": "awsui_action_mx3cw_jwud7_219",
-  "action-slot": "awsui_action-slot_mx3cw_jwud7_224",
-  "action-button": "awsui_action-button_mx3cw_jwud7_225",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_jwud7_229",
-  "text": "awsui_text_mx3cw_jwud7_255",
-  "icon": "awsui_icon_mx3cw_jwud7_260",
-  "message": "awsui_message_mx3cw_jwud7_263",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_jwud7_271",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_jwud7_274",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_jwud7_277",
-  "content": "awsui_content_mx3cw_jwud7_281",
-  "dismiss": "awsui_dismiss_mx3cw_jwud7_285",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_jwud7_290",
-  "type-error": "awsui_type-error_mx3cw_jwud7_294",
-  "type-warning": "awsui_type-warning_mx3cw_jwud7_302",
-  "type-success": "awsui_type-success_mx3cw_jwud7_310",
-  "type-info": "awsui_type-info_mx3cw_jwud7_318"
+  "alert": "awsui_alert_mx3cw_d6kbg_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_d6kbg_1",
+  "root": "awsui_root_mx3cw_d6kbg_119",
+  "hidden": "awsui_hidden_mx3cw_d6kbg_157",
+  "with-dismiss": "awsui_with-dismiss_mx3cw_d6kbg_202",
+  "with-action": "awsui_with-action_mx3cw_d6kbg_202",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_d6kbg_208",
+  "header": "awsui_header_mx3cw_d6kbg_215",
+  "action": "awsui_action_mx3cw_d6kbg_219",
+  "action-slot": "awsui_action-slot_mx3cw_d6kbg_224",
+  "action-button": "awsui_action-button_mx3cw_d6kbg_225",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_d6kbg_229",
+  "text": "awsui_text_mx3cw_d6kbg_258",
+  "icon": "awsui_icon_mx3cw_d6kbg_263",
+  "message": "awsui_message_mx3cw_d6kbg_266",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_d6kbg_274",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_d6kbg_277",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_d6kbg_280",
+  "content": "awsui_content_mx3cw_d6kbg_284",
+  "dismiss": "awsui_dismiss_mx3cw_d6kbg_288",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_d6kbg_293",
+  "type-error": "awsui_type-error_mx3cw_d6kbg_297",
+  "type-warning": "awsui_type-warning_mx3cw_d6kbg_305",
+  "type-success": "awsui_type-success_mx3cw_d6kbg_313",
+  "type-info": "awsui_type-info_mx3cw_d6kbg_321"
 };

package/lib/internal/template/anchor-navigation/styles.css.js CHANGED Viewed

@@ -1,13 +1,13 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_swimc_cemj6_93",
-  "anchor-list": "awsui_anchor-list_swimc_cemj6_128",
-  "anchor-item": "awsui_anchor-item_swimc_cemj6_146",
-  "anchor-item--active": "awsui_anchor-item--active_swimc_cemj6_165",
-  "anchor-link": "awsui_anchor-link_swimc_cemj6_179",
-  "anchor-link--active": "awsui_anchor-link--active_swimc_cemj6_218",
-  "anchor-link-text": "awsui_anchor-link-text_swimc_cemj6_225",
-  "anchor-link-info": "awsui_anchor-link-info_swimc_cemj6_229"
+  "root": "awsui_root_swimc_1rqly_93",
+  "anchor-list": "awsui_anchor-list_swimc_1rqly_128",
+  "anchor-item": "awsui_anchor-item_swimc_1rqly_146",
+  "anchor-item--active": "awsui_anchor-item--active_swimc_1rqly_165",
+  "anchor-link": "awsui_anchor-link_swimc_1rqly_179",
+  "anchor-link--active": "awsui_anchor-link--active_swimc_1rqly_221",
+  "anchor-link-text": "awsui_anchor-link-text_swimc_1rqly_228",
+  "anchor-link-info": "awsui_anchor-link-info_swimc_1rqly_232"
 };

package/lib/internal/template/anchor-navigation/styles.scoped.css CHANGED Viewed

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_swimc_cemj6_93:not(#\9) {
+.awsui_root_swimc_1rqly_93:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -126,14 +126,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_anchor-list_swimc_cemj6_128:not(#\9) {
+.awsui_anchor-list_swimc_1rqly_128:not(#\9) {
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   text-indent: 0;
 }
-.awsui_anchor-list_swimc_cemj6_128:not(#\9)::before {
+.awsui_anchor-list_swimc_1rqly_128:not(#\9)::before {
   content: "";
   background-color: var(--color-border-divider-default-in8dkg, #eaeded);
   border-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
@@ -144,7 +144,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 2px;
 }
-.awsui_anchor-item_swimc_cemj6_146:not(#\9) {
+.awsui_anchor-item_swimc_1rqly_146:not(#\9) {
   transition: var(--motion-duration-slow-ncmroz, 180ms);
   transition-property: all;
   font-size: var(--font-size-body-m-pa3mqb, 14px);
@@ -154,19 +154,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: var(--space-scaled-xxs-t7ij38, 4px) 0;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_anchor-item_swimc_cemj6_146:not(#\9) {
+  .awsui_anchor-item_swimc_1rqly_146:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_anchor-item_swimc_cemj6_146:not(#\9), .awsui-mode-entering .awsui_anchor-item_swimc_cemj6_146:not(#\9) {
+.awsui-motion-disabled .awsui_anchor-item_swimc_1rqly_146:not(#\9), .awsui-mode-entering .awsui_anchor-item_swimc_1rqly_146:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_anchor-item--active_swimc_cemj6_165:not(#\9) {
+.awsui_anchor-item--active_swimc_1rqly_165:not(#\9) {
   position: relative;
 }
-.awsui_anchor-item--active_swimc_cemj6_165:not(#\9)::before {
+.awsui_anchor-item--active_swimc_1rqly_165:not(#\9)::before {
   content: "";
   background-color: var(--color-text-accent-yy9054, #0073bb);
   border-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
@@ -177,7 +177,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 2px;
 }
-.awsui_anchor-link_swimc_cemj6_179:not(#\9) {
+.awsui_anchor-link_swimc_1rqly_179:not(#\9) {
   transition: var(--motion-duration-slow-ncmroz, 180ms);
   transition-property: all;
   font-size: var(--font-size-body-m-pa3mqb, 14px);
@@ -190,44 +190,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_anchor-link_swimc_cemj6_179:not(#\9) {
+  .awsui_anchor-link_swimc_1rqly_179:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_anchor-link_swimc_cemj6_179:not(#\9), .awsui-mode-entering .awsui_anchor-link_swimc_cemj6_179:not(#\9) {
+.awsui-motion-disabled .awsui_anchor-link_swimc_1rqly_179:not(#\9), .awsui-mode-entering .awsui_anchor-link_swimc_1rqly_179:not(#\9) {
   animation: none;
   transition: none;
 }
-body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_cemj6_179:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_1rqly_179:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
   outline-offset: 2px;
   outline-color: var(--color-border-item-focused-v8nq2m, #0073bb);
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-efbp5h, 0px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_anchor-link_swimc_cemj6_179:not(#\9):hover {
+.awsui_anchor-link_swimc_1rqly_179:not(#\9):hover {
   color: var(--color-text-accent-yy9054, #0073bb);
 }
-.awsui_anchor-link_swimc_cemj6_179:not(#\9):focus {
+.awsui_anchor-link_swimc_1rqly_179:not(#\9):focus {
   outline: none;
 }
-.awsui_anchor-link_swimc_cemj6_179:not(#\9):hover, .awsui_anchor-link_swimc_cemj6_179:not(#\9):focus {
+.awsui_anchor-link_swimc_1rqly_179:not(#\9):hover, .awsui_anchor-link_swimc_1rqly_179:not(#\9):focus {
   text-decoration: none;
 }
-.awsui_anchor-link--active_swimc_cemj6_218:not(#\9) {
+.awsui_anchor-link--active_swimc_1rqly_221:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-wec2dg, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
   color: var(--color-text-accent-yy9054, #0073bb);
 }
-.awsui_anchor-link-text_swimc_cemj6_225:not(#\9) {
+.awsui_anchor-link-text_swimc_1rqly_228:not(#\9) {
   display: block;
 }
-.awsui_anchor-link-info_swimc_cemj6_229:not(#\9) {
+.awsui_anchor-link-info_swimc_1rqly_232:not(#\9) {
   margin-left: var(--space-xs-xf5ch3, 8px);
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);