@cloudscape-design/components-themeable 3.0.345 → 3.0.346

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "10d03b6f784d39026228e249e03f08d1cef646f0"
+  "commit": "abfb46343bce81c5b7b2794794646325caaf909a"
 }

package/lib/internal/scss/button-dropdown/styles.scss

@@ -6,6 +6,8 @@
 @use '../internal/styles' as styles;
 @use '../internal/styles/tokens' as awsui;
 
+$dropdown-trigger-icon-offset: 2px;
+
 .button-dropdown {
   display: inline-block;
 }
@@ -47,3 +49,43 @@
 .description {
   color: awsui.$color-text-dropdown-header;
 }
+
+.split-trigger-wrapper {
+  display: flex;
+
+  & > .trigger-item {
+    & > button:focus {
+      z-index: 1;
+    }
+  }
+
+  & > .trigger-item:not(:last-child) {
+    & > .trigger-button {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+      padding-right: awsui.$space-xs;
+      margin-right: awsui.$space-xxxs;
+    }
+  }
+
+  & > .trigger-item:not(:first-child) {
+    & > .trigger-button {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      padding-left: calc(#{awsui.$space-xs} - #{$dropdown-trigger-icon-offset});
+      padding-right: calc(#{awsui.$space-xs} - #{$dropdown-trigger-icon-offset});
+    }
+
+    &.visual-refresh {
+      & > .trigger-button {
+        padding-right: calc(#{awsui.$space-s} - #{$dropdown-trigger-icon-offset});
+      }
+    }
+  }
+}
+.split-trigger {
+  display: contents;
+}
+.dropdown-trigger {
+  display: contents;
+}

package/lib/internal/scss/help-panel/styles.scss

@@ -22,13 +22,13 @@
   ul {
     padding-left: awsui.$space-l;
     list-style-position: outside;
+    margin: awsui.$space-s 0;
+  }
+  li {
+    margin: awsui.$space-scaled-xxs 0;
   }
 
   a,
-  p,
-  ul,
-  ol,
-  li,
   h2,
   h3,
   h4,
@@ -50,7 +50,7 @@
   }
 
   dl {
-    margin: awsui.$space-xs 0;
+    margin: awsui.$space-s 0;
     /* stylelint-disable-next-line selector-max-universal */
     * {
       margin-top: 0;
@@ -82,6 +82,7 @@
   p {
     color: inherit;
     text-decoration: none;
+    margin: awsui.$space-s 0;
   }
   h1 {
     @include styles.font-heading-xl;

package/lib/internal/scss/internal/components/option/styles.scss

@@ -100,7 +100,7 @@
 }
 
 .icon-size-big {
-  padding-top: awsui.$space-xxxs;
+  padding-top: awsui.$space-option-icon-big-top;
 }
 
 .filtering-match-highlight {

package/lib/internal/scss/status-indicator/styles.scss

@@ -46,9 +46,16 @@ $_color-overrides: (
 }
 
 .container {
-  display: inline-block;
   word-break: break-all;
   word-wrap: break-word;
+
+  &.display-inline {
+    display: inline;
+  }
+
+  &.display-inline-block {
+    display: inline-block;
+  }
 }
 
 .overflow-ellipsis {

package/lib/internal/scss/table/sticky-scrollbar/styles.scss

@@ -11,7 +11,6 @@
   overflow-y: hidden;
   bottom: 0;
   width: 100%;
-  z-index: 800; // Higher than sticky-columns
 
   &-content {
     height: 15px;

package/lib/internal/scss/text-content/styles.scss

@@ -83,7 +83,7 @@
   ul,
   ol {
     padding-left: awsui.$space-l;
-    margin: awsui.$space-xxs 0;
+    margin: awsui.$space-scaled-xs 0;
     list-style-position: outside;
 
     + ul,
@@ -93,7 +93,7 @@
     > li + ol,
     > li > ul,
     > li > ol {
-      padding-top: awsui.$space-xxs;
+      padding-top: awsui.$space-scaled-xxs;
     }
 
     > li > ul,

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

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_1dga9_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1dga9_1",
-  "root": "awsui_root_mx3cw_1dga9_119",
-  "hidden": "awsui_hidden_mx3cw_1dga9_135",
-  "body": "awsui_body_mx3cw_1dga9_160",
-  "header": "awsui_header_mx3cw_1dga9_166",
-  "action": "awsui_action_mx3cw_1dga9_170",
-  "action-button": "awsui_action-button_mx3cw_1dga9_175",
-  "text": "awsui_text_mx3cw_1dga9_179",
-  "icon": "awsui_icon_mx3cw_1dga9_183",
-  "message": "awsui_message_mx3cw_1dga9_186",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1dga9_194",
-  "content": "awsui_content_mx3cw_1dga9_208",
-  "dismiss": "awsui_dismiss_mx3cw_1dga9_212",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1dga9_218",
-  "type-error": "awsui_type-error_mx3cw_1dga9_226",
-  "type-warning": "awsui_type-warning_mx3cw_1dga9_234",
-  "type-success": "awsui_type-success_mx3cw_1dga9_242",
-  "type-info": "awsui_type-info_mx3cw_1dga9_250"
+  "alert": "awsui_alert_mx3cw_mzm2c_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_mzm2c_1",
+  "root": "awsui_root_mx3cw_mzm2c_119",
+  "hidden": "awsui_hidden_mx3cw_mzm2c_135",
+  "body": "awsui_body_mx3cw_mzm2c_160",
+  "header": "awsui_header_mx3cw_mzm2c_166",
+  "action": "awsui_action_mx3cw_mzm2c_170",
+  "action-button": "awsui_action-button_mx3cw_mzm2c_175",
+  "text": "awsui_text_mx3cw_mzm2c_179",
+  "icon": "awsui_icon_mx3cw_mzm2c_183",
+  "message": "awsui_message_mx3cw_mzm2c_186",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_mzm2c_194",
+  "content": "awsui_content_mx3cw_mzm2c_208",
+  "dismiss": "awsui_dismiss_mx3cw_mzm2c_212",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_mzm2c_218",
+  "type-error": "awsui_type-error_mx3cw_mzm2c_226",
+  "type-warning": "awsui_type-warning_mx3cw_mzm2c_234",
+  "type-success": "awsui_type-success_mx3cw_mzm2c_242",
+  "type-info": "awsui_type-info_mx3cw_mzm2c_250"
 };
   

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

@@ -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_1dga9_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_1dga9_1 var(--motion-duration-show-paced-et23hs, 180ms) var(--motion-easing-show-paced-ddbkug, ease-out);
+.awsui_alert_mx3cw_mzm2c_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_mzm2c_1 var(--motion-duration-show-paced-et23hs, 180ms) var(--motion-easing-show-paced-ddbkug, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_1dga9_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_mzm2c_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_1dga9_93:not(#\9) {
+  .awsui_alert_mx3cw_mzm2c_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_1dga9_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1dga9_93:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_mzm2c_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_mzm2c_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_1dga9_119:not(#\9) {
+.awsui_root_mx3cw_mzm2c_119:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -147,7 +147,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   box-sizing: border-box;
   font-size: var(--font-body-m-size-0qqejn, 14px);
-  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  line-height: var(--font-body-m-line-height-43ichb, 22px);
   color: var(--color-text-body-default-4colr5, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -158,11 +158,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_1dga9_119.awsui_hidden_mx3cw_1dga9_135:not(#\9) {
+.awsui_root_mx3cw_mzm2c_119.awsui_hidden_mx3cw_mzm2c_135:not(#\9) {
   display: none;
 }
 
-.awsui_alert_mx3cw_1dga9_93:not(#\9) {
+.awsui_alert_mx3cw_mzm2c_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -193,7 +193,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   box-sizing: border-box;
   font-size: var(--font-body-m-size-0qqejn, 14px);
-  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  line-height: var(--font-body-m-line-height-43ichb, 22px);
   color: var(--color-text-body-default-4colr5, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -209,100 +209,100 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-container-content-xlzim4, #ffffff);
 }
 
-.awsui_body_mx3cw_1dga9_160:not(#\9) {
+.awsui_body_mx3cw_mzm2c_160:not(#\9) {
   display: flex;
   flex: 1 1 0%;
   min-width: 0;
 }
 
-.awsui_header_mx3cw_1dga9_166:not(#\9) {
+.awsui_header_mx3cw_mzm2c_166:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_action_mx3cw_1dga9_170:not(#\9) {
+.awsui_action_mx3cw_mzm2c_170:not(#\9) {
   white-space: nowrap;
   margin-left: var(--space-s-o95p2n, 12px);
 }
 
-.awsui_action-button_mx3cw_1dga9_175:not(#\9) {
+.awsui_action-button_mx3cw_mzm2c_175:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_text_mx3cw_1dga9_179:not(#\9) {
+.awsui_text_mx3cw_mzm2c_179:not(#\9) {
   padding: var(--border-field-width-gmdyxy, 1px) 0;
   margin: var(--space-scaled-xxs-gmgwxk, 4px) var(--space-xxs-xx079q, 4px);
 }
-.awsui_text_mx3cw_1dga9_179.awsui_icon_mx3cw_1dga9_183:not(#\9) {
+.awsui_text_mx3cw_mzm2c_179.awsui_icon_mx3cw_mzm2c_183:not(#\9) {
   margin-left: 0;
 }
-.awsui_text_mx3cw_1dga9_179.awsui_message_mx3cw_1dga9_186:not(#\9) {
+.awsui_text_mx3cw_mzm2c_179.awsui_message_mx3cw_mzm2c_186:not(#\9) {
   margin-right: var(--space-alert-message-right-76dae3, 0px);
 }
-.awsui_text_mx3cw_1dga9_179.awsui_message_mx3cw_1dga9_186 + .awsui_action_mx3cw_1dga9_170:not(#\9) {
+.awsui_text_mx3cw_mzm2c_179.awsui_message_mx3cw_mzm2c_186 + .awsui_action_mx3cw_mzm2c_170:not(#\9) {
   margin-left: var(--space-alert-action-left-jyjob3, 20px);
 }
 
 /* stylelint-disable selector-max-type */
-.awsui_root_mx3cw_1dga9_119.awsui_breakpoint-default_mx3cw_1dga9_194 > div > .awsui_alert_mx3cw_1dga9_93 > .awsui_body_mx3cw_1dga9_160:not(#\9) {
+.awsui_root_mx3cw_mzm2c_119.awsui_breakpoint-default_mx3cw_mzm2c_194 > div > .awsui_alert_mx3cw_mzm2c_93 > .awsui_body_mx3cw_mzm2c_160:not(#\9) {
   display: block;
 }
-.awsui_root_mx3cw_1dga9_119.awsui_breakpoint-default_mx3cw_1dga9_194 > div > .awsui_alert_mx3cw_1dga9_93 > .awsui_body_mx3cw_1dga9_160 > .awsui_action_mx3cw_1dga9_170:not(#\9) {
+.awsui_root_mx3cw_mzm2c_119.awsui_breakpoint-default_mx3cw_mzm2c_194 > div > .awsui_alert_mx3cw_mzm2c_93 > .awsui_body_mx3cw_mzm2c_160 > .awsui_action_mx3cw_mzm2c_170:not(#\9) {
   margin-left: var(--space-xxs-xx079q, 4px);
   margin-bottom: var(--space-xxs-xx079q, 4px);
 }
 
 /* stylelint-enable selector-max-type */
-.awsui_message_mx3cw_1dga9_186:not(#\9) {
+.awsui_message_mx3cw_mzm2c_186:not(#\9) {
   flex: 1 1 0%;
   min-width: 0;
 }
 
-.awsui_content_mx3cw_1dga9_208:not(#\9) {
+.awsui_content_mx3cw_mzm2c_208:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dismiss_mx3cw_1dga9_212:not(#\9) {
+.awsui_dismiss_mx3cw_mzm2c_212:not(#\9) {
   flex: 0 0 auto;
   margin-right: calc(-1 * var(--space-xxs-xx079q, 4px));
   margin-left: var(--space-s-o95p2n, 12px);
 }
 
-.awsui_dismiss-button_mx3cw_1dga9_218:not(#\9) {
+.awsui_dismiss-button_mx3cw_mzm2c_218:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_icon_mx3cw_1dga9_183:not(#\9) {
+.awsui_icon_mx3cw_mzm2c_183:not(#\9) {
   flex: 0 0 auto;
 }
 
-.awsui_type-error_mx3cw_1dga9_226:not(#\9) {
+.awsui_type-error_mx3cw_mzm2c_226:not(#\9) {
   border-color: var(--color-border-status-error-jb9vli, #d13212);
   background-color: var(--color-background-status-error-hrmert, #fdf3f1);
 }
-.awsui_type-error_mx3cw_1dga9_226 > .awsui_icon_mx3cw_1dga9_183:not(#\9) {
+.awsui_type-error_mx3cw_mzm2c_226 > .awsui_icon_mx3cw_mzm2c_183:not(#\9) {
   color: var(--color-text-status-error-6ntion, #d13212);
 }
 
-.awsui_type-warning_mx3cw_1dga9_234:not(#\9) {
+.awsui_type-warning_mx3cw_mzm2c_234:not(#\9) {
   border-color: var(--color-border-status-warning-9ffnra, #aab7b8);
   background-color: var(--color-background-status-warning-0emqgh, #ffffff);
 }
-.awsui_type-warning_mx3cw_1dga9_234 > .awsui_icon_mx3cw_1dga9_183:not(#\9) {
+.awsui_type-warning_mx3cw_mzm2c_234 > .awsui_icon_mx3cw_mzm2c_183:not(#\9) {
   color: var(--color-text-status-warning-1ch2bz, #d13212);
 }
 
-.awsui_type-success_mx3cw_1dga9_242:not(#\9) {
+.awsui_type-success_mx3cw_mzm2c_242:not(#\9) {
   border-color: var(--color-border-status-success-n4mtn1, #1d8102);
   background-color: var(--color-background-status-success-j700hs, #f2f8f0);
 }
-.awsui_type-success_mx3cw_1dga9_242 > .awsui_icon_mx3cw_1dga9_183:not(#\9) {
+.awsui_type-success_mx3cw_mzm2c_242 > .awsui_icon_mx3cw_mzm2c_183:not(#\9) {
   color: var(--color-text-status-success-enko1i, #1d8102);
 }
 
-.awsui_type-info_mx3cw_1dga9_250:not(#\9) {
+.awsui_type-info_mx3cw_mzm2c_250:not(#\9) {
   border-color: var(--color-border-status-info-lqyesl, #0073bb);
   background-color: var(--color-background-status-info-y7xysq, #f1faff);
 }
-.awsui_type-info_mx3cw_1dga9_250 > .awsui_icon_mx3cw_1dga9_183:not(#\9) {
+.awsui_type-info_mx3cw_mzm2c_250 > .awsui_icon_mx3cw_mzm2c_183:not(#\9) {
   color: var(--color-text-status-info-ljzs7r, #0073bb);
 }

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

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_1dga9_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1dga9_1",
-  "root": "awsui_root_mx3cw_1dga9_119",
-  "hidden": "awsui_hidden_mx3cw_1dga9_135",
-  "body": "awsui_body_mx3cw_1dga9_160",
-  "header": "awsui_header_mx3cw_1dga9_166",
-  "action": "awsui_action_mx3cw_1dga9_170",
-  "action-button": "awsui_action-button_mx3cw_1dga9_175",
-  "text": "awsui_text_mx3cw_1dga9_179",
-  "icon": "awsui_icon_mx3cw_1dga9_183",
-  "message": "awsui_message_mx3cw_1dga9_186",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1dga9_194",
-  "content": "awsui_content_mx3cw_1dga9_208",
-  "dismiss": "awsui_dismiss_mx3cw_1dga9_212",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1dga9_218",
-  "type-error": "awsui_type-error_mx3cw_1dga9_226",
-  "type-warning": "awsui_type-warning_mx3cw_1dga9_234",
-  "type-success": "awsui_type-success_mx3cw_1dga9_242",
-  "type-info": "awsui_type-info_mx3cw_1dga9_250"
+  "alert": "awsui_alert_mx3cw_mzm2c_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_mzm2c_1",
+  "root": "awsui_root_mx3cw_mzm2c_119",
+  "hidden": "awsui_hidden_mx3cw_mzm2c_135",
+  "body": "awsui_body_mx3cw_mzm2c_160",
+  "header": "awsui_header_mx3cw_mzm2c_166",
+  "action": "awsui_action_mx3cw_mzm2c_170",
+  "action-button": "awsui_action-button_mx3cw_mzm2c_175",
+  "text": "awsui_text_mx3cw_mzm2c_179",
+  "icon": "awsui_icon_mx3cw_mzm2c_183",
+  "message": "awsui_message_mx3cw_mzm2c_186",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_mzm2c_194",
+  "content": "awsui_content_mx3cw_mzm2c_208",
+  "dismiss": "awsui_dismiss_mx3cw_mzm2c_212",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_mzm2c_218",
+  "type-error": "awsui_type-error_mx3cw_mzm2c_226",
+  "type-warning": "awsui_type-warning_mx3cw_mzm2c_234",
+  "type-success": "awsui_type-success_mx3cw_mzm2c_242",
+  "type-info": "awsui_type-info_mx3cw_mzm2c_250"
 };
   

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

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_luzee_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_luzee_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_luzee_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_luzee_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_luzee_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_luzee_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_luzee_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_luzee_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_luzee_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_luzee_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_luzee_137",
-  "annotation": "awsui_annotation_1hpp3_luzee_145",
-  "next-button": "awsui_next-button_1hpp3_luzee_146",
-  "previous-button": "awsui_previous-button_1hpp3_luzee_147",
-  "finish-button": "awsui_finish-button_1hpp3_luzee_148",
-  "header": "awsui_header_1hpp3_luzee_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_luzee_150",
-  "content": "awsui_content_1hpp3_luzee_151",
-  "description": "awsui_description_1hpp3_luzee_155",
-  "actionBar": "awsui_actionBar_1hpp3_luzee_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_luzee_167",
-  "divider": "awsui_divider_1hpp3_luzee_171",
-  "hotspot": "awsui_hotspot_1hpp3_luzee_175",
-  "icon": "awsui_icon_1hpp3_luzee_215"
+  "arrow": "awsui_arrow_1hpp3_l70f2_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_l70f2_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_l70f2_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_l70f2_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_l70f2_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_l70f2_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_l70f2_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_l70f2_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_l70f2_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_l70f2_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_l70f2_137",
+  "annotation": "awsui_annotation_1hpp3_l70f2_145",
+  "next-button": "awsui_next-button_1hpp3_l70f2_146",
+  "previous-button": "awsui_previous-button_1hpp3_l70f2_147",
+  "finish-button": "awsui_finish-button_1hpp3_l70f2_148",
+  "header": "awsui_header_1hpp3_l70f2_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_l70f2_150",
+  "content": "awsui_content_1hpp3_l70f2_151",
+  "description": "awsui_description_1hpp3_l70f2_155",
+  "actionBar": "awsui_actionBar_1hpp3_l70f2_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_l70f2_167",
+  "divider": "awsui_divider_1hpp3_l70f2_171",
+  "hotspot": "awsui_hotspot_1hpp3_l70f2_175",
+  "icon": "awsui_icon_1hpp3_l70f2_215"
 };
   

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

@@ -90,11 +90,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_luzee_93:not(#\9) {
+.awsui_arrow_1hpp3_l70f2_93:not(#\9) {
   width: 20px;
   height: 10px;
 }
-.awsui_arrow-outer_1hpp3_luzee_97:not(#\9), .awsui_arrow-inner_1hpp3_luzee_97:not(#\9) {
+.awsui_arrow-outer_1hpp3_l70f2_97:not(#\9), .awsui_arrow-inner_1hpp3_l70f2_97:not(#\9) {
   position: absolute;
   overflow: hidden;
   width: 20px;
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: 0;
   left: 0;
 }
-.awsui_arrow-outer_1hpp3_luzee_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_luzee_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_l70f2_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_l70f2_97:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -115,26 +115,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_luzee_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_l70f2_97:not(#\9)::after {
   background-color: var(--color-border-status-info-lqyesl, #0073bb);
 }
-.awsui_arrow-inner_1hpp3_luzee_97:not(#\9) {
+.awsui_arrow-inner_1hpp3_l70f2_97:not(#\9) {
   top: 2px;
 }
-.awsui_arrow-inner_1hpp3_luzee_97:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_l70f2_97:not(#\9)::after {
   border-radius: 1px 0 0 0;
   background-color: var(--color-background-status-info-y7xysq, #f1faff);
 }
-.awsui_arrow-position-right-top_1hpp3_luzee_128 > .awsui_arrow-outer_1hpp3_luzee_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_luzee_128 > .awsui_arrow-outer_1hpp3_luzee_97:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_l70f2_128 > .awsui_arrow-outer_1hpp3_l70f2_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_l70f2_128 > .awsui_arrow-outer_1hpp3_l70f2_97:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-bkdge5, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_1hpp3_luzee_131 > .awsui_arrow-outer_1hpp3_luzee_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_luzee_131 > .awsui_arrow-outer_1hpp3_luzee_97:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_l70f2_131 > .awsui_arrow-outer_1hpp3_l70f2_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_l70f2_131 > .awsui_arrow-outer_1hpp3_l70f2_97:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-bkdge5, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_1hpp3_luzee_134 > .awsui_arrow-outer_1hpp3_luzee_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_luzee_134 > .awsui_arrow-outer_1hpp3_luzee_97:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_l70f2_134 > .awsui_arrow-outer_1hpp3_l70f2_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_l70f2_134 > .awsui_arrow-outer_1hpp3_l70f2_97:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-bkdge5, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_1hpp3_luzee_137 > .awsui_arrow-outer_1hpp3_luzee_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_luzee_137 > .awsui_arrow-outer_1hpp3_luzee_97:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_l70f2_137 > .awsui_arrow-outer_1hpp3_l70f2_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_l70f2_137 > .awsui_arrow-outer_1hpp3_l70f2_97:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-bkdge5, rgba(0, 28, 36, 0.5));
 }
 
@@ -142,37 +142,37 @@ 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_annotation_1hpp3_luzee_145:not(#\9),
-.awsui_next-button_1hpp3_luzee_146:not(#\9),
-.awsui_previous-button_1hpp3_luzee_147:not(#\9),
-.awsui_finish-button_1hpp3_luzee_148:not(#\9),
-.awsui_header_1hpp3_luzee_149:not(#\9),
-.awsui_step-counter-content_1hpp3_luzee_150:not(#\9),
-.awsui_content_1hpp3_luzee_151:not(#\9) {
+.awsui_annotation_1hpp3_l70f2_145:not(#\9),
+.awsui_next-button_1hpp3_l70f2_146:not(#\9),
+.awsui_previous-button_1hpp3_l70f2_147:not(#\9),
+.awsui_finish-button_1hpp3_l70f2_148:not(#\9),
+.awsui_header_1hpp3_l70f2_149:not(#\9),
+.awsui_step-counter-content_1hpp3_l70f2_150:not(#\9),
+.awsui_content_1hpp3_l70f2_151:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_luzee_155:not(#\9) {
+.awsui_description_1hpp3_l70f2_155:not(#\9) {
   overflow: hidden;
   margin-top: var(--space-xxs-xx079q, 4px);
 }
 
-.awsui_actionBar_1hpp3_luzee_160:not(#\9) {
+.awsui_actionBar_1hpp3_l70f2_160:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_luzee_167:not(#\9) {
+.awsui_stepCounter_1hpp3_l70f2_167:not(#\9) {
   margin-right: 20px;
 }
 
-.awsui_divider_1hpp3_luzee_171:not(#\9) {
+.awsui_divider_1hpp3_l70f2_171:not(#\9) {
   border-bottom: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
 }
 
-.awsui_hotspot_1hpp3_luzee_175:not(#\9) {
+.awsui_hotspot_1hpp3_l70f2_175:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -203,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   box-sizing: border-box;
   font-size: var(--font-body-m-size-0qqejn, 14px);
-  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  line-height: var(--font-body-m-line-height-43ichb, 22px);
   color: var(--color-text-body-default-4colr5, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -217,17 +217,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 16px;
   height: 16px;
 }
-.awsui_hotspot_1hpp3_luzee_175:not(#\9):focus {
+.awsui_hotspot_1hpp3_l70f2_175:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_luzee_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_l70f2_175:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_luzee_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_l70f2_175:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_luzee_175:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_l70f2_175:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -238,13 +238,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_luzee_175:not(#\9):focu
   border-radius: var(--border-radius-control-circular-focus-ring-6frgrc, 50%);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_hotspot_1hpp3_luzee_175 > .awsui_icon_1hpp3_luzee_215:not(#\9) {
+.awsui_hotspot_1hpp3_l70f2_175 > .awsui_icon_1hpp3_l70f2_215:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-0jy39k, #0073bb);
 }
-.awsui_hotspot_1hpp3_luzee_175:not(#\9):hover > .awsui_icon_1hpp3_luzee_215 {
+.awsui_hotspot_1hpp3_l70f2_175:not(#\9):hover > .awsui_icon_1hpp3_l70f2_215 {
   stroke: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_hotspot_1hpp3_luzee_175:not(#\9):active > .awsui_icon_1hpp3_luzee_215 {
+.awsui_hotspot_1hpp3_l70f2_175:not(#\9):active > .awsui_icon_1hpp3_l70f2_215 {
   stroke: var(--color-text-link-default-0jy39k, #0073bb);
 }