@cloudscape-design/components 3.0.1142 → 3.0.1144

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

@@ -1 +1 @@
-{"version":3,"file":"annotation-popover.d.ts","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/annotation-popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAQzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAIvD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,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,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAElC,kBAAkB,EAAE,MAAM,CAAC;IAE3B,eAAe,EAAE,MAAM,CAAC;IAExB,gBAAgB,EAAE,OAAO,CAAC;IAE1B,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEvC,WAAW,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;CACpD;AASD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,KAAK,EAEL,SAAiB,EAEjB,kBAAkB,EAElB,eAAe,EAEf,kBAAkB,EAClB,gBAAgB,EAEhB,SAAS,EAET,iBAAiB,EACjB,iBAAiB,EAEjB,QAAQ,EAER,QAAQ,EAER,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,GACZ,EAAE,sBAAsB,eAwGxB"}
+{"version":3,"file":"annotation-popover.d.ts","sourceRoot":"","sources":["../../../../src/annotation-context/annotation/annotation-popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAIvD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,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,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAElC,kBAAkB,EAAE,MAAM,CAAC;IAE3B,eAAe,EAAE,MAAM,CAAC;IAExB,gBAAgB,EAAE,OAAO,CAAC;IAE1B,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEvC,WAAW,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;CACpD;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,KAAK,EAEL,SAAiB,EAEjB,kBAAkB,EAElB,eAAe,EAEf,kBAAkB,EAClB,gBAAgB,EAEhB,SAAS,EAET,iBAAiB,EACjB,iBAAiB,EAEjB,QAAQ,EAER,QAAQ,EAER,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,GACZ,EAAE,sBAAsB,eAwGxB"}

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

@@ -1,20 +1,17 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React, { useEffect } from 'react';
-import clsx from 'clsx';
 import { useUniqueId } from '@cloudscape-design/component-toolkit/internal';
 import InternalAlert from '../../alert/internal';
 import InternalBox from '../../box/internal';
 import { InternalButton } from '../../button/internal';
 import { scrollElementIntoView } from '../../internal/utils/scrollable-containers';
 import { joinStrings } from '../../internal/utils/strings/join-strings.js';
+import Arrow from '../../popover/arrow';
 import PopoverBody from '../../popover/body';
 import PopoverContainer from '../../popover/container';
 import InternalSpaceBetween from '../../space-between/internal';
 import styles from './styles.css.js';
-const arrow = (position) => (React.createElement("div", { className: clsx(styles.arrow, styles[`arrow-position-${position}`]) },
-    React.createElement("div", { className: styles['arrow-outer'] }),
-    React.createElement("div", { className: styles['arrow-inner'] })));
 export function AnnotationPopover({ title, content, alert, direction = 'top', taskLocalStepIndex, totalLocalSteps, showPreviousButton, showFinishButton, onDismiss, nextButtonEnabled, onNextButtonClick, onFinish, trackRef, previousButtonEnabled, onPreviousButtonClick, i18nStrings, }) {
     useEffect(() => {
         var _a;
@@ -22,7 +19,7 @@ export function AnnotationPopover({ title, content, alert, direction = 'top', ta
     }, [trackRef]);
     const popoverHeaderId = useUniqueId('poppver-header-');
     const stepCounterId = useUniqueId('step-counter-');
-    return (React.createElement(PopoverContainer, { size: "medium", fixedWidth: false, position: direction, trackRef: trackRef, trackKey: taskLocalStepIndex, variant: "annotation", arrow: arrow, zIndex: 7000, renderWithPortal: true },
+    return (React.createElement(PopoverContainer, { size: "medium", fixedWidth: false, position: direction, trackRef: trackRef, trackKey: taskLocalStepIndex, variant: "annotation", arrow: position => React.createElement(Arrow, { position: position, variant: "info" }), zIndex: 7000, renderWithPortal: true },
         React.createElement(PopoverBody, { dismissButton: true, dismissAriaLabel: i18nStrings.labelDismissAnnotation, header: React.createElement(InternalBox, { id: popoverHeaderId, color: "text-body-secondary", fontSize: "body-s", margin: { top: 'xxxs' }, className: styles.header }, title), onDismiss: onDismiss, className: styles.annotation, variant: "annotation", overflowVisible: "content", 
             // create new dialog to have the native dialog behavior of the screen readers
             key: taskLocalStepIndex, ariaLabelledby: joinStrings(popoverHeaderId, stepCounterId) },

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,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,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,EACZ,gBAAgB,EAAE,IAAI;QAEtB,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 { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalAlert from '../../alert/internal';\nimport InternalBox from '../../box/internal';\nimport { InternalButton } from '../../button/internal';\nimport { HotspotProps } from '../../hotspot/interfaces';\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={7000}\n      renderWithPortal={true}\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';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalAlert from '../../alert/internal';\nimport InternalBox from '../../box/internal';\nimport { InternalButton } from '../../button/internal';\nimport { HotspotProps } from '../../hotspot/interfaces';\nimport { scrollElementIntoView } from '../../internal/utils/scrollable-containers';\nimport { joinStrings } from '../../internal/utils/strings/join-strings.js';\nimport Arrow from '../../popover/arrow';\nimport PopoverBody from '../../popover/body';\nimport PopoverContainer from '../../popover/container';\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\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={position => <Arrow position={position} variant=\"info\" />}\n      zIndex={7000}\n      renderWithPortal={true}\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/styles.css.js

@@ -1,29 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_8jup6_193",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_8jup6_197",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_8jup6_197",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_8jup6_239",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_8jup6_239",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_8jup6_242",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_8jup6_242",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_8jup6_245",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_8jup6_245",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_8jup6_248",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_8jup6_248",
-  "annotation": "awsui_annotation_1hpp3_8jup6_252",
-  "next-button": "awsui_next-button_1hpp3_8jup6_253",
-  "previous-button": "awsui_previous-button_1hpp3_8jup6_254",
-  "finish-button": "awsui_finish-button_1hpp3_8jup6_255",
-  "header": "awsui_header_1hpp3_8jup6_256",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_8jup6_257",
-  "content": "awsui_content_1hpp3_8jup6_258",
-  "description": "awsui_description_1hpp3_8jup6_262",
-  "actionBar": "awsui_actionBar_1hpp3_8jup6_267",
-  "stepCounter": "awsui_stepCounter_1hpp3_8jup6_274",
-  "divider": "awsui_divider_1hpp3_8jup6_278",
-  "hotspot": "awsui_hotspot_1hpp3_8jup6_282",
-  "icon": "awsui_icon_1hpp3_8jup6_352"
+  "annotation": "awsui_annotation_1hpp3_d3vev_185",
+  "next-button": "awsui_next-button_1hpp3_d3vev_186",
+  "previous-button": "awsui_previous-button_1hpp3_d3vev_187",
+  "finish-button": "awsui_finish-button_1hpp3_d3vev_188",
+  "header": "awsui_header_1hpp3_d3vev_189",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_d3vev_190",
+  "content": "awsui_content_1hpp3_d3vev_191",
+  "description": "awsui_description_1hpp3_d3vev_195",
+  "actionBar": "awsui_actionBar_1hpp3_d3vev_200",
+  "stepCounter": "awsui_stepCounter_1hpp3_d3vev_207",
+  "divider": "awsui_divider_1hpp3_d3vev_211",
+  "hotspot": "awsui_hotspot_1hpp3_d3vev_215",
+  "icon": "awsui_icon_1hpp3_d3vev_285"
 };
   

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

@@ -182,104 +182,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/*
- 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
-*/
-.awsui_arrow_1hpp3_8jup6_193:not(#\9) {
-  inline-size: 20px;
-  block-size: 10px;
-}
-.awsui_arrow-outer_1hpp3_8jup6_197:not(#\9), .awsui_arrow-inner_1hpp3_8jup6_197:not(#\9) {
-  position: absolute;
-  overflow: hidden;
-  inline-size: 20px;
-  block-size: 10px;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-}
-.awsui_arrow-outer_1hpp3_8jup6_197:not(#\9)::after, .awsui_arrow-inner_1hpp3_8jup6_197:not(#\9)::after {
-  content: "";
-  box-sizing: border-box;
-  display: inline-block;
-  position: absolute;
-  border-start-start-radius: 2px;
-  border-start-end-radius: 0;
-  border-end-start-radius: 0;
-  border-end-end-radius: 0;
-  inset-block-end: 0;
-  inset-inline-start: 0;
-  inline-size: 14px;
-  block-size: 14px;
-  transform: rotate(45deg);
-  transform-origin: 0 100%;
-}
-.awsui_arrow-outer_1hpp3_8jup6_197:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_8jup6_197:not(#\9):dir(rtl)::after {
-  transform: rotate(-45deg);
-  transform-origin: 100% 100%;
-}
-.awsui_arrow-outer_1hpp3_8jup6_197:not(#\9)::after {
-  background-color: var(--color-border-status-info-qf6jok, #006ce0);
-}
-.awsui_arrow-inner_1hpp3_8jup6_197:not(#\9) {
-  inset-block-start: 2px;
-}
-.awsui_arrow-inner_1hpp3_8jup6_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_8jup6_239 > .awsui_arrow-outer_1hpp3_8jup6_197:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_8jup6_239 > .awsui_arrow-outer_1hpp3_8jup6_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_8jup6_242 > .awsui_arrow-outer_1hpp3_8jup6_197:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_8jup6_242 > .awsui_arrow-outer_1hpp3_8jup6_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_8jup6_245 > .awsui_arrow-outer_1hpp3_8jup6_197:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_8jup6_245 > .awsui_arrow-outer_1hpp3_8jup6_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_8jup6_248 > .awsui_arrow-outer_1hpp3_8jup6_197:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_8jup6_248 > .awsui_arrow-outer_1hpp3_8jup6_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_8jup6_252:not(#\9),
-.awsui_next-button_1hpp3_8jup6_253:not(#\9),
-.awsui_previous-button_1hpp3_8jup6_254:not(#\9),
-.awsui_finish-button_1hpp3_8jup6_255:not(#\9),
-.awsui_header_1hpp3_8jup6_256:not(#\9),
-.awsui_step-counter-content_1hpp3_8jup6_257:not(#\9),
-.awsui_content_1hpp3_8jup6_258:not(#\9) {
+.awsui_annotation_1hpp3_d3vev_185:not(#\9),
+.awsui_next-button_1hpp3_d3vev_186:not(#\9),
+.awsui_previous-button_1hpp3_d3vev_187:not(#\9),
+.awsui_finish-button_1hpp3_d3vev_188:not(#\9),
+.awsui_header_1hpp3_d3vev_189:not(#\9),
+.awsui_step-counter-content_1hpp3_d3vev_190:not(#\9),
+.awsui_content_1hpp3_d3vev_191:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_8jup6_262:not(#\9) {
+.awsui_description_1hpp3_d3vev_195:not(#\9) {
   overflow: hidden;
   margin-block-start: var(--space-xxs-hwfkai, 4px);
 }
 
-.awsui_actionBar_1hpp3_8jup6_267:not(#\9) {
+.awsui_actionBar_1hpp3_d3vev_200:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_8jup6_274:not(#\9) {
+.awsui_stepCounter_1hpp3_d3vev_207:not(#\9) {
   margin-inline-end: 20px;
 }
 
-.awsui_divider_1hpp3_8jup6_278:not(#\9) {
+.awsui_divider_1hpp3_d3vev_211:not(#\9) {
   border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
 }
 
-.awsui_hotspot_1hpp3_8jup6_282:not(#\9) {
+.awsui_hotspot_1hpp3_d3vev_215:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -320,22 +253,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_8jup6_282:not(#\9):before {
+.awsui_hotspot_1hpp3_d3vev_215:not(#\9):before {
   content: "";
   position: absolute;
   inset: calc(-1 * var(--space-xxs-hwfkai, 4px));
 }
-.awsui_hotspot_1hpp3_8jup6_282:not(#\9):focus {
+.awsui_hotspot_1hpp3_d3vev_215:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_8jup6_282:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_d3vev_215:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_8jup6_282:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_d3vev_215:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_8jup6_282:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_d3vev_215:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -349,13 +282,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_8jup6_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_8jup6_282 > .awsui_icon_1hpp3_8jup6_352:not(#\9) {
+.awsui_hotspot_1hpp3_d3vev_215 > .awsui_icon_1hpp3_d3vev_285:not(#\9) {
   position: relative;
   stroke: var(--color-text-tutorial-hotspot-default-xfv3ow, #006ce0);
 }
-.awsui_hotspot_1hpp3_8jup6_282:not(#\9):hover > .awsui_icon_1hpp3_8jup6_352 {
+.awsui_hotspot_1hpp3_d3vev_215:not(#\9):hover > .awsui_icon_1hpp3_d3vev_285 {
   stroke: var(--color-text-tutorial-hotspot-hover-92pxog, #002b66);
 }
-.awsui_hotspot_1hpp3_8jup6_282:not(#\9):active > .awsui_icon_1hpp3_8jup6_352 {
+.awsui_hotspot_1hpp3_d3vev_215:not(#\9):active > .awsui_icon_1hpp3_d3vev_285 {
   stroke: var(--color-text-tutorial-hotspot-default-xfv3ow, #006ce0);
 }

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

@@ -2,29 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_8jup6_193",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_8jup6_197",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_8jup6_197",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_8jup6_239",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_8jup6_239",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_8jup6_242",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_8jup6_242",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_8jup6_245",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_8jup6_245",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_8jup6_248",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_8jup6_248",
-  "annotation": "awsui_annotation_1hpp3_8jup6_252",
-  "next-button": "awsui_next-button_1hpp3_8jup6_253",
-  "previous-button": "awsui_previous-button_1hpp3_8jup6_254",
-  "finish-button": "awsui_finish-button_1hpp3_8jup6_255",
-  "header": "awsui_header_1hpp3_8jup6_256",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_8jup6_257",
-  "content": "awsui_content_1hpp3_8jup6_258",
-  "description": "awsui_description_1hpp3_8jup6_262",
-  "actionBar": "awsui_actionBar_1hpp3_8jup6_267",
-  "stepCounter": "awsui_stepCounter_1hpp3_8jup6_274",
-  "divider": "awsui_divider_1hpp3_8jup6_278",
-  "hotspot": "awsui_hotspot_1hpp3_8jup6_282",
-  "icon": "awsui_icon_1hpp3_8jup6_352"
+  "annotation": "awsui_annotation_1hpp3_d3vev_185",
+  "next-button": "awsui_next-button_1hpp3_d3vev_186",
+  "previous-button": "awsui_previous-button_1hpp3_d3vev_187",
+  "finish-button": "awsui_finish-button_1hpp3_d3vev_188",
+  "header": "awsui_header_1hpp3_d3vev_189",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_d3vev_190",
+  "content": "awsui_content_1hpp3_d3vev_191",
+  "description": "awsui_description_1hpp3_d3vev_195",
+  "actionBar": "awsui_actionBar_1hpp3_d3vev_200",
+  "stepCounter": "awsui_stepCounter_1hpp3_d3vev_207",
+  "divider": "awsui_divider_1hpp3_d3vev_211",
+  "hotspot": "awsui_hotspot_1hpp3_d3vev_215",
+  "icon": "awsui_icon_1hpp3_d3vev_285"
 };
   

package/flashbar/interfaces.d.ts

@@ -175,7 +175,7 @@ export interface FlashbarProps extends BaseComponentProps {
    * * `id` (string) - Specifies a unique flash message identifier. This property is used in two ways:
    *   1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.
    *   2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.
-   * * `persistenceConfig` (FlashbarProps.PersistenceConfig) - Config to persist dismiss state for dismissable Flashbar item, used only in AWS Management Console.
+   * * `persistenceConfig` (FlashbarProps.PersistenceConfig) - Config to persist dismiss state for dismissable Flashbar item, used only in AWS Consoles.
    *   * `uniqueKey` (string) - This key to store the persistence state, it must be unique across your console.
    *   * `crossServicePersistence` (boolean) - If true, the persistence state will be shared across AWS services.
    * * `analyticsMetadata` (FlashbarProps.ItemAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.

package/flashbar/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/flashbar/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { ErrorContext } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nexport namespace FlashbarProps {\n  export interface MessageDefinition {\n    header?: React.ReactNode;\n    content?: React.ReactNode;\n    dismissible?: boolean;\n    dismissLabel?: string;\n    statusIconAriaLabel?: string;\n    loading?: boolean;\n    type?: FlashbarProps.Type;\n    ariaRole?: FlashbarProps.AriaRole;\n    action?: React.ReactNode;\n    id?: string;\n    buttonText?: ButtonProps['children'];\n    onButtonClick?: ButtonProps['onClick'];\n    onDismiss?: ButtonProps['onClick'];\n    analyticsMetadata?: FlashbarProps.ItemAnalyticsMetadata;\n    persistenceConfig?: FlashbarProps.PersistenceConfig;\n  }\n\n  export interface ItemAnalyticsMetadata {\n    suppressFlowMetricEvents?: boolean;\n    errorContext?: ErrorContext;\n  }\n  export interface PersistenceConfig {\n    uniqueKey: string;\n    crossServicePersistence?: boolean;\n  }\n\n  export interface I18nStrings {\n    ariaLabel?: string;\n    errorIconAriaLabel?: string;\n    infoIconAriaLabel?: string;\n    inProgressIconAriaLabel?: string;\n    notificationBarAriaLabel?: string;\n    notificationBarText?: string;\n    successIconAriaLabel?: string;\n    warningIconAriaLabel?: string;\n  }\n\n  export interface Style {\n    item?: {\n      root?: {\n        background?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        borderColor?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        borderRadius?: string;\n        borderWidth?: string;\n        color?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        focusRing?: {\n          borderColor?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n      dismissButton?: {\n        color?: {\n          active?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          default?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          hover?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n        };\n        focusRing?: {\n          borderColor?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n    };\n    notificationBar?: {\n      root?: {\n        background?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n        borderColor?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n        borderRadius?: string;\n        borderWidth?: string;\n        color?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n      };\n      expandButton?: {\n        focusRing?: {\n          borderColor?: string;\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n    };\n  }\n\n  export type Type = 'success' | 'warning' | 'info' | 'error' | 'in-progress';\n  export type AriaRole = 'alert' | 'status';\n}\n\nexport interface FlashbarProps extends BaseComponentProps {\n  /**\n   * Specifies flash messages that appear in the same order that they are listed.\n   * The value is an array of flash message definition objects.\n   *\n   * A flash message object contains the following properties:\n   * * `header` (ReactNode) - Specifies the heading text.\n   * * `content` (ReactNode) - Specifies the primary text displayed in the flash element.\n   * * `type` (string) - Indicates the type of the message to be displayed. Allowed values are as follows: `success, error, warning, info, in-progress`. The default is `info`.\n   * * `loading` (boolean) - Replaces the status icon with a spinner and forces the type to `info`.\n   * * `dismissible` (boolean) - Determines whether the component includes a close button icon. By default, the close button is not included.\n   * When a user clicks on this button the `onDismiss` handler is called.\n   * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.\n   * * `statusIconAriaLabel` (string) - Specifies an `aria-label` for to the status icon for improved accessibility.\n   * If not provided, `i18nStrings.{type}IconAriaLabel` will be used as a fallback.\n   * * `ariaRole` (string) - For flash messages added after page load, specifies how this message is communicated to assistive\n   * technology. Use \"status\" for status updates or informational content. Use \"alert\" for important messages that need the\n   * user's attention.\n   * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,\n   * our UX guidelines only allow you to add a button.\n   * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.\n   * When a user clicks on this button the `onButtonClick` handler is called.\n   * If the `action` property is set, this property is ignored. **Deprecated**, replaced by `action`.\n   * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button\n   *   using the `action` property. **Deprecated**, replaced by `action`.\n   * * `onDismiss` (event => void) - (Optional) Called when a user clicks on the dismiss button.\n   * * `id` (string) - Specifies a unique flash message identifier. This property is used in two ways:\n   *   1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.\n   *   2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.\n   * * `persistenceConfig` (FlashbarProps.PersistenceConfig) - Config to persist dismiss state for dismissable Flashbar item, used only in AWS Management Console.\n   *   * `uniqueKey` (string) - This key to store the persistence state, it must be unique across your console.\n   *   * `crossServicePersistence` (boolean) - If true, the persistence state will be shared across AWS services.\n   * * `analyticsMetadata` (FlashbarProps.ItemAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.\n   *   * `suppressFlowMetricEvents` - Prevent this item from generating events related to flow metrics.\n   * @analytics\n   */\n  items: ReadonlyArray<FlashbarProps.MessageDefinition>;\n\n  /**\n   * Specifies whether flash messages should be stacked.\n   */\n  stackItems?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component. The object should contain:\n   *\n   * * `ariaLabel` - Specifies the ARIA label for the list of notifications.\n   *\n   * If `stackItems` is set to `true`, it should also contain:\n   *\n   * * `notificationBarAriaLabel` - (optional) Specifies the ARIA label for the notification bar\n   * * `notificationBarText` - (optional) Specifies the text shown in the notification bar\n   * * `errorIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `error`.\n   * * `warningIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `warning`.\n   * * `infoIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `info`.\n   * * `successIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `success`.\n   * * `inProgressIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `in-progress` or with `loading` set to `true`.\n   * @i18n\n   */\n  i18nStrings?: FlashbarProps.I18nStrings;\n\n  /**\n   * @awsuiSystem core\n   */\n  style?: FlashbarProps.Style;\n}\n\nexport type InternalFlashbarProps = FlashbarProps & InternalBaseComponentProps;\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/flashbar/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { ErrorContext } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nexport namespace FlashbarProps {\n  export interface MessageDefinition {\n    header?: React.ReactNode;\n    content?: React.ReactNode;\n    dismissible?: boolean;\n    dismissLabel?: string;\n    statusIconAriaLabel?: string;\n    loading?: boolean;\n    type?: FlashbarProps.Type;\n    ariaRole?: FlashbarProps.AriaRole;\n    action?: React.ReactNode;\n    id?: string;\n    buttonText?: ButtonProps['children'];\n    onButtonClick?: ButtonProps['onClick'];\n    onDismiss?: ButtonProps['onClick'];\n    analyticsMetadata?: FlashbarProps.ItemAnalyticsMetadata;\n    persistenceConfig?: FlashbarProps.PersistenceConfig;\n  }\n\n  export interface ItemAnalyticsMetadata {\n    suppressFlowMetricEvents?: boolean;\n    errorContext?: ErrorContext;\n  }\n  export interface PersistenceConfig {\n    uniqueKey: string;\n    crossServicePersistence?: boolean;\n  }\n\n  export interface I18nStrings {\n    ariaLabel?: string;\n    errorIconAriaLabel?: string;\n    infoIconAriaLabel?: string;\n    inProgressIconAriaLabel?: string;\n    notificationBarAriaLabel?: string;\n    notificationBarText?: string;\n    successIconAriaLabel?: string;\n    warningIconAriaLabel?: string;\n  }\n\n  export interface Style {\n    item?: {\n      root?: {\n        background?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        borderColor?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        borderRadius?: string;\n        borderWidth?: string;\n        color?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        focusRing?: {\n          borderColor?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n      dismissButton?: {\n        color?: {\n          active?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          default?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          hover?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n        };\n        focusRing?: {\n          borderColor?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n    };\n    notificationBar?: {\n      root?: {\n        background?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n        borderColor?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n        borderRadius?: string;\n        borderWidth?: string;\n        color?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n      };\n      expandButton?: {\n        focusRing?: {\n          borderColor?: string;\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n    };\n  }\n\n  export type Type = 'success' | 'warning' | 'info' | 'error' | 'in-progress';\n  export type AriaRole = 'alert' | 'status';\n}\n\nexport interface FlashbarProps extends BaseComponentProps {\n  /**\n   * Specifies flash messages that appear in the same order that they are listed.\n   * The value is an array of flash message definition objects.\n   *\n   * A flash message object contains the following properties:\n   * * `header` (ReactNode) - Specifies the heading text.\n   * * `content` (ReactNode) - Specifies the primary text displayed in the flash element.\n   * * `type` (string) - Indicates the type of the message to be displayed. Allowed values are as follows: `success, error, warning, info, in-progress`. The default is `info`.\n   * * `loading` (boolean) - Replaces the status icon with a spinner and forces the type to `info`.\n   * * `dismissible` (boolean) - Determines whether the component includes a close button icon. By default, the close button is not included.\n   * When a user clicks on this button the `onDismiss` handler is called.\n   * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.\n   * * `statusIconAriaLabel` (string) - Specifies an `aria-label` for to the status icon for improved accessibility.\n   * If not provided, `i18nStrings.{type}IconAriaLabel` will be used as a fallback.\n   * * `ariaRole` (string) - For flash messages added after page load, specifies how this message is communicated to assistive\n   * technology. Use \"status\" for status updates or informational content. Use \"alert\" for important messages that need the\n   * user's attention.\n   * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,\n   * our UX guidelines only allow you to add a button.\n   * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.\n   * When a user clicks on this button the `onButtonClick` handler is called.\n   * If the `action` property is set, this property is ignored. **Deprecated**, replaced by `action`.\n   * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button\n   *   using the `action` property. **Deprecated**, replaced by `action`.\n   * * `onDismiss` (event => void) - (Optional) Called when a user clicks on the dismiss button.\n   * * `id` (string) - Specifies a unique flash message identifier. This property is used in two ways:\n   *   1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.\n   *   2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.\n   * * `persistenceConfig` (FlashbarProps.PersistenceConfig) - Config to persist dismiss state for dismissable Flashbar item, used only in AWS Consoles.\n   *   * `uniqueKey` (string) - This key to store the persistence state, it must be unique across your console.\n   *   * `crossServicePersistence` (boolean) - If true, the persistence state will be shared across AWS services.\n   * * `analyticsMetadata` (FlashbarProps.ItemAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.\n   *   * `suppressFlowMetricEvents` - Prevent this item from generating events related to flow metrics.\n   * @analytics\n   */\n  items: ReadonlyArray<FlashbarProps.MessageDefinition>;\n\n  /**\n   * Specifies whether flash messages should be stacked.\n   */\n  stackItems?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component. The object should contain:\n   *\n   * * `ariaLabel` - Specifies the ARIA label for the list of notifications.\n   *\n   * If `stackItems` is set to `true`, it should also contain:\n   *\n   * * `notificationBarAriaLabel` - (optional) Specifies the ARIA label for the notification bar\n   * * `notificationBarText` - (optional) Specifies the text shown in the notification bar\n   * * `errorIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `error`.\n   * * `warningIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `warning`.\n   * * `infoIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `info`.\n   * * `successIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `success`.\n   * * `inProgressIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `in-progress` or with `loading` set to `true`.\n   * @i18n\n   */\n  i18nStrings?: FlashbarProps.I18nStrings;\n\n  /**\n   * @awsuiSystem core\n   */\n  style?: FlashbarProps.Style;\n}\n\nexport type InternalFlashbarProps = FlashbarProps & InternalBaseComponentProps;\n"]}

package/index.d.ts

@@ -48,7 +48,6 @@ export { default as LiveRegion, LiveRegionProps } from './live-region';
 export { default as MixedLineBarChart, MixedLineBarChartProps } from './mixed-line-bar-chart';
 export { default as Modal, ModalProps } from './modal';
 export { default as Multiselect, MultiselectProps } from './multiselect';
-export { default as NavigableGroup, NavigableGroupProps } from './navigable-group';
 export { default as Pagination, PaginationProps } from './pagination';
 export { default as PieChart, PieChartProps } from './pie-chart';
 export { default as Popover, PopoverProps } from './popover';

package/index.js

@@ -48,7 +48,6 @@ export { default as LiveRegion } from './live-region';
 export { default as MixedLineBarChart } from './mixed-line-bar-chart';
 export { default as Modal } from './modal';
 export { default as Multiselect } from './multiselect';
-export { default as NavigableGroup } from './navigable-group';
 export { default as Pagination } from './pagination';
 export { default as PieChart } from './pie-chart';
 export { default as Popover } from './popover';

package/internal/base-component/styles.scoped.css

@@ -2057,5 +2057,5 @@ body {
   }
 }
 :root {
-  --awsui-version-info-1128662a: true;
+  --awsui-version-info-fe52d2c1: true;
 }

package/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (1128662a)";
-export var GIT_SHA = "1128662a";
+export var PACKAGE_VERSION = "3.0.0 (fe52d2c1)";
+export var GIT_SHA = "fe52d2c1";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "console";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (1128662a)",
-  "GIT_SHA": "1128662a",
+  "PACKAGE_VERSION": "3.0.0 (fe52d2c1)",
+  "GIT_SHA": "fe52d2c1",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "console",
   "ALWAYS_VISUAL_REFRESH": true

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "1128662a08e6a187b7c2e0f658b0d8d84d2dcbd6"
+  "commit": "fe52d2c1f24fcdb3c0868e8c3b21f35ac886f738"
 }

package/navigable-group/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { NavigableGroupProps } from './interfaces';
 export { NavigableGroupProps };
+declare const NavigableGroup: React.ForwardRefExoticComponent<NavigableGroupProps & React.RefAttributes<NavigableGroupProps.Ref>>;
 /**
  * @awsuiSystem core
  */
-declare const NavigableGroup: React.ForwardRefExoticComponent<NavigableGroupProps & React.RefAttributes<NavigableGroupProps.Ref>>;
 export default NavigableGroup;

package/navigable-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigable-group/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGnD,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B;;GAEG;AACH,QAAA,MAAM,cAAc,qGAMlB,CAAC;AAGH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigable-group/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGnD,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,QAAA,MAAM,cAAc,qGAMlB,CAAC;AAIH;;GAEG;AACH,eAAe,cAAc,CAAC"}

package/navigable-group/index.js

@@ -1,21 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-'use client';
-import React from 'react';
-import { getBaseProps } from '../internal/base-component';
-import useBaseComponent from '../internal/hooks/use-base-component';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { getExternalProps } from '../internal/utils/external-props';
-import InternalNavigableGroup from './internal';
-/**
- * @awsuiSystem core
- */
-const NavigableGroup = React.forwardRef(({ ...rest }, ref) => {
-    const baseProps = getBaseProps(rest);
-    const baseComponentProps = useBaseComponent('NavigableGroup');
-    const externalProps = getExternalProps(rest);
-    return React.createElement(InternalNavigableGroup, { ...baseProps, ...baseComponentProps, ...externalProps, ref: ref });
-});
-applyDisplayName(NavigableGroup, 'NavigableGroup');
-export default NavigableGroup;
-//# sourceMappingURL=index.js.map
+
+export default function NavigableGroup(props) {
+    throw new Error('The component NavigableGroup is not supported in this package');
+}

package/navigable-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/navigable-group/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,sBAAsB,MAAM,YAAY,CAAC;AAIhD;;GAEG;AACH,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,GAAG,IAAI,EAAuB,EAAE,GAAuC,EAAE,EAAE;IACpH,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,oBAAC,sBAAsB,OAAK,SAAS,KAAM,kBAAkB,KAAM,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACxG,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;AACnD,eAAe,cAAc,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { NavigableGroupProps } from './interfaces';\nimport InternalNavigableGroup from './internal';\n\nexport { NavigableGroupProps };\n\n/**\n * @awsuiSystem core\n */\nconst NavigableGroup = React.forwardRef(({ ...rest }: NavigableGroupProps, ref: React.Ref<NavigableGroupProps.Ref>) => {\n  const baseProps = getBaseProps(rest);\n  const baseComponentProps = useBaseComponent('NavigableGroup');\n  const externalProps = getExternalProps(rest);\n\n  return <InternalNavigableGroup {...baseProps} {...baseComponentProps} {...externalProps} ref={ref} />;\n});\n\napplyDisplayName(NavigableGroup, 'NavigableGroup');\nexport default NavigableGroup;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/navigable-group/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,sBAAsB,MAAM,YAAY,CAAC;AAIhD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,GAAG,IAAI,EAAuB,EAAE,GAAuC,EAAE,EAAE;IACpH,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,oBAAC,sBAAsB,OAAK,SAAS,KAAM,kBAAkB,KAAM,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACxG,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;AAEnD;;GAEG;AACH,eAAe,cAAc,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { NavigableGroupProps } from './interfaces';\nimport InternalNavigableGroup from './internal';\n\nexport { NavigableGroupProps };\n\nconst NavigableGroup = React.forwardRef(({ ...rest }: NavigableGroupProps, ref: React.Ref<NavigableGroupProps.Ref>) => {\n  const baseProps = getBaseProps(rest);\n  const baseComponentProps = useBaseComponent('NavigableGroup');\n  const externalProps = getExternalProps(rest);\n\n  return <InternalNavigableGroup {...baseProps} {...baseComponentProps} {...externalProps} ref={ref} />;\n});\n\napplyDisplayName(NavigableGroup, 'NavigableGroup');\n\n/**\n * @awsuiSystem core\n */\nexport default NavigableGroup;\n"]}

package/package.json

@@ -81,7 +81,6 @@
     "./mixed-line-bar-chart": "./mixed-line-bar-chart/index.js",
     "./modal": "./modal/index.js",
     "./multiselect": "./multiselect/index.js",
-    "./navigable-group": "./navigable-group/index.js",
     "./pagination": "./pagination/index.js",
     "./pie-chart": "./pie-chart/index.js",
     "./popover": "./popover/index.js",
@@ -154,7 +153,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1142",
+  "version": "3.0.1144",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/popover/arrow.d.ts

@@ -2,6 +2,10 @@ import React from 'react';
 import { InternalPosition } from './interfaces';
 interface ArrowProps {
   position: InternalPosition | null;
+  variant?: 'default' | 'info';
 }
-declare const _default: React.MemoExoticComponent<(props: ArrowProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({
+  position,
+  variant
+}: ArrowProps) => JSX.Element>;
 export default _default;

package/popover/arrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arrow.d.ts","sourceRoot":"","sources":["../../../src/popover/arrow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,UAAU,UAAU;IAClB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACnC;0DAEqB,UAAU;AAWhC,wBAAiC"}
+{"version":3,"file":"arrow.d.ts","sourceRoot":"","sources":["../../../src/popover/arrow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,UAAU,UAAU;IAClB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC9B;0EAEqC,UAAU;AAUhD,wBAAiC"}

package/popover/arrow.js

@@ -4,9 +4,9 @@ import React from 'react';
 import clsx from 'clsx';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import styles from './styles.css.js';
-const Arrow = (props) => {
+const Arrow = ({ position, variant }) => {
     const isVisualRefresh = useVisualRefresh();
-    return (React.createElement("div", { className: clsx(styles.arrow, props.position && styles[`arrow-position-${props.position}`]) },
+    return (React.createElement("div", { className: clsx(styles.arrow, styles[`arrow-position-${position}`], styles[`arrow-variant-${variant}`]) },
         React.createElement("div", { className: styles['arrow-outer'] }),
         React.createElement("div", { className: clsx(styles['arrow-inner'], isVisualRefresh && styles.refresh) })));
 };

package/popover/arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow.js","sourceRoot":"","sources":["../../../src/popover/arrow.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAGrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAClC,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAE3C,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,kBAAkB,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC9F,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,GAAI;QACzC,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,eAAe,IAAI,MAAM,CAAC,OAAO,CAAC,GAAI,CAC9E,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalPosition } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface ArrowProps {\n  position: InternalPosition | null;\n}\n\nconst Arrow = (props: ArrowProps) => {\n  const isVisualRefresh = useVisualRefresh();\n\n  return (\n    <div className={clsx(styles.arrow, props.position && styles[`arrow-position-${props.position}`])}>\n      <div className={styles['arrow-outer']} />\n      <div className={clsx(styles['arrow-inner'], isVisualRefresh && styles.refresh)} />\n    </div>\n  );\n};\n\nexport default React.memo(Arrow);\n"]}
+{"version":3,"file":"arrow.js","sourceRoot":"","sources":["../../../src/popover/arrow.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAGrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAc,EAAE,EAAE;IAClD,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,kBAAkB,QAAQ,EAAE,CAAC,EAAE,MAAM,CAAC,iBAAiB,OAAO,EAAE,CAAC,CAAC;QAC1G,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,GAAI;QACzC,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,eAAe,IAAI,MAAM,CAAC,OAAO,CAAC,GAAI,CAC9E,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalPosition } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface ArrowProps {\n  position: InternalPosition | null;\n  variant?: 'default' | 'info';\n}\n\nconst Arrow = ({ position, variant }: ArrowProps) => {\n  const isVisualRefresh = useVisualRefresh();\n  return (\n    <div className={clsx(styles.arrow, styles[`arrow-position-${position}`], styles[`arrow-variant-${variant}`])}>\n      <div className={styles['arrow-outer']} />\n      <div className={clsx(styles['arrow-inner'], isVisualRefresh && styles.refresh)} />\n    </div>\n  );\n};\n\nexport default React.memo(Arrow);\n"]}