@cloudscape-design/components 3.0.840 → 3.0.842

package/annotation-context/annotation/annotation-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotation-popover.js","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/annotation-popover.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAC3E,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AAEvD,OAAO,oBAAoB,MAAM,8BAA8B,CAAC;AAGhE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA+BrC,MAAM,KAAK,GAAG,CAAC,QAAiC,EAAE,EAAE,CAAC,CACnD,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,kBAAkB,QAAQ,EAAE,CAAC,CAAC;IACtE,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,GAAI;IACzC,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,GAAI,CACrC,CACP,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,KAAK,EAEL,SAAS,GAAG,KAAK,EAEjB,kBAAkB,EAElB,eAAe,EAEf,kBAAkB,EAClB,gBAAgB,EAEhB,SAAS,EAET,iBAAiB,EACjB,iBAAiB,EAEjB,QAAQ,EAER,QAAQ,EAER,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,GACY;IACvB,SAAS,CAAC,GAAG,EAAE;;QACb,qBAAqB,CAAC,MAAA,QAAQ,CAAC,OAAO,mCAAI,SAAS,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,eAAe,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAEnD,OAAO,CACL,oBAAC,gBAAgB,IACf,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAC,YAAY,EACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,IAAI;QAEZ,oBAAC,WAAW,IACV,aAAa,EAAE,IAAI,EACnB,gBAAgB,EAAE,WAAW,CAAC,sBAAsB,EACpD,MAAM,EACJ,oBAAC,WAAW,IACV,EAAE,EAAE,eAAe,EACnB,KAAK,EAAC,qBAAqB,EAC3B,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,EACvB,SAAS,EAAE,MAAM,CAAC,MAAM,IAEvB,KAAK,CACM,EAEhB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAC,YAAY,EACpB,eAAe,EAAC,SAAS;YACzB,6EAA6E;YAC7E,GAAG,EAAE,kBAAkB,EACvB,cAAc,EAAE,WAAW,CAAC,eAAe,EAAE,aAAa,CAAC;YAE3D,oBAAC,oBAAoB,IAAC,IAAI,EAAC,GAAG;gBAC5B,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW;oBAChC,oBAAC,WAAW,IAAC,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,OAAO,CAAe,CAC3D;gBAEL,KAAK,IAAI,oBAAC,aAAa,IAAC,IAAI,EAAC,SAAS,IAAE,KAAK,CAAiB;gBAE/D,oBAAC,oBAAoB,IAAC,IAAI,EAAC,GAAG;oBAC5B,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI;oBAElC,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;wBAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW;4BAChC,oBAAC,WAAW,IACV,EAAE,EAAE,aAAa,EACjB,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,EACzC,KAAK,EAAC,qBAAqB,EAC3B,QAAQ,EAAC,QAAQ,IAEhB,WAAW,CAAC,eAAe,CAAC,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,CAAC,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,CAAC,CAAC,CAC/D,CACV;wBACN,oBAAC,oBAAoB,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,YAAY;4BACnD,kBAAkB,IAAI,CACrB,oBAAC,cAAc,IACb,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,EAAE,CAAC,qBAAqB,EAChC,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,WAAW,CAAC,kBAAkB,EACzC,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,IAEnC,WAAW,CAAC,kBAAkB,CAChB,CAClB;4BAEA,gBAAgB,CAAC,CAAC,CAAC,CAClB,oBAAC,cAAc,IACb,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,WAAW,CAAC,gBAAgB,EACvC,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,IAEjC,WAAW,CAAC,gBAAgB,CACd,CAClB,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IACb,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,CAAC,iBAAiB,EAC5B,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,WAAW,CAAC,cAAc,EACrC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,IAE/B,WAAW,CAAC,cAAc,CACZ,CAClB,CACoB,CACnB,CACe,CACF,CACX,CACG,CACpB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\nimport clsx from 'clsx';\n\nimport InternalAlert from '../../alert/internal';\nimport InternalBox from '../../box/internal';\nimport { InternalButton } from '../../button/internal';\nimport { HotspotProps } from '../../hotspot/interfaces';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id/index.js';\nimport { scrollElementIntoView } from '../../internal/utils/scrollable-containers';\nimport { joinStrings } from '../../internal/utils/strings/join-strings.js';\nimport PopoverBody from '../../popover/body';\nimport PopoverContainer from '../../popover/container';\nimport { InternalPosition } from '../../popover/interfaces';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport { AnnotationContextProps } from '../interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface AnnotationPopoverProps {\n  title: string;\n  content: React.ReactNode;\n  alert: React.ReactNode;\n\n  direction: HotspotProps['direction'];\n\n  nextButtonEnabled: boolean;\n  onNextButtonClick: () => void;\n\n  onFinish: () => void;\n\n  showPreviousButton: boolean;\n  previousButtonEnabled: boolean;\n  onPreviousButtonClick: () => void;\n\n  taskLocalStepIndex: number;\n\n  totalLocalSteps: number;\n\n  showFinishButton: boolean;\n\n  onDismiss: () => void;\n\n  trackRef: React.RefObject<HTMLElement>;\n\n  i18nStrings: AnnotationContextProps['i18nStrings'];\n}\n\nconst arrow = (position: InternalPosition | null) => (\n  <div className={clsx(styles.arrow, styles[`arrow-position-${position}`])}>\n    <div className={styles['arrow-outer']} />\n    <div className={styles['arrow-inner']} />\n  </div>\n);\n\nexport function AnnotationPopover({\n  title,\n  content,\n  alert,\n\n  direction = 'top',\n\n  taskLocalStepIndex,\n\n  totalLocalSteps,\n\n  showPreviousButton,\n  showFinishButton,\n\n  onDismiss,\n\n  nextButtonEnabled,\n  onNextButtonClick,\n\n  onFinish,\n\n  trackRef,\n\n  previousButtonEnabled,\n  onPreviousButtonClick,\n  i18nStrings,\n}: AnnotationPopoverProps) {\n  useEffect(() => {\n    scrollElementIntoView(trackRef.current ?? undefined);\n  }, [trackRef]);\n\n  const popoverHeaderId = useUniqueId('poppver-header-');\n  const stepCounterId = useUniqueId('step-counter-');\n\n  return (\n    <PopoverContainer\n      size=\"medium\"\n      fixedWidth={false}\n      position={direction}\n      trackRef={trackRef}\n      trackKey={taskLocalStepIndex}\n      variant=\"annotation\"\n      arrow={arrow}\n      zIndex={1000}\n    >\n      <PopoverBody\n        dismissButton={true}\n        dismissAriaLabel={i18nStrings.labelDismissAnnotation}\n        header={\n          <InternalBox\n            id={popoverHeaderId}\n            color=\"text-body-secondary\"\n            fontSize=\"body-s\"\n            margin={{ top: 'xxxs' }}\n            className={styles.header}\n          >\n            {title}\n          </InternalBox>\n        }\n        onDismiss={onDismiss}\n        className={styles.annotation}\n        variant=\"annotation\"\n        overflowVisible=\"content\"\n        // create new dialog to have the native dialog behavior of the screen readers\n        key={taskLocalStepIndex}\n        ariaLabelledby={joinStrings(popoverHeaderId, stepCounterId)}\n      >\n        <InternalSpaceBetween size=\"s\">\n          <div className={styles.description}>\n            <InternalBox className={styles.content}>{content}</InternalBox>\n          </div>\n\n          {alert && <InternalAlert type=\"warning\">{alert}</InternalAlert>}\n\n          <InternalSpaceBetween size=\"s\">\n            <div className={styles.divider} />\n\n            <div className={styles.actionBar}>\n              <div className={styles.stepCounter}>\n                <InternalBox\n                  id={stepCounterId}\n                  className={styles['step-counter-content']}\n                  color=\"text-body-secondary\"\n                  fontSize=\"body-s\"\n                >\n                  {i18nStrings.stepCounterText(taskLocalStepIndex ?? 0, totalLocalSteps ?? 0)}\n                </InternalBox>\n              </div>\n              <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n                {showPreviousButton && (\n                  <InternalButton\n                    variant=\"link\"\n                    onClick={onPreviousButtonClick}\n                    disabled={!previousButtonEnabled}\n                    formAction=\"none\"\n                    ariaLabel={i18nStrings.previousButtonText}\n                    className={styles['previous-button']}\n                  >\n                    {i18nStrings.previousButtonText}\n                  </InternalButton>\n                )}\n\n                {showFinishButton ? (\n                  <InternalButton\n                    onClick={onFinish}\n                    formAction=\"none\"\n                    ariaLabel={i18nStrings.finishButtonText}\n                    className={styles['finish-button']}\n                  >\n                    {i18nStrings.finishButtonText}\n                  </InternalButton>\n                ) : (\n                  <InternalButton\n                    onClick={onNextButtonClick}\n                    disabled={!nextButtonEnabled}\n                    formAction=\"none\"\n                    ariaLabel={i18nStrings.nextButtonText}\n                    className={styles['next-button']}\n                  >\n                    {i18nStrings.nextButtonText}\n                  </InternalButton>\n                )}\n              </InternalSpaceBetween>\n            </div>\n          </InternalSpaceBetween>\n        </InternalSpaceBetween>\n      </PopoverBody>\n    </PopoverContainer>\n  );\n}\n"]}
+{"version":3,"file":"annotation-popover.js","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/annotation-popover.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\nimport clsx from 'clsx';\n\nimport InternalAlert from '../../alert/internal';\nimport InternalBox from '../../box/internal';\nimport { InternalButton } from '../../button/internal';\nimport { HotspotProps } from '../../hotspot/interfaces';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id/index.js';\nimport { scrollElementIntoView } from '../../internal/utils/scrollable-containers';\nimport { joinStrings } from '../../internal/utils/strings/join-strings.js';\nimport PopoverBody from '../../popover/body';\nimport PopoverContainer from '../../popover/container';\nimport { InternalPosition } from '../../popover/interfaces';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport { AnnotationContextProps } from '../interfaces';\n\nimport styles from './styles.css.js';\n\ninterface AnnotationPopoverProps {\n  title: string;\n  content: React.ReactNode;\n  alert: React.ReactNode;\n\n  direction: HotspotProps['direction'];\n\n  nextButtonEnabled: boolean;\n  onNextButtonClick: () => void;\n\n  onFinish: () => void;\n\n  showPreviousButton: boolean;\n  previousButtonEnabled: boolean;\n  onPreviousButtonClick: () => void;\n\n  taskLocalStepIndex: number;\n\n  totalLocalSteps: number;\n\n  showFinishButton: boolean;\n\n  onDismiss: () => void;\n\n  trackRef: React.RefObject<HTMLElement>;\n\n  i18nStrings: AnnotationContextProps['i18nStrings'];\n}\n\nconst arrow = (position: InternalPosition | null) => (\n  <div className={clsx(styles.arrow, styles[`arrow-position-${position}`])}>\n    <div className={styles['arrow-outer']} />\n    <div className={styles['arrow-inner']} />\n  </div>\n);\n\nexport function AnnotationPopover({\n  title,\n  content,\n  alert,\n\n  direction = 'top',\n\n  taskLocalStepIndex,\n\n  totalLocalSteps,\n\n  showPreviousButton,\n  showFinishButton,\n\n  onDismiss,\n\n  nextButtonEnabled,\n  onNextButtonClick,\n\n  onFinish,\n\n  trackRef,\n\n  previousButtonEnabled,\n  onPreviousButtonClick,\n  i18nStrings,\n}: AnnotationPopoverProps) {\n  useEffect(() => {\n    scrollElementIntoView(trackRef.current ?? undefined);\n  }, [trackRef]);\n\n  const popoverHeaderId = useUniqueId('poppver-header-');\n  const stepCounterId = useUniqueId('step-counter-');\n\n  return (\n    <PopoverContainer\n      size=\"medium\"\n      fixedWidth={false}\n      position={direction}\n      trackRef={trackRef}\n      trackKey={taskLocalStepIndex}\n      variant=\"annotation\"\n      arrow={arrow}\n      zIndex={1000}\n    >\n      <PopoverBody\n        dismissButton={true}\n        dismissAriaLabel={i18nStrings.labelDismissAnnotation}\n        header={\n          <InternalBox\n            id={popoverHeaderId}\n            color=\"text-body-secondary\"\n            fontSize=\"body-s\"\n            margin={{ top: 'xxxs' }}\n            className={styles.header}\n          >\n            {title}\n          </InternalBox>\n        }\n        onDismiss={onDismiss}\n        className={styles.annotation}\n        variant=\"annotation\"\n        overflowVisible=\"content\"\n        // create new dialog to have the native dialog behavior of the screen readers\n        key={taskLocalStepIndex}\n        ariaLabelledby={joinStrings(popoverHeaderId, stepCounterId)}\n      >\n        <InternalSpaceBetween size=\"s\">\n          <div className={styles.description}>\n            <InternalBox className={styles.content}>{content}</InternalBox>\n          </div>\n\n          {alert && <InternalAlert type=\"warning\">{alert}</InternalAlert>}\n\n          <InternalSpaceBetween size=\"s\">\n            <div className={styles.divider} />\n\n            <div className={styles.actionBar}>\n              <div className={styles.stepCounter}>\n                <InternalBox\n                  id={stepCounterId}\n                  className={styles['step-counter-content']}\n                  color=\"text-body-secondary\"\n                  fontSize=\"body-s\"\n                >\n                  {i18nStrings.stepCounterText(taskLocalStepIndex ?? 0, totalLocalSteps ?? 0)}\n                </InternalBox>\n              </div>\n              <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n                {showPreviousButton && (\n                  <InternalButton\n                    variant=\"link\"\n                    onClick={onPreviousButtonClick}\n                    disabled={!previousButtonEnabled}\n                    formAction=\"none\"\n                    ariaLabel={i18nStrings.previousButtonText}\n                    className={styles['previous-button']}\n                  >\n                    {i18nStrings.previousButtonText}\n                  </InternalButton>\n                )}\n\n                {showFinishButton ? (\n                  <InternalButton\n                    onClick={onFinish}\n                    formAction=\"none\"\n                    ariaLabel={i18nStrings.finishButtonText}\n                    className={styles['finish-button']}\n                  >\n                    {i18nStrings.finishButtonText}\n                  </InternalButton>\n                ) : (\n                  <InternalButton\n                    onClick={onNextButtonClick}\n                    disabled={!nextButtonEnabled}\n                    formAction=\"none\"\n                    ariaLabel={i18nStrings.nextButtonText}\n                    className={styles['next-button']}\n                  >\n                    {i18nStrings.nextButtonText}\n                  </InternalButton>\n                )}\n              </InternalSpaceBetween>\n            </div>\n          </InternalSpaceBetween>\n        </InternalSpaceBetween>\n      </PopoverBody>\n    </PopoverContainer>\n  );\n}\n"]}

