@cloudscape-design/components-themeable 3.0.1073 → 3.0.1075

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

@@ -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_bzq5z_193:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_bzq5z_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
+.awsui_alert_mx3cw_1obtu_193:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_1obtu_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_bzq5z_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_1obtu_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_bzq5z_193:not(#\9) {
+  .awsui_alert_mx3cw_1obtu_193:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_bzq5z_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_bzq5z_193:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_1obtu_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1obtu_193:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_mx3cw_bzq5z_215:not(#\9) {
+.awsui_root_mx3cw_1obtu_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_bzq5z_215.awsui_hidden_mx3cw_bzq5z_250:not(#\9) {
+.awsui_root_mx3cw_1obtu_215.awsui_hidden_mx3cw_1obtu_250:not(#\9) {
   display: none;
 }
 
-.awsui_alert_mx3cw_bzq5z_193:not(#\9) {
+.awsui_alert_mx3cw_1obtu_193:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -293,10 +293,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-style-focus-ring-box-shadow-kcc2gu: 0 0 0 var(--awsui-style-focus-ring-border-width-kcc2gu, 2px) var(--awsui-style-focus-ring-border-color-kcc2gu, var(--color-border-item-focused-r5f6xl, #0073bb));
+  --awsui-alert-focus-ring-box-shadow-mdigke: 0 0 0 var(--awsui-alert-focus-ring-border-width-mdigke, 2px) var(--awsui-alert-focus-ring-border-color-mdigke, var(--color-border-item-focused-r5f6xl, #0073bb));
 }
 
-.awsui_alert-wrapper_mx3cw_bzq5z_299:not(#\9) {
+.awsui_alert-wrapper_mx3cw_1obtu_299:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: row;
@@ -304,46 +304,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_bzq5z_250:not(#\9) {
+.awsui_hidden_mx3cw_1obtu_250:not(#\9) {
   display: none;
 }
 
-.awsui_initial-hidden_mx3cw_bzq5z_311:not(#\9) {
+.awsui_initial-hidden_mx3cw_1obtu_311:not(#\9) {
   overflow: hidden;
   block-size: 0;
 }
 
-.awsui_header_mx3cw_bzq5z_316:not(#\9),
-.awsui_header-replacement_mx3cw_bzq5z_317:not(#\9) {
+.awsui_header_mx3cw_1obtu_316:not(#\9),
+.awsui_header-replacement_mx3cw_1obtu_317:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_action_mx3cw_bzq5z_321:not(#\9) {
+.awsui_action_mx3cw_1obtu_321:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_action-slot_mx3cw_bzq5z_325:not(#\9),
-.awsui_action-button_mx3cw_bzq5z_326:not(#\9) {
+.awsui_action-slot_mx3cw_1obtu_325:not(#\9),
+.awsui_action-button_mx3cw_1obtu_326:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_alert-focus-wrapper_mx3cw_bzq5z_330:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_1obtu_330:not(#\9) {
   flex: 1;
   min-inline-size: 70%;
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_bzq5z_330:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_1obtu_330:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_bzq5z_330:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1obtu_330:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_bzq5z_330:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1obtu_330: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_bzq5z_330:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1obtu_330:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -351,85 +351,85 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_bzq5z_330: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-style-focus-ring-border-radius-kcc2gu, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-kcc2gu, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-kcc2gu, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-kcc2gu, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-kcc2gu);
+  border-start-start-radius: var(--awsui-alert-focus-ring-border-radius-mdigke, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-mdigke, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-mdigke, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-mdigke, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  box-shadow: var(--awsui-alert-focus-ring-box-shadow-mdigke);
 }
 
-.awsui_text_mx3cw_bzq5z_361:not(#\9) {
+.awsui_text_mx3cw_1obtu_361: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_bzq5z_361.awsui_icon_mx3cw_bzq5z_368:not(#\9) {
+.awsui_text_mx3cw_1obtu_361.awsui_icon_mx3cw_1obtu_368:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_bzq5z_361.awsui_message_mx3cw_bzq5z_371:not(#\9) {
+.awsui_text_mx3cw_1obtu_361.awsui_message_mx3cw_1obtu_371:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-ipx6aa, 0px);
 }
 
-.awsui_action-wrapped_mx3cw_bzq5z_375:not(#\9) {
+.awsui_action-wrapped_mx3cw_1obtu_375:not(#\9) {
   margin-block-end: var(--space-xxs-jnczic, 4px);
 }
 
-.awsui_icon-size-medium_mx3cw_bzq5z_379 > .awsui_alert-wrapper_mx3cw_bzq5z_299 > .awsui_action-wrapped_mx3cw_bzq5z_375:not(#\9) {
+.awsui_icon-size-medium_mx3cw_1obtu_379 > .awsui_alert-wrapper_mx3cw_1obtu_299 > .awsui_action-wrapped_mx3cw_1obtu_375:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-3ovt3t, 16px) + var(--space-xs-kw7k3v, 8px));
 }
 
-.awsui_icon-size-big_mx3cw_bzq5z_383 > .awsui_alert-wrapper_mx3cw_bzq5z_299 > .awsui_action-wrapped_mx3cw_bzq5z_375:not(#\9) {
+.awsui_icon-size-big_mx3cw_1obtu_383 > .awsui_alert-wrapper_mx3cw_1obtu_299 > .awsui_action-wrapped_mx3cw_1obtu_375:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-hnqj8f, 32px) + var(--space-xs-kw7k3v, 8px));
 }
 
-.awsui_icon-size-normal_mx3cw_bzq5z_387 > .awsui_alert-wrapper_mx3cw_bzq5z_299 > .awsui_action-wrapped_mx3cw_bzq5z_375:not(#\9) {
+.awsui_icon-size-normal_mx3cw_1obtu_387 > .awsui_alert-wrapper_mx3cw_1obtu_299 > .awsui_action-wrapped_mx3cw_1obtu_375:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + var(--space-xs-kw7k3v, 8px));
 }
 
-.awsui_content_mx3cw_bzq5z_391:not(#\9),
-.awsui_content-replacement_mx3cw_bzq5z_392:not(#\9) {
+.awsui_content_mx3cw_1obtu_391:not(#\9),
+.awsui_content-replacement_mx3cw_1obtu_392:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dismiss_mx3cw_bzq5z_396:not(#\9) {
+.awsui_dismiss_mx3cw_1obtu_396:not(#\9) {
   margin-inline-end: calc(-1 * var(--space-xxs-jnczic, 4px));
   margin-inline-start: var(--space-s-4a5hs8, 12px);
 }
 
-.awsui_dismiss-button_mx3cw_bzq5z_401:not(#\9) {
+.awsui_dismiss-button_mx3cw_1obtu_401:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_type-error_mx3cw_bzq5z_405:not(#\9) {
+.awsui_type-error_mx3cw_1obtu_405:not(#\9) {
   border-color: var(--color-border-status-error-jybbdz, #d13212);
   background-color: var(--color-background-status-error-5i5ikf, #fdf3f1);
 }
-.awsui_type-error_mx3cw_bzq5z_405 > .awsui_alert-wrapper_mx3cw_bzq5z_299 > .awsui_alert-focus-wrapper_mx3cw_bzq5z_330 > .awsui_icon_mx3cw_bzq5z_368:not(#\9) {
+.awsui_type-error_mx3cw_1obtu_405 > .awsui_alert-wrapper_mx3cw_1obtu_299 > .awsui_alert-focus-wrapper_mx3cw_1obtu_330 > .awsui_icon_mx3cw_1obtu_368:not(#\9) {
   color: var(--color-text-status-error-aknuvu, #d13212);
 }
 
-.awsui_type-warning_mx3cw_bzq5z_413:not(#\9) {
+.awsui_type-warning_mx3cw_1obtu_413:not(#\9) {
   border-color: var(--color-border-status-warning-qmz1c4, #906806);
   background-color: var(--color-background-status-warning-mvw8w7, #fffef0);
 }
-.awsui_type-warning_mx3cw_bzq5z_413 > .awsui_alert-wrapper_mx3cw_bzq5z_299 > .awsui_alert-focus-wrapper_mx3cw_bzq5z_330 > .awsui_icon_mx3cw_bzq5z_368:not(#\9) {
+.awsui_type-warning_mx3cw_1obtu_413 > .awsui_alert-wrapper_mx3cw_1obtu_299 > .awsui_alert-focus-wrapper_mx3cw_1obtu_330 > .awsui_icon_mx3cw_1obtu_368:not(#\9) {
   color: var(--color-text-status-warning-9b45qh, #906806);
 }
 
-.awsui_type-success_mx3cw_bzq5z_421:not(#\9) {
+.awsui_type-success_mx3cw_1obtu_421:not(#\9) {
   border-color: var(--color-border-status-success-e61wev, #1d8102);
   background-color: var(--color-background-status-success-tkxjye, #f2f8f0);
 }
-.awsui_type-success_mx3cw_bzq5z_421 > .awsui_alert-wrapper_mx3cw_bzq5z_299 > .awsui_alert-focus-wrapper_mx3cw_bzq5z_330 > .awsui_icon_mx3cw_bzq5z_368:not(#\9) {
+.awsui_type-success_mx3cw_1obtu_421 > .awsui_alert-wrapper_mx3cw_1obtu_299 > .awsui_alert-focus-wrapper_mx3cw_1obtu_330 > .awsui_icon_mx3cw_1obtu_368:not(#\9) {
   color: var(--color-text-status-success-yodf3z, #1d8102);
 }
 
-.awsui_type-info_mx3cw_bzq5z_429:not(#\9) {
+.awsui_type-info_mx3cw_1obtu_429:not(#\9) {
   border-color: var(--color-border-status-info-kp0iif, #0073bb);
   background-color: var(--color-background-status-info-nzp1n3, #f1faff);
 }
-.awsui_type-info_mx3cw_bzq5z_429 > .awsui_alert-wrapper_mx3cw_bzq5z_299 > .awsui_alert-focus-wrapper_mx3cw_bzq5z_330 > .awsui_icon_mx3cw_bzq5z_368:not(#\9) {
+.awsui_type-info_mx3cw_1obtu_429 > .awsui_alert-wrapper_mx3cw_1obtu_299 > .awsui_alert-focus-wrapper_mx3cw_1obtu_330 > .awsui_icon_mx3cw_1obtu_368:not(#\9) {
   color: var(--color-text-status-info-xt2ka7, #0073bb);
 }

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

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_bzq5z_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_bzq5z_1",
-  "root": "awsui_root_mx3cw_bzq5z_215",
-  "hidden": "awsui_hidden_mx3cw_bzq5z_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_bzq5z_299",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_bzq5z_311",
-  "header": "awsui_header_mx3cw_bzq5z_316",
-  "header-replacement": "awsui_header-replacement_mx3cw_bzq5z_317",
-  "action": "awsui_action_mx3cw_bzq5z_321",
-  "action-slot": "awsui_action-slot_mx3cw_bzq5z_325",
-  "action-button": "awsui_action-button_mx3cw_bzq5z_326",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_bzq5z_330",
-  "text": "awsui_text_mx3cw_bzq5z_361",
-  "icon": "awsui_icon_mx3cw_bzq5z_368",
-  "message": "awsui_message_mx3cw_bzq5z_371",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_bzq5z_375",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_bzq5z_379",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_bzq5z_383",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_bzq5z_387",
-  "content": "awsui_content_mx3cw_bzq5z_391",
-  "content-replacement": "awsui_content-replacement_mx3cw_bzq5z_392",
-  "dismiss": "awsui_dismiss_mx3cw_bzq5z_396",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_bzq5z_401",
-  "type-error": "awsui_type-error_mx3cw_bzq5z_405",
-  "type-warning": "awsui_type-warning_mx3cw_bzq5z_413",
-  "type-success": "awsui_type-success_mx3cw_bzq5z_421",
-  "type-info": "awsui_type-info_mx3cw_bzq5z_429"
+  "alert": "awsui_alert_mx3cw_1obtu_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1obtu_1",
+  "root": "awsui_root_mx3cw_1obtu_215",
+  "hidden": "awsui_hidden_mx3cw_1obtu_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1obtu_299",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_1obtu_311",
+  "header": "awsui_header_mx3cw_1obtu_316",
+  "header-replacement": "awsui_header-replacement_mx3cw_1obtu_317",
+  "action": "awsui_action_mx3cw_1obtu_321",
+  "action-slot": "awsui_action-slot_mx3cw_1obtu_325",
+  "action-button": "awsui_action-button_mx3cw_1obtu_326",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1obtu_330",
+  "text": "awsui_text_mx3cw_1obtu_361",
+  "icon": "awsui_icon_mx3cw_1obtu_368",
+  "message": "awsui_message_mx3cw_1obtu_371",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_1obtu_375",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1obtu_379",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1obtu_383",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1obtu_387",
+  "content": "awsui_content_mx3cw_1obtu_391",
+  "content-replacement": "awsui_content-replacement_mx3cw_1obtu_392",
+  "dismiss": "awsui_dismiss_mx3cw_1obtu_396",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1obtu_401",
+  "type-error": "awsui_type-error_mx3cw_1obtu_405",
+  "type-warning": "awsui_type-warning_mx3cw_1obtu_413",
+  "type-success": "awsui_type-success_mx3cw_1obtu_421",
+  "type-info": "awsui_type-info_mx3cw_1obtu_429"
 };
   

package/lib/internal/template/anchor-navigation/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/anchor-navigation/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAOrD,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,OAAO,EACP,cAAc,EACd,QAAQ,EACR,kBAAkB,EAClB,UAAe,EACf,iBAAwB,EACxB,eAAmB,EACnB,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,0BAA0B,eAwCpD"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/anchor-navigation/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAOrD,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,OAAO,EACP,cAAc,EACd,QAAQ,EACR,kBAAkB,EAClB,UAAe,EACf,iBAAiB,EACjB,eAAmB,EACnB,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,0BAA0B,eAwCpD"}

package/lib/internal/template/anchor-navigation/internal.js

@@ -10,7 +10,7 @@ import { renderNestedAnchors } from './utils';
 import styles from './styles.css.js';
 import testUtilsStyles from './test-classes/styles.css.js';
 export default function InternalAnchorNavigation(_a) {
-    var { anchors, ariaLabelledby, onFollow, onActiveHrefChange, activeHref = '', __internalRootRef = null, scrollSpyOffset = 0 } = _a, props = __rest(_a, ["anchors", "ariaLabelledby", "onFollow", "onActiveHrefChange", "activeHref", "__internalRootRef", "scrollSpyOffset"]);
+    var { anchors, ariaLabelledby, onFollow, onActiveHrefChange, activeHref = '', __internalRootRef, scrollSpyOffset = 0 } = _a, props = __rest(_a, ["anchors", "ariaLabelledby", "onFollow", "onActiveHrefChange", "activeHref", "__internalRootRef", "scrollSpyOffset"]);
     const baseProps = getBaseProps(props);
     const hrefs = useMemo(() => anchors.map(anchor => anchor.href), [anchors]);
     const onFollowHandler = useCallback((anchor, sourceEvent) => {

package/lib/internal/template/anchor-navigation/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/anchor-navigation/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGvF,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EASI;QATJ,EAC/C,OAAO,EACP,cAAc,EACd,QAAQ,EACR,kBAAkB,EAClB,UAAU,GAAG,EAAE,EACf,iBAAiB,GAAG,IAAI,EACxB,eAAe,GAAG,CAAC,OAEgC,EADhD,KAAK,cARuC,qHAShD,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3E,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,MAAoC,EAAE,WAAyC,EAAE,EAAE;QAClF,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,iBAAiB,GAAG,YAAY,CAAC;QACrC,KAAK;QACL,eAAe;QACf,UAAU;KACX,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE;YACrB,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,iBAAiB,CAAC,CAAC;YAClF,sBAAsB,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAC;SAC7D;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,6CACM,SAAS,IACb,GAAG,EAAE,iBAAiB,qBACL,cAAc,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC;QAEvE,4BAAI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,IACvE,mBAAmB,CAAC,OAAO,EAAE;YAC5B,eAAe;YACf,iBAAiB;SAClB,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport { fireCancelableEvent, fireNonCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { AnchorNavigationProps } from './interfaces';\nimport useScrollSpy from './use-scroll-spy.js';\nimport { renderNestedAnchors } from './utils';\n\nimport styles from './styles.css.js';\nimport testUtilsStyles from './test-classes/styles.css.js';\n\nexport default function InternalAnchorNavigation({\n  anchors,\n  ariaLabelledby,\n  onFollow,\n  onActiveHrefChange,\n  activeHref = '',\n  __internalRootRef = null,\n  scrollSpyOffset = 0,\n  ...props\n}: AnchorNavigationProps & InternalBaseComponentProps) {\n  const baseProps = getBaseProps(props);\n\n  const hrefs = useMemo(() => anchors.map(anchor => anchor.href), [anchors]);\n\n  const onFollowHandler = useCallback(\n    (anchor: AnchorNavigationProps.Anchor, sourceEvent: React.SyntheticEvent | Event) => {\n      fireCancelableEvent(onFollow, anchor, sourceEvent);\n    },\n    [onFollow]\n  );\n\n  const currentActiveHref = useScrollSpy({\n    hrefs,\n    scrollSpyOffset,\n    activeHref,\n  });\n\n  useEffect(() => {\n    if (currentActiveHref) {\n      const newActiveAnchor = anchors.find(anchor => anchor.href === currentActiveHref);\n      fireNonCancelableEvent(onActiveHrefChange, newActiveAnchor);\n    }\n  }, [onActiveHrefChange, anchors, currentActiveHref]);\n\n  return (\n    <nav\n      {...baseProps}\n      ref={__internalRootRef}\n      aria-labelledby={ariaLabelledby}\n      className={clsx(baseProps.className, styles.root, testUtilsStyles.root)}\n    >\n      <ol className={clsx(styles['anchor-list'], testUtilsStyles['anchor-list'])}>\n        {renderNestedAnchors(anchors, {\n          onFollowHandler,\n          currentActiveHref,\n        })}\n      </ol>\n    </nav>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/anchor-navigation/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGvF,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EASI;QATJ,EAC/C,OAAO,EACP,cAAc,EACd,QAAQ,EACR,kBAAkB,EAClB,UAAU,GAAG,EAAE,EACf,iBAAiB,EACjB,eAAe,GAAG,CAAC,OAEgC,EADhD,KAAK,cARuC,qHAShD,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3E,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,MAAoC,EAAE,WAAyC,EAAE,EAAE;QAClF,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,iBAAiB,GAAG,YAAY,CAAC;QACrC,KAAK;QACL,eAAe;QACf,UAAU;KACX,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE;YACrB,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,iBAAiB,CAAC,CAAC;YAClF,sBAAsB,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAC;SAC7D;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,6CACM,SAAS,IACb,GAAG,EAAE,iBAAiB,qBACL,cAAc,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC;QAEvE,4BAAI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,IACvE,mBAAmB,CAAC,OAAO,EAAE;YAC5B,eAAe;YACf,iBAAiB;SAClB,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport { fireCancelableEvent, fireNonCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { AnchorNavigationProps } from './interfaces';\nimport useScrollSpy from './use-scroll-spy.js';\nimport { renderNestedAnchors } from './utils';\n\nimport styles from './styles.css.js';\nimport testUtilsStyles from './test-classes/styles.css.js';\n\nexport default function InternalAnchorNavigation({\n  anchors,\n  ariaLabelledby,\n  onFollow,\n  onActiveHrefChange,\n  activeHref = '',\n  __internalRootRef,\n  scrollSpyOffset = 0,\n  ...props\n}: AnchorNavigationProps & InternalBaseComponentProps) {\n  const baseProps = getBaseProps(props);\n\n  const hrefs = useMemo(() => anchors.map(anchor => anchor.href), [anchors]);\n\n  const onFollowHandler = useCallback(\n    (anchor: AnchorNavigationProps.Anchor, sourceEvent: React.SyntheticEvent | Event) => {\n      fireCancelableEvent(onFollow, anchor, sourceEvent);\n    },\n    [onFollow]\n  );\n\n  const currentActiveHref = useScrollSpy({\n    hrefs,\n    scrollSpyOffset,\n    activeHref,\n  });\n\n  useEffect(() => {\n    if (currentActiveHref) {\n      const newActiveAnchor = anchors.find(anchor => anchor.href === currentActiveHref);\n      fireNonCancelableEvent(onActiveHrefChange, newActiveAnchor);\n    }\n  }, [onActiveHrefChange, anchors, currentActiveHref]);\n\n  return (\n    <nav\n      {...baseProps}\n      ref={__internalRootRef}\n      aria-labelledby={ariaLabelledby}\n      className={clsx(baseProps.className, styles.root, testUtilsStyles.root)}\n    >\n      <ol className={clsx(styles['anchor-list'], testUtilsStyles['anchor-list'])}>\n        {renderNestedAnchors(anchors, {\n          onFollowHandler,\n          currentActiveHref,\n        })}\n      </ol>\n    </nav>\n  );\n}\n"]}

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

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_1caw9_193",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1caw9_197",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1caw9_197",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1caw9_239",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1caw9_239",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1caw9_242",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1caw9_242",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1caw9_245",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1caw9_245",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1caw9_248",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1caw9_248",
-  "annotation": "awsui_annotation_1hpp3_1caw9_252",
-  "next-button": "awsui_next-button_1hpp3_1caw9_253",
-  "previous-button": "awsui_previous-button_1hpp3_1caw9_254",
-  "finish-button": "awsui_finish-button_1hpp3_1caw9_255",
-  "header": "awsui_header_1hpp3_1caw9_256",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1caw9_257",
-  "content": "awsui_content_1hpp3_1caw9_258",
-  "description": "awsui_description_1hpp3_1caw9_262",
-  "actionBar": "awsui_actionBar_1hpp3_1caw9_267",
-  "stepCounter": "awsui_stepCounter_1hpp3_1caw9_274",
-  "divider": "awsui_divider_1hpp3_1caw9_278",
-  "hotspot": "awsui_hotspot_1hpp3_1caw9_282",
-  "icon": "awsui_icon_1hpp3_1caw9_352"
+  "arrow": "awsui_arrow_1hpp3_18z95_193",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_18z95_197",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_18z95_197",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_18z95_239",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_18z95_239",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_18z95_242",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_18z95_242",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_18z95_245",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_18z95_245",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_18z95_248",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_18z95_248",
+  "annotation": "awsui_annotation_1hpp3_18z95_252",
+  "next-button": "awsui_next-button_1hpp3_18z95_253",
+  "previous-button": "awsui_previous-button_1hpp3_18z95_254",
+  "finish-button": "awsui_finish-button_1hpp3_18z95_255",
+  "header": "awsui_header_1hpp3_18z95_256",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_18z95_257",
+  "content": "awsui_content_1hpp3_18z95_258",
+  "description": "awsui_description_1hpp3_18z95_262",
+  "actionBar": "awsui_actionBar_1hpp3_18z95_267",
+  "stepCounter": "awsui_stepCounter_1hpp3_18z95_274",
+  "divider": "awsui_divider_1hpp3_18z95_278",
+  "hotspot": "awsui_hotspot_1hpp3_18z95_282",
+  "icon": "awsui_icon_1hpp3_18z95_352"
 };
   

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

@@ -190,11 +190,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_1caw9_193:not(#\9) {
+.awsui_arrow_1hpp3_18z95_193:not(#\9) {
   inline-size: 20px;
   block-size: 10px;
 }
-.awsui_arrow-outer_1hpp3_1caw9_197:not(#\9), .awsui_arrow-inner_1hpp3_1caw9_197:not(#\9) {
+.awsui_arrow-outer_1hpp3_18z95_197:not(#\9), .awsui_arrow-inner_1hpp3_18z95_197:not(#\9) {
   position: absolute;
   overflow: hidden;
   inline-size: 20px;
@@ -203,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_arrow-outer_1hpp3_1caw9_197:not(#\9)::after, .awsui_arrow-inner_1hpp3_1caw9_197:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_18z95_197:not(#\9)::after, .awsui_arrow-inner_1hpp3_18z95_197:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -219,67 +219,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_1caw9_197:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_1caw9_197:not(#\9):dir(rtl)::after {
+.awsui_arrow-outer_1hpp3_18z95_197:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_18z95_197:not(#\9):dir(rtl)::after {
   transform: rotate(-45deg);
   transform-origin: 100% 100%;
 }
-.awsui_arrow-outer_1hpp3_1caw9_197:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_18z95_197:not(#\9)::after {
   background-color: var(--color-border-status-info-kp0iif, #0073bb);
 }
-.awsui_arrow-inner_1hpp3_1caw9_197:not(#\9) {
+.awsui_arrow-inner_1hpp3_18z95_197:not(#\9) {
   inset-block-start: 2px;
 }
-.awsui_arrow-inner_1hpp3_1caw9_197:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_18z95_197:not(#\9)::after {
   border-start-start-radius: 1px;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
   background-color: var(--color-background-status-info-nzp1n3, #f1faff);
 }
-.awsui_arrow-position-right-top_1hpp3_1caw9_239 > .awsui_arrow-outer_1hpp3_1caw9_197:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1caw9_239 > .awsui_arrow-outer_1hpp3_1caw9_197:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_18z95_239 > .awsui_arrow-outer_1hpp3_18z95_197:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_18z95_239 > .awsui_arrow-outer_1hpp3_18z95_197:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_1hpp3_1caw9_242 > .awsui_arrow-outer_1hpp3_1caw9_197:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1caw9_242 > .awsui_arrow-outer_1hpp3_1caw9_197:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_18z95_242 > .awsui_arrow-outer_1hpp3_18z95_197:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_18z95_242 > .awsui_arrow-outer_1hpp3_18z95_197:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_1hpp3_1caw9_245 > .awsui_arrow-outer_1hpp3_1caw9_197:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1caw9_245 > .awsui_arrow-outer_1hpp3_1caw9_197:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_18z95_245 > .awsui_arrow-outer_1hpp3_18z95_197:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_18z95_245 > .awsui_arrow-outer_1hpp3_18z95_197:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_1hpp3_1caw9_248 > .awsui_arrow-outer_1hpp3_1caw9_197:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1caw9_248 > .awsui_arrow-outer_1hpp3_1caw9_197:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_18z95_248 > .awsui_arrow-outer_1hpp3_18z95_197:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_18z95_248 > .awsui_arrow-outer_1hpp3_18z95_197:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-9hdvit, rgba(0, 28, 36, 0.5));
 }
 
-.awsui_annotation_1hpp3_1caw9_252:not(#\9),
-.awsui_next-button_1hpp3_1caw9_253:not(#\9),
-.awsui_previous-button_1hpp3_1caw9_254:not(#\9),
-.awsui_finish-button_1hpp3_1caw9_255:not(#\9),
-.awsui_header_1hpp3_1caw9_256:not(#\9),
-.awsui_step-counter-content_1hpp3_1caw9_257:not(#\9),
-.awsui_content_1hpp3_1caw9_258:not(#\9) {
+.awsui_annotation_1hpp3_18z95_252:not(#\9),
+.awsui_next-button_1hpp3_18z95_253:not(#\9),
+.awsui_previous-button_1hpp3_18z95_254:not(#\9),
+.awsui_finish-button_1hpp3_18z95_255:not(#\9),
+.awsui_header_1hpp3_18z95_256:not(#\9),
+.awsui_step-counter-content_1hpp3_18z95_257:not(#\9),
+.awsui_content_1hpp3_18z95_258:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_1caw9_262:not(#\9) {
+.awsui_description_1hpp3_18z95_262:not(#\9) {
   overflow: hidden;
   margin-block-start: var(--space-xxs-jnczic, 4px);
 }
 
-.awsui_actionBar_1hpp3_1caw9_267:not(#\9) {
+.awsui_actionBar_1hpp3_18z95_267:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_1caw9_274:not(#\9) {
+.awsui_stepCounter_1hpp3_18z95_274:not(#\9) {
   margin-inline-end: 20px;
 }
 
-.awsui_divider_1hpp3_1caw9_278:not(#\9) {
+.awsui_divider_1hpp3_18z95_278:not(#\9) {
   border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
 
-.awsui_hotspot_1hpp3_1caw9_282:not(#\9) {
+.awsui_hotspot_1hpp3_18z95_282:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -315,27 +315,27 @@ 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-kcc2gu, 40px 0 0 0);
+  scroll-margin: var(--awsui-content-scroll-margin-mdigke, 40px 0 0 0);
   position: relative;
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_1caw9_282:not(#\9):before {
+.awsui_hotspot_1hpp3_18z95_282:not(#\9):before {
   content: "";
   position: absolute;
   inset: calc(-1 * var(--space-xxs-jnczic, 4px));
 }
-.awsui_hotspot_1hpp3_1caw9_282:not(#\9):focus {
+.awsui_hotspot_1hpp3_18z95_282:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1caw9_282:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_18z95_282:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1caw9_282:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_18z95_282:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1caw9_282:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_18z95_282:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -349,13 +349,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1caw9_282: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_1caw9_282 > .awsui_icon_1hpp3_1caw9_352:not(#\9) {
+.awsui_hotspot_1hpp3_18z95_282 > .awsui_icon_1hpp3_18z95_352:not(#\9) {
   position: relative;
   stroke: var(--color-text-tutorial-hotspot-default-ql4c5o, #0073bb);
 }
-.awsui_hotspot_1hpp3_1caw9_282:not(#\9):hover > .awsui_icon_1hpp3_1caw9_352 {
+.awsui_hotspot_1hpp3_18z95_282:not(#\9):hover > .awsui_icon_1hpp3_18z95_352 {
   stroke: var(--color-text-tutorial-hotspot-hover-baiupp, #0a4a74);
 }
-.awsui_hotspot_1hpp3_1caw9_282:not(#\9):active > .awsui_icon_1hpp3_1caw9_352 {
+.awsui_hotspot_1hpp3_18z95_282:not(#\9):active > .awsui_icon_1hpp3_18z95_352 {
   stroke: var(--color-text-tutorial-hotspot-default-ql4c5o, #0073bb);
 }

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

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_1caw9_193",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1caw9_197",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1caw9_197",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1caw9_239",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1caw9_239",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1caw9_242",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1caw9_242",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1caw9_245",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1caw9_245",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1caw9_248",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1caw9_248",
-  "annotation": "awsui_annotation_1hpp3_1caw9_252",
-  "next-button": "awsui_next-button_1hpp3_1caw9_253",
-  "previous-button": "awsui_previous-button_1hpp3_1caw9_254",
-  "finish-button": "awsui_finish-button_1hpp3_1caw9_255",
-  "header": "awsui_header_1hpp3_1caw9_256",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1caw9_257",
-  "content": "awsui_content_1hpp3_1caw9_258",
-  "description": "awsui_description_1hpp3_1caw9_262",
-  "actionBar": "awsui_actionBar_1hpp3_1caw9_267",
-  "stepCounter": "awsui_stepCounter_1hpp3_1caw9_274",
-  "divider": "awsui_divider_1hpp3_1caw9_278",
-  "hotspot": "awsui_hotspot_1hpp3_1caw9_282",
-  "icon": "awsui_icon_1hpp3_1caw9_352"
+  "arrow": "awsui_arrow_1hpp3_18z95_193",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_18z95_197",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_18z95_197",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_18z95_239",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_18z95_239",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_18z95_242",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_18z95_242",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_18z95_245",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_18z95_245",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_18z95_248",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_18z95_248",
+  "annotation": "awsui_annotation_1hpp3_18z95_252",
+  "next-button": "awsui_next-button_1hpp3_18z95_253",
+  "previous-button": "awsui_previous-button_1hpp3_18z95_254",
+  "finish-button": "awsui_finish-button_1hpp3_18z95_255",
+  "header": "awsui_header_1hpp3_18z95_256",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_18z95_257",
+  "content": "awsui_content_1hpp3_18z95_258",
+  "description": "awsui_description_1hpp3_18z95_262",
+  "actionBar": "awsui_actionBar_1hpp3_18z95_267",
+  "stepCounter": "awsui_stepCounter_1hpp3_18z95_274",
+  "divider": "awsui_divider_1hpp3_18z95_278",
+  "hotspot": "awsui_hotspot_1hpp3_18z95_282",
+  "icon": "awsui_icon_1hpp3_18z95_352"
 };