@adobe/react-spectrum 3.47.0 → 3.47.1

package/dist/private/textfield_vars_css.mjs

@@ -48,28 +48,28 @@ var $7883c9d775a9dcbc$export$c1cdcaa5fe76a871;
 var $7883c9d775a9dcbc$export$cf0ead5b44db0da3;
 var $7883c9d775a9dcbc$export$dd1165e0e6012973;
 var $7883c9d775a9dcbc$export$9fcb3d6af94a9d12;
-$7883c9d775a9dcbc$export$f39a09f249340e2a = `zo2IKa_focus-ring`;
-$7883c9d775a9dcbc$export$8c4ee2c50c22c514 = `zo2IKa_i18nFontFamily`;
-$7883c9d775a9dcbc$export$d35bc1e505d1ebbf = `zo2IKa_is-disabled`;
-$7883c9d775a9dcbc$export$e7dc768d35940237 = `zo2IKa_is-focused`;
-$7883c9d775a9dcbc$export$b8813cd5d7824ce7 = `zo2IKa_is-hovered`;
-$7883c9d775a9dcbc$export$e5b2f5233e4e5194 = `zo2IKa_is-placeholder`;
-$7883c9d775a9dcbc$export$4109102f950813a6 = `zo2IKa_spectrum-FocusRing-ring`;
-$7883c9d775a9dcbc$export$24c7f46a6e3605dd = `zo2IKa_spectrum-FocusRing ${$7883c9d775a9dcbc$export$4109102f950813a6}`;
-$7883c9d775a9dcbc$export$2927016961429360 = `zo2IKa_spectrum-FocusRing--quiet`;
-$7883c9d775a9dcbc$export$2c8a10299d8b3418 = `zo2IKa_spectrum-Textfield ${$7883c9d775a9dcbc$export$24c7f46a6e3605dd}`;
-$7883c9d775a9dcbc$export$58e50b10d30123df = `zo2IKa_spectrum-Textfield--invalid`;
-$7883c9d775a9dcbc$export$14fd30fea6f1348c = `zo2IKa_spectrum-Textfield--loadable`;
-$7883c9d775a9dcbc$export$9699f1c538a448a0 = `zo2IKa_spectrum-Textfield--multiline`;
-$7883c9d775a9dcbc$export$bffd5e3d61a81737 = `zo2IKa_spectrum-Textfield--quiet ${$7883c9d775a9dcbc$export$2927016961429360}`;
-$7883c9d775a9dcbc$export$c2abbc3f970170b7 = `zo2IKa_spectrum-Textfield--valid`;
-$7883c9d775a9dcbc$export$82a249fb4d6127 = `zo2IKa_spectrum-Textfield-circleLoader`;
-$7883c9d775a9dcbc$export$222d1ccd1870be1d = `zo2IKa_spectrum-Textfield-icon`;
-$7883c9d775a9dcbc$export$1ac009feb2b0bd0c = `zo2IKa_spectrum-Textfield-input ${$7883c9d775a9dcbc$export$8c4ee2c50c22c514}`;
-$7883c9d775a9dcbc$export$c1cdcaa5fe76a871 = `zo2IKa_spectrum-Textfield-inputIcon`;
-$7883c9d775a9dcbc$export$cf0ead5b44db0da3 = `zo2IKa_spectrum-Textfield-validationIcon`;
-$7883c9d775a9dcbc$export$dd1165e0e6012973 = `zo2IKa_spectrum-Textfield-wrapper`;
-$7883c9d775a9dcbc$export$9fcb3d6af94a9d12 = `zo2IKa_spectrum-Textfield-wrapper--quiet`;
+$7883c9d775a9dcbc$export$f39a09f249340e2a = `Jow4ga_focus-ring`;
+$7883c9d775a9dcbc$export$8c4ee2c50c22c514 = `Jow4ga_i18nFontFamily`;
+$7883c9d775a9dcbc$export$d35bc1e505d1ebbf = `Jow4ga_is-disabled`;
+$7883c9d775a9dcbc$export$e7dc768d35940237 = `Jow4ga_is-focused`;
+$7883c9d775a9dcbc$export$b8813cd5d7824ce7 = `Jow4ga_is-hovered`;
+$7883c9d775a9dcbc$export$e5b2f5233e4e5194 = `Jow4ga_is-placeholder`;
+$7883c9d775a9dcbc$export$4109102f950813a6 = `Jow4ga_spectrum-FocusRing-ring`;
+$7883c9d775a9dcbc$export$24c7f46a6e3605dd = `Jow4ga_spectrum-FocusRing ${$7883c9d775a9dcbc$export$4109102f950813a6}`;
+$7883c9d775a9dcbc$export$2927016961429360 = `Jow4ga_spectrum-FocusRing--quiet`;
+$7883c9d775a9dcbc$export$2c8a10299d8b3418 = `Jow4ga_spectrum-Textfield ${$7883c9d775a9dcbc$export$24c7f46a6e3605dd}`;
+$7883c9d775a9dcbc$export$58e50b10d30123df = `Jow4ga_spectrum-Textfield--invalid`;
+$7883c9d775a9dcbc$export$14fd30fea6f1348c = `Jow4ga_spectrum-Textfield--loadable`;
+$7883c9d775a9dcbc$export$9699f1c538a448a0 = `Jow4ga_spectrum-Textfield--multiline`;
+$7883c9d775a9dcbc$export$bffd5e3d61a81737 = `Jow4ga_spectrum-Textfield--quiet ${$7883c9d775a9dcbc$export$2927016961429360}`;
+$7883c9d775a9dcbc$export$c2abbc3f970170b7 = `Jow4ga_spectrum-Textfield--valid`;
+$7883c9d775a9dcbc$export$82a249fb4d6127 = `Jow4ga_spectrum-Textfield-circleLoader`;
+$7883c9d775a9dcbc$export$222d1ccd1870be1d = `Jow4ga_spectrum-Textfield-icon`;
+$7883c9d775a9dcbc$export$1ac009feb2b0bd0c = `Jow4ga_spectrum-Textfield-input ${$7883c9d775a9dcbc$export$8c4ee2c50c22c514}`;
+$7883c9d775a9dcbc$export$c1cdcaa5fe76a871 = `Jow4ga_spectrum-Textfield-inputIcon`;
+$7883c9d775a9dcbc$export$cf0ead5b44db0da3 = `Jow4ga_spectrum-Textfield-validationIcon`;
+$7883c9d775a9dcbc$export$dd1165e0e6012973 = `Jow4ga_spectrum-Textfield-wrapper`;
+$7883c9d775a9dcbc$export$9fcb3d6af94a9d12 = `Jow4ga_spectrum-Textfield-wrapper--quiet`;
 
 
 export {$7883c9d775a9dcbc$exports as default};

package/dist/private/toast/Toast.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;AAsCM,MAAM,4CAAQ;IACnB,MAAM,CAAA,GAAA,0DAAS;IACf,UAAU,CAAA,GAAA,2DAAU;IACpB,UAAU,CAAA,GAAA,6DAAY;AACxB;AAEO,MAAM,0DAAQ,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,MAAM,KAAyB,EAAE,GAA2B;IACzG,IAAI,EACF,OAAO,OACL,GAAG,EACH,SAAS,YACP,QAAQ,WACR,OAAO,eACP,WAAW,YACX,QAAQ,uBACR,mBAAmB,EACpB,EACF,SACD,KAAK,EACL,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,oBACF,gBAAgB,cAChB,UAAU,cACV,UAAU,gBACV,YAAY,EACb,GAAG,CAAA,GAAA,iCAAO,EAAE,OAAO,OAAO;IAC3B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,YAAY,WAAW,YAAY,YAAY,gBAAgB,MAAM,CAAC,WAAW;IACrF,IAAI,OAAO,yCAAK,CAAC,QAAQ;IACzB,IAAI,kBAAC,cAAc,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAW;IAE9C,MAAM,eAAe;QACnB,IAAI,UACF;QAGF,IAAI,qBACF,MAAM,KAAK,CAAC;IAEhB;IAEA,qBACE,0DAAC;QACE,GAAG,UAAU;QACb,GAAG,CAAA,GAAA,qCAAS,EAAE,YAAY,WAAW;QACrC,GAAG,CAAA,GAAA,6CAAa,EAAE,MAAM,KAAK,CAAC,OAAO,CAAC;QACvC,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GACzB,kBACA;YAAC,CAAC,qBAAqB,QAAQ,EAAE;QAAO,GACxC,WAAW,SAAS,EACpB,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAmB,GACnB,kBACA;YAAC,cAAc;QAAc;qBAGjC,0DAAC;QACE,GAAG,YAAY;QAChB,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAmB,GAAG;OAC3C,sBACC,0DAAC;QACC,cAAY;QACZ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;sBAEzC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAAwB,MAAK;qBAC9D,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAA2B,MAAK;QAAgB,GAAG,UAAU;OAAG,WAClG,6BACC,0DAAC,CAAA,GAAA,gCAAK;QACJ,SAAS;QACT,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACrC,SAAQ;QACR,aAAY;QACZ,eAAY;OACX,8BAKT,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC,CAAA,GAAA,qCAAU;QAAG,GAAG,gBAAgB;QAAE,SAAQ;QAAiB,eAAY;qBACtE,0DAAC,CAAA,GAAA,2DAAU;AAKrB","sources":["packages/@adobe/react-spectrum/src/toast/Toast.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button} from '../button/Button';\nimport {classNames} from '../utils/classNames';\nimport {ClearButton} from '../button/ClearButton';\nimport CrossMedium from '@spectrum-icons/ui/CrossMedium';\nimport {DOMProps, DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\nimport intlMessages from '../../intl/toast/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {QueuedToast, ToastState} from 'react-stately/useToastState';\n// @ts-ignore\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/toast/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport toastContainerStyles from './toastContainer.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useToast} from 'react-aria/useToast';\n\nexport interface SpectrumToastValue extends DOMProps {\n  children: string,\n  variant: 'positive' | 'negative' | 'info' | 'neutral',\n  actionLabel?: string,\n  onAction?: () => void,\n  shouldCloseOnAction?: boolean\n}\n\nexport interface SpectrumToastProps {\n  toast: QueuedToast<SpectrumToastValue>,\n  state: ToastState<SpectrumToastValue>\n}\n\n// TODO: express should use filled icons...\nexport const ICONS = {\n  info: InfoMedium,\n  negative: AlertMedium,\n  positive: SuccessMedium\n};\n\nexport const Toast = React.forwardRef(function Toast(props: SpectrumToastProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    toast: {\n      key,\n      content: {\n        children,\n        variant,\n        actionLabel,\n        onAction,\n        shouldCloseOnAction\n      }\n    },\n    state,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {\n    closeButtonProps,\n    titleProps,\n    toastProps,\n    contentProps\n  } = useToast(props, state, domRef);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/toast');\n  let iconLabel = variant && variant !== 'neutral' ? stringFormatter.format(variant) : null;\n  let Icon = ICONS[variant];\n  let {isFocusVisible, focusProps} = useFocusRing();\n\n  const handleAction = () => {\n    if (onAction) {\n      onAction();\n    }\n\n    if (shouldCloseOnAction) {\n      state.close(key);\n    }\n  };\n\n  return (\n    <div\n      {...styleProps}\n      {...mergeProps(toastProps, focusProps)}\n      {...filterDOMProps(props.toast.content)}\n      ref={domRef}\n      className={classNames(styles,\n        'spectrum-Toast',\n        {['spectrum-Toast--' + variant]: variant},\n        styleProps.className,\n        classNames(\n          toastContainerStyles,\n          'spectrum-Toast',\n          {'focus-ring': isFocusVisible}\n        )\n      )}>\n      <div\n        {...contentProps}\n        className={classNames(toastContainerStyles, 'spectrum-Toast-contentWrapper')}>\n        {Icon &&\n          <Icon\n            aria-label={iconLabel}\n            UNSAFE_className={classNames(styles, 'spectrum-Toast-typeIcon')} />\n        }\n        <div className={classNames(styles, 'spectrum-Toast-body')} role=\"presentation\">\n          <div className={classNames(styles, 'spectrum-Toast-content')} role=\"presentation\" {...titleProps}>{children}</div>\n          {actionLabel &&\n            <Button\n              onPress={handleAction}\n              UNSAFE_className={classNames(styles, 'spectrum-Button')}\n              variant=\"secondary\"\n              staticColor=\"white\"\n              data-testid=\"rsp-Toast-secondaryButton\">\n              {actionLabel}\n            </Button>\n          }\n        </div>\n      </div>\n      <div className={classNames(styles, 'spectrum-Toast-buttons')}>\n        <ClearButton {...closeButtonProps} variant=\"overBackground\" data-testid=\"rsp-Toast-closeButton\">\n          <CrossMedium />\n        </ClearButton>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Toast.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;AAsCM,MAAM,4CAAQ;IACnB,MAAM,CAAA,GAAA,0DAAS;IACf,UAAU,CAAA,GAAA,2DAAU;IACpB,UAAU,CAAA,GAAA,6DAAY;AACxB;AAEO,MAAM,0DAAQ,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,MAC7C,KAAyB,EACzB,GAA2B;IAE3B,IAAI,EACF,OAAO,OACL,GAAG,EACH,SAAS,YAAC,QAAQ,WAAE,OAAO,eAAE,WAAW,YAAE,QAAQ,uBAAE,mBAAmB,EAAC,EACzE,SACD,KAAK,EACL,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,oBAAC,gBAAgB,cAAE,UAAU,cAAE,UAAU,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,iCAAO,EAAE,OAAO,OAAO;IACtF,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,YAAY,WAAW,YAAY,YAAY,gBAAgB,MAAM,CAAC,WAAW;IACrF,IAAI,OAAO,yCAAK,CAAC,QAAQ;IACzB,IAAI,kBAAC,cAAc,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAW;IAE9C,MAAM,eAAe;QACnB,IAAI,UACF;QAGF,IAAI,qBACF,MAAM,KAAK,CAAC;IAEhB;IAEA,qBACE,0DAAC;QACE,GAAG,UAAU;QACb,GAAG,CAAA,GAAA,qCAAS,EAAE,YAAY,WAAW;QACrC,GAAG,CAAA,GAAA,6CAAa,EAAE,MAAM,KAAK,CAAC,OAAO,CAAC;QACvC,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,kBACA;YAAC,CAAC,qBAAqB,QAAQ,EAAE;QAAO,GACxC,WAAW,SAAS,EACpB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAmB,GAAG,kBAAkB;YAAC,cAAc;QAAc;qBAElF,0DAAC;QACE,GAAG,YAAY;QAChB,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAmB,GAAG;OAC3C,sBACC,0DAAC;QACC,cAAY;QACZ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;sBAGzC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAAwB,MAAK;qBAC9D,0DAAC;QACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC9B,MAAK;QACJ,GAAG,UAAU;OACb,WAEF,6BACC,0DAAC,CAAA,GAAA,gCAAK;QACJ,SAAS;QACT,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACrC,SAAQ;QACR,aAAY;QACZ,eAAY;OACX,8BAKT,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC,CAAA,GAAA,qCAAU;QACR,GAAG,gBAAgB;QACpB,SAAQ;QACR,eAAY;qBACZ,0DAAC,CAAA,GAAA,2DAAU;AAKrB","sources":["packages/@adobe/react-spectrum/src/toast/Toast.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button} from '../button/Button';\nimport {classNames} from '../utils/classNames';\nimport {ClearButton} from '../button/ClearButton';\nimport CrossMedium from '@spectrum-icons/ui/CrossMedium';\nimport {DOMProps, DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\nimport intlMessages from '../../intl/toast/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {QueuedToast, ToastState} from 'react-stately/useToastState';\n// @ts-ignore\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/toast/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport toastContainerStyles from './toastContainer.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useToast} from 'react-aria/useToast';\n\nexport interface SpectrumToastValue extends DOMProps {\n  children: string;\n  variant: 'positive' | 'negative' | 'info' | 'neutral';\n  actionLabel?: string;\n  onAction?: () => void;\n  shouldCloseOnAction?: boolean;\n}\n\nexport interface SpectrumToastProps {\n  toast: QueuedToast<SpectrumToastValue>;\n  state: ToastState<SpectrumToastValue>;\n}\n\n// TODO: express should use filled icons...\nexport const ICONS = {\n  info: InfoMedium,\n  negative: AlertMedium,\n  positive: SuccessMedium\n};\n\nexport const Toast = React.forwardRef(function Toast(\n  props: SpectrumToastProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    toast: {\n      key,\n      content: {children, variant, actionLabel, onAction, shouldCloseOnAction}\n    },\n    state,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {closeButtonProps, titleProps, toastProps, contentProps} = useToast(props, state, domRef);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/toast');\n  let iconLabel = variant && variant !== 'neutral' ? stringFormatter.format(variant) : null;\n  let Icon = ICONS[variant];\n  let {isFocusVisible, focusProps} = useFocusRing();\n\n  const handleAction = () => {\n    if (onAction) {\n      onAction();\n    }\n\n    if (shouldCloseOnAction) {\n      state.close(key);\n    }\n  };\n\n  return (\n    <div\n      {...styleProps}\n      {...mergeProps(toastProps, focusProps)}\n      {...filterDOMProps(props.toast.content)}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-Toast',\n        {['spectrum-Toast--' + variant]: variant},\n        styleProps.className,\n        classNames(toastContainerStyles, 'spectrum-Toast', {'focus-ring': isFocusVisible})\n      )}>\n      <div\n        {...contentProps}\n        className={classNames(toastContainerStyles, 'spectrum-Toast-contentWrapper')}>\n        {Icon && (\n          <Icon\n            aria-label={iconLabel}\n            UNSAFE_className={classNames(styles, 'spectrum-Toast-typeIcon')}\n          />\n        )}\n        <div className={classNames(styles, 'spectrum-Toast-body')} role=\"presentation\">\n          <div\n            className={classNames(styles, 'spectrum-Toast-content')}\n            role=\"presentation\"\n            {...titleProps}>\n            {children}\n          </div>\n          {actionLabel && (\n            <Button\n              onPress={handleAction}\n              UNSAFE_className={classNames(styles, 'spectrum-Button')}\n              variant=\"secondary\"\n              staticColor=\"white\"\n              data-testid=\"rsp-Toast-secondaryButton\">\n              {actionLabel}\n            </Button>\n          )}\n        </div>\n      </div>\n      <div className={classNames(styles, 'spectrum-Toast-buttons')}>\n        <ClearButton\n          {...closeButtonProps}\n          variant=\"overBackground\"\n          data-testid=\"rsp-Toast-closeButton\">\n          <CrossMedium />\n        </ClearButton>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Toast.cjs.map"}