package/annotation-context/annotation/annotation-trigger.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AnnotationContextProps } from '../interfaces';
-export interface AnnotationTriggerProps {
+interface AnnotationTriggerProps {
     open: boolean;
     onClick: () => void;
     i18nStrings: AnnotationContextProps['i18nStrings'];

package/annotation-context/annotation/annotation-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"annotation-trigger.d.ts","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/annotation-trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAKvD,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IAEd,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,WAAW,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IACnD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;CACzB;;AAED,wBAuBG"}
+{"version":3,"file":"annotation-trigger.d.ts","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/annotation-trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAKvD,UAAU,sBAAsB;IAC9B,IAAI,EAAE,OAAO,CAAC;IAEd,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,WAAW,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IACnD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;CACzB;;AAED,wBAuBG"}

package/annotation-context/annotation/annotation-trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotation-trigger.js","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/annotation-trigger.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAYrC,eAAe,KAAK,CAAC,UAAU,CAA4C,SAAS,iBAAiB,CACnG,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAA0B,EAC3G,GAAG;IAEH,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAuB,EAAE,EAAE;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,cAAc,EAAE,CAAC;IACnB,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,MAAM,CAAC,OAAO,mBACX,QAAQ,gBACV,WAAW,CAAC,YAAY,CAAC,IAAI,EAAE,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,CAAC,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,CAAC,CAAC,EACzF,OAAO,EAAE,OAAO;QAEhB,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,GAAI,CACvB,CACV,CAAC;AACJ,CAAC,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';\n\nimport { AnnotationContextProps } from '../interfaces';\nimport { AnnotationIcon } from './annotation-icon';\n\nimport styles from './styles.css.js';\n\nexport interface AnnotationTriggerProps {\n  open: boolean;\n\n  onClick: () => void;\n\n  i18nStrings: AnnotationContextProps['i18nStrings'];\n  taskLocalStepIndex: number;\n  totalLocalSteps: number;\n}\n\nexport default React.forwardRef<HTMLButtonElement, AnnotationTriggerProps>(function AnnotationTrigger(\n  { open, onClick: onClickHandler, i18nStrings, taskLocalStepIndex, totalLocalSteps }: AnnotationTriggerProps,\n  ref\n) {\n  const onClick = useCallback(\n    (event: React.MouseEvent) => {\n      event.preventDefault();\n      onClickHandler();\n    },\n    [onClickHandler]\n  );\n\n  return (\n    <button\n      ref={ref}\n      className={styles.hotspot}\n      aria-haspopup=\"dialog\"\n      aria-label={i18nStrings.labelHotspot(open, taskLocalStepIndex ?? 0, totalLocalSteps ?? 0)}\n      onClick={onClick}\n    >\n      <AnnotationIcon open={open} />\n    </button>\n  );\n});\n"]}
+{"version":3,"file":"annotation-trigger.js","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/annotation-trigger.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAYrC,eAAe,KAAK,CAAC,UAAU,CAA4C,SAAS,iBAAiB,CACnG,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAA0B,EAC3G,GAAG;IAEH,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAuB,EAAE,EAAE;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,cAAc,EAAE,CAAC;IACnB,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,MAAM,CAAC,OAAO,mBACX,QAAQ,gBACV,WAAW,CAAC,YAAY,CAAC,IAAI,EAAE,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,CAAC,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,CAAC,CAAC,EACzF,OAAO,EAAE,OAAO;QAEhB,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,GAAI,CACvB,CACV,CAAC;AACJ,CAAC,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';\n\nimport { AnnotationContextProps } from '../interfaces';\nimport { AnnotationIcon } from './annotation-icon';\n\nimport styles from './styles.css.js';\n\ninterface AnnotationTriggerProps {\n  open: boolean;\n\n  onClick: () => void;\n\n  i18nStrings: AnnotationContextProps['i18nStrings'];\n  taskLocalStepIndex: number;\n  totalLocalSteps: number;\n}\n\nexport default React.forwardRef<HTMLButtonElement, AnnotationTriggerProps>(function AnnotationTrigger(\n  { open, onClick: onClickHandler, i18nStrings, taskLocalStepIndex, totalLocalSteps }: AnnotationTriggerProps,\n  ref\n) {\n  const onClick = useCallback(\n    (event: React.MouseEvent) => {\n      event.preventDefault();\n      onClickHandler();\n    },\n    [onClickHandler]\n  );\n\n  return (\n    <button\n      ref={ref}\n      className={styles.hotspot}\n      aria-haspopup=\"dialog\"\n      aria-label={i18nStrings.labelHotspot(open, taskLocalStepIndex ?? 0, totalLocalSteps ?? 0)}\n      onClick={onClick}\n    >\n      <AnnotationIcon open={open} />\n    </button>\n  );\n});\n"]}

