@cloudscape-design/components 3.0.996 → 3.0.998

package/annotation-context/annotation/styles.css.js

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_cj7d0_193",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_cj7d0_197",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_cj7d0_197",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_cj7d0_239",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_cj7d0_239",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_cj7d0_242",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_cj7d0_242",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_cj7d0_245",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_cj7d0_245",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_cj7d0_248",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_cj7d0_248",
-  "annotation": "awsui_annotation_1hpp3_cj7d0_252",
-  "next-button": "awsui_next-button_1hpp3_cj7d0_253",
-  "previous-button": "awsui_previous-button_1hpp3_cj7d0_254",
-  "finish-button": "awsui_finish-button_1hpp3_cj7d0_255",
-  "header": "awsui_header_1hpp3_cj7d0_256",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_cj7d0_257",
-  "content": "awsui_content_1hpp3_cj7d0_258",
-  "description": "awsui_description_1hpp3_cj7d0_262",
-  "actionBar": "awsui_actionBar_1hpp3_cj7d0_267",
-  "stepCounter": "awsui_stepCounter_1hpp3_cj7d0_274",
-  "divider": "awsui_divider_1hpp3_cj7d0_278",
-  "hotspot": "awsui_hotspot_1hpp3_cj7d0_282",
-  "icon": "awsui_icon_1hpp3_cj7d0_352"
+  "arrow": "awsui_arrow_1hpp3_zas13_193",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_zas13_197",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_zas13_197",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_zas13_239",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_zas13_239",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_zas13_242",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_zas13_242",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_zas13_245",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_zas13_245",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_zas13_248",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_zas13_248",
+  "annotation": "awsui_annotation_1hpp3_zas13_252",
+  "next-button": "awsui_next-button_1hpp3_zas13_253",
+  "previous-button": "awsui_previous-button_1hpp3_zas13_254",
+  "finish-button": "awsui_finish-button_1hpp3_zas13_255",
+  "header": "awsui_header_1hpp3_zas13_256",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_zas13_257",
+  "content": "awsui_content_1hpp3_zas13_258",
+  "description": "awsui_description_1hpp3_zas13_262",
+  "actionBar": "awsui_actionBar_1hpp3_zas13_267",
+  "stepCounter": "awsui_stepCounter_1hpp3_zas13_274",
+  "divider": "awsui_divider_1hpp3_zas13_278",
+  "hotspot": "awsui_hotspot_1hpp3_zas13_282",
+  "icon": "awsui_icon_1hpp3_zas13_352"
 };
   

package/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_cj7d0_193:not(#\9) {
+.awsui_arrow_1hpp3_zas13_193:not(#\9) {
   inline-size: 20px;
   block-size: 10px;
 }
-.awsui_arrow-outer_1hpp3_cj7d0_197:not(#\9), .awsui_arrow-inner_1hpp3_cj7d0_197:not(#\9) {
+.awsui_arrow-outer_1hpp3_zas13_197:not(#\9), .awsui_arrow-inner_1hpp3_zas13_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_cj7d0_197:not(#\9)::after, .awsui_arrow-inner_1hpp3_cj7d0_197:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after, .awsui_arrow-inner_1hpp3_zas13_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_cj7d0_197:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_cj7d0_197:not(#\9):dir(rtl)::after {
+.awsui_arrow-outer_1hpp3_zas13_197:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_zas13_197:not(#\9):dir(rtl)::after {
   transform: rotate(-45deg);
   transform-origin: 100% 100%;
 }
-.awsui_arrow-outer_1hpp3_cj7d0_197:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after {
   background-color: var(--color-border-status-info-qf6jok, #006ce0);
 }
-.awsui_arrow-inner_1hpp3_cj7d0_197:not(#\9) {
+.awsui_arrow-inner_1hpp3_zas13_197:not(#\9) {
   inset-block-start: 2px;
 }
-.awsui_arrow-inner_1hpp3_cj7d0_197:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_zas13_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-sfobba, #f0fbff);
 }
-.awsui_arrow-position-right-top_1hpp3_cj7d0_239 > .awsui_arrow-outer_1hpp3_cj7d0_197:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_cj7d0_239 > .awsui_arrow-outer_1hpp3_cj7d0_197:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_zas13_239 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_zas13_239 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-o7dmmm, rgba(15, 20, 26, 0.12));
 }
-.awsui_arrow-position-left-top_1hpp3_cj7d0_242 > .awsui_arrow-outer_1hpp3_cj7d0_197:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_cj7d0_242 > .awsui_arrow-outer_1hpp3_cj7d0_197:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_zas13_242 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_zas13_242 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-o7dmmm, rgba(15, 20, 26, 0.12));
 }