package/dist/private/toast/Toast.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;AAsCM,MAAM,4CAAQ;IACnB,MAAM,CAAA,GAAA,gCAAS;IACf,UAAU,CAAA,GAAA,iCAAU;IACpB,UAAU,CAAA,GAAA,mCAAY;AACxB;AAEO,MAAM,0DAAQ,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,MAAM,KAAyB,EAAE,GAA2B;IACzG,IAAI,EACF,OAAO,OACL,GAAG,EACH,SAAS,YACP,QAAQ,WACR,OAAO,eACP,WAAW,YACX,QAAQ,uBACR,mBAAmB,EACpB,EACF,SACD,KAAK,EACL,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,oBACF,gBAAgB,cAChB,UAAU,cACV,UAAU,gBACV,YAAY,EACb,GAAG,CAAA,GAAA,eAAO,EAAE,OAAO,OAAO;IAC3B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,YAAY,WAAW,YAAY,YAAY,gBAAgB,MAAM,CAAC,WAAW;IACrF,IAAI,OAAO,yCAAK,CAAC,QAAQ;IACzB,IAAI,kBAAC,cAAc,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,mBAAW;IAE9C,MAAM,eAAe;QACnB,IAAI,UACF;QAGF,IAAI,qBACF,MAAM,KAAK,CAAC;IAEhB;IAEA,qBACE,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,CAAA,GAAA,iBAAS,EAAE,YAAY,WAAW;QACrC,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM,KAAK,CAAC,OAAO,CAAC;QACvC,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GACzB,kBACA;YAAC,CAAC,qBAAqB,QAAQ,EAAE;QAAO,GACxC,WAAW,SAAS,EACpB,CAAA,GAAA,yCAAS,EACP,CAAA,GAAA,sDAAmB,GACnB,kBACA;YAAC,cAAc;QAAc;qBAGjC,gCAAC;QACE,GAAG,YAAY;QAChB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAmB,GAAG;OAC3C,sBACC,gCAAC;QACC,cAAY;QACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;sBAEzC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QAAwB,MAAK;qBAC9D,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QAA2B,MAAK;QAAgB,GAAG,UAAU;OAAG,WAClG,6BACC,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAS;QACT,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QACrC,SAAQ;QACR,aAAY;QACZ,eAAY;OACX,8BAKT,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;qBACjC,gCAAC,CAAA,GAAA,yCAAU;QAAG,GAAG,gBAAgB;QAAE,SAAQ;QAAiB,eAAY;qBACtE,gCAAC,CAAA,GAAA,iCAAU;AAKrB","sources":["packages/@adobe/react-spectrum/src/toast/Toast.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button} from '../button/Button';\nimport {classNames} from '../utils/classNames';\nimport {ClearButton} from '../button/ClearButton';\nimport CrossMedium from '@spectrum-icons/ui/CrossMedium';\nimport {DOMProps, DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\nimport intlMessages from '../../intl/toast/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {QueuedToast, ToastState} from 'react-stately/useToastState';\n// @ts-ignore\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/toast/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport toastContainerStyles from './toastContainer.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useToast} from 'react-aria/useToast';\n\nexport interface SpectrumToastValue extends DOMProps {\n  children: string,\n  variant: 'positive' | 'negative' | 'info' | 'neutral',\n  actionLabel?: string,\n  onAction?: () => void,\n  shouldCloseOnAction?: boolean\n}\n\nexport interface SpectrumToastProps {\n  toast: QueuedToast<SpectrumToastValue>,\n  state: ToastState<SpectrumToastValue>\n}\n\n// TODO: express should use filled icons...\nexport const ICONS = {\n  info: InfoMedium,\n  negative: AlertMedium,\n  positive: SuccessMedium\n};\n\nexport const Toast = React.forwardRef(function Toast(props: SpectrumToastProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    toast: {\n      key,\n      content: {\n        children,\n        variant,\n        actionLabel,\n        onAction,\n        shouldCloseOnAction\n      }\n    },\n    state,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {\n    closeButtonProps,\n    titleProps,\n    toastProps,\n    contentProps\n  } = useToast(props, state, domRef);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/toast');\n  let iconLabel = variant && variant !== 'neutral' ? stringFormatter.format(variant) : null;\n  let Icon = ICONS[variant];\n  let {isFocusVisible, focusProps} = useFocusRing();\n\n  const handleAction = () => {\n    if (onAction) {\n      onAction();\n    }\n\n    if (shouldCloseOnAction) {\n      state.close(key);\n    }\n  };\n\n  return (\n    <div\n      {...styleProps}\n      {...mergeProps(toastProps, focusProps)}\n      {...filterDOMProps(props.toast.content)}\n      ref={domRef}\n      className={classNames(styles,\n        'spectrum-Toast',\n        {['spectrum-Toast--' + variant]: variant},\n        styleProps.className,\n        classNames(\n          toastContainerStyles,\n          'spectrum-Toast',\n          {'focus-ring': isFocusVisible}\n        )\n      )}>\n      <div\n        {...contentProps}\n        className={classNames(toastContainerStyles, 'spectrum-Toast-contentWrapper')}>\n        {Icon &&\n          <Icon\n            aria-label={iconLabel}\n            UNSAFE_className={classNames(styles, 'spectrum-Toast-typeIcon')} />\n        }\n        <div className={classNames(styles, 'spectrum-Toast-body')} role=\"presentation\">\n          <div className={classNames(styles, 'spectrum-Toast-content')} role=\"presentation\" {...titleProps}>{children}</div>\n          {actionLabel &&\n            <Button\n              onPress={handleAction}\n              UNSAFE_className={classNames(styles, 'spectrum-Button')}\n              variant=\"secondary\"\n              staticColor=\"white\"\n              data-testid=\"rsp-Toast-secondaryButton\">\n              {actionLabel}\n            </Button>\n          }\n        </div>\n      </div>\n      <div className={classNames(styles, 'spectrum-Toast-buttons')}>\n        <ClearButton {...closeButtonProps} variant=\"overBackground\" data-testid=\"rsp-Toast-closeButton\">\n          <CrossMedium />\n        </ClearButton>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Toast.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;AAsCM,MAAM,4CAAQ;IACnB,MAAM,CAAA,GAAA,gCAAS;IACf,UAAU,CAAA,GAAA,iCAAU;IACpB,UAAU,CAAA,GAAA,mCAAY;AACxB;AAEO,MAAM,0DAAQ,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,MAC7C,KAAyB,EACzB,GAA2B;IAE3B,IAAI,EACF,OAAO,OACL,GAAG,EACH,SAAS,YAAC,QAAQ,WAAE,OAAO,eAAE,WAAW,YAAE,QAAQ,uBAAE,mBAAmB,EAAC,EACzE,SACD,KAAK,EACL,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,oBAAC,gBAAgB,cAAE,UAAU,cAAE,UAAU,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE,OAAO,OAAO;IACtF,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,YAAY,WAAW,YAAY,YAAY,gBAAgB,MAAM,CAAC,WAAW;IACrF,IAAI,OAAO,yCAAK,CAAC,QAAQ;IACzB,IAAI,kBAAC,cAAc,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,mBAAW;IAE9C,MAAM,eAAe;QACnB,IAAI,UACF;QAGF,IAAI,qBACF,MAAM,KAAK,CAAC;IAEhB;IAEA,qBACE,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,CAAA,GAAA,iBAAS,EAAE,YAAY,WAAW;QACrC,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM,KAAK,CAAC,OAAO,CAAC;QACvC,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,kDAAK,GACL,kBACA;YAAC,CAAC,qBAAqB,QAAQ,EAAE;QAAO,GACxC,WAAW,SAAS,EACpB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAmB,GAAG,kBAAkB;YAAC,cAAc;QAAc;qBAElF,gCAAC;QACE,GAAG,YAAY;QAChB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAmB,GAAG;OAC3C,sBACC,gCAAC;QACC,cAAY;QACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;sBAGzC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QAAwB,MAAK;qBAC9D,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QAC9B,MAAK;QACJ,GAAG,UAAU;OACb,WAEF,6BACC,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAS;QACT,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QACrC,SAAQ;QACR,aAAY;QACZ,eAAY;OACX,8BAKT,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;qBACjC,gCAAC,CAAA,GAAA,yCAAU;QACR,GAAG,gBAAgB;QACpB,SAAQ;QACR,eAAY;qBACZ,gCAAC,CAAA,GAAA,iCAAU;AAKrB","sources":["packages/@adobe/react-spectrum/src/toast/Toast.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button} from '../button/Button';\nimport {classNames} from '../utils/classNames';\nimport {ClearButton} from '../button/ClearButton';\nimport CrossMedium from '@spectrum-icons/ui/CrossMedium';\nimport {DOMProps, DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\nimport intlMessages from '../../intl/toast/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {QueuedToast, ToastState} from 'react-stately/useToastState';\n// @ts-ignore\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/toast/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport toastContainerStyles from './toastContainer.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useToast} from 'react-aria/useToast';\n\nexport interface SpectrumToastValue extends DOMProps {\n  children: string;\n  variant: 'positive' | 'negative' | 'info' | 'neutral';\n  actionLabel?: string;\n  onAction?: () => void;\n  shouldCloseOnAction?: boolean;\n}\n\nexport interface SpectrumToastProps {\n  toast: QueuedToast<SpectrumToastValue>;\n  state: ToastState<SpectrumToastValue>;\n}\n\n// TODO: express should use filled icons...\nexport const ICONS = {\n  info: InfoMedium,\n  negative: AlertMedium,\n  positive: SuccessMedium\n};\n\nexport const Toast = React.forwardRef(function Toast(\n  props: SpectrumToastProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    toast: {\n      key,\n      content: {children, variant, actionLabel, onAction, shouldCloseOnAction}\n    },\n    state,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {closeButtonProps, titleProps, toastProps, contentProps} = useToast(props, state, domRef);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/toast');\n  let iconLabel = variant && variant !== 'neutral' ? stringFormatter.format(variant) : null;\n  let Icon = ICONS[variant];\n  let {isFocusVisible, focusProps} = useFocusRing();\n\n  const handleAction = () => {\n    if (onAction) {\n      onAction();\n    }\n\n    if (shouldCloseOnAction) {\n      state.close(key);\n    }\n  };\n\n  return (\n    <div\n      {...styleProps}\n      {...mergeProps(toastProps, focusProps)}\n      {...filterDOMProps(props.toast.content)}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-Toast',\n        {['spectrum-Toast--' + variant]: variant},\n        styleProps.className,\n        classNames(toastContainerStyles, 'spectrum-Toast', {'focus-ring': isFocusVisible})\n      )}>\n      <div\n        {...contentProps}\n        className={classNames(toastContainerStyles, 'spectrum-Toast-contentWrapper')}>\n        {Icon && (\n          <Icon\n            aria-label={iconLabel}\n            UNSAFE_className={classNames(styles, 'spectrum-Toast-typeIcon')}\n          />\n        )}\n        <div className={classNames(styles, 'spectrum-Toast-body')} role=\"presentation\">\n          <div\n            className={classNames(styles, 'spectrum-Toast-content')}\n            role=\"presentation\"\n            {...titleProps}>\n            {children}\n          </div>\n          {actionLabel && (\n            <Button\n              onPress={handleAction}\n              UNSAFE_className={classNames(styles, 'spectrum-Button')}\n              variant=\"secondary\"\n              staticColor=\"white\"\n              data-testid=\"rsp-Toast-secondaryButton\">\n              {actionLabel}\n            </Button>\n          )}\n        </div>\n      </div>\n      <div className={classNames(styles, 'spectrum-Toast-buttons')}>\n        <ClearButton\n          {...closeButtonProps}\n          variant=\"overBackground\"\n          data-testid=\"rsp-Toast-closeButton\">\n          <CrossMedium />\n        </ClearButton>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Toast.js.map"}