package/annotation-context/annotation/closed-annotation.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { AnnotationContextProps } from '../interfaces';
-export interface AnnotationProps {
+interface AnnotationProps {
     globalStepIndex: number;
     onOpen: (stepId: number) => void;
     i18nStrings: AnnotationContextProps['i18nStrings'];
@@ -9,4 +9,5 @@ export interface AnnotationProps {
     taskLocalStepIndex: number;
 }
 export declare function ClosedAnnotation({ globalStepIndex, onOpen, i18nStrings, focusOnRender, totalLocalSteps, taskLocalStepIndex, }: AnnotationProps): JSX.Element;
+export {};
 //# sourceMappingURL=closed-annotation.d.ts.map

package/annotation-context/annotation/closed-annotation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"closed-annotation.d.ts","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/closed-annotation.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAGvD,MAAM,WAAW,eAAe;IAC9B,eAAe,EAAE,MAAM,CAAC;IAExB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,WAAW,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAEnD,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,MAAM,EACN,WAAW,EACX,aAAa,EACb,eAAe,EACf,kBAAkB,GACnB,EAAE,eAAe,eAsBjB"}
+{"version":3,"file":"closed-annotation.d.ts","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/closed-annotation.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAGvD,UAAU,eAAe;IACvB,eAAe,EAAE,MAAM,CAAC;IAExB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,WAAW,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAEnD,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,MAAM,EACN,WAAW,EACX,aAAa,EACb,eAAe,EACf,kBAAkB,GACnB,EAAE,eAAe,eAsBjB"}

package/annotation-context/annotation/closed-annotation.js.map

@@ -1 +1 @@
-{"version":3,"file":"closed-annotation.js","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/closed-annotation.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAcrD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,eAAe,EACf,MAAM,EACN,WAAW,EACX,aAAa,EACb,eAAe,EACf,kBAAkB,GACF;IAChB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,MAAM,CAAC,eAAe,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,IAAI,UAAU,EAAE;YAC/B,UAAU,CAAC,KAAK,EAAE,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,oBAAC,iBAAiB,IAChB,IAAI,EAAE,KAAK,EACX,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,aAAa,EAClB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,GACtC,CACH,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, useState } from 'react';\n\nimport { AnnotationContextProps } from '../interfaces';\nimport AnnotationTrigger from './annotation-trigger';\n\nexport interface AnnotationProps {\n  globalStepIndex: number;\n\n  onOpen: (stepId: number) => void;\n\n  i18nStrings: AnnotationContextProps['i18nStrings'];\n\n  focusOnRender: boolean;\n  totalLocalSteps: number;\n  taskLocalStepIndex: number;\n}\n\nexport function ClosedAnnotation({\n  globalStepIndex,\n  onOpen,\n  i18nStrings,\n  focusOnRender,\n  totalLocalSteps,\n  taskLocalStepIndex,\n}: AnnotationProps) {\n  const [hotspotRef, setHotspotRef] = useState<HTMLButtonElement | null>(null);\n  const onClick = useCallback(() => {\n    onOpen(globalStepIndex);\n  }, [globalStepIndex, onOpen]);\n\n  useEffect(() => {\n    if (focusOnRender && hotspotRef) {\n      hotspotRef.focus();\n    }\n  }, [focusOnRender, hotspotRef]);\n\n  return (\n    <AnnotationTrigger\n      open={false}\n      onClick={onClick}\n      i18nStrings={i18nStrings}\n      ref={setHotspotRef}\n      totalLocalSteps={totalLocalSteps}\n      taskLocalStepIndex={taskLocalStepIndex}\n    />\n  );\n}\n"]}
+{"version":3,"file":"closed-annotation.js","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/closed-annotation.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAcrD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,eAAe,EACf,MAAM,EACN,WAAW,EACX,aAAa,EACb,eAAe,EACf,kBAAkB,GACF;IAChB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,MAAM,CAAC,eAAe,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,IAAI,UAAU,EAAE;YAC/B,UAAU,CAAC,KAAK,EAAE,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,oBAAC,iBAAiB,IAChB,IAAI,EAAE,KAAK,EACX,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,aAAa,EAClB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,GACtC,CACH,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, useState } from 'react';\n\nimport { AnnotationContextProps } from '../interfaces';\nimport AnnotationTrigger from './annotation-trigger';\n\ninterface AnnotationProps {\n  globalStepIndex: number;\n\n  onOpen: (stepId: number) => void;\n\n  i18nStrings: AnnotationContextProps['i18nStrings'];\n\n  focusOnRender: boolean;\n  totalLocalSteps: number;\n  taskLocalStepIndex: number;\n}\n\nexport function ClosedAnnotation({\n  globalStepIndex,\n  onOpen,\n  i18nStrings,\n  focusOnRender,\n  totalLocalSteps,\n  taskLocalStepIndex,\n}: AnnotationProps) {\n  const [hotspotRef, setHotspotRef] = useState<HTMLButtonElement | null>(null);\n  const onClick = useCallback(() => {\n    onOpen(globalStepIndex);\n  }, [globalStepIndex, onOpen]);\n\n  useEffect(() => {\n    if (focusOnRender && hotspotRef) {\n      hotspotRef.focus();\n    }\n  }, [focusOnRender, hotspotRef]);\n\n  return (\n    <AnnotationTrigger\n      open={false}\n      onClick={onClick}\n      i18nStrings={i18nStrings}\n      ref={setHotspotRef}\n      totalLocalSteps={totalLocalSteps}\n      taskLocalStepIndex={taskLocalStepIndex}\n    />\n  );\n}\n"]}