-.awsui_arrow-position-top-center_1hpp3_cj7d0_245 > .awsui_arrow-outer_1hpp3_cj7d0_197:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_cj7d0_245 > .awsui_arrow-outer_1hpp3_cj7d0_197:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_zas13_245 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_zas13_245 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-o7dmmm, rgba(15, 20, 26, 0.12));
 }
-.awsui_arrow-position-bottom-center_1hpp3_cj7d0_248 > .awsui_arrow-outer_1hpp3_cj7d0_197:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_cj7d0_248 > .awsui_arrow-outer_1hpp3_cj7d0_197:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_zas13_248 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_zas13_248 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-o7dmmm, rgba(15, 20, 26, 0.12));
 }
 
-.awsui_annotation_1hpp3_cj7d0_252:not(#\9),
-.awsui_next-button_1hpp3_cj7d0_253:not(#\9),
-.awsui_previous-button_1hpp3_cj7d0_254:not(#\9),
-.awsui_finish-button_1hpp3_cj7d0_255:not(#\9),
-.awsui_header_1hpp3_cj7d0_256:not(#\9),
-.awsui_step-counter-content_1hpp3_cj7d0_257:not(#\9),
-.awsui_content_1hpp3_cj7d0_258:not(#\9) {
+.awsui_annotation_1hpp3_zas13_252:not(#\9),
+.awsui_next-button_1hpp3_zas13_253:not(#\9),
+.awsui_previous-button_1hpp3_zas13_254:not(#\9),
+.awsui_finish-button_1hpp3_zas13_255:not(#\9),
+.awsui_header_1hpp3_zas13_256:not(#\9),
+.awsui_step-counter-content_1hpp3_zas13_257:not(#\9),
+.awsui_content_1hpp3_zas13_258:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_cj7d0_262:not(#\9) {
+.awsui_description_1hpp3_zas13_262:not(#\9) {
   overflow: hidden;
   margin-block-start: var(--space-xxs-hwfkai, 4px);
 }
 
-.awsui_actionBar_1hpp3_cj7d0_267:not(#\9) {
+.awsui_actionBar_1hpp3_zas13_267:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_cj7d0_274:not(#\9) {
+.awsui_stepCounter_1hpp3_zas13_274:not(#\9) {
   margin-inline-end: 20px;
 }
 
-.awsui_divider_1hpp3_cj7d0_278:not(#\9) {
+.awsui_divider_1hpp3_zas13_278:not(#\9) {
   border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
 }
 
-.awsui_hotspot_1hpp3_cj7d0_282:not(#\9) {
+.awsui_hotspot_1hpp3_zas13_282:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -316,27 +316,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-xgujsu, 40px 0 0 0);
+  scroll-margin: var(--awsui-content-scroll-margin-kcc2gu, 40px 0 0 0);
   position: relative;
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_cj7d0_282:not(#\9):before {
+.awsui_hotspot_1hpp3_zas13_282:not(#\9):before {
   content: "";
   position: absolute;
   inset: calc(-1 * var(--space-xxs-hwfkai, 4px));
 }
-.awsui_hotspot_1hpp3_cj7d0_282:not(#\9):focus {
+.awsui_hotspot_1hpp3_zas13_282:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_cj7d0_282:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_zas13_282:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_cj7d0_282:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_zas13_282:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_cj7d0_282:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_zas13_282:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -350,13 +350,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_cj7d0_282:not(#\9):focu
   border-end-end-radius: var(--border-radius-control-circular-focus-ring-yjhscw, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_hotspot_1hpp3_cj7d0_282 > .awsui_icon_1hpp3_cj7d0_352:not(#\9) {
+.awsui_hotspot_1hpp3_zas13_282 > .awsui_icon_1hpp3_zas13_352:not(#\9) {
   position: relative;
   stroke: var(--color-text-tutorial-hotspot-default-xfv3ow, #006ce0);
 }
-.awsui_hotspot_1hpp3_cj7d0_282:not(#\9):hover > .awsui_icon_1hpp3_cj7d0_352 {
+.awsui_hotspot_1hpp3_zas13_282:not(#\9):hover > .awsui_icon_1hpp3_zas13_352 {
   stroke: var(--color-text-tutorial-hotspot-hover-92pxog, #002b66);
 }
-.awsui_hotspot_1hpp3_cj7d0_282:not(#\9):active > .awsui_icon_1hpp3_cj7d0_352 {
+.awsui_hotspot_1hpp3_zas13_282:not(#\9):active > .awsui_icon_1hpp3_zas13_352 {
   stroke: var(--color-text-tutorial-hotspot-default-xfv3ow, #006ce0);
 }

package/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_cj7d0_193",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_cj7d0_197",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_cj7d0_197",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_cj7d0_239",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_cj7d0_239",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_cj7d0_242",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_cj7d0_242",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_cj7d0_245",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_cj7d0_245",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_cj7d0_248",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_cj7d0_248",
-  "annotation": "awsui_annotation_1hpp3_cj7d0_252",
-  "next-button": "awsui_next-button_1hpp3_cj7d0_253",
-  "previous-button": "awsui_previous-button_1hpp3_cj7d0_254",
-  "finish-button": "awsui_finish-button_1hpp3_cj7d0_255",
-  "header": "awsui_header_1hpp3_cj7d0_256",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_cj7d0_257",
-  "content": "awsui_content_1hpp3_cj7d0_258",
-  "description": "awsui_description_1hpp3_cj7d0_262",
-  "actionBar": "awsui_actionBar_1hpp3_cj7d0_267",
-  "stepCounter": "awsui_stepCounter_1hpp3_cj7d0_274",
-  "divider": "awsui_divider_1hpp3_cj7d0_278",
-  "hotspot": "awsui_hotspot_1hpp3_cj7d0_282",
-  "icon": "awsui_icon_1hpp3_cj7d0_352"
+  "arrow": "awsui_arrow_1hpp3_zas13_193",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_zas13_197",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_zas13_197",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_zas13_239",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_zas13_239",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_zas13_242",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_zas13_242",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_zas13_245",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_zas13_245",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_zas13_248",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_zas13_248",
+  "annotation": "awsui_annotation_1hpp3_zas13_252",
+  "next-button": "awsui_next-button_1hpp3_zas13_253",
+  "previous-button": "awsui_previous-button_1hpp3_zas13_254",
+  "finish-button": "awsui_finish-button_1hpp3_zas13_255",
+  "header": "awsui_header_1hpp3_zas13_256",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_zas13_257",
+  "content": "awsui_content_1hpp3_zas13_258",
+  "description": "awsui_description_1hpp3_zas13_262",
+  "actionBar": "awsui_actionBar_1hpp3_zas13_267",
+  "stepCounter": "awsui_stepCounter_1hpp3_zas13_274",
+  "divider": "awsui_divider_1hpp3_zas13_278",
+  "hotspot": "awsui_hotspot_1hpp3_zas13_282",
+  "icon": "awsui_icon_1hpp3_zas13_352"
 };
   

package/annotation-context/context.d.ts

@@ -2,13 +2,12 @@ import React from 'react';
 import { HotspotProps } from '../hotspot/interfaces';
 import { AnnotationContextProps } from './interfaces';
 export interface HotspotContext {
-    getContentForId(id: string, direction: HotspotProps['direction']): JSX.Element | null;
-    registerHotspot(id: string): void;
-    unregisterHotspot(id: string): void;
-    currentStepIndex: number;
-    currentTutorial: AnnotationContextProps.Tutorial | null;
-    onStartTutorial: AnnotationContextProps['onStartTutorial'];
-    onExitTutorial: AnnotationContextProps['onExitTutorial'];
+  getContentForId(id: string, direction: HotspotProps['direction']): JSX.Element | null;
+  registerHotspot(id: string): void;
+  unregisterHotspot(id: string): void;
+  currentStepIndex: number;
+  currentTutorial: AnnotationContextProps.Tutorial | null;
+  onStartTutorial: AnnotationContextProps['onStartTutorial'];
+  onExitTutorial: AnnotationContextProps['onExitTutorial'];
 }
-export declare const hotspotContext: React.Context<HotspotContext>;
-//# sourceMappingURL=context.d.ts.map
+export declare const hotspotContext: React.Context<HotspotContext>;

package/annotation-context/index.d.ts

@@ -1,5 +1,12 @@
 /// <reference types="react" />
 import { AnnotationContextProps } from './interfaces';
 export { AnnotationContextProps };
-export default function AnnotationContext({ currentTutorial, children, onStepChange, onFinish: onFinishHandler, onStartTutorial, onExitTutorial, i18nStrings, }: AnnotationContextProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+export default function AnnotationContext({
+  currentTutorial,
+  children,
+  onStepChange,
+  onFinish: onFinishHandler,
+  onStartTutorial,
+  onExitTutorial,
+  i18nStrings
+}: AnnotationContextProps): JSX.Element;

package/annotation-context/interfaces.d.ts

@@ -2,73 +2,72 @@
 import { NonCancelableEventHandler } from '../internal/events';
 import { TutorialPanelProps } from '../tutorial-panel/interfaces';
 export interface AnnotationContextProps {
-    /**
-     * The currently launched tutorial. This should be the object received
-     * in the `detail` property of the `onStartTutorial` event.
-     */
-    currentTutorial: AnnotationContextProps.Tutorial | null;
-    /**
-     * This event is fired when a user clicks the "Next" or "Previous"
-     * button on a popover, when the user clicks on a closed hotspot icon,
-     * or when the AnnotationOverlay determines that the current hotspot
-     * has disappeared from the page and a different one should be
-     * selected (e.g. when navigating between pages).
-     *
-     * Use the `reason` property of the event detail to determine why
-     * this event was fired.
-     */
-    onStepChange?: NonCancelableEventHandler<AnnotationContextProps.StepChangeDetail>;
-    /**
-     * Fired when the user selects a tutorial from the list.
-     */
-    onStartTutorial: NonCancelableEventHandler<TutorialPanelProps.TutorialDetail>;
-    /**
-     * Fired when the user exits the current tutorial.
-     */
-    onExitTutorial: NonCancelableEventHandler<TutorialPanelProps.TutorialDetail>;
-    /**
-     * Fired when the user clicks the "Finish" button on the last step of
-     * the tutorial.
-     */
-    onFinish?: NonCancelableEventHandler<void>;
-    /**
-     * Put all page content inside this component's children. This component
-     * will provide a context which is used by the Hotspot elements throughout
-     * the page.
-     */
-    children: React.ReactNode;
-    /**
-     * An object containing all the necessary localized strings required by the component. The object should contain:
-     *
-     * * `finishButtonText` - Specifies the text that's displayed in the finish button.
-     * * `labelDismissAnnotation` - Specifies the aria-label for the dismiss button.
-     * * `labelHotspot` - Specifies the aria-label for the hotspot button. The `openState` argument is deprecated, it's handled by the hotspot button aria-expanded attribute.
-     * * `nextButtonText` - Specifies the text that's displayed in the next button.
-     * * `previousButtonText` - Specifies the text that's displayed in the previous button.
-     * * `stepCounterText` - Specifies the step counter text that's displayed in the annotation popover.
-     * * `taskTitle` - Specifies the title text that's displayed in the annotation popover.
-     */
-    i18nStrings: AnnotationContextProps.I18nStrings;
+  /**
+   * The currently launched tutorial. This should be the object received
+   * in the `detail` property of the `onStartTutorial` event.
+   */
+  currentTutorial: AnnotationContextProps.Tutorial | null;
+  /**
+   * This event is fired when a user clicks the "Next" or "Previous"
+   * button on a popover, when the user clicks on a closed hotspot icon,
+   * or when the AnnotationOverlay determines that the current hotspot
+   * has disappeared from the page and a different one should be
+   * selected (e.g. when navigating between pages).
+   *
+   * Use the `reason` property of the event detail to determine why
+   * this event was fired.
+   */
+  onStepChange?: NonCancelableEventHandler<AnnotationContextProps.StepChangeDetail>;
+  /**
+   * Fired when the user selects a tutorial from the list.
+   */
+  onStartTutorial: NonCancelableEventHandler<TutorialPanelProps.TutorialDetail>;
+  /**
+   * Fired when the user exits the current tutorial.
+   */
+  onExitTutorial: NonCancelableEventHandler<TutorialPanelProps.TutorialDetail>;
+  /**
+   * Fired when the user clicks the "Finish" button on the last step of
+   * the tutorial.
+   */
+  onFinish?: NonCancelableEventHandler<void>;
+  /**
+   * Put all page content inside this component's children. This component
+   * will provide a context which is used by the Hotspot elements throughout
+   * the page.
+   */
+  children: React.ReactNode;
+  /**
+   * An object containing all the necessary localized strings required by the component. The object should contain:
+   *
+   * * `finishButtonText` - Specifies the text that's displayed in the finish button.
+   * * `labelDismissAnnotation` - Specifies the aria-label for the dismiss button.
+   * * `labelHotspot` - Specifies the aria-label for the hotspot button. The `openState` argument is deprecated, it's handled by the hotspot button aria-expanded attribute.
+   * * `nextButtonText` - Specifies the text that's displayed in the next button.
+   * * `previousButtonText` - Specifies the text that's displayed in the previous button.
+   * * `stepCounterText` - Specifies the step counter text that's displayed in the annotation popover.
+   * * `taskTitle` - Specifies the title text that's displayed in the annotation popover.
+   */
+  i18nStrings: AnnotationContextProps.I18nStrings;
 }
 export declare namespace AnnotationContextProps {
-    interface StepChangeDetail {
-        step: number;
-        reason: 'next' | 'previous' | 'open' | 'auto-fallback';
-    }
-    interface OpenChangeDetail {
-        open: boolean;
-    }
-    type Task = TutorialPanelProps.Task;
-    type Step = TutorialPanelProps.Step;
-    type Tutorial = TutorialPanelProps.Tutorial;
-    interface I18nStrings {
-        nextButtonText: string;
-        previousButtonText: string;
-        finishButtonText: string;
-        labelDismissAnnotation: string;
-        labelHotspot: (openState: boolean, stepIndex: number, totalStepCount: number) => string;
-        stepCounterText: (stepIndex: number, totalStepCount: number) => string;
-        taskTitle: (taskIndex: number, taskTitle: string) => string;
-    }
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  interface StepChangeDetail {
+    step: number;
+    reason: 'next' | 'previous' | 'open' | 'auto-fallback';
+  }
+  interface OpenChangeDetail {
+    open: boolean;
+  }
+  type Task = TutorialPanelProps.Task;
+  type Step = TutorialPanelProps.Step;
+  type Tutorial = TutorialPanelProps.Tutorial;
+  interface I18nStrings {
+    nextButtonText: string;
+    previousButtonText: string;
+    finishButtonText: string;
+    labelDismissAnnotation: string;
+    labelHotspot: (openState: boolean, stepIndex: number, totalStepCount: number) => string;
+    stepCounterText: (stepIndex: number, totalStepCount: number) => string;
+    taskTitle: (taskIndex: number, taskTitle: string) => string;
+  }
+}

package/annotation-context/utils.d.ts

@@ -1,13 +1,12 @@
 import { AnnotationContextProps } from './interfaces';
 export declare function getStepInfo(annotations: readonly AnnotationContextProps.Task[], index: number): {
-    task: import("..").TutorialPanelProps.Task;
-    step: import("..").TutorialPanelProps.Step;
-    localIndex: number;
-    taskIndex: number;
+  task: import("..").TutorialPanelProps.Task;
+  step: import("..").TutorialPanelProps.Step;
+  localIndex: number;
+  taskIndex: number;
 } | {
-    task: undefined;
-    step: undefined;
-    localIndex: number;
-    taskIndex: number;
-};
-//# sourceMappingURL=utils.d.ts.map
+  task: undefined;
+  step: undefined;
+  localIndex: number;
+  taskIndex: number;
+};

package/app-layout/classic.d.ts

@@ -1,20 +1,19 @@
 import React from 'react';
 import { AppLayoutProps } from './interfaces';
 declare const ClassicAppLayout: React.ForwardRefExoticComponent<Omit<AppLayoutProps, "headerSelector" | "footerSelector"> & {
-    contentType: AppLayoutProps.ContentType;
-    navigationOpen: boolean;
-    navigationWidth: number;
-    toolsWidth: number;
-    minContentWidth: number;
-    onNavigationChange: import("../internal/events").NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;
+  contentType: AppLayoutProps.ContentType;
+  navigationOpen: boolean;
+  navigationWidth: number;
+  toolsWidth: number;
+  minContentWidth: number;
+  onNavigationChange: import("../internal/events").NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;
 } & {
-    placement: {
-        insetBlockStart: number;
-        insetBlockEnd: number;
-        insetInlineStart: number;
-        insetInlineEnd: number;
-        inlineSize: number;
-    };
+  placement: {
+    insetBlockStart: number;
+    insetBlockEnd: number;
+    insetInlineStart: number;
+    insetInlineEnd: number;
+    inlineSize: number;
+  };
 } & React.RefAttributes<AppLayoutProps.Ref>>;
-export default ClassicAppLayout;
-//# sourceMappingURL=classic.d.ts.map
+export default ClassicAppLayout;

package/app-layout/content-wrapper/index.d.ts

@@ -1,16 +1,15 @@
 import React from 'react';
 import { AppLayoutProps } from '../interfaces';
 export interface ContentWrapperProps {
-    className?: string;
-    style?: React.CSSProperties;
-    contentType: AppLayoutProps.ContentType;
-    children?: React.ReactNode;
-    isMobile: boolean;
-    navigationPadding: boolean;
-    toolsPadding: boolean;
-    disablePaddings?: boolean;
-    contentWidthStyles?: React.CSSProperties;
+  className?: string;
+  style?: React.CSSProperties;
+  contentType: AppLayoutProps.ContentType;
+  children?: React.ReactNode;
+  isMobile: boolean;
+  navigationPadding: boolean;
+  toolsPadding: boolean;
+  disablePaddings?: boolean;
+  contentWidthStyles?: React.CSSProperties;
 }
 declare const ContentWrapper: React.ForwardRefExoticComponent<ContentWrapperProps & React.RefAttributes<HTMLDivElement>>;
-export default ContentWrapper;
-//# sourceMappingURL=index.d.ts.map
+export default ContentWrapper;

package/app-layout/defaults.d.ts

@@ -1,9 +1,8 @@
 import { AppLayoutProps } from './interfaces';
 interface AppLayoutState {
-    navigationOpen?: boolean;
-    minContentWidth: number;
-    maxContentWidth?: number | undefined;
+  navigationOpen?: boolean;
+  minContentWidth: number;
+  maxContentWidth?: number | undefined;
 }
 export declare function applyDefaults(contentType: AppLayoutProps.ContentType, stateFromProps: Pick<AppLayoutProps, 'minContentWidth' | 'maxContentWidth' | 'navigationOpen' | 'toolsOpen'>, isRefresh: boolean): AppLayoutState;
-export {};
-//# sourceMappingURL=defaults.d.ts.map
+export {};

package/app-layout/drawer/drawers-helpers.d.ts

@@ -1,10 +1,9 @@
 export declare function splitItems<T extends {
-    id: string;
+  id: string;
 }>(maybeItems: ReadonlyArray<T> | undefined, splitIndex: number, activeId: string | null): {
-    visibleItems: readonly T[];
-    overflowItems: never[];
+  visibleItems: readonly T[];
+  overflowItems: never[];
 } | {
-    visibleItems: T[];
-    overflowItems: T[];
-};
-//# sourceMappingURL=drawers-helpers.d.ts.map
+  visibleItems: T[];
+  overflowItems: T[];
+};

package/app-layout/drawer/index.d.ts

@@ -1,5 +1,13 @@
 import React from 'react';
 import { DesktopDrawerProps, DrawerTriggersBarProps } from './interfaces';
 export declare const Drawer: React.ForwardRefExoticComponent<DesktopDrawerProps & React.RefAttributes<HTMLDivElement>>;
-export declare const DrawerTriggersBar: ({ isMobile, topOffset, bottomOffset, activeDrawerId, ariaLabels, drawers, drawerRefs, onDrawerChange, }: DrawerTriggersBarProps) => JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+export declare const DrawerTriggersBar: ({
+  isMobile,
+  topOffset,
+  bottomOffset,
+  activeDrawerId,
+  ariaLabels,
+  drawers,
+  drawerRefs,
+  onDrawerChange
+}: DrawerTriggersBarProps) => JSX.Element;