package/dist/private/toast/Toast.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;AAsCM,MAAM,4CAAQ;IACnB,MAAM,CAAA,GAAA,gCAAS;IACf,UAAU,CAAA,GAAA,iCAAU;IACpB,UAAU,CAAA,GAAA,mCAAY;AACxB;AAEO,MAAM,0DAAQ,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,MAAM,KAAyB,EAAE,GAA2B;IACzG,IAAI,EACF,OAAO,OACL,GAAG,EACH,SAAS,YACP,QAAQ,WACR,OAAO,eACP,WAAW,YACX,QAAQ,uBACR,mBAAmB,EACpB,EACF,SACD,KAAK,EACL,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,oBACF,gBAAgB,cAChB,UAAU,cACV,UAAU,gBACV,YAAY,EACb,GAAG,CAAA,GAAA,eAAO,EAAE,OAAO,OAAO;IAC3B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,YAAY,WAAW,YAAY,YAAY,gBAAgB,MAAM,CAAC,WAAW;IACrF,IAAI,OAAO,yCAAK,CAAC,QAAQ;IACzB,IAAI,kBAAC,cAAc,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,mBAAW;IAE9C,MAAM,eAAe;QACnB,IAAI,UACF;QAGF,IAAI,qBACF,MAAM,KAAK,CAAC;IAEhB;IAEA,qBACE,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,CAAA,GAAA,iBAAS,EAAE,YAAY,WAAW;QACrC,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM,KAAK,CAAC,OAAO,CAAC;QACvC,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GACzB,kBACA;YAAC,CAAC,qBAAqB,QAAQ,EAAE;QAAO,GACxC,WAAW,SAAS,EACpB,CAAA,GAAA,yCAAS,EACP,CAAA,GAAA,sDAAmB,GACnB,kBACA;YAAC,cAAc;QAAc;qBAGjC,gCAAC;QACE,GAAG,YAAY;QAChB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAmB,GAAG;OAC3C,sBACC,gCAAC;QACC,cAAY;QACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;sBAEzC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QAAwB,MAAK;qBAC9D,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QAA2B,MAAK;QAAgB,GAAG,UAAU;OAAG,WAClG,6BACC,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAS;QACT,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QACrC,SAAQ;QACR,aAAY;QACZ,eAAY;OACX,8BAKT,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;qBACjC,gCAAC,CAAA,GAAA,yCAAU;QAAG,GAAG,gBAAgB;QAAE,SAAQ;QAAiB,eAAY;qBACtE,gCAAC,CAAA,GAAA,iCAAU;AAKrB","sources":["packages/@adobe/react-spectrum/src/toast/Toast.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button} from '../button/Button';\nimport {classNames} from '../utils/classNames';\nimport {ClearButton} from '../button/ClearButton';\nimport CrossMedium from '@spectrum-icons/ui/CrossMedium';\nimport {DOMProps, DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\nimport intlMessages from '../../intl/toast/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {QueuedToast, ToastState} from 'react-stately/useToastState';\n// @ts-ignore\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/toast/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport toastContainerStyles from './toastContainer.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useToast} from 'react-aria/useToast';\n\nexport interface SpectrumToastValue extends DOMProps {\n  children: string,\n  variant: 'positive' | 'negative' | 'info' | 'neutral',\n  actionLabel?: string,\n  onAction?: () => void,\n  shouldCloseOnAction?: boolean\n}\n\nexport interface SpectrumToastProps {\n  toast: QueuedToast<SpectrumToastValue>,\n  state: ToastState<SpectrumToastValue>\n}\n\n// TODO: express should use filled icons...\nexport const ICONS = {\n  info: InfoMedium,\n  negative: AlertMedium,\n  positive: SuccessMedium\n};\n\nexport const Toast = React.forwardRef(function Toast(props: SpectrumToastProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    toast: {\n      key,\n      content: {\n        children,\n        variant,\n        actionLabel,\n        onAction,\n        shouldCloseOnAction\n      }\n    },\n    state,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {\n    closeButtonProps,\n    titleProps,\n    toastProps,\n    contentProps\n  } = useToast(props, state, domRef);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/toast');\n  let iconLabel = variant && variant !== 'neutral' ? stringFormatter.format(variant) : null;\n  let Icon = ICONS[variant];\n  let {isFocusVisible, focusProps} = useFocusRing();\n\n  const handleAction = () => {\n    if (onAction) {\n      onAction();\n    }\n\n    if (shouldCloseOnAction) {\n      state.close(key);\n    }\n  };\n\n  return (\n    <div\n      {...styleProps}\n      {...mergeProps(toastProps, focusProps)}\n      {...filterDOMProps(props.toast.content)}\n      ref={domRef}\n      className={classNames(styles,\n        'spectrum-Toast',\n        {['spectrum-Toast--' + variant]: variant},\n        styleProps.className,\n        classNames(\n          toastContainerStyles,\n          'spectrum-Toast',\n          {'focus-ring': isFocusVisible}\n        )\n      )}>\n      <div\n        {...contentProps}\n        className={classNames(toastContainerStyles, 'spectrum-Toast-contentWrapper')}>\n        {Icon &&\n          <Icon\n            aria-label={iconLabel}\n            UNSAFE_className={classNames(styles, 'spectrum-Toast-typeIcon')} />\n        }\n        <div className={classNames(styles, 'spectrum-Toast-body')} role=\"presentation\">\n          <div className={classNames(styles, 'spectrum-Toast-content')} role=\"presentation\" {...titleProps}>{children}</div>\n          {actionLabel &&\n            <Button\n              onPress={handleAction}\n              UNSAFE_className={classNames(styles, 'spectrum-Button')}\n              variant=\"secondary\"\n              staticColor=\"white\"\n              data-testid=\"rsp-Toast-secondaryButton\">\n              {actionLabel}\n            </Button>\n          }\n        </div>\n      </div>\n      <div className={classNames(styles, 'spectrum-Toast-buttons')}>\n        <ClearButton {...closeButtonProps} variant=\"overBackground\" data-testid=\"rsp-Toast-closeButton\">\n          <CrossMedium />\n        </ClearButton>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Toast.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;AAsCM,MAAM,4CAAQ;IACnB,MAAM,CAAA,GAAA,gCAAS;IACf,UAAU,CAAA,GAAA,iCAAU;IACpB,UAAU,CAAA,GAAA,mCAAY;AACxB;AAEO,MAAM,0DAAQ,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,MAC7C,KAAyB,EACzB,GAA2B;IAE3B,IAAI,EACF,OAAO,OACL,GAAG,EACH,SAAS,YAAC,QAAQ,WAAE,OAAO,eAAE,WAAW,YAAE,QAAQ,uBAAE,mBAAmB,EAAC,EACzE,SACD,KAAK,EACL,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,oBAAC,gBAAgB,cAAE,UAAU,cAAE,UAAU,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE,OAAO,OAAO;IACtF,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,YAAY,WAAW,YAAY,YAAY,gBAAgB,MAAM,CAAC,WAAW;IACrF,IAAI,OAAO,yCAAK,CAAC,QAAQ;IACzB,IAAI,kBAAC,cAAc,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,mBAAW;IAE9C,MAAM,eAAe;QACnB,IAAI,UACF;QAGF,IAAI,qBACF,MAAM,KAAK,CAAC;IAEhB;IAEA,qBACE,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,CAAA,GAAA,iBAAS,EAAE,YAAY,WAAW;QACrC,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM,KAAK,CAAC,OAAO,CAAC;QACvC,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,kDAAK,GACL,kBACA;YAAC,CAAC,qBAAqB,QAAQ,EAAE;QAAO,GACxC,WAAW,SAAS,EACpB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAmB,GAAG,kBAAkB;YAAC,cAAc;QAAc;qBAElF,gCAAC;QACE,GAAG,YAAY;QAChB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAmB,GAAG;OAC3C,sBACC,gCAAC;QACC,cAAY;QACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;sBAGzC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QAAwB,MAAK;qBAC9D,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QAC9B,MAAK;QACJ,GAAG,UAAU;OACb,WAEF,6BACC,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAS;QACT,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QACrC,SAAQ;QACR,aAAY;QACZ,eAAY;OACX,8BAKT,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;qBACjC,gCAAC,CAAA,GAAA,yCAAU;QACR,GAAG,gBAAgB;QACpB,SAAQ;QACR,eAAY;qBACZ,gCAAC,CAAA,GAAA,iCAAU;AAKrB","sources":["packages/@adobe/react-spectrum/src/toast/Toast.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button} from '../button/Button';\nimport {classNames} from '../utils/classNames';\nimport {ClearButton} from '../button/ClearButton';\nimport CrossMedium from '@spectrum-icons/ui/CrossMedium';\nimport {DOMProps, DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\nimport intlMessages from '../../intl/toast/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {QueuedToast, ToastState} from 'react-stately/useToastState';\n// @ts-ignore\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/toast/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport toastContainerStyles from './toastContainer.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useToast} from 'react-aria/useToast';\n\nexport interface SpectrumToastValue extends DOMProps {\n  children: string;\n  variant: 'positive' | 'negative' | 'info' | 'neutral';\n  actionLabel?: string;\n  onAction?: () => void;\n  shouldCloseOnAction?: boolean;\n}\n\nexport interface SpectrumToastProps {\n  toast: QueuedToast<SpectrumToastValue>;\n  state: ToastState<SpectrumToastValue>;\n}\n\n// TODO: express should use filled icons...\nexport const ICONS = {\n  info: InfoMedium,\n  negative: AlertMedium,\n  positive: SuccessMedium\n};\n\nexport const Toast = React.forwardRef(function Toast(\n  props: SpectrumToastProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    toast: {\n      key,\n      content: {children, variant, actionLabel, onAction, shouldCloseOnAction}\n    },\n    state,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {closeButtonProps, titleProps, toastProps, contentProps} = useToast(props, state, domRef);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/toast');\n  let iconLabel = variant && variant !== 'neutral' ? stringFormatter.format(variant) : null;\n  let Icon = ICONS[variant];\n  let {isFocusVisible, focusProps} = useFocusRing();\n\n  const handleAction = () => {\n    if (onAction) {\n      onAction();\n    }\n\n    if (shouldCloseOnAction) {\n      state.close(key);\n    }\n  };\n\n  return (\n    <div\n      {...styleProps}\n      {...mergeProps(toastProps, focusProps)}\n      {...filterDOMProps(props.toast.content)}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-Toast',\n        {['spectrum-Toast--' + variant]: variant},\n        styleProps.className,\n        classNames(toastContainerStyles, 'spectrum-Toast', {'focus-ring': isFocusVisible})\n      )}>\n      <div\n        {...contentProps}\n        className={classNames(toastContainerStyles, 'spectrum-Toast-contentWrapper')}>\n        {Icon && (\n          <Icon\n            aria-label={iconLabel}\n            UNSAFE_className={classNames(styles, 'spectrum-Toast-typeIcon')}\n          />\n        )}\n        <div className={classNames(styles, 'spectrum-Toast-body')} role=\"presentation\">\n          <div\n            className={classNames(styles, 'spectrum-Toast-content')}\n            role=\"presentation\"\n            {...titleProps}>\n            {children}\n          </div>\n          {actionLabel && (\n            <Button\n              onPress={handleAction}\n              UNSAFE_className={classNames(styles, 'spectrum-Button')}\n              variant=\"secondary\"\n              staticColor=\"white\"\n              data-testid=\"rsp-Toast-secondaryButton\">\n              {actionLabel}\n            </Button>\n          )}\n        </div>\n      </div>\n      <div className={classNames(styles, 'spectrum-Toast-buttons')}>\n        <ClearButton\n          {...closeButtonProps}\n          variant=\"overBackground\"\n          data-testid=\"rsp-Toast-closeButton\">\n          <CrossMedium />\n        </ClearButton>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Toast.mjs.map"}