package/annotation-context/annotation/open-annotation.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { HotspotProps } from '../../hotspot/interfaces';
 import { AnnotationContextProps } from '../interfaces';
-export interface AnnotationProps {
+interface AnnotationProps {
     title: string;
     content: React.ReactNode;
     alert?: React.ReactNode;
@@ -19,4 +19,5 @@ export interface AnnotationProps {
     i18nStrings: AnnotationContextProps['i18nStrings'];
 }
 export declare function OpenAnnotation({ title, content, alert, direction, showPreviousButton, showFinishButton, taskLocalStepIndex, totalLocalSteps, onDismiss, nextButtonEnabled, onNextButtonClick, onFinish, previousButtonEnabled, onPreviousButtonClick, i18nStrings, }: AnnotationProps): JSX.Element;
+export {};
 //# sourceMappingURL=open-annotation.d.ts.map

package/annotation-context/annotation/open-annotation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"open-annotation.d.ts","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/open-annotation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAIvD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAErC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAElC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,OAAO,CAAC;IAE1B,kBAAkB,EAAE,MAAM,CAAC;IAE3B,eAAe,EAAE,MAAM,CAAC;IAExB,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB,WAAW,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,KAAK,EAEL,SAAS,EAET,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAElB,eAAe,EAEf,SAAS,EAET,iBAAiB,EACjB,iBAAiB,EAEjB,QAAQ,EAER,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,GACZ,EAAE,eAAe,eAkCjB"}
+{"version":3,"file":"open-annotation.d.ts","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/open-annotation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAIvD,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAErC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAElC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,OAAO,CAAC;IAE1B,kBAAkB,EAAE,MAAM,CAAC;IAE3B,eAAe,EAAE,MAAM,CAAC;IAExB,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB,WAAW,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,KAAK,EAEL,SAAS,EAET,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAElB,eAAe,EAEf,SAAS,EAET,iBAAiB,EACjB,iBAAiB,EAEjB,QAAQ,EAER,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,GACZ,EAAE,eAAe,eAkCjB"}

package/annotation-context/annotation/open-annotation.js.map

@@ -1 +1 @@
-{"version":3,"file":"open-annotation.js","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/open-annotation.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAItC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AA6BrD,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,KAAK,EAEL,SAAS,EAET,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAElB,eAAe,EAEf,SAAS,EAET,iBAAiB,EACjB,iBAAiB,EAEjB,QAAQ,EAER,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,GACK;IAChB,MAAM,QAAQ,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEjD,OAAO,CACL;QACE,oBAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,QAAQ,EACb,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,GACtC;QAEF,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,qBAAqB,EAC5C,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,GACZ,CACD,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\n\nimport { HotspotProps } from '../../hotspot/interfaces';\nimport { AnnotationContextProps } from '../interfaces';\nimport { AnnotationPopover } from './annotation-popover';\nimport AnnotationTrigger from './annotation-trigger';\n\nexport interface AnnotationProps {\n  title: string;\n  content: React.ReactNode;\n  alert?: React.ReactNode;\n\n  direction: HotspotProps['direction'];\n\n  nextButtonEnabled: boolean;\n  onNextButtonClick: () => void;\n\n  onFinish: () => void;\n\n  previousButtonEnabled: boolean;\n  onPreviousButtonClick: () => void;\n\n  showPreviousButton: boolean;\n  showFinishButton: boolean;\n\n  taskLocalStepIndex: number;\n\n  totalLocalSteps: number;\n\n  onDismiss: () => void;\n\n  i18nStrings: AnnotationContextProps['i18nStrings'];\n}\n\nexport function OpenAnnotation({\n  title,\n  content,\n  alert,\n\n  direction,\n\n  showPreviousButton,\n  showFinishButton,\n  taskLocalStepIndex,\n\n  totalLocalSteps,\n\n  onDismiss,\n\n  nextButtonEnabled,\n  onNextButtonClick,\n\n  onFinish,\n\n  previousButtonEnabled,\n  onPreviousButtonClick,\n  i18nStrings,\n}: AnnotationProps) {\n  const trackRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <>\n      <AnnotationTrigger\n        open={true}\n        onClick={onDismiss}\n        i18nStrings={i18nStrings}\n        ref={trackRef}\n        totalLocalSteps={totalLocalSteps}\n        taskLocalStepIndex={taskLocalStepIndex}\n      />\n\n      <AnnotationPopover\n        trackRef={trackRef}\n        previousButtonEnabled={previousButtonEnabled}\n        showPreviousButton={showPreviousButton}\n        showFinishButton={showFinishButton}\n        totalLocalSteps={totalLocalSteps}\n        i18nStrings={i18nStrings}\n        nextButtonEnabled={nextButtonEnabled}\n        onDismiss={onDismiss}\n        onFinish={onFinish}\n        onNextButtonClick={onNextButtonClick}\n        onPreviousButtonClick={onPreviousButtonClick}\n        taskLocalStepIndex={taskLocalStepIndex}\n        direction={direction}\n        title={title}\n        content={content}\n        alert={alert}\n      />\n    </>\n  );\n}\n"]}
+{"version":3,"file":"open-annotation.js","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/open-annotation.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAItC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AA6BrD,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,KAAK,EAEL,SAAS,EAET,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAElB,eAAe,EAEf,SAAS,EAET,iBAAiB,EACjB,iBAAiB,EAEjB,QAAQ,EAER,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,GACK;IAChB,MAAM,QAAQ,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEjD,OAAO,CACL;QACE,oBAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,QAAQ,EACb,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,GACtC;QAEF,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,qBAAqB,EAC5C,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,GACZ,CACD,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\n\nimport { HotspotProps } from '../../hotspot/interfaces';\nimport { AnnotationContextProps } from '../interfaces';\nimport { AnnotationPopover } from './annotation-popover';\nimport AnnotationTrigger from './annotation-trigger';\n\ninterface AnnotationProps {\n  title: string;\n  content: React.ReactNode;\n  alert?: React.ReactNode;\n\n  direction: HotspotProps['direction'];\n\n  nextButtonEnabled: boolean;\n  onNextButtonClick: () => void;\n\n  onFinish: () => void;\n\n  previousButtonEnabled: boolean;\n  onPreviousButtonClick: () => void;\n\n  showPreviousButton: boolean;\n  showFinishButton: boolean;\n\n  taskLocalStepIndex: number;\n\n  totalLocalSteps: number;\n\n  onDismiss: () => void;\n\n  i18nStrings: AnnotationContextProps['i18nStrings'];\n}\n\nexport function OpenAnnotation({\n  title,\n  content,\n  alert,\n\n  direction,\n\n  showPreviousButton,\n  showFinishButton,\n  taskLocalStepIndex,\n\n  totalLocalSteps,\n\n  onDismiss,\n\n  nextButtonEnabled,\n  onNextButtonClick,\n\n  onFinish,\n\n  previousButtonEnabled,\n  onPreviousButtonClick,\n  i18nStrings,\n}: AnnotationProps) {\n  const trackRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <>\n      <AnnotationTrigger\n        open={true}\n        onClick={onDismiss}\n        i18nStrings={i18nStrings}\n        ref={trackRef}\n        totalLocalSteps={totalLocalSteps}\n        taskLocalStepIndex={taskLocalStepIndex}\n      />\n\n      <AnnotationPopover\n        trackRef={trackRef}\n        previousButtonEnabled={previousButtonEnabled}\n        showPreviousButton={showPreviousButton}\n        showFinishButton={showFinishButton}\n        totalLocalSteps={totalLocalSteps}\n        i18nStrings={i18nStrings}\n        nextButtonEnabled={nextButtonEnabled}\n        onDismiss={onDismiss}\n        onFinish={onFinish}\n        onNextButtonClick={onNextButtonClick}\n        onPreviousButtonClick={onPreviousButtonClick}\n        taskLocalStepIndex={taskLocalStepIndex}\n        direction={direction}\n        title={title}\n        content={content}\n        alert={alert}\n      />\n    </>\n  );\n}\n"]}

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

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_1ac93_189",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1ac93_193",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1ac93_193",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1ac93_235",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1ac93_235",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1ac93_238",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1ac93_238",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1ac93_241",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1ac93_241",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1ac93_244",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1ac93_244",
-  "annotation": "awsui_annotation_1hpp3_1ac93_248",
-  "next-button": "awsui_next-button_1hpp3_1ac93_249",
-  "previous-button": "awsui_previous-button_1hpp3_1ac93_250",
-  "finish-button": "awsui_finish-button_1hpp3_1ac93_251",
-  "header": "awsui_header_1hpp3_1ac93_252",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1ac93_253",
-  "content": "awsui_content_1hpp3_1ac93_254",
-  "description": "awsui_description_1hpp3_1ac93_258",
-  "actionBar": "awsui_actionBar_1hpp3_1ac93_263",
-  "stepCounter": "awsui_stepCounter_1hpp3_1ac93_270",
-  "divider": "awsui_divider_1hpp3_1ac93_274",
-  "hotspot": "awsui_hotspot_1hpp3_1ac93_278",
-  "icon": "awsui_icon_1hpp3_1ac93_342"
+  "arrow": "awsui_arrow_1hpp3_n3v7s_193",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_n3v7s_197",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_n3v7s_197",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_n3v7s_239",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_n3v7s_239",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_n3v7s_242",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_n3v7s_242",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_n3v7s_245",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_n3v7s_245",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_n3v7s_248",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_n3v7s_248",
+  "annotation": "awsui_annotation_1hpp3_n3v7s_252",
+  "next-button": "awsui_next-button_1hpp3_n3v7s_253",
+  "previous-button": "awsui_previous-button_1hpp3_n3v7s_254",
+  "finish-button": "awsui_finish-button_1hpp3_n3v7s_255",
+  "header": "awsui_header_1hpp3_n3v7s_256",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_n3v7s_257",
+  "content": "awsui_content_1hpp3_n3v7s_258",
+  "description": "awsui_description_1hpp3_n3v7s_262",
+  "actionBar": "awsui_actionBar_1hpp3_n3v7s_267",
+  "stepCounter": "awsui_stepCounter_1hpp3_n3v7s_274",
+  "divider": "awsui_divider_1hpp3_n3v7s_278",
+  "hotspot": "awsui_hotspot_1hpp3_n3v7s_282",
+  "icon": "awsui_icon_1hpp3_n3v7s_346"
 };
   

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

