npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1328 → 3.0.1329 - Mend

@cloudscape-design/components-themeable 3.0.1328 → 3.0.1329

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

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

@@ -190,10 +190,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_alert_mx3cw_1a9ra_193:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_1a9ra_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
+.awsui_alert_mx3cw_1ffbv_193:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_1ffbv_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_1a9ra_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_1ffbv_1 {
   from {
     opacity: 0.2;
   }
@@ -202,17 +202,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_1a9ra_193:not(#\9) {
+  .awsui_alert_mx3cw_1ffbv_193:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_1a9ra_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1a9ra_193:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_1ffbv_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1ffbv_193:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_mx3cw_1a9ra_215:not(#\9) {
+.awsui_root_mx3cw_1ffbv_215:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -247,11 +247,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_1a9ra_215.awsui_hidden_mx3cw_1a9ra_250:not(#\9) {
+.awsui_root_mx3cw_1ffbv_215.awsui_hidden_mx3cw_1ffbv_250:not(#\9) {
   display: none;
 }
-.awsui_alert_mx3cw_1a9ra_193:not(#\9) {
+.awsui_alert_mx3cw_1ffbv_193:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -295,10 +295,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-alert-vertical-7hsinh, 12px);
   padding-inline: var(--space-alert-horizontal-vvafy5, 20px);
   background-color: var(--color-background-container-content-aemn43, #ffffff);
-  --awsui-alert-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-alert-focus-ring-border-width-6b9ypa, 2px) var(--awsui-alert-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-r5f6xl, #0073bb));
+  --awsui-alert-focus-ring-box-shadow-z17rmd: 0 0 0 var(--awsui-alert-focus-ring-border-width-z17rmd, 2px) var(--awsui-alert-focus-ring-border-color-z17rmd, var(--color-border-item-focused-r5f6xl, #0073bb));
 }
-.awsui_alert-wrapper_mx3cw_1a9ra_301:not(#\9) {
+.awsui_alert-wrapper_mx3cw_1ffbv_301:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: row;
@@ -306,46 +306,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   column-gap: var(--space-alert-action-left-ii45xs, 20px);
 }
-.awsui_hidden_mx3cw_1a9ra_250:not(#\9) {
+.awsui_hidden_mx3cw_1ffbv_250:not(#\9) {
   display: none;
 }
-.awsui_initial-hidden_mx3cw_1a9ra_313:not(#\9) {
+.awsui_initial-hidden_mx3cw_1ffbv_313:not(#\9) {
   overflow: hidden;
   block-size: 0;
 }
-.awsui_header_mx3cw_1a9ra_318:not(#\9),
-.awsui_header-replacement_mx3cw_1a9ra_319:not(#\9) {
+.awsui_header_mx3cw_1ffbv_318:not(#\9),
+.awsui_header-replacement_mx3cw_1ffbv_319:not(#\9) {
   font-weight: var(--font-weight-alert-header-b68cy5, 700);
 }
-.awsui_action_mx3cw_1a9ra_323:not(#\9) {
+.awsui_action_mx3cw_1ffbv_323:not(#\9) {
   white-space: nowrap;
 }
-.awsui_action-slot_mx3cw_1a9ra_327:not(#\9),
-.awsui_action-button_mx3cw_1a9ra_328:not(#\9) {
+.awsui_action-slot_mx3cw_1ffbv_327:not(#\9),
+.awsui_action-button_mx3cw_1ffbv_328:not(#\9) {
   /* used in test-utils */
 }
-.awsui_alert-focus-wrapper_mx3cw_1a9ra_332:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_1ffbv_332:not(#\9) {
   flex: 1;
   min-inline-size: 70%;
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_1a9ra_332:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_1ffbv_332:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1a9ra_332:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1ffbv_332:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1a9ra_332:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1ffbv_332:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-vsdlzg, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1a9ra_332:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1ffbv_332:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -353,85 +353,85 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1a9ra_332:n
   inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-vsdlzg, 3px));
   inline-size: calc(100% + var(--space-button-focus-outline-gutter-vsdlzg, 3px) + var(--space-button-focus-outline-gutter-vsdlzg, 3px));
   block-size: calc(100% + var(--space-button-focus-outline-gutter-vsdlzg, 3px) + var(--space-button-focus-outline-gutter-vsdlzg, 3px));
-  border-start-start-radius: var(--awsui-alert-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  box-shadow: var(--awsui-alert-focus-ring-box-shadow-6b9ypa);
+  border-start-start-radius: var(--awsui-alert-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  box-shadow: var(--awsui-alert-focus-ring-box-shadow-z17rmd);
 }
-.awsui_text_mx3cw_1a9ra_363:not(#\9) {
+.awsui_text_mx3cw_1ffbv_363:not(#\9) {
   min-inline-size: 0;
   padding-block: var(--border-width-button-40y1n5, 1px);
   padding-inline: 0;
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: var(--space-xxs-jnczic, 4px);
 }
-.awsui_text_mx3cw_1a9ra_363.awsui_icon_mx3cw_1a9ra_370:not(#\9) {
+.awsui_text_mx3cw_1ffbv_363.awsui_icon_mx3cw_1ffbv_370:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_1a9ra_363.awsui_message_mx3cw_1a9ra_373:not(#\9) {
+.awsui_text_mx3cw_1ffbv_363.awsui_message_mx3cw_1ffbv_373:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-ipx6aa, 0px);
 }
-.awsui_action-wrapped_mx3cw_1a9ra_377:not(#\9) {
+.awsui_action-wrapped_mx3cw_1ffbv_377:not(#\9) {
   margin-block-end: var(--space-xxs-jnczic, 4px);
 }
-.awsui_icon-size-medium_mx3cw_1a9ra_381 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_action-wrapped_mx3cw_1a9ra_377:not(#\9) {
+.awsui_icon-size-medium_mx3cw_1ffbv_381 > .awsui_alert-wrapper_mx3cw_1ffbv_301 > .awsui_action-wrapped_mx3cw_1ffbv_377:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-3ovt3t, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_icon-size-big_mx3cw_1a9ra_385 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_action-wrapped_mx3cw_1a9ra_377:not(#\9) {
+.awsui_icon-size-big_mx3cw_1ffbv_385 > .awsui_alert-wrapper_mx3cw_1ffbv_301 > .awsui_action-wrapped_mx3cw_1ffbv_377:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-hnqj8f, 32px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_icon-size-normal_mx3cw_1a9ra_389 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_action-wrapped_mx3cw_1a9ra_377:not(#\9) {
+.awsui_icon-size-normal_mx3cw_1ffbv_389 > .awsui_alert-wrapper_mx3cw_1ffbv_301 > .awsui_action-wrapped_mx3cw_1ffbv_377:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_content_mx3cw_1a9ra_393:not(#\9),
-.awsui_content-replacement_mx3cw_1a9ra_394:not(#\9) {
+.awsui_content_mx3cw_1ffbv_393:not(#\9),
+.awsui_content-replacement_mx3cw_1ffbv_394:not(#\9) {
   /* used in test-utils */
 }
-.awsui_dismiss_mx3cw_1a9ra_398:not(#\9) {
+.awsui_dismiss_mx3cw_1ffbv_398:not(#\9) {
   margin-inline-end: calc(-1 * var(--space-xxs-jnczic, 4px));
   margin-inline-start: var(--space-s-4a5hs8, 12px);
 }
-.awsui_dismiss-button_mx3cw_1a9ra_403:not(#\9) {
+.awsui_dismiss-button_mx3cw_1ffbv_403:not(#\9) {
   /* used in test-utils */
 }
-.awsui_type-error_mx3cw_1a9ra_407:not(#\9) {
+.awsui_type-error_mx3cw_1ffbv_407:not(#\9) {
   border-color: var(--color-border-status-error-jybbdz, #d13212);
   background-color: var(--color-background-status-error-5i5ikf, #fdf3f1);
 }
-.awsui_type-error_mx3cw_1a9ra_407 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_alert-focus-wrapper_mx3cw_1a9ra_332 > .awsui_icon_mx3cw_1a9ra_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-error-c3at5p, #d13212));
+.awsui_type-error_mx3cw_1ffbv_407 > .awsui_alert-wrapper_mx3cw_1ffbv_301 > .awsui_alert-focus-wrapper_mx3cw_1ffbv_332 > .awsui_icon_mx3cw_1ffbv_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-z17rmd, var(--color-text-status-error-c3at5p, #d13212));
 }
-.awsui_type-warning_mx3cw_1a9ra_415:not(#\9) {
+.awsui_type-warning_mx3cw_1ffbv_415:not(#\9) {
   border-color: var(--color-border-status-warning-qmz1c4, #906806);
   background-color: var(--color-background-status-warning-mvw8w7, #fffef0);
 }
-.awsui_type-warning_mx3cw_1a9ra_415 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_alert-focus-wrapper_mx3cw_1a9ra_332 > .awsui_icon_mx3cw_1a9ra_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-warning-08d9ki, #906806));
+.awsui_type-warning_mx3cw_1ffbv_415 > .awsui_alert-wrapper_mx3cw_1ffbv_301 > .awsui_alert-focus-wrapper_mx3cw_1ffbv_332 > .awsui_icon_mx3cw_1ffbv_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-z17rmd, var(--color-text-status-warning-08d9ki, #906806));
 }
-.awsui_type-success_mx3cw_1a9ra_423:not(#\9) {
+.awsui_type-success_mx3cw_1ffbv_423:not(#\9) {
   border-color: var(--color-border-status-success-e61wev, #1d8102);
   background-color: var(--color-background-status-success-tkxjye, #f2f8f0);
 }
-.awsui_type-success_mx3cw_1a9ra_423 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_alert-focus-wrapper_mx3cw_1a9ra_332 > .awsui_icon_mx3cw_1a9ra_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-success-ya1ikb, #1d8102));
+.awsui_type-success_mx3cw_1ffbv_423 > .awsui_alert-wrapper_mx3cw_1ffbv_301 > .awsui_alert-focus-wrapper_mx3cw_1ffbv_332 > .awsui_icon_mx3cw_1ffbv_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-z17rmd, var(--color-text-status-success-ya1ikb, #1d8102));
 }
-.awsui_type-info_mx3cw_1a9ra_431:not(#\9) {
+.awsui_type-info_mx3cw_1ffbv_431:not(#\9) {
   border-color: var(--color-border-status-info-kp0iif, #0073bb);
   background-color: var(--color-background-status-info-nzp1n3, #f1faff);
 }
-.awsui_type-info_mx3cw_1a9ra_431 > .awsui_alert-wrapper_mx3cw_1a9ra_301 > .awsui_alert-focus-wrapper_mx3cw_1a9ra_332 > .awsui_icon_mx3cw_1a9ra_370:not(#\9) {
-  color: var(--awsui-alert-icon-color-6b9ypa, var(--color-text-status-info-5vpe5d, #0073bb));
+.awsui_type-info_mx3cw_1ffbv_431 > .awsui_alert-wrapper_mx3cw_1ffbv_301 > .awsui_alert-focus-wrapper_mx3cw_1ffbv_332 > .awsui_icon_mx3cw_1ffbv_370:not(#\9) {
+  color: var(--awsui-alert-icon-color-z17rmd, var(--color-text-status-info-5vpe5d, #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_1a9ra_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1a9ra_1",
-  "root": "awsui_root_mx3cw_1a9ra_215",
-  "hidden": "awsui_hidden_mx3cw_1a9ra_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1a9ra_301",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_1a9ra_313",
-  "header": "awsui_header_mx3cw_1a9ra_318",
-  "header-replacement": "awsui_header-replacement_mx3cw_1a9ra_319",
-  "action": "awsui_action_mx3cw_1a9ra_323",
-  "action-slot": "awsui_action-slot_mx3cw_1a9ra_327",
-  "action-button": "awsui_action-button_mx3cw_1a9ra_328",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1a9ra_332",
-  "text": "awsui_text_mx3cw_1a9ra_363",
-  "icon": "awsui_icon_mx3cw_1a9ra_370",
-  "message": "awsui_message_mx3cw_1a9ra_373",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_1a9ra_377",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1a9ra_381",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_1a9ra_385",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1a9ra_389",
-  "content": "awsui_content_mx3cw_1a9ra_393",
-  "content-replacement": "awsui_content-replacement_mx3cw_1a9ra_394",
-  "dismiss": "awsui_dismiss_mx3cw_1a9ra_398",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1a9ra_403",
-  "type-error": "awsui_type-error_mx3cw_1a9ra_407",
-  "type-warning": "awsui_type-warning_mx3cw_1a9ra_415",
-  "type-success": "awsui_type-success_mx3cw_1a9ra_423",
-  "type-info": "awsui_type-info_mx3cw_1a9ra_431"
+  "alert": "awsui_alert_mx3cw_1ffbv_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1ffbv_1",
+  "root": "awsui_root_mx3cw_1ffbv_215",
+  "hidden": "awsui_hidden_mx3cw_1ffbv_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1ffbv_301",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_1ffbv_313",
+  "header": "awsui_header_mx3cw_1ffbv_318",
+  "header-replacement": "awsui_header-replacement_mx3cw_1ffbv_319",
+  "action": "awsui_action_mx3cw_1ffbv_323",
+  "action-slot": "awsui_action-slot_mx3cw_1ffbv_327",
+  "action-button": "awsui_action-button_mx3cw_1ffbv_328",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1ffbv_332",
+  "text": "awsui_text_mx3cw_1ffbv_363",
+  "icon": "awsui_icon_mx3cw_1ffbv_370",
+  "message": "awsui_message_mx3cw_1ffbv_373",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_1ffbv_377",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1ffbv_381",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1ffbv_385",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1ffbv_389",
+  "content": "awsui_content_mx3cw_1ffbv_393",
+  "content-replacement": "awsui_content-replacement_mx3cw_1ffbv_394",
+  "dismiss": "awsui_dismiss_mx3cw_1ffbv_398",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1ffbv_403",
+  "type-error": "awsui_type-error_mx3cw_1ffbv_407",
+  "type-warning": "awsui_type-warning_mx3cw_1ffbv_415",
+  "type-success": "awsui_type-success_mx3cw_1ffbv_423",
+  "type-info": "awsui_type-info_mx3cw_1ffbv_431"
 };

package/lib/internal/template/anchor-navigation/anchor-item/index.js CHANGED Viewed

@@ -16,7 +16,7 @@ export const AnchorItem = ({ anchor, onFollow, isActive, index, children }) => {
     const activeItemClasses = clsx(styles['anchor-item--active'], testUtilsStyles['anchor-item--active']);
     return (React.createElement("li", { "data-itemid": `anchor-item-${index + 1}`, className: clsx(styles['anchor-item'], isActive && activeItemClasses) },
         React.createElement("a", { onClick: onClick, className: clsx(styles['anchor-link'], testUtilsStyles['anchor-link'], isActive && styles['anchor-link--active']), ...(isActive ? { 'aria-current': true } : {}), href: anchor.href },
-            React.createElement("span", { className: clsx(styles['anchor-link-text'], testUtilsStyles['anchor-link-text']), style: { paddingInlineStart: `${anchor.level * 16 + 2}px` } }, anchor.text),
+            React.createElement("span", { className: clsx(styles['anchor-link-text'], testUtilsStyles['anchor-link-text']), style: { paddingInlineStart: `${anchor.level * 16 + 4}px` } }, anchor.text),
             anchor.info && (React.createElement("span", { className: clsx(styles['anchor-link-info'], testUtilsStyles['anchor-link-info']) }, anchor.info))),
         children));
 };

package/lib/internal/template/anchor-navigation/anchor-item/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/anchor-navigation/anchor-item/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAU5D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC7F,YAAY,CAAC,kBAAkB,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAuB,EAAE,EAAE;QAC1B,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC5B,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,CAAC,CACnB,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAEtG,OAAO,CACL,2CAAiB,eAAe,KAAK,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,QAAQ,IAAI,iBAAiB,CAAC;QAChH,2BACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,aAAa,CAAC,EACrB,eAAe,CAAC,aAAa,CAAC,EAC9B,QAAQ,IAAI,MAAM,CAAC,qBAAqB,CAAC,CAC1C,KACG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC9C,IAAI,EAAE,MAAM,CAAC,IAAI;YAEjB,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC,EAChF,KAAK,EAAE,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,IAE1D,MAAM,CAAC,IAAI,CACP;YACN,MAAM,CAAC,IAAI,IAAI,CACd,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC,IAAG,MAAM,CAAC,IAAI,CAAQ,CAC7G,CACC;QACH,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback } from 'react';\nimport clsx from 'clsx';\n\nimport { isPlainLeftClick } from '../../internal/events';\nimport { checkSafeUrl } from '../../internal/utils/check-safe-url';\nimport { AnchorNavigationProps } from '../interfaces';\n\nimport styles from '../styles.css.js';\nimport testUtilsStyles from '../test-classes/styles.css.js';\n\ninterface AnchorItemProps {\n anchor: AnchorNavigationProps.Anchor;\n onFollow: (anchor: AnchorNavigationProps.Anchor, event: React.SyntheticEvent \| Event) => void;\n isActive: boolean;\n index: number;\n children: React.ReactNode;\n}\n\nexport const AnchorItem = ({ anchor, onFollow, isActive, index, children }: AnchorItemProps) => {\n checkSafeUrl('AnchorNavigation', anchor.href);\n\n const onClick = useCallback(\n (event: React.MouseEvent) => {\n if (isPlainLeftClick(event)) {\n onFollow(anchor, event);\n }\n },\n [onFollow, anchor]\n );\n\n const activeItemClasses = clsx(styles['anchor-item--active'], testUtilsStyles['anchor-item--active']);\n\n return (\n <li data-itemid={`anchor-item-${index + 1}`} className={clsx(styles['anchor-item'], isActive && activeItemClasses)}>\n <a\n onClick={onClick}\n className={clsx(\n styles['anchor-link'],\n testUtilsStyles['anchor-link'],\n isActive && styles['anchor-link--active']\n )}\n {...(isActive ? { 'aria-current': true } : {})}\n href={anchor.href}\n >\n <span\n className={clsx(styles['anchor-link-text'], testUtilsStyles['anchor-link-text'])}\n style={{ paddingInlineStart: `${anchor.level * 16 + 2}px` }}\n >\n {anchor.text}\n </span>\n {anchor.info && (\n <span className={clsx(styles['anchor-link-info'], testUtilsStyles['anchor-link-info'])}>{anchor.info}</span>\n )}\n </a>\n {children}\n </li>\n );\n};\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/anchor-navigation/anchor-item/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAU5D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC7F,YAAY,CAAC,kBAAkB,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAuB,EAAE,EAAE;QAC1B,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC5B,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,CAAC,CACnB,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAEtG,OAAO,CACL,2CAAiB,eAAe,KAAK,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,QAAQ,IAAI,iBAAiB,CAAC;QAChH,2BACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,aAAa,CAAC,EACrB,eAAe,CAAC,aAAa,CAAC,EAC9B,QAAQ,IAAI,MAAM,CAAC,qBAAqB,CAAC,CAC1C,KACG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC9C,IAAI,EAAE,MAAM,CAAC,IAAI;YAEjB,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC,EAChF,KAAK,EAAE,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,IAE1D,MAAM,CAAC,IAAI,CACP;YACN,MAAM,CAAC,IAAI,IAAI,CACd,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC,IAAG,MAAM,CAAC,IAAI,CAAQ,CAC7G,CACC;QACH,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback } from 'react';\nimport clsx from 'clsx';\n\nimport { isPlainLeftClick } from '../../internal/events';\nimport { checkSafeUrl } from '../../internal/utils/check-safe-url';\nimport { AnchorNavigationProps } from '../interfaces';\n\nimport styles from '../styles.css.js';\nimport testUtilsStyles from '../test-classes/styles.css.js';\n\ninterface AnchorItemProps {\n anchor: AnchorNavigationProps.Anchor;\n onFollow: (anchor: AnchorNavigationProps.Anchor, event: React.SyntheticEvent \| Event) => void;\n isActive: boolean;\n index: number;\n children: React.ReactNode;\n}\n\nexport const AnchorItem = ({ anchor, onFollow, isActive, index, children }: AnchorItemProps) => {\n checkSafeUrl('AnchorNavigation', anchor.href);\n\n const onClick = useCallback(\n (event: React.MouseEvent) => {\n if (isPlainLeftClick(event)) {\n onFollow(anchor, event);\n }\n },\n [onFollow, anchor]\n );\n\n const activeItemClasses = clsx(styles['anchor-item--active'], testUtilsStyles['anchor-item--active']);\n\n return (\n <li data-itemid={`anchor-item-${index + 1}`} className={clsx(styles['anchor-item'], isActive && activeItemClasses)}>\n <a\n onClick={onClick}\n className={clsx(\n styles['anchor-link'],\n testUtilsStyles['anchor-link'],\n isActive && styles['anchor-link--active']\n )}\n {...(isActive ? { 'aria-current': true } : {})}\n href={anchor.href}\n >\n <span\n className={clsx(styles['anchor-link-text'], testUtilsStyles['anchor-link-text'])}\n style={{ paddingInlineStart: `${anchor.level * 16 + 4}px` }}\n >\n {anchor.text}\n </span>\n {anchor.info && (\n <span className={clsx(styles['anchor-link-info'], testUtilsStyles['anchor-link-info'])}>{anchor.info}</span>\n )}\n </a>\n {children}\n </li>\n );\n};\n"]}

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_1mr55_189",
-  "anchor-list": "awsui_anchor-list_swimc_1mr55_221",
-  "anchor-item": "awsui_anchor-item_swimc_1mr55_244",
-  "anchor-item--active": "awsui_anchor-item--active_swimc_1mr55_264",
-  "anchor-link": "awsui_anchor-link_swimc_1mr55_281",
-  "anchor-link--active": "awsui_anchor-link--active_swimc_1mr55_323",
-  "anchor-link-text": "awsui_anchor-link-text_swimc_1mr55_330",
-  "anchor-link-info": "awsui_anchor-link-info_swimc_1mr55_334"
+  "root": "awsui_root_swimc_1yb6p_189",
+  "anchor-list": "awsui_anchor-list_swimc_1yb6p_221",
+  "anchor-item": "awsui_anchor-item_swimc_1yb6p_245",
+  "anchor-item--active": "awsui_anchor-item--active_swimc_1yb6p_265",
+  "anchor-link": "awsui_anchor-link_swimc_1yb6p_283",
+  "anchor-link--active": "awsui_anchor-link--active_swimc_1yb6p_325",
+  "anchor-link-text": "awsui_anchor-link-text_swimc_1yb6p_332",
+  "anchor-link-info": "awsui_anchor-link-info_swimc_1yb6p_336"
 };

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

@@ -186,7 +186,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_1mr55_189:not(#\9) {
+.awsui_root_swimc_1yb6p_189:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -218,7 +218,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_anchor-list_swimc_1mr55_221:not(#\9) {
+.awsui_anchor-list_swimc_1yb6p_221:not(#\9) {
   list-style: none;
   margin-block: 0;
   margin-inline: 0;
@@ -227,7 +227,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   text-indent: 0;
 }
-.awsui_anchor-list_swimc_1mr55_221:not(#\9)::before {
+.awsui_anchor-list_swimc_1yb6p_221:not(#\9)::before {
   content: "";
   background-color: var(--color-border-divider-default-ipvpev, #eaeded);
   border-start-start-radius: var(--border-radius-tabs-focus-ring-ciyqfm, 0px);
@@ -239,9 +239,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: absolute;
   inset-block-start: -2px;
   inline-size: 2px;
+  inset-inline-start: 6px;
 }
-.awsui_anchor-item_swimc_1mr55_244:not(#\9) {
+.awsui_anchor-item_swimc_1yb6p_245:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-body-secondary-gaft81, #545b64);
@@ -252,19 +253,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: all;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_anchor-item_swimc_1mr55_244:not(#\9) {
+  .awsui_anchor-item_swimc_1yb6p_245:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_anchor-item_swimc_1mr55_244:not(#\9), .awsui-mode-entering .awsui_anchor-item_swimc_1mr55_244:not(#\9) {
+.awsui-motion-disabled .awsui_anchor-item_swimc_1yb6p_245:not(#\9), .awsui-mode-entering .awsui_anchor-item_swimc_1yb6p_245:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_anchor-item--active_swimc_1mr55_264:not(#\9) {
+.awsui_anchor-item--active_swimc_1yb6p_265:not(#\9) {
   position: relative;
 }
-.awsui_anchor-item--active_swimc_1mr55_264:not(#\9)::before {
+.awsui_anchor-item--active_swimc_1yb6p_265:not(#\9)::before {
   content: "";
   background-color: var(--color-text-accent-rvq171, #0073bb);
   border-start-start-radius: var(--border-radius-tabs-focus-ring-ciyqfm, 0px);
@@ -276,9 +277,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: absolute;
   inset-block-start: -2px;
   inline-size: 2px;
+  inset-inline-start: 6px;
 }
-.awsui_anchor-link_swimc_1mr55_281:not(#\9) {
+.awsui_anchor-link_swimc_1yb6p_283:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   align-items: baseline;
@@ -291,16 +293,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: all;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_anchor-link_swimc_1mr55_281:not(#\9) {
+  .awsui_anchor-link_swimc_1yb6p_283:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_anchor-link_swimc_1mr55_281:not(#\9), .awsui-mode-entering .awsui_anchor-link_swimc_1mr55_281:not(#\9) {
+.awsui-motion-disabled .awsui_anchor-link_swimc_1yb6p_283:not(#\9), .awsui-mode-entering .awsui_anchor-link_swimc_1yb6p_283:not(#\9) {
   animation: none;
   transition: none;
 }
-body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_1mr55_281:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_1yb6p_283:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -311,27 +313,27 @@ body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_1mr55_281:not(#\9):
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_anchor-link_swimc_1mr55_281:not(#\9):hover {
+.awsui_anchor-link_swimc_1yb6p_283:not(#\9):hover {
   color: var(--color-text-accent-rvq171, #0073bb);
 }
-.awsui_anchor-link_swimc_1mr55_281:not(#\9):focus {
+.awsui_anchor-link_swimc_1yb6p_283:not(#\9):focus {
   outline: none;
 }
-.awsui_anchor-link_swimc_1mr55_281:not(#\9):hover, .awsui_anchor-link_swimc_1mr55_281:not(#\9):focus {
+.awsui_anchor-link_swimc_1yb6p_283:not(#\9):hover, .awsui_anchor-link_swimc_1yb6p_283:not(#\9):focus {
   text-decoration: none;
 }
-.awsui_anchor-link--active_swimc_1mr55_323:not(#\9) {
+.awsui_anchor-link--active_swimc_1yb6p_325:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-lhxtkr, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   color: var(--color-text-accent-rvq171, #0073bb);
 }
-.awsui_anchor-link-text_swimc_1mr55_330:not(#\9) {
+.awsui_anchor-link-text_swimc_1yb6p_332:not(#\9) {
   display: block;
 }
-.awsui_anchor-link-info_swimc_1mr55_334:not(#\9) {
+.awsui_anchor-link-info_swimc_1yb6p_336:not(#\9) {
   margin-inline-start: var(--space-xs-kw7k3v, 8px);
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);

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

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_swimc_1mr55_189",
-  "anchor-list": "awsui_anchor-list_swimc_1mr55_221",
-  "anchor-item": "awsui_anchor-item_swimc_1mr55_244",
-  "anchor-item--active": "awsui_anchor-item--active_swimc_1mr55_264",
-  "anchor-link": "awsui_anchor-link_swimc_1mr55_281",
-  "anchor-link--active": "awsui_anchor-link--active_swimc_1mr55_323",
-  "anchor-link-text": "awsui_anchor-link-text_swimc_1mr55_330",
-  "anchor-link-info": "awsui_anchor-link-info_swimc_1mr55_334"
+  "root": "awsui_root_swimc_1yb6p_189",
+  "anchor-list": "awsui_anchor-list_swimc_1yb6p_221",
+  "anchor-item": "awsui_anchor-item_swimc_1yb6p_245",
+  "anchor-item--active": "awsui_anchor-item--active_swimc_1yb6p_265",
+  "anchor-link": "awsui_anchor-link_swimc_1yb6p_283",
+  "anchor-link--active": "awsui_anchor-link--active_swimc_1yb6p_325",
+  "anchor-link-text": "awsui_anchor-link-text_swimc_1yb6p_332",
+  "anchor-link-info": "awsui_anchor-link-info_swimc_1yb6p_336"
 };

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_7wfks_185",
-  "next-button": "awsui_next-button_1hpp3_7wfks_186",
-  "previous-button": "awsui_previous-button_1hpp3_7wfks_187",
-  "finish-button": "awsui_finish-button_1hpp3_7wfks_188",
-  "header": "awsui_header_1hpp3_7wfks_189",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_7wfks_190",
-  "content": "awsui_content_1hpp3_7wfks_191",
-  "description": "awsui_description_1hpp3_7wfks_195",
-  "actionBar": "awsui_actionBar_1hpp3_7wfks_200",
-  "stepCounter": "awsui_stepCounter_1hpp3_7wfks_207",
-  "divider": "awsui_divider_1hpp3_7wfks_211",
-  "hotspot": "awsui_hotspot_1hpp3_7wfks_215",
-  "icon": "awsui_icon_1hpp3_7wfks_286"
+  "annotation": "awsui_annotation_1hpp3_qir3o_185",
+  "next-button": "awsui_next-button_1hpp3_qir3o_186",
+  "previous-button": "awsui_previous-button_1hpp3_qir3o_187",
+  "finish-button": "awsui_finish-button_1hpp3_qir3o_188",
+  "header": "awsui_header_1hpp3_qir3o_189",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_qir3o_190",
+  "content": "awsui_content_1hpp3_qir3o_191",
+  "description": "awsui_description_1hpp3_qir3o_195",
+  "actionBar": "awsui_actionBar_1hpp3_qir3o_200",
+  "stepCounter": "awsui_stepCounter_1hpp3_qir3o_207",
+  "divider": "awsui_divider_1hpp3_qir3o_211",
+  "hotspot": "awsui_hotspot_1hpp3_qir3o_215",
+  "icon": "awsui_icon_1hpp3_qir3o_286"
 };

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

@@ -182,37 +182,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_7wfks_185:not(#\9),
-.awsui_next-button_1hpp3_7wfks_186:not(#\9),
-.awsui_previous-button_1hpp3_7wfks_187:not(#\9),
-.awsui_finish-button_1hpp3_7wfks_188:not(#\9),
-.awsui_header_1hpp3_7wfks_189:not(#\9),
-.awsui_step-counter-content_1hpp3_7wfks_190:not(#\9),
-.awsui_content_1hpp3_7wfks_191:not(#\9) {
+.awsui_annotation_1hpp3_qir3o_185:not(#\9),
+.awsui_next-button_1hpp3_qir3o_186:not(#\9),
+.awsui_previous-button_1hpp3_qir3o_187:not(#\9),
+.awsui_finish-button_1hpp3_qir3o_188:not(#\9),
+.awsui_header_1hpp3_qir3o_189:not(#\9),
+.awsui_step-counter-content_1hpp3_qir3o_190:not(#\9),
+.awsui_content_1hpp3_qir3o_191:not(#\9) {
   /* used in test-utils */
 }
-.awsui_description_1hpp3_7wfks_195:not(#\9) {
+.awsui_description_1hpp3_qir3o_195:not(#\9) {
   overflow: hidden;
   margin-block-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_actionBar_1hpp3_7wfks_200:not(#\9) {
+.awsui_actionBar_1hpp3_qir3o_200:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_stepCounter_1hpp3_7wfks_207:not(#\9) {
+.awsui_stepCounter_1hpp3_qir3o_207:not(#\9) {
   margin-inline-end: 20px;
 }
-.awsui_divider_1hpp3_7wfks_211:not(#\9) {
+.awsui_divider_1hpp3_qir3o_211:not(#\9) {
   border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_hotspot_1hpp3_7wfks_215:not(#\9) {
+.awsui_hotspot_1hpp3_qir3o_215:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -248,28 +248,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-6b9ypa, 40px 0 0 0);
+  scroll-margin: var(--awsui-content-scroll-margin-z17rmd, 40px 0 0 0);
   position: relative;
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_7wfks_215:not(#\9):before {
+.awsui_hotspot_1hpp3_qir3o_215:not(#\9):before {
   content: "";
   position: absolute;
   inset: calc(-1 * var(--space-xxs-jnczic, 4px));
   z-index: 1;
 }
-.awsui_hotspot_1hpp3_7wfks_215:not(#\9):focus {
+.awsui_hotspot_1hpp3_qir3o_215:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_7wfks_215:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_qir3o_215:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_7wfks_215:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_qir3o_215:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_7wfks_215:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_qir3o_215:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -283,13 +283,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_7wfks_215:not(#\9):focu
   border-end-end-radius: var(--border-radius-control-circular-focus-ring-0v2apg, 50%);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_hotspot_1hpp3_7wfks_215 > .awsui_icon_1hpp3_7wfks_286:not(#\9) {
+.awsui_hotspot_1hpp3_qir3o_215 > .awsui_icon_1hpp3_qir3o_286:not(#\9) {
   position: relative;
   stroke: var(--color-text-tutorial-hotspot-default-ql4c5o, #0073bb);
 }
-.awsui_hotspot_1hpp3_7wfks_215:not(#\9):hover > .awsui_icon_1hpp3_7wfks_286 {
+.awsui_hotspot_1hpp3_qir3o_215:not(#\9):hover > .awsui_icon_1hpp3_qir3o_286 {
   stroke: var(--color-text-tutorial-hotspot-hover-baiupp, #0a4a74);
 }
-.awsui_hotspot_1hpp3_7wfks_215:not(#\9):active > .awsui_icon_1hpp3_7wfks_286 {
+.awsui_hotspot_1hpp3_qir3o_215:not(#\9):active > .awsui_icon_1hpp3_qir3o_286 {
   stroke: var(--color-text-tutorial-hotspot-default-ql4c5o, #0073bb);
 }