package/dist/private/toast/ToastContainer.cjs

@@ -116,7 +116,7 @@ function $28c44db067882928$export$f2815235e76a62b9(props) {
             style: {
                 viewTransitionName: toast.key,
                 viewTransitionClass: (0, $69fd630bd812ba47$exports.classNames)((0, ($parcel$interopDefault($1e451ff201076fe2$exports))), 'toast', placement, {
-                    'fadeOnly': shouldFade
+                    fadeOnly: shouldFade
                 })
             }
         }, /*#__PURE__*/ (0, ($parcel$interopDefault($hBxo0$react))).createElement((0, $ca4ccf35c6998262$exports.Toast), {

package/dist/private/toast/ToastContainer.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/toast/ToastContainer.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps} from 'react-aria/useToast';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {flushSync} from 'react-dom';\nimport React, {ReactElement, useEffect, useMemo, useRef} from 'react';\nimport {SpectrumToastValue, Toast} from './Toast';\nimport toastContainerStyles from './toastContainer.css';\nimport {Toaster} from './Toaster';\nimport {ToastOptions, ToastQueue, useToastQueue} from 'react-stately/useToastState';\nimport {useSyncExternalStore} from 'use-sync-external-store/shim/index.js';\n\nexport type ToastPlacement = 'top' | 'top end' | 'bottom' | 'bottom end';\n\nexport interface SpectrumToastContainerProps extends AriaToastRegionProps {\n  placement?: ToastPlacement\n}\n\nexport interface SpectrumToastOptions extends ToastOptions, DOMProps {\n  /** A label for the action button within the toast. */\n  actionLabel?: string,\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void,\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean\n}\n\nexport type CloseFunction = () => void;\n\nfunction wrapInViewTransition(fn: () => void): void {\n  if ('startViewTransition' in document) {\n    document.startViewTransition(() => {\n      flushSync(fn);\n    }).ready.catch(() => {});\n  } else {\n    fn();\n  }\n}\n\n// There is a single global toast queue instance for the whole app, initialized lazily.\nlet globalToastQueue: ToastQueue<SpectrumToastValue> | null = null;\nfunction getGlobalToastQueue() {\n  if (!globalToastQueue) {\n    globalToastQueue = new ToastQueue({\n      maxVisibleToasts: Infinity,\n      wrapUpdate: wrapInViewTransition\n    });\n  }\n\n  return globalToastQueue;\n}\n\n// For testing. Not exported from the package index.\nexport function clearToastQueue(): void {\n  globalToastQueue = null;\n}\n\nlet toastProviders = new Set();\nlet subscriptions = new Set<() => void>();\nfunction subscribe(fn: () => void) {\n  subscriptions.add(fn);\n  return () => subscriptions.delete(fn);\n}\n\nfunction triggerSubscriptions() {\n  for (let fn of subscriptions) {\n    fn();\n  }\n}\n\nfunction getActiveToastContainer() {\n  return toastProviders.values().next().value;\n}\n\nfunction useActiveToastContainer() {\n  return useSyncExternalStore(subscribe, getActiveToastContainer, getActiveToastContainer);\n}\n\n/**\n * A ToastContainer renders the queued toasts in an application. It should be placed\n * at the root of the app.\n */\nexport function ToastContainer(props: SpectrumToastContainerProps): ReactElement | null {\n  // Track all toast provider instances in a set.\n  // Only the first one will actually render.\n  // We use a ref to do this, since it will have a stable identity\n  // over the lifetime of the component.\n  let ref = useRef(null);\n\n\n  useEffect(() => {\n    toastProviders.add(ref);\n    triggerSubscriptions();\n\n    return () => {\n      // Remove this toast provider, and call subscriptions.\n      // This will cause all other instances to re-render,\n      // and the first one to become the new active toast provider.\n      toastProviders.delete(ref);\n      triggerSubscriptions();\n    };\n  }, []);\n\n  // Only render if this is the active toast provider instance, and there are visible toasts.\n  let activeToastContainer = useActiveToastContainer();\n  let state = useToastQueue(getGlobalToastQueue());\n\n  let {placement, isCentered} = useMemo(() => {\n    let placements = (props.placement ?? 'bottom').split(' ');\n    let placement = placements[placements.length - 1];\n    let isCentered = placements.length === 1;\n    return {placement, isCentered};\n  }, [props.placement]);\n\n  if (ref === activeToastContainer && state.visibleToasts.length > 0) {\n    return (\n      <Toaster state={state} {...props}>\n        <ol className={classNames(toastContainerStyles, 'spectrum-ToastContainer-list')}>\n          {state.visibleToasts.map((toast, index) => {\n            let shouldFade = isCentered && index !== 0;\n            return (\n              <li\n                key={toast.key}\n                className={classNames(toastContainerStyles, 'spectrum-ToastContainer-listitem')}\n                style={{\n                  viewTransitionName: toast.key,\n                  viewTransitionClass: classNames(\n                    toastContainerStyles,\n                    'toast',\n                    placement,\n                    {'fadeOnly': shouldFade}\n                  )\n                }}>\n                <Toast\n                  toast={toast}\n                  state={state} />\n              </li>\n            );\n          })}\n        </ol>\n      </Toaster>\n    );\n  }\n\n  return null;\n}\n\nfunction addToast(children: string, variant: SpectrumToastValue['variant'], options: SpectrumToastOptions = {}) {\n  // Dispatch a custom event so that toasts can be intercepted and re-targeted, e.g. when inside an iframe.\n  if (typeof CustomEvent !== 'undefined' && typeof window !== 'undefined') {\n    let event = new CustomEvent('react-spectrum-toast', {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        children,\n        variant,\n        options\n      }\n    });\n\n    let shouldContinue = window.dispatchEvent(event);\n    if (!shouldContinue) {\n      return () => {};\n    }\n  }\n\n  let value = {\n    children,\n    variant,\n    actionLabel: options.actionLabel,\n    onAction: options.onAction,\n    shouldCloseOnAction: options.shouldCloseOnAction,\n    ...filterDOMProps(options)\n  };\n\n  // Minimum time of 5s from https://spectrum.adobe.com/page/toast/#Auto-dismissible\n  // Actionable toasts cannot be auto dismissed. That would fail WCAG SC 2.2.1.\n  // It is debatable whether non-actionable toasts would also fail.\n  let timeout = options.timeout && !options.onAction ? Math.max(options.timeout, 5000) : undefined;\n  let queue = getGlobalToastQueue();\n  let key = queue.add(value, {timeout, onClose: options.onClose});\n  return () => queue.close(key);\n}\n\nconst SpectrumToastQueue = {\n  /** Queues a neutral toast. */\n  neutral(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'neutral', options);\n  },\n  /** Queues a positive toast. */\n  positive(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'positive', options);\n  },\n  /** Queues a negative toast. */\n  negative(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'negative', options);\n  },\n  /** Queues an informational toast. */\n  info(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'info', options);\n  }\n};\n\nexport {SpectrumToastQueue as ToastQueue};\n"],"names":[],"version":3,"file":"ToastContainer.cjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/toast/ToastContainer.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps} from 'react-aria/useToast';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {flushSync} from 'react-dom';\nimport React, {ReactElement, useEffect, useMemo, useRef} from 'react';\nimport {SpectrumToastValue, Toast} from './Toast';\nimport toastContainerStyles from './toastContainer.css';\nimport {Toaster} from './Toaster';\nimport {ToastOptions, ToastQueue, useToastQueue} from 'react-stately/useToastState';\nimport {useSyncExternalStore} from 'use-sync-external-store/shim/index.js';\n\nexport type ToastPlacement = 'top' | 'top end' | 'bottom' | 'bottom end';\n\nexport interface SpectrumToastContainerProps extends AriaToastRegionProps {\n  placement?: ToastPlacement;\n}\n\nexport interface SpectrumToastOptions extends ToastOptions, DOMProps {\n  /** A label for the action button within the toast. */\n  actionLabel?: string;\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void;\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean;\n}\n\nexport type CloseFunction = () => void;\n\nfunction wrapInViewTransition(fn: () => void): void {\n  if ('startViewTransition' in document) {\n    document\n      .startViewTransition(() => {\n        flushSync(fn);\n      })\n      .ready.catch(() => {});\n  } else {\n    fn();\n  }\n}\n\n// There is a single global toast queue instance for the whole app, initialized lazily.\nlet globalToastQueue: ToastQueue<SpectrumToastValue> | null = null;\nfunction getGlobalToastQueue() {\n  if (!globalToastQueue) {\n    globalToastQueue = new ToastQueue({\n      maxVisibleToasts: Infinity,\n      wrapUpdate: wrapInViewTransition\n    });\n  }\n\n  return globalToastQueue;\n}\n\n// For testing. Not exported from the package index.\nexport function clearToastQueue(): void {\n  globalToastQueue = null;\n}\n\nlet toastProviders = new Set();\nlet subscriptions = new Set<() => void>();\nfunction subscribe(fn: () => void) {\n  subscriptions.add(fn);\n  return () => subscriptions.delete(fn);\n}\n\nfunction triggerSubscriptions() {\n  for (let fn of subscriptions) {\n    fn();\n  }\n}\n\nfunction getActiveToastContainer() {\n  return toastProviders.values().next().value;\n}\n\nfunction useActiveToastContainer() {\n  return useSyncExternalStore(subscribe, getActiveToastContainer, getActiveToastContainer);\n}\n\n/**\n * A ToastContainer renders the queued toasts in an application. It should be placed\n * at the root of the app.\n */\nexport function ToastContainer(props: SpectrumToastContainerProps): ReactElement | null {\n  // Track all toast provider instances in a set.\n  // Only the first one will actually render.\n  // We use a ref to do this, since it will have a stable identity\n  // over the lifetime of the component.\n  let ref = useRef(null);\n\n  useEffect(() => {\n    toastProviders.add(ref);\n    triggerSubscriptions();\n\n    return () => {\n      // Remove this toast provider, and call subscriptions.\n      // This will cause all other instances to re-render,\n      // and the first one to become the new active toast provider.\n      toastProviders.delete(ref);\n      triggerSubscriptions();\n    };\n  }, []);\n\n  // Only render if this is the active toast provider instance, and there are visible toasts.\n  let activeToastContainer = useActiveToastContainer();\n  let state = useToastQueue(getGlobalToastQueue());\n\n  let {placement, isCentered} = useMemo(() => {\n    let placements = (props.placement ?? 'bottom').split(' ');\n    let placement = placements[placements.length - 1];\n    let isCentered = placements.length === 1;\n    return {placement, isCentered};\n  }, [props.placement]);\n\n  if (ref === activeToastContainer && state.visibleToasts.length > 0) {\n    return (\n      <Toaster state={state} {...props}>\n        <ol className={classNames(toastContainerStyles, 'spectrum-ToastContainer-list')}>\n          {state.visibleToasts.map((toast, index) => {\n            let shouldFade = isCentered && index !== 0;\n            return (\n              <li\n                key={toast.key}\n                className={classNames(toastContainerStyles, 'spectrum-ToastContainer-listitem')}\n                style={{\n                  viewTransitionName: toast.key,\n                  viewTransitionClass: classNames(toastContainerStyles, 'toast', placement, {\n                    fadeOnly: shouldFade\n                  })\n                }}>\n                <Toast toast={toast} state={state} />\n              </li>\n            );\n          })}\n        </ol>\n      </Toaster>\n    );\n  }\n\n  return null;\n}\n\nfunction addToast(\n  children: string,\n  variant: SpectrumToastValue['variant'],\n  options: SpectrumToastOptions = {}\n) {\n  // Dispatch a custom event so that toasts can be intercepted and re-targeted, e.g. when inside an iframe.\n  if (typeof CustomEvent !== 'undefined' && typeof window !== 'undefined') {\n    let event = new CustomEvent('react-spectrum-toast', {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        children,\n        variant,\n        options\n      }\n    });\n\n    let shouldContinue = window.dispatchEvent(event);\n    if (!shouldContinue) {\n      return () => {};\n    }\n  }\n\n  let value = {\n    children,\n    variant,\n    actionLabel: options.actionLabel,\n    onAction: options.onAction,\n    shouldCloseOnAction: options.shouldCloseOnAction,\n    ...filterDOMProps(options)\n  };\n\n  // Minimum time of 5s from https://spectrum.adobe.com/page/toast/#Auto-dismissible\n  // Actionable toasts cannot be auto dismissed. That would fail WCAG SC 2.2.1.\n  // It is debatable whether non-actionable toasts would also fail.\n  let timeout = options.timeout && !options.onAction ? Math.max(options.timeout, 5000) : undefined;\n  let queue = getGlobalToastQueue();\n  let key = queue.add(value, {timeout, onClose: options.onClose});\n  return () => queue.close(key);\n}\n\nconst SpectrumToastQueue = {\n  /** Queues a neutral toast. */\n  neutral(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'neutral', options);\n  },\n  /** Queues a positive toast. */\n  positive(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'positive', options);\n  },\n  /** Queues a negative toast. */\n  negative(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'negative', options);\n  },\n  /** Queues an informational toast. */\n  info(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'info', options);\n  }\n};\n\nexport {SpectrumToastQueue as ToastQueue};\n"],"names":[],"version":3,"file":"ToastContainer.cjs.map"}

package/dist/private/toast/ToastContainer.js

@@ -110,7 +110,7 @@ function $afd6f21ce00ee063$export$f2815235e76a62b9(props) {
             style: {
                 viewTransitionName: toast.key,
                 viewTransitionClass: (0, $512ba93e663f149c$export$ce4ab0c55987d1ff)((0, ($parcel$interopDefault($4KPPu$toastContainer_cssmjs))), 'toast', placement, {
-                    'fadeOnly': shouldFade
+                    fadeOnly: shouldFade
                 })
             }
         }, /*#__PURE__*/ (0, $4KPPu$react).createElement((0, $5ecef0f995bde443$export$8d8dc7d5f743331b), {

package/dist/private/toast/ToastContainer.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/toast/ToastContainer.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps} from 'react-aria/useToast';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {flushSync} from 'react-dom';\nimport React, {ReactElement, useEffect, useMemo, useRef} from 'react';\nimport {SpectrumToastValue, Toast} from './Toast';\nimport toastContainerStyles from './toastContainer.css';\nimport {Toaster} from './Toaster';\nimport {ToastOptions, ToastQueue, useToastQueue} from 'react-stately/useToastState';\nimport {useSyncExternalStore} from 'use-sync-external-store/shim/index.js';\n\nexport type ToastPlacement = 'top' | 'top end' | 'bottom' | 'bottom end';\n\nexport interface SpectrumToastContainerProps extends AriaToastRegionProps {\n  placement?: ToastPlacement\n}\n\nexport interface SpectrumToastOptions extends ToastOptions, DOMProps {\n  /** A label for the action button within the toast. */\n  actionLabel?: string,\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void,\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean\n}\n\nexport type CloseFunction = () => void;\n\nfunction wrapInViewTransition(fn: () => void): void {\n  if ('startViewTransition' in document) {\n    document.startViewTransition(() => {\n      flushSync(fn);\n    }).ready.catch(() => {});\n  } else {\n    fn();\n  }\n}\n\n// There is a single global toast queue instance for the whole app, initialized lazily.\nlet globalToastQueue: ToastQueue<SpectrumToastValue> | null = null;\nfunction getGlobalToastQueue() {\n  if (!globalToastQueue) {\n    globalToastQueue = new ToastQueue({\n      maxVisibleToasts: Infinity,\n      wrapUpdate: wrapInViewTransition\n    });\n  }\n\n  return globalToastQueue;\n}\n\n// For testing. Not exported from the package index.\nexport function clearToastQueue(): void {\n  globalToastQueue = null;\n}\n\nlet toastProviders = new Set();\nlet subscriptions = new Set<() => void>();\nfunction subscribe(fn: () => void) {\n  subscriptions.add(fn);\n  return () => subscriptions.delete(fn);\n}\n\nfunction triggerSubscriptions() {\n  for (let fn of subscriptions) {\n    fn();\n  }\n}\n\nfunction getActiveToastContainer() {\n  return toastProviders.values().next().value;\n}\n\nfunction useActiveToastContainer() {\n  return useSyncExternalStore(subscribe, getActiveToastContainer, getActiveToastContainer);\n}\n\n/**\n * A ToastContainer renders the queued toasts in an application. It should be placed\n * at the root of the app.\n */\nexport function ToastContainer(props: SpectrumToastContainerProps): ReactElement | null {\n  // Track all toast provider instances in a set.\n  // Only the first one will actually render.\n  // We use a ref to do this, since it will have a stable identity\n  // over the lifetime of the component.\n  let ref = useRef(null);\n\n\n  useEffect(() => {\n    toastProviders.add(ref);\n    triggerSubscriptions();\n\n    return () => {\n      // Remove this toast provider, and call subscriptions.\n      // This will cause all other instances to re-render,\n      // and the first one to become the new active toast provider.\n      toastProviders.delete(ref);\n      triggerSubscriptions();\n    };\n  }, []);\n\n  // Only render if this is the active toast provider instance, and there are visible toasts.\n  let activeToastContainer = useActiveToastContainer();\n  let state = useToastQueue(getGlobalToastQueue());\n\n  let {placement, isCentered} = useMemo(() => {\n    let placements = (props.placement ?? 'bottom').split(' ');\n    let placement = placements[placements.length - 1];\n    let isCentered = placements.length === 1;\n    return {placement, isCentered};\n  }, [props.placement]);\n\n  if (ref === activeToastContainer && state.visibleToasts.length > 0) {\n    return (\n      <Toaster state={state} {...props}>\n        <ol className={classNames(toastContainerStyles, 'spectrum-ToastContainer-list')}>\n          {state.visibleToasts.map((toast, index) => {\n            let shouldFade = isCentered && index !== 0;\n            return (\n              <li\n                key={toast.key}\n                className={classNames(toastContainerStyles, 'spectrum-ToastContainer-listitem')}\n                style={{\n                  viewTransitionName: toast.key,\n                  viewTransitionClass: classNames(\n                    toastContainerStyles,\n                    'toast',\n                    placement,\n                    {'fadeOnly': shouldFade}\n                  )\n                }}>\n                <Toast\n                  toast={toast}\n                  state={state} />\n              </li>\n            );\n          })}\n        </ol>\n      </Toaster>\n    );\n  }\n\n  return null;\n}\n\nfunction addToast(children: string, variant: SpectrumToastValue['variant'], options: SpectrumToastOptions = {}) {\n  // Dispatch a custom event so that toasts can be intercepted and re-targeted, e.g. when inside an iframe.\n  if (typeof CustomEvent !== 'undefined' && typeof window !== 'undefined') {\n    let event = new CustomEvent('react-spectrum-toast', {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        children,\n        variant,\n        options\n      }\n    });\n\n    let shouldContinue = window.dispatchEvent(event);\n    if (!shouldContinue) {\n      return () => {};\n    }\n  }\n\n  let value = {\n    children,\n    variant,\n    actionLabel: options.actionLabel,\n    onAction: options.onAction,\n    shouldCloseOnAction: options.shouldCloseOnAction,\n    ...filterDOMProps(options)\n  };\n\n  // Minimum time of 5s from https://spectrum.adobe.com/page/toast/#Auto-dismissible\n  // Actionable toasts cannot be auto dismissed. That would fail WCAG SC 2.2.1.\n  // It is debatable whether non-actionable toasts would also fail.\n  let timeout = options.timeout && !options.onAction ? Math.max(options.timeout, 5000) : undefined;\n  let queue = getGlobalToastQueue();\n  let key = queue.add(value, {timeout, onClose: options.onClose});\n  return () => queue.close(key);\n}\n\nconst SpectrumToastQueue = {\n  /** Queues a neutral toast. */\n  neutral(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'neutral', options);\n  },\n  /** Queues a positive toast. */\n  positive(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'positive', options);\n  },\n  /** Queues a negative toast. */\n  negative(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'negative', options);\n  },\n  /** Queues an informational toast. */\n  info(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'info', options);\n  }\n};\n\nexport {SpectrumToastQueue as ToastQueue};\n"],"names":[],"version":3,"file":"ToastContainer.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/toast/ToastContainer.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps} from 'react-aria/useToast';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {flushSync} from 'react-dom';\nimport React, {ReactElement, useEffect, useMemo, useRef} from 'react';\nimport {SpectrumToastValue, Toast} from './Toast';\nimport toastContainerStyles from './toastContainer.css';\nimport {Toaster} from './Toaster';\nimport {ToastOptions, ToastQueue, useToastQueue} from 'react-stately/useToastState';\nimport {useSyncExternalStore} from 'use-sync-external-store/shim/index.js';\n\nexport type ToastPlacement = 'top' | 'top end' | 'bottom' | 'bottom end';\n\nexport interface SpectrumToastContainerProps extends AriaToastRegionProps {\n  placement?: ToastPlacement;\n}\n\nexport interface SpectrumToastOptions extends ToastOptions, DOMProps {\n  /** A label for the action button within the toast. */\n  actionLabel?: string;\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void;\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean;\n}\n\nexport type CloseFunction = () => void;\n\nfunction wrapInViewTransition(fn: () => void): void {\n  if ('startViewTransition' in document) {\n    document\n      .startViewTransition(() => {\n        flushSync(fn);\n      })\n      .ready.catch(() => {});\n  } else {\n    fn();\n  }\n}\n\n// There is a single global toast queue instance for the whole app, initialized lazily.\nlet globalToastQueue: ToastQueue<SpectrumToastValue> | null = null;\nfunction getGlobalToastQueue() {\n  if (!globalToastQueue) {\n    globalToastQueue = new ToastQueue({\n      maxVisibleToasts: Infinity,\n      wrapUpdate: wrapInViewTransition\n    });\n  }\n\n  return globalToastQueue;\n}\n\n// For testing. Not exported from the package index.\nexport function clearToastQueue(): void {\n  globalToastQueue = null;\n}\n\nlet toastProviders = new Set();\nlet subscriptions = new Set<() => void>();\nfunction subscribe(fn: () => void) {\n  subscriptions.add(fn);\n  return () => subscriptions.delete(fn);\n}\n\nfunction triggerSubscriptions() {\n  for (let fn of subscriptions) {\n    fn();\n  }\n}\n\nfunction getActiveToastContainer() {\n  return toastProviders.values().next().value;\n}\n\nfunction useActiveToastContainer() {\n  return useSyncExternalStore(subscribe, getActiveToastContainer, getActiveToastContainer);\n}\n\n/**\n * A ToastContainer renders the queued toasts in an application. It should be placed\n * at the root of the app.\n */\nexport function ToastContainer(props: SpectrumToastContainerProps): ReactElement | null {\n  // Track all toast provider instances in a set.\n  // Only the first one will actually render.\n  // We use a ref to do this, since it will have a stable identity\n  // over the lifetime of the component.\n  let ref = useRef(null);\n\n  useEffect(() => {\n    toastProviders.add(ref);\n    triggerSubscriptions();\n\n    return () => {\n      // Remove this toast provider, and call subscriptions.\n      // This will cause all other instances to re-render,\n      // and the first one to become the new active toast provider.\n      toastProviders.delete(ref);\n      triggerSubscriptions();\n    };\n  }, []);\n\n  // Only render if this is the active toast provider instance, and there are visible toasts.\n  let activeToastContainer = useActiveToastContainer();\n  let state = useToastQueue(getGlobalToastQueue());\n\n  let {placement, isCentered} = useMemo(() => {\n    let placements = (props.placement ?? 'bottom').split(' ');\n    let placement = placements[placements.length - 1];\n    let isCentered = placements.length === 1;\n    return {placement, isCentered};\n  }, [props.placement]);\n\n  if (ref === activeToastContainer && state.visibleToasts.length > 0) {\n    return (\n      <Toaster state={state} {...props}>\n        <ol className={classNames(toastContainerStyles, 'spectrum-ToastContainer-list')}>\n          {state.visibleToasts.map((toast, index) => {\n            let shouldFade = isCentered && index !== 0;\n            return (\n              <li\n                key={toast.key}\n                className={classNames(toastContainerStyles, 'spectrum-ToastContainer-listitem')}\n                style={{\n                  viewTransitionName: toast.key,\n                  viewTransitionClass: classNames(toastContainerStyles, 'toast', placement, {\n                    fadeOnly: shouldFade\n                  })\n                }}>\n                <Toast toast={toast} state={state} />\n              </li>\n            );\n          })}\n        </ol>\n      </Toaster>\n    );\n  }\n\n  return null;\n}\n\nfunction addToast(\n  children: string,\n  variant: SpectrumToastValue['variant'],\n  options: SpectrumToastOptions = {}\n) {\n  // Dispatch a custom event so that toasts can be intercepted and re-targeted, e.g. when inside an iframe.\n  if (typeof CustomEvent !== 'undefined' && typeof window !== 'undefined') {\n    let event = new CustomEvent('react-spectrum-toast', {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        children,\n        variant,\n        options\n      }\n    });\n\n    let shouldContinue = window.dispatchEvent(event);\n    if (!shouldContinue) {\n      return () => {};\n    }\n  }\n\n  let value = {\n    children,\n    variant,\n    actionLabel: options.actionLabel,\n    onAction: options.onAction,\n    shouldCloseOnAction: options.shouldCloseOnAction,\n    ...filterDOMProps(options)\n  };\n\n  // Minimum time of 5s from https://spectrum.adobe.com/page/toast/#Auto-dismissible\n  // Actionable toasts cannot be auto dismissed. That would fail WCAG SC 2.2.1.\n  // It is debatable whether non-actionable toasts would also fail.\n  let timeout = options.timeout && !options.onAction ? Math.max(options.timeout, 5000) : undefined;\n  let queue = getGlobalToastQueue();\n  let key = queue.add(value, {timeout, onClose: options.onClose});\n  return () => queue.close(key);\n}\n\nconst SpectrumToastQueue = {\n  /** Queues a neutral toast. */\n  neutral(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'neutral', options);\n  },\n  /** Queues a positive toast. */\n  positive(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'positive', options);\n  },\n  /** Queues a negative toast. */\n  negative(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'negative', options);\n  },\n  /** Queues an informational toast. */\n  info(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'info', options);\n  }\n};\n\nexport {SpectrumToastQueue as ToastQueue};\n"],"names":[],"version":3,"file":"ToastContainer.js.map"}

package/dist/private/toast/ToastContainer.mjs

@@ -109,7 +109,7 @@ function $33add86cc52875f9$export$f2815235e76a62b9(props) {
             style: {
                 viewTransitionName: toast.key,
                 viewTransitionClass: (0, $6e6392558d48dfec$export$ce4ab0c55987d1ff)((0, ($parcel$interopDefault($90KaU$toastContainer_cssmjs))), 'toast', placement, {
-                    'fadeOnly': shouldFade
+                    fadeOnly: shouldFade
                 })
             }
         }, /*#__PURE__*/ (0, $90KaU$react).createElement((0, $cfebc782ec37c3c6$export$8d8dc7d5f743331b), {

package/dist/private/toast/ToastContainer.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/toast/ToastContainer.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps} from 'react-aria/useToast';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {flushSync} from 'react-dom';\nimport React, {ReactElement, useEffect, useMemo, useRef} from 'react';\nimport {SpectrumToastValue, Toast} from './Toast';\nimport toastContainerStyles from './toastContainer.css';\nimport {Toaster} from './Toaster';\nimport {ToastOptions, ToastQueue, useToastQueue} from 'react-stately/useToastState';\nimport {useSyncExternalStore} from 'use-sync-external-store/shim/index.js';\n\nexport type ToastPlacement = 'top' | 'top end' | 'bottom' | 'bottom end';\n\nexport interface SpectrumToastContainerProps extends AriaToastRegionProps {\n  placement?: ToastPlacement\n}\n\nexport interface SpectrumToastOptions extends ToastOptions, DOMProps {\n  /** A label for the action button within the toast. */\n  actionLabel?: string,\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void,\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean\n}\n\nexport type CloseFunction = () => void;\n\nfunction wrapInViewTransition(fn: () => void): void {\n  if ('startViewTransition' in document) {\n    document.startViewTransition(() => {\n      flushSync(fn);\n    }).ready.catch(() => {});\n  } else {\n    fn();\n  }\n}\n\n// There is a single global toast queue instance for the whole app, initialized lazily.\nlet globalToastQueue: ToastQueue<SpectrumToastValue> | null = null;\nfunction getGlobalToastQueue() {\n  if (!globalToastQueue) {\n    globalToastQueue = new ToastQueue({\n      maxVisibleToasts: Infinity,\n      wrapUpdate: wrapInViewTransition\n    });\n  }\n\n  return globalToastQueue;\n}\n\n// For testing. Not exported from the package index.\nexport function clearToastQueue(): void {\n  globalToastQueue = null;\n}\n\nlet toastProviders = new Set();\nlet subscriptions = new Set<() => void>();\nfunction subscribe(fn: () => void) {\n  subscriptions.add(fn);\n  return () => subscriptions.delete(fn);\n}\n\nfunction triggerSubscriptions() {\n  for (let fn of subscriptions) {\n    fn();\n  }\n}\n\nfunction getActiveToastContainer() {\n  return toastProviders.values().next().value;\n}\n\nfunction useActiveToastContainer() {\n  return useSyncExternalStore(subscribe, getActiveToastContainer, getActiveToastContainer);\n}\n\n/**\n * A ToastContainer renders the queued toasts in an application. It should be placed\n * at the root of the app.\n */\nexport function ToastContainer(props: SpectrumToastContainerProps): ReactElement | null {\n  // Track all toast provider instances in a set.\n  // Only the first one will actually render.\n  // We use a ref to do this, since it will have a stable identity\n  // over the lifetime of the component.\n  let ref = useRef(null);\n\n\n  useEffect(() => {\n    toastProviders.add(ref);\n    triggerSubscriptions();\n\n    return () => {\n      // Remove this toast provider, and call subscriptions.\n      // This will cause all other instances to re-render,\n      // and the first one to become the new active toast provider.\n      toastProviders.delete(ref);\n      triggerSubscriptions();\n    };\n  }, []);\n\n  // Only render if this is the active toast provider instance, and there are visible toasts.\n  let activeToastContainer = useActiveToastContainer();\n  let state = useToastQueue(getGlobalToastQueue());\n\n  let {placement, isCentered} = useMemo(() => {\n    let placements = (props.placement ?? 'bottom').split(' ');\n    let placement = placements[placements.length - 1];\n    let isCentered = placements.length === 1;\n    return {placement, isCentered};\n  }, [props.placement]);\n\n  if (ref === activeToastContainer && state.visibleToasts.length > 0) {\n    return (\n      <Toaster state={state} {...props}>\n        <ol className={classNames(toastContainerStyles, 'spectrum-ToastContainer-list')}>\n          {state.visibleToasts.map((toast, index) => {\n            let shouldFade = isCentered && index !== 0;\n            return (\n              <li\n                key={toast.key}\n                className={classNames(toastContainerStyles, 'spectrum-ToastContainer-listitem')}\n                style={{\n                  viewTransitionName: toast.key,\n                  viewTransitionClass: classNames(\n                    toastContainerStyles,\n                    'toast',\n                    placement,\n                    {'fadeOnly': shouldFade}\n                  )\n                }}>\n                <Toast\n                  toast={toast}\n                  state={state} />\n              </li>\n            );\n          })}\n        </ol>\n      </Toaster>\n    );\n  }\n\n  return null;\n}\n\nfunction addToast(children: string, variant: SpectrumToastValue['variant'], options: SpectrumToastOptions = {}) {\n  // Dispatch a custom event so that toasts can be intercepted and re-targeted, e.g. when inside an iframe.\n  if (typeof CustomEvent !== 'undefined' && typeof window !== 'undefined') {\n    let event = new CustomEvent('react-spectrum-toast', {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        children,\n        variant,\n        options\n      }\n    });\n\n    let shouldContinue = window.dispatchEvent(event);\n    if (!shouldContinue) {\n      return () => {};\n    }\n  }\n\n  let value = {\n    children,\n    variant,\n    actionLabel: options.actionLabel,\n    onAction: options.onAction,\n    shouldCloseOnAction: options.shouldCloseOnAction,\n    ...filterDOMProps(options)\n  };\n\n  // Minimum time of 5s from https://spectrum.adobe.com/page/toast/#Auto-dismissible\n  // Actionable toasts cannot be auto dismissed. That would fail WCAG SC 2.2.1.\n  // It is debatable whether non-actionable toasts would also fail.\n  let timeout = options.timeout && !options.onAction ? Math.max(options.timeout, 5000) : undefined;\n  let queue = getGlobalToastQueue();\n  let key = queue.add(value, {timeout, onClose: options.onClose});\n  return () => queue.close(key);\n}\n\nconst SpectrumToastQueue = {\n  /** Queues a neutral toast. */\n  neutral(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'neutral', options);\n  },\n  /** Queues a positive toast. */\n  positive(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'positive', options);\n  },\n  /** Queues a negative toast. */\n  negative(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'negative', options);\n  },\n  /** Queues an informational toast. */\n  info(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'info', options);\n  }\n};\n\nexport {SpectrumToastQueue as ToastQueue};\n"],"names":[],"version":3,"file":"ToastContainer.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/toast/ToastContainer.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps} from 'react-aria/useToast';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {flushSync} from 'react-dom';\nimport React, {ReactElement, useEffect, useMemo, useRef} from 'react';\nimport {SpectrumToastValue, Toast} from './Toast';\nimport toastContainerStyles from './toastContainer.css';\nimport {Toaster} from './Toaster';\nimport {ToastOptions, ToastQueue, useToastQueue} from 'react-stately/useToastState';\nimport {useSyncExternalStore} from 'use-sync-external-store/shim/index.js';\n\nexport type ToastPlacement = 'top' | 'top end' | 'bottom' | 'bottom end';\n\nexport interface SpectrumToastContainerProps extends AriaToastRegionProps {\n  placement?: ToastPlacement;\n}\n\nexport interface SpectrumToastOptions extends ToastOptions, DOMProps {\n  /** A label for the action button within the toast. */\n  actionLabel?: string;\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void;\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean;\n}\n\nexport type CloseFunction = () => void;\n\nfunction wrapInViewTransition(fn: () => void): void {\n  if ('startViewTransition' in document) {\n    document\n      .startViewTransition(() => {\n        flushSync(fn);\n      })\n      .ready.catch(() => {});\n  } else {\n    fn();\n  }\n}\n\n// There is a single global toast queue instance for the whole app, initialized lazily.\nlet globalToastQueue: ToastQueue<SpectrumToastValue> | null = null;\nfunction getGlobalToastQueue() {\n  if (!globalToastQueue) {\n    globalToastQueue = new ToastQueue({\n      maxVisibleToasts: Infinity,\n      wrapUpdate: wrapInViewTransition\n    });\n  }\n\n  return globalToastQueue;\n}\n\n// For testing. Not exported from the package index.\nexport function clearToastQueue(): void {\n  globalToastQueue = null;\n}\n\nlet toastProviders = new Set();\nlet subscriptions = new Set<() => void>();\nfunction subscribe(fn: () => void) {\n  subscriptions.add(fn);\n  return () => subscriptions.delete(fn);\n}\n\nfunction triggerSubscriptions() {\n  for (let fn of subscriptions) {\n    fn();\n  }\n}\n\nfunction getActiveToastContainer() {\n  return toastProviders.values().next().value;\n}\n\nfunction useActiveToastContainer() {\n  return useSyncExternalStore(subscribe, getActiveToastContainer, getActiveToastContainer);\n}\n\n/**\n * A ToastContainer renders the queued toasts in an application. It should be placed\n * at the root of the app.\n */\nexport function ToastContainer(props: SpectrumToastContainerProps): ReactElement | null {\n  // Track all toast provider instances in a set.\n  // Only the first one will actually render.\n  // We use a ref to do this, since it will have a stable identity\n  // over the lifetime of the component.\n  let ref = useRef(null);\n\n  useEffect(() => {\n    toastProviders.add(ref);\n    triggerSubscriptions();\n\n    return () => {\n      // Remove this toast provider, and call subscriptions.\n      // This will cause all other instances to re-render,\n      // and the first one to become the new active toast provider.\n      toastProviders.delete(ref);\n      triggerSubscriptions();\n    };\n  }, []);\n\n  // Only render if this is the active toast provider instance, and there are visible toasts.\n  let activeToastContainer = useActiveToastContainer();\n  let state = useToastQueue(getGlobalToastQueue());\n\n  let {placement, isCentered} = useMemo(() => {\n    let placements = (props.placement ?? 'bottom').split(' ');\n    let placement = placements[placements.length - 1];\n    let isCentered = placements.length === 1;\n    return {placement, isCentered};\n  }, [props.placement]);\n\n  if (ref === activeToastContainer && state.visibleToasts.length > 0) {\n    return (\n      <Toaster state={state} {...props}>\n        <ol className={classNames(toastContainerStyles, 'spectrum-ToastContainer-list')}>\n          {state.visibleToasts.map((toast, index) => {\n            let shouldFade = isCentered && index !== 0;\n            return (\n              <li\n                key={toast.key}\n                className={classNames(toastContainerStyles, 'spectrum-ToastContainer-listitem')}\n                style={{\n                  viewTransitionName: toast.key,\n                  viewTransitionClass: classNames(toastContainerStyles, 'toast', placement, {\n                    fadeOnly: shouldFade\n                  })\n                }}>\n                <Toast toast={toast} state={state} />\n              </li>\n            );\n          })}\n        </ol>\n      </Toaster>\n    );\n  }\n\n  return null;\n}\n\nfunction addToast(\n  children: string,\n  variant: SpectrumToastValue['variant'],\n  options: SpectrumToastOptions = {}\n) {\n  // Dispatch a custom event so that toasts can be intercepted and re-targeted, e.g. when inside an iframe.\n  if (typeof CustomEvent !== 'undefined' && typeof window !== 'undefined') {\n    let event = new CustomEvent('react-spectrum-toast', {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        children,\n        variant,\n        options\n      }\n    });\n\n    let shouldContinue = window.dispatchEvent(event);\n    if (!shouldContinue) {\n      return () => {};\n    }\n  }\n\n  let value = {\n    children,\n    variant,\n    actionLabel: options.actionLabel,\n    onAction: options.onAction,\n    shouldCloseOnAction: options.shouldCloseOnAction,\n    ...filterDOMProps(options)\n  };\n\n  // Minimum time of 5s from https://spectrum.adobe.com/page/toast/#Auto-dismissible\n  // Actionable toasts cannot be auto dismissed. That would fail WCAG SC 2.2.1.\n  // It is debatable whether non-actionable toasts would also fail.\n  let timeout = options.timeout && !options.onAction ? Math.max(options.timeout, 5000) : undefined;\n  let queue = getGlobalToastQueue();\n  let key = queue.add(value, {timeout, onClose: options.onClose});\n  return () => queue.close(key);\n}\n\nconst SpectrumToastQueue = {\n  /** Queues a neutral toast. */\n  neutral(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'neutral', options);\n  },\n  /** Queues a positive toast. */\n  positive(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'positive', options);\n  },\n  /** Queues a negative toast. */\n  negative(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'negative', options);\n  },\n  /** Queues an informational toast. */\n  info(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'info', options);\n  }\n};\n\nexport {SpectrumToastQueue as ToastQueue};\n"],"names":[],"version":3,"file":"ToastContainer.mjs.map"}

package/dist/private/toast/Toaster.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAsBM,MAAM,0DAAiB,CAAA,GAAA,0BAAY,EAAE;AAErC,SAAS,0CAAQ,KAA0B;IAChD,IAAI,YACF,QAAQ,SACR,KAAK,EACN,GAAG;IAEJ,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAE;IACjB,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,uCAAa,EAAE,OAAO,OAAO;IACjD,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW;IAC9C,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,sDAAsB;IAE3C,IAAI,CAAC,UAAU,UAAU,GAAG,CAAA,GAAA,oBAAM,EAAE;QAClC,IAAI,CAAC,MAAM,QAAQ,EAAE,QAAQ,QAAQ,CAAC,GAAG,MAAM,SAAS,EAAE,MAAM,QAAQ,EAAE;QAC1E,OAAO;YAAC;YAAK;SAAM;IACrB,GAAG;QAAC,MAAM,SAAS;KAAC;IAEpB,IAAI,yBACF,0DAAC,CAAA,GAAA,kCAAO;QAAE,cAAc;YAAC,YAAY;QAAa;qBAChD,0DAAC,CAAA,GAAA,qCAAS,uBACR,0DAAC,0CAAe,QAAQ;QAAC,OAAO;qBAC9B,0DAAC;QACE,GAAG,CAAA,GAAA,qCAAS,EAAE,aAAa,WAAW;QACvC,KAAK;QACL,iBAAe;QACf,kBAAgB;QAChB,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAmB,GACnB,iCACA;YAAC,cAAc;QAAc;OAE9B;IAOX,qBAAO,CAAA,GAAA,yCAAO,EAAE,YAAY,CAAC,UAAU,oBAAoB,SAAS,IAAI;AAC1E","sources":["packages/@adobe/react-spectrum/src/toast/Toaster.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps, useToastRegion} from 'react-aria/useToast';\n\nimport {classNames} from '../utils/classNames';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from '../provider/Provider';\nimport React, {createContext, ReactElement, ReactNode, useMemo, useRef} from 'react';\nimport ReactDOM from 'react-dom';\nimport toastContainerStyles from './toastContainer.css';\nimport type {ToastPlacement} from './ToastContainer';\nimport {ToastState} from 'react-stately/useToastState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useUNSAFE_PortalContext} from 'react-aria/PortalProvider';\n\ninterface ToastContainerProps extends AriaToastRegionProps {\n  children: ReactNode,\n  state: ToastState<unknown>,\n  placement?: ToastPlacement\n}\n\nexport const ToasterContext = createContext(false);\n\nexport function Toaster(props: ToastContainerProps): ReactElement {\n  let {\n    children,\n    state\n  } = props;\n\n  let ref = useRef(null);\n  let {regionProps} = useToastRegion(props, state, ref);\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {getContainer} = useUNSAFE_PortalContext();\n\n  let [position, placement] = useMemo(() => {\n    let [pos = 'bottom', place = 'center'] = props.placement?.split(' ') || [];\n    return [pos, place];\n  }, [props.placement]);\n\n  let contents = (\n    <Provider UNSAFE_style={{background: 'transparent'}}>\n      <FocusScope>\n        <ToasterContext.Provider value={isFocusVisible}>\n          <div\n            {...mergeProps(regionProps, focusProps)}\n            ref={ref}\n            data-position={position}\n            data-placement={placement}\n            className={classNames(\n              toastContainerStyles,\n              'react-spectrum-ToastContainer',\n              {'focus-ring': isFocusVisible}\n            )}>\n            {children}\n          </div>\n        </ToasterContext.Provider>\n      </FocusScope>\n    </Provider>\n  );\n\n  return ReactDOM.createPortal(contents, getContainer?.() ?? document.body);\n}\n"],"names":[],"version":3,"file":"Toaster.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAsBM,MAAM,0DAAiB,CAAA,GAAA,0BAAY,EAAE;AAErC,SAAS,0CAAQ,KAA0B;IAChD,IAAI,YAAC,QAAQ,SAAE,KAAK,EAAC,GAAG;IAExB,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAE;IACjB,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,uCAAa,EAAE,OAAO,OAAO;IACjD,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW;IAC9C,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,sDAAsB;IAE3C,IAAI,CAAC,UAAU,UAAU,GAAG,CAAA,GAAA,oBAAM,EAAE;QAClC,IAAI,CAAC,MAAM,QAAQ,EAAE,QAAQ,QAAQ,CAAC,GAAG,MAAM,SAAS,EAAE,MAAM,QAAQ,EAAE;QAC1E,OAAO;YAAC;YAAK;SAAM;IACrB,GAAG;QAAC,MAAM,SAAS;KAAC;IAEpB,IAAI,yBACF,0DAAC,CAAA,GAAA,kCAAO;QAAE,cAAc;YAAC,YAAY;QAAa;qBAChD,0DAAC,CAAA,GAAA,qCAAS,uBACR,0DAAC,0CAAe,QAAQ;QAAC,OAAO;qBAC9B,0DAAC;QACE,GAAG,CAAA,GAAA,qCAAS,EAAE,aAAa,WAAW;QACvC,KAAK;QACL,iBAAe;QACf,kBAAgB;QAChB,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAmB,GAAG,iCAAiC;YAC3E,cAAc;QAChB;OACC;IAOX,qBAAO,CAAA,GAAA,yCAAO,EAAE,YAAY,CAAC,UAAU,oBAAoB,SAAS,IAAI;AAC1E","sources":["packages/@adobe/react-spectrum/src/toast/Toaster.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps, useToastRegion} from 'react-aria/useToast';\n\nimport {classNames} from '../utils/classNames';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from '../provider/Provider';\nimport React, {createContext, ReactElement, ReactNode, useMemo, useRef} from 'react';\nimport ReactDOM from 'react-dom';\nimport toastContainerStyles from './toastContainer.css';\nimport type {ToastPlacement} from './ToastContainer';\nimport {ToastState} from 'react-stately/useToastState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useUNSAFE_PortalContext} from 'react-aria/PortalProvider';\n\ninterface ToastContainerProps extends AriaToastRegionProps {\n  children: ReactNode;\n  state: ToastState<unknown>;\n  placement?: ToastPlacement;\n}\n\nexport const ToasterContext = createContext(false);\n\nexport function Toaster(props: ToastContainerProps): ReactElement {\n  let {children, state} = props;\n\n  let ref = useRef(null);\n  let {regionProps} = useToastRegion(props, state, ref);\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {getContainer} = useUNSAFE_PortalContext();\n\n  let [position, placement] = useMemo(() => {\n    let [pos = 'bottom', place = 'center'] = props.placement?.split(' ') || [];\n    return [pos, place];\n  }, [props.placement]);\n\n  let contents = (\n    <Provider UNSAFE_style={{background: 'transparent'}}>\n      <FocusScope>\n        <ToasterContext.Provider value={isFocusVisible}>\n          <div\n            {...mergeProps(regionProps, focusProps)}\n            ref={ref}\n            data-position={position}\n            data-placement={placement}\n            className={classNames(toastContainerStyles, 'react-spectrum-ToastContainer', {\n              'focus-ring': isFocusVisible\n            })}>\n            {children}\n          </div>\n        </ToasterContext.Provider>\n      </FocusScope>\n    </Provider>\n  );\n\n  return ReactDOM.createPortal(contents, getContainer?.() ?? document.body);\n}\n"],"names":[],"version":3,"file":"Toaster.cjs.map"}

package/dist/private/toast/Toaster.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAsBM,MAAM,0DAAiB,CAAA,GAAA,oBAAY,EAAE;AAErC,SAAS,0CAAQ,KAA0B;IAChD,IAAI,YACF,QAAQ,SACR,KAAK,EACN,GAAG;IAEJ,IAAI,MAAM,CAAA,GAAA,aAAK,EAAE;IACjB,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO,OAAO;IACjD,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAC9C,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,8BAAsB;IAE3C,IAAI,CAAC,UAAU,UAAU,GAAG,CAAA,GAAA,cAAM,EAAE;YACO;QAAzC,IAAI,CAAC,MAAM,QAAQ,EAAE,QAAQ,QAAQ,CAAC,GAAG,EAAA,mBAAA,MAAM,SAAS,cAAf,uCAAA,iBAAiB,KAAK,CAAC,SAAQ,EAAE;QAC1E,OAAO;YAAC;YAAK;SAAM;IACrB,GAAG;QAAC,MAAM,SAAS;KAAC;IAEpB,IAAI,yBACF,gCAAC,CAAA,GAAA,yCAAO;QAAE,cAAc;YAAC,YAAY;QAAa;qBAChD,gCAAC,CAAA,GAAA,iBAAS,uBACR,gCAAC,0CAAe,QAAQ;QAAC,OAAO;qBAC9B,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QACvC,KAAK;QACL,iBAAe;QACf,kBAAgB;QAChB,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,sDAAmB,GACnB,iCACA;YAAC,cAAc;QAAc;OAE9B;QAO4B;IAAvC,qBAAO,CAAA,GAAA,eAAO,EAAE,YAAY,CAAC,UAAU,CAAA,gBAAA,yBAAA,mCAAA,4BAAA,2BAAA,gBAAoB,SAAS,IAAI;AAC1E","sources":["packages/@adobe/react-spectrum/src/toast/Toaster.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps, useToastRegion} from 'react-aria/useToast';\n\nimport {classNames} from '../utils/classNames';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from '../provider/Provider';\nimport React, {createContext, ReactElement, ReactNode, useMemo, useRef} from 'react';\nimport ReactDOM from 'react-dom';\nimport toastContainerStyles from './toastContainer.css';\nimport type {ToastPlacement} from './ToastContainer';\nimport {ToastState} from 'react-stately/useToastState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useUNSAFE_PortalContext} from 'react-aria/PortalProvider';\n\ninterface ToastContainerProps extends AriaToastRegionProps {\n  children: ReactNode,\n  state: ToastState<unknown>,\n  placement?: ToastPlacement\n}\n\nexport const ToasterContext = createContext(false);\n\nexport function Toaster(props: ToastContainerProps): ReactElement {\n  let {\n    children,\n    state\n  } = props;\n\n  let ref = useRef(null);\n  let {regionProps} = useToastRegion(props, state, ref);\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {getContainer} = useUNSAFE_PortalContext();\n\n  let [position, placement] = useMemo(() => {\n    let [pos = 'bottom', place = 'center'] = props.placement?.split(' ') || [];\n    return [pos, place];\n  }, [props.placement]);\n\n  let contents = (\n    <Provider UNSAFE_style={{background: 'transparent'}}>\n      <FocusScope>\n        <ToasterContext.Provider value={isFocusVisible}>\n          <div\n            {...mergeProps(regionProps, focusProps)}\n            ref={ref}\n            data-position={position}\n            data-placement={placement}\n            className={classNames(\n              toastContainerStyles,\n              'react-spectrum-ToastContainer',\n              {'focus-ring': isFocusVisible}\n            )}>\n            {children}\n          </div>\n        </ToasterContext.Provider>\n      </FocusScope>\n    </Provider>\n  );\n\n  return ReactDOM.createPortal(contents, getContainer?.() ?? document.body);\n}\n"],"names":[],"version":3,"file":"Toaster.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAsBM,MAAM,0DAAiB,CAAA,GAAA,oBAAY,EAAE;AAErC,SAAS,0CAAQ,KAA0B;IAChD,IAAI,YAAC,QAAQ,SAAE,KAAK,EAAC,GAAG;IAExB,IAAI,MAAM,CAAA,GAAA,aAAK,EAAE;IACjB,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO,OAAO;IACjD,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAC9C,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,8BAAsB;IAE3C,IAAI,CAAC,UAAU,UAAU,GAAG,CAAA,GAAA,cAAM,EAAE;YACO;QAAzC,IAAI,CAAC,MAAM,QAAQ,EAAE,QAAQ,QAAQ,CAAC,GAAG,EAAA,mBAAA,MAAM,SAAS,cAAf,uCAAA,iBAAiB,KAAK,CAAC,SAAQ,EAAE;QAC1E,OAAO;YAAC;YAAK;SAAM;IACrB,GAAG;QAAC,MAAM,SAAS;KAAC;IAEpB,IAAI,yBACF,gCAAC,CAAA,GAAA,yCAAO;QAAE,cAAc;YAAC,YAAY;QAAa;qBAChD,gCAAC,CAAA,GAAA,iBAAS,uBACR,gCAAC,0CAAe,QAAQ;QAAC,OAAO;qBAC9B,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QACvC,KAAK;QACL,iBAAe;QACf,kBAAgB;QAChB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAmB,GAAG,iCAAiC;YAC3E,cAAc;QAChB;OACC;QAO4B;IAAvC,qBAAO,CAAA,GAAA,eAAO,EAAE,YAAY,CAAC,UAAU,CAAA,gBAAA,yBAAA,mCAAA,4BAAA,2BAAA,gBAAoB,SAAS,IAAI;AAC1E","sources":["packages/@adobe/react-spectrum/src/toast/Toaster.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps, useToastRegion} from 'react-aria/useToast';\n\nimport {classNames} from '../utils/classNames';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from '../provider/Provider';\nimport React, {createContext, ReactElement, ReactNode, useMemo, useRef} from 'react';\nimport ReactDOM from 'react-dom';\nimport toastContainerStyles from './toastContainer.css';\nimport type {ToastPlacement} from './ToastContainer';\nimport {ToastState} from 'react-stately/useToastState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useUNSAFE_PortalContext} from 'react-aria/PortalProvider';\n\ninterface ToastContainerProps extends AriaToastRegionProps {\n  children: ReactNode;\n  state: ToastState<unknown>;\n  placement?: ToastPlacement;\n}\n\nexport const ToasterContext = createContext(false);\n\nexport function Toaster(props: ToastContainerProps): ReactElement {\n  let {children, state} = props;\n\n  let ref = useRef(null);\n  let {regionProps} = useToastRegion(props, state, ref);\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {getContainer} = useUNSAFE_PortalContext();\n\n  let [position, placement] = useMemo(() => {\n    let [pos = 'bottom', place = 'center'] = props.placement?.split(' ') || [];\n    return [pos, place];\n  }, [props.placement]);\n\n  let contents = (\n    <Provider UNSAFE_style={{background: 'transparent'}}>\n      <FocusScope>\n        <ToasterContext.Provider value={isFocusVisible}>\n          <div\n            {...mergeProps(regionProps, focusProps)}\n            ref={ref}\n            data-position={position}\n            data-placement={placement}\n            className={classNames(toastContainerStyles, 'react-spectrum-ToastContainer', {\n              'focus-ring': isFocusVisible\n            })}>\n            {children}\n          </div>\n        </ToasterContext.Provider>\n      </FocusScope>\n    </Provider>\n  );\n\n  return ReactDOM.createPortal(contents, getContainer?.() ?? document.body);\n}\n"],"names":[],"version":3,"file":"Toaster.js.map"}

package/dist/private/toast/Toaster.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAsBM,MAAM,0DAAiB,CAAA,GAAA,oBAAY,EAAE;AAErC,SAAS,0CAAQ,KAA0B;IAChD,IAAI,YACF,QAAQ,SACR,KAAK,EACN,GAAG;IAEJ,IAAI,MAAM,CAAA,GAAA,aAAK,EAAE;IACjB,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO,OAAO;IACjD,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAC9C,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,8BAAsB;IAE3C,IAAI,CAAC,UAAU,UAAU,GAAG,CAAA,GAAA,cAAM,EAAE;QAClC,IAAI,CAAC,MAAM,QAAQ,EAAE,QAAQ,QAAQ,CAAC,GAAG,MAAM,SAAS,EAAE,MAAM,QAAQ,EAAE;QAC1E,OAAO;YAAC;YAAK;SAAM;IACrB,GAAG;QAAC,MAAM,SAAS;KAAC;IAEpB,IAAI,yBACF,gCAAC,CAAA,GAAA,yCAAO;QAAE,cAAc;YAAC,YAAY;QAAa;qBAChD,gCAAC,CAAA,GAAA,iBAAS,uBACR,gCAAC,0CAAe,QAAQ;QAAC,OAAO;qBAC9B,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QACvC,KAAK;QACL,iBAAe;QACf,kBAAgB;QAChB,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,sDAAmB,GACnB,iCACA;YAAC,cAAc;QAAc;OAE9B;IAOX,qBAAO,CAAA,GAAA,eAAO,EAAE,YAAY,CAAC,UAAU,oBAAoB,SAAS,IAAI;AAC1E","sources":["packages/@adobe/react-spectrum/src/toast/Toaster.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps, useToastRegion} from 'react-aria/useToast';\n\nimport {classNames} from '../utils/classNames';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from '../provider/Provider';\nimport React, {createContext, ReactElement, ReactNode, useMemo, useRef} from 'react';\nimport ReactDOM from 'react-dom';\nimport toastContainerStyles from './toastContainer.css';\nimport type {ToastPlacement} from './ToastContainer';\nimport {ToastState} from 'react-stately/useToastState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useUNSAFE_PortalContext} from 'react-aria/PortalProvider';\n\ninterface ToastContainerProps extends AriaToastRegionProps {\n  children: ReactNode,\n  state: ToastState<unknown>,\n  placement?: ToastPlacement\n}\n\nexport const ToasterContext = createContext(false);\n\nexport function Toaster(props: ToastContainerProps): ReactElement {\n  let {\n    children,\n    state\n  } = props;\n\n  let ref = useRef(null);\n  let {regionProps} = useToastRegion(props, state, ref);\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {getContainer} = useUNSAFE_PortalContext();\n\n  let [position, placement] = useMemo(() => {\n    let [pos = 'bottom', place = 'center'] = props.placement?.split(' ') || [];\n    return [pos, place];\n  }, [props.placement]);\n\n  let contents = (\n    <Provider UNSAFE_style={{background: 'transparent'}}>\n      <FocusScope>\n        <ToasterContext.Provider value={isFocusVisible}>\n          <div\n            {...mergeProps(regionProps, focusProps)}\n            ref={ref}\n            data-position={position}\n            data-placement={placement}\n            className={classNames(\n              toastContainerStyles,\n              'react-spectrum-ToastContainer',\n              {'focus-ring': isFocusVisible}\n            )}>\n            {children}\n          </div>\n        </ToasterContext.Provider>\n      </FocusScope>\n    </Provider>\n  );\n\n  return ReactDOM.createPortal(contents, getContainer?.() ?? document.body);\n}\n"],"names":[],"version":3,"file":"Toaster.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAsBM,MAAM,0DAAiB,CAAA,GAAA,oBAAY,EAAE;AAErC,SAAS,0CAAQ,KAA0B;IAChD,IAAI,YAAC,QAAQ,SAAE,KAAK,EAAC,GAAG;IAExB,IAAI,MAAM,CAAA,GAAA,aAAK,EAAE;IACjB,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO,OAAO;IACjD,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAC9C,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,8BAAsB;IAE3C,IAAI,CAAC,UAAU,UAAU,GAAG,CAAA,GAAA,cAAM,EAAE;QAClC,IAAI,CAAC,MAAM,QAAQ,EAAE,QAAQ,QAAQ,CAAC,GAAG,MAAM,SAAS,EAAE,MAAM,QAAQ,EAAE;QAC1E,OAAO;YAAC;YAAK;SAAM;IACrB,GAAG;QAAC,MAAM,SAAS;KAAC;IAEpB,IAAI,yBACF,gCAAC,CAAA,GAAA,yCAAO;QAAE,cAAc;YAAC,YAAY;QAAa;qBAChD,gCAAC,CAAA,GAAA,iBAAS,uBACR,gCAAC,0CAAe,QAAQ;QAAC,OAAO;qBAC9B,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QACvC,KAAK;QACL,iBAAe;QACf,kBAAgB;QAChB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAmB,GAAG,iCAAiC;YAC3E,cAAc;QAChB;OACC;IAOX,qBAAO,CAAA,GAAA,eAAO,EAAE,YAAY,CAAC,UAAU,oBAAoB,SAAS,IAAI;AAC1E","sources":["packages/@adobe/react-spectrum/src/toast/Toaster.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps, useToastRegion} from 'react-aria/useToast';\n\nimport {classNames} from '../utils/classNames';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Provider} from '../provider/Provider';\nimport React, {createContext, ReactElement, ReactNode, useMemo, useRef} from 'react';\nimport ReactDOM from 'react-dom';\nimport toastContainerStyles from './toastContainer.css';\nimport type {ToastPlacement} from './ToastContainer';\nimport {ToastState} from 'react-stately/useToastState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useUNSAFE_PortalContext} from 'react-aria/PortalProvider';\n\ninterface ToastContainerProps extends AriaToastRegionProps {\n  children: ReactNode;\n  state: ToastState<unknown>;\n  placement?: ToastPlacement;\n}\n\nexport const ToasterContext = createContext(false);\n\nexport function Toaster(props: ToastContainerProps): ReactElement {\n  let {children, state} = props;\n\n  let ref = useRef(null);\n  let {regionProps} = useToastRegion(props, state, ref);\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {getContainer} = useUNSAFE_PortalContext();\n\n  let [position, placement] = useMemo(() => {\n    let [pos = 'bottom', place = 'center'] = props.placement?.split(' ') || [];\n    return [pos, place];\n  }, [props.placement]);\n\n  let contents = (\n    <Provider UNSAFE_style={{background: 'transparent'}}>\n      <FocusScope>\n        <ToasterContext.Provider value={isFocusVisible}>\n          <div\n            {...mergeProps(regionProps, focusProps)}\n            ref={ref}\n            data-position={position}\n            data-placement={placement}\n            className={classNames(toastContainerStyles, 'react-spectrum-ToastContainer', {\n              'focus-ring': isFocusVisible\n            })}>\n            {children}\n          </div>\n        </ToasterContext.Provider>\n      </FocusScope>\n    </Provider>\n  );\n\n  return ReactDOM.createPortal(contents, getContainer?.() ?? document.body);\n}\n"],"names":[],"version":3,"file":"Toaster.mjs.map"}