@@ -134,12 +134,16 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -186,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_1ac93_189:not(#\9) {
+.awsui_arrow_1hpp3_n3v7s_193:not(#\9) {
   inline-size: 20px;
   block-size: 10px;
 }
-.awsui_arrow-outer_1hpp3_1ac93_193:not(#\9), .awsui_arrow-inner_1hpp3_1ac93_193:not(#\9) {
+.awsui_arrow-outer_1hpp3_n3v7s_197:not(#\9), .awsui_arrow-inner_1hpp3_n3v7s_197:not(#\9) {
   position: absolute;
   overflow: hidden;
   inline-size: 20px;
@@ -199,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_1ac93_193:not(#\9)::after, .awsui_arrow-inner_1hpp3_1ac93_193:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_n3v7s_197:not(#\9)::after, .awsui_arrow-inner_1hpp3_n3v7s_197:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -215,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_1ac93_193:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_1ac93_193:not(#\9):dir(rtl)::after {
+.awsui_arrow-outer_1hpp3_n3v7s_197:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_n3v7s_197:not(#\9):dir(rtl)::after {
   transform: rotate(-45deg);
   transform-origin: 100% 100%;
 }
-.awsui_arrow-outer_1hpp3_1ac93_193:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_n3v7s_197:not(#\9)::after {
   background-color: var(--color-border-status-info-z6pwqy, #006ce0);
 }
-.awsui_arrow-inner_1hpp3_1ac93_193:not(#\9) {
+.awsui_arrow-inner_1hpp3_n3v7s_197:not(#\9) {
   inset-block-start: 2px;
 }
-.awsui_arrow-inner_1hpp3_1ac93_193:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_n3v7s_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-gflgo4, #f0fbff);
 }
-.awsui_arrow-position-right-top_1hpp3_1ac93_235 > .awsui_arrow-outer_1hpp3_1ac93_193:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1ac93_235 > .awsui_arrow-outer_1hpp3_1ac93_193:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_n3v7s_239 > .awsui_arrow-outer_1hpp3_n3v7s_197:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_n3v7s_239 > .awsui_arrow-outer_1hpp3_n3v7s_197:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-u7prpu, rgba(15, 20, 26, 0.12));
 }
-.awsui_arrow-position-left-top_1hpp3_1ac93_238 > .awsui_arrow-outer_1hpp3_1ac93_193:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1ac93_238 > .awsui_arrow-outer_1hpp3_1ac93_193:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_n3v7s_242 > .awsui_arrow-outer_1hpp3_n3v7s_197:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_n3v7s_242 > .awsui_arrow-outer_1hpp3_n3v7s_197:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-u7prpu, rgba(15, 20, 26, 0.12));
 }
-.awsui_arrow-position-top-center_1hpp3_1ac93_241 > .awsui_arrow-outer_1hpp3_1ac93_193:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1ac93_241 > .awsui_arrow-outer_1hpp3_1ac93_193:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_n3v7s_245 > .awsui_arrow-outer_1hpp3_n3v7s_197:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_n3v7s_245 > .awsui_arrow-outer_1hpp3_n3v7s_197:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-u7prpu, rgba(15, 20, 26, 0.12));
 }
-.awsui_arrow-position-bottom-center_1hpp3_1ac93_244 > .awsui_arrow-outer_1hpp3_1ac93_193:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1ac93_244 > .awsui_arrow-outer_1hpp3_1ac93_193:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_n3v7s_248 > .awsui_arrow-outer_1hpp3_n3v7s_197:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_n3v7s_248 > .awsui_arrow-outer_1hpp3_n3v7s_197:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-u7prpu, rgba(15, 20, 26, 0.12));
 }
 
-.awsui_annotation_1hpp3_1ac93_248:not(#\9),
-.awsui_next-button_1hpp3_1ac93_249:not(#\9),
-.awsui_previous-button_1hpp3_1ac93_250:not(#\9),
-.awsui_finish-button_1hpp3_1ac93_251:not(#\9),
-.awsui_header_1hpp3_1ac93_252:not(#\9),
-.awsui_step-counter-content_1hpp3_1ac93_253:not(#\9),
-.awsui_content_1hpp3_1ac93_254:not(#\9) {
+.awsui_annotation_1hpp3_n3v7s_252:not(#\9),
+.awsui_next-button_1hpp3_n3v7s_253:not(#\9),
+.awsui_previous-button_1hpp3_n3v7s_254:not(#\9),
+.awsui_finish-button_1hpp3_n3v7s_255:not(#\9),
+.awsui_header_1hpp3_n3v7s_256:not(#\9),
+.awsui_step-counter-content_1hpp3_n3v7s_257:not(#\9),
+.awsui_content_1hpp3_n3v7s_258:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_1ac93_258:not(#\9) {
+.awsui_description_1hpp3_n3v7s_262:not(#\9) {
   overflow: hidden;
   margin-block-start: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_actionBar_1hpp3_1ac93_263:not(#\9) {
+.awsui_actionBar_1hpp3_n3v7s_267:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_1ac93_270:not(#\9) {
+.awsui_stepCounter_1hpp3_n3v7s_274:not(#\9) {
   margin-inline-end: 20px;
 }
 
-.awsui_divider_1hpp3_1ac93_274:not(#\9) {
+.awsui_divider_1hpp3_n3v7s_278:not(#\9) {
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
 
-.awsui_hotspot_1hpp3_1ac93_278:not(#\9) {
+.awsui_hotspot_1hpp3_n3v7s_282:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -316,17 +320,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_1ac93_278:not(#\9):focus {
+.awsui_hotspot_1hpp3_n3v7s_282:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1ac93_278:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_n3v7s_282:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1ac93_278:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_n3v7s_282:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1ac93_278:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_n3v7s_282:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -340,13 +344,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1ac93_278:not(#\9):focu
   border-end-end-radius: var(--border-radius-control-circular-focus-ring-w07mub, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_hotspot_1hpp3_1ac93_278 > .awsui_icon_1hpp3_1ac93_342:not(#\9) {
+.awsui_hotspot_1hpp3_n3v7s_282 > .awsui_icon_1hpp3_n3v7s_346:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-enwvrt, #006ce0);
 }
-.awsui_hotspot_1hpp3_1ac93_278:not(#\9):hover > .awsui_icon_1hpp3_1ac93_342 {
+.awsui_hotspot_1hpp3_n3v7s_282:not(#\9):hover > .awsui_icon_1hpp3_n3v7s_346 {
   stroke: var(--color-text-link-hover-49uoe9, #002b66);
 }
-.awsui_hotspot_1hpp3_1ac93_278:not(#\9):active > .awsui_icon_1hpp3_1ac93_342 {
+.awsui_hotspot_1hpp3_n3v7s_282:not(#\9):active > .awsui_icon_1hpp3_n3v7s_346 {
   stroke: var(--color-text-link-default-enwvrt, #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_1ac93_189",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1ac93_193",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1ac93_193",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1ac93_235",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1ac93_235",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1ac93_238",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1ac93_238",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1ac93_241",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1ac93_241",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1ac93_244",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1ac93_244",
-  "annotation": "awsui_annotation_1hpp3_1ac93_248",
-  "next-button": "awsui_next-button_1hpp3_1ac93_249",
-  "previous-button": "awsui_previous-button_1hpp3_1ac93_250",
-  "finish-button": "awsui_finish-button_1hpp3_1ac93_251",
-  "header": "awsui_header_1hpp3_1ac93_252",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1ac93_253",
-  "content": "awsui_content_1hpp3_1ac93_254",
-  "description": "awsui_description_1hpp3_1ac93_258",
-  "actionBar": "awsui_actionBar_1hpp3_1ac93_263",
-  "stepCounter": "awsui_stepCounter_1hpp3_1ac93_270",
-  "divider": "awsui_divider_1hpp3_1ac93_274",
-  "hotspot": "awsui_hotspot_1hpp3_1ac93_278",
-  "icon": "awsui_icon_1hpp3_1ac93_342"
+  "arrow": "awsui_arrow_1hpp3_n3v7s_193",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_n3v7s_197",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_n3v7s_197",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_n3v7s_239",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_n3v7s_239",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_n3v7s_242",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_n3v7s_242",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_n3v7s_245",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_n3v7s_245",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_n3v7s_248",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_n3v7s_248",
+  "annotation": "awsui_annotation_1hpp3_n3v7s_252",
+  "next-button": "awsui_next-button_1hpp3_n3v7s_253",
+  "previous-button": "awsui_previous-button_1hpp3_n3v7s_254",
+  "finish-button": "awsui_finish-button_1hpp3_n3v7s_255",
+  "header": "awsui_header_1hpp3_n3v7s_256",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_n3v7s_257",
+  "content": "awsui_content_1hpp3_n3v7s_258",
+  "description": "awsui_description_1hpp3_n3v7s_262",
+  "actionBar": "awsui_actionBar_1hpp3_n3v7s_267",
+  "stepCounter": "awsui_stepCounter_1hpp3_n3v7s_274",
+  "divider": "awsui_divider_1hpp3_n3v7s_278",
+  "hotspot": "awsui_hotspot_1hpp3_n3v7s_282",
+  "icon": "awsui_icon_1hpp3_n3v7s_346"
 };
   

package/app-layout/classic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"classic.d.ts","sourceRoot":"","sources":["../../../src/app-layout/classic.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAoB7F,OAAO,EAAE,cAAc,EAA8B,MAAM,cAAc,CAAC;AAkB1E,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;4CA0jBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"classic.d.ts","sourceRoot":"","sources":["../../../src/app-layout/classic.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAoB7F,OAAO,EAAE,cAAc,EAA8B,MAAM,cAAc,CAAC;AAc1E,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;4CA2jBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/app-layout/classic.js

@@ -15,7 +15,8 @@ import { Drawer, DrawerTriggersBar } from './drawer';
 import { ResizableDrawer } from './drawer/resizable-drawer';
 import { MobileToolbar } from './mobile-toolbar';
 import { Notifications } from './notifications';
-import { SideSplitPanelDrawer, SPLIT_PANEL_MIN_WIDTH, SplitPanelProvider, } from './split-panel';
+import { SideSplitPanelDrawer, SplitPanelProvider } from './split-panel';
+import { shouldSplitPanelBeForcedToBottom } from './split-panel/split-panel-forced-position';
 import { togglesConfig } from './toggles';
 import { getStickyOffsetVars } from './utils/sticky-offsets';
 import { TOOLS_DRAWER_ID, useDrawers } from './utils/use-drawers';
@@ -168,8 +169,11 @@ const ClassicAppLayout = React.forwardRef((_a, ref) => {
         return closedDrawerWidth;
     };
     const effectiveToolsWidth = getEffectiveToolsWidth();
-    // if there is no space to display split panel in the side, force to bottom
-    const isSplitPanelForcedPosition = isMobile || resizableSpaceAvailable - effectiveToolsWidth < SPLIT_PANEL_MIN_WIDTH;
+    const availableWidthForSplitPanel = resizableSpaceAvailable - effectiveToolsWidth;
+    const isSplitPanelForcedPosition = shouldSplitPanelBeForcedToBottom({
+        isMobile,
+        availableWidthForSplitPanel,
+    });
     const finalSplitPanePosition = isSplitPanelForcedPosition ? 'bottom' : splitPanelPosition;
     const splitPaneAvailableOnTheSide = splitPanelDisplayed && finalSplitPanePosition === 'side';
     const sideSplitPanelSize = splitPaneAvailableOnTheSide ? (splitPanelOpen ? splitPanelSize : closedDrawerWidth) : 0;