@adobe/react-spectrum 3.47.1 → 3.47.3

package/dist/private/textfield_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsJE;;;;AAOA;;;;AAKF;;;;;;;;;AAcA;;;;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;;AAsBA;;;;;;;;;;;AA0BF;;;;AAKE;;;;AAIA;;;;;AAME;;;;AAOJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EE;;;;AAQF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFI;;;;AAKA;;;;;;;;;;;;AAuBE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA","sources":["packages/@adobe/spectrum-css-temp/components/textfield/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"textfield_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmHA;;;;;;;;;;;;;;;EAkBA;;;;;;;;;;;;;;;;;;;;;;;;EA0BF;;;;;;;;;;;;EAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6MA;;;;;;;;;;IAcE;;;;;;;;;;;;IAqBA;;;;;;;;;;;;IAaA;;;;IAIA;;;;;;;;EASA;;;;;;;;;;;;;;;;IAiBA;;;;;;;;;;;;;EAeE;;;;;;;IAOJ;;;;;;;;;MAUF;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBI;EACE","sources":["packages/@adobe/spectrum-css-temp/components/textfield/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"textfield_vars.css.map"}

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,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"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;AAqCM,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';\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,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"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;AAqCM,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';\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,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"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;AAqCM,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';\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.css

@@ -4,42 +4,50 @@
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
   --spectrum-focus-ring-border-size: 0px;
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
-}
 
-._3aCmBa_spectrum-FocusRing-ring:after {
-  border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
-  content: "";
-  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
-  pointer-events: none;
-  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
+  &:after {
+    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
+    content: "";
+    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+    pointer-events: none;
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
       margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  inset: 0;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-._3aCmBa_spectrum-FocusRing._3aCmBa_focus-ring:after {
-  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
-  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+._3aCmBa_spectrum-FocusRing {
+  &._3aCmBa_focus-ring {
+    &:after {
+      margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
+      box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
-._3aCmBa_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+._3aCmBa_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-._3aCmBa_spectrum-FocusRing--quiet._3aCmBa_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &._3aCmBa_focus-ring {
+    &:after {
+      margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
         0;
-  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   ._3aCmBa_spectrum-FocusRing, ._3aCmBa_spectrum-FocusRing-ring, ._3aCmBa_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(._3aCmBa_spectrum-FocusRing, ._3aCmBa_spectrum-FocusRing-ring, ._3aCmBa_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -55,45 +63,45 @@
   display: flex;
   position: fixed;
   inset-inline: 0;
-}
 
-._3aCmBa_react-spectrum-ToastContainer ._3aCmBa_spectrum-Toast {
-  pointer-events: all;
-  margin: 8px;
-}
+  & ._3aCmBa_spectrum-Toast {
+    pointer-events: all;
+    margin: 8px;
+  }
 
-._3aCmBa_react-spectrum-ToastContainer[data-position="top"] {
-  --slide-from: translateY(-100%);
-  flex-direction: column;
-  top: 0;
-}
+  &[data-position="top"] {
+    --slide-from: translateY(-100%);
+    flex-direction: column;
+    top: 0;
+  }
 
-._3aCmBa_react-spectrum-ToastContainer[data-position="bottom"] {
-  --slide-from: translateY(100%);
-  flex-direction: column-reverse;
-  bottom: 0;
-}
+  &[data-position="bottom"] {
+    --slide-from: translateY(100%);
+    flex-direction: column-reverse;
+    bottom: 0;
+  }
 
-._3aCmBa_react-spectrum-ToastContainer[data-placement="start"] {
-  --slide-from: translateX(-100%);
-  align-items: flex-start;
-}
+  &[data-placement="start"] {
+    --slide-from: translateX(-100%);
+    align-items: flex-start;
 
-._3aCmBa_react-spectrum-ToastContainer[data-placement="start"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-  --slide-from: translateX(100%);
-}
+    &:dir(rtl) {
+      --slide-from: translateX(100%);
+    }
+  }
 
-._3aCmBa_react-spectrum-ToastContainer[data-placement="center"] {
-  align-items: center;
-}
+  &[data-placement="center"] {
+    align-items: center;
+  }
 
-._3aCmBa_react-spectrum-ToastContainer[data-placement="end"] {
-  --slide-from: translateX(100%);
-  align-items: flex-end;
-}
+  &[data-placement="end"] {
+    --slide-from: translateX(100%);
+    align-items: flex-end;
 
-._3aCmBa_react-spectrum-ToastContainer[data-placement="end"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-  --slide-from: translateX(-100%);
+    &:dir(rtl) {
+      --slide-from: translateX(-100%);
+    }
+  }
 }
 
 ._3aCmBa_spectrum-Toast {
@@ -102,10 +110,10 @@
   --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25));
   outline: none;
   position: relative;
-}
 
-._3aCmBa_spectrum-Toast ._3aCmBa_spectrum-Toast-contentWrapper {
-  display: inline-flex;
+  & ._3aCmBa_spectrum-Toast-contentWrapper {
+    display: inline-flex;
+  }
 }
 
 ._3aCmBa_spectrum-ToastContainer-list {

package/dist/private/toast/toastContainer.css.map

@@ -1 +1 @@
-{"mappings":"AAYA;;;;;;;;AAUE","sources":["packages/@adobe/react-spectrum/src/toast/toastContainer.css"],"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\n@import '@adobe/spectrum-css-temp/components/commons/focus-ring.css';\n\n.react-spectrum-ToastContainer {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: fixed;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  z-index: 100050; /* above modals */\n  display: flex;\n  pointer-events: none;\n  outline: none;\n  /* keep focus ring inside the viewport */\n  margin-block-end: 8px;\n  margin-inline: 8px;\n\n  .spectrum-Toast {\n    margin: 8px;\n    pointer-events: all;\n  }\n\n  &[data-position='top'] {\n    top: 0;\n    flex-direction: column;\n    --slide-from: translateY(-100%);\n  }\n\n  &[data-position='bottom'] {\n    bottom: 0;\n    flex-direction: column-reverse;\n    --slide-from: translateY(100%);\n  }\n\n  &[data-placement='start'] {\n    align-items: flex-start;\n    --slide-from: translateX(-100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(100%);\n    }\n  }\n\n  &[data-placement='center'] {\n    align-items: center;\n  }\n\n  &[data-placement='end'] {\n    align-items: flex-end;\n    --slide-from: translateX(100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(-100%);\n    }\n  }\n}\n\n.spectrum-Toast {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: relative;\n  outline: none;\n\n  .spectrum-Toast-contentWrapper {\n    display: inline-flex;\n  }\n}\n\n.spectrum-ToastContainer-list {\n  display: inherit;\n  flex-direction: inherit;\n  align-items: inherit;\n  list-style-type: none;\n  margin: 0;\n  padding-inline-start: 0;\n}\n\n.spectrum-ToastContainer-listitem {\n  display: inline-block;\n  view-transition-class: toast;\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n::view-transition-group(.toast) {\n  animation-duration: 300ms;\n}\n\n::view-transition-group(.toast.bottom) {\n  --slideX: 0;\n  --slideY: calc(100% + 12px);\n}\n\n::view-transition-group(.toast.top) {\n  --slideX: 0;\n  --slideY: calc(-100% - 12px);\n}\n\n::view-transition-group(.toast.start) {\n  --slideX: calc(-100% - 12px);\n  --slideY: 0;\n}\n\n::view-transition-group(.toast.end) {\n  --slideX: calc(100% + 12px);\n  --slideY: 0;\n}\n\n::view-transition-new(.toast):only-child {\n  animation-name: slide-in;\n}\n\n::view-transition-old(.toast):only-child {\n  animation-name: slide-out;\n}\n\n::view-transition-old(.toast.fadeOnly):only-child {\n  animation-name: fade-out;\n}\n"],"names":[],"version":3,"file":"toastContainer.css.map"}
+{"mappings":"AAYA;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE","sources":["packages/@adobe/react-spectrum/src/toast/toastContainer.css"],"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\n@import '@adobe/spectrum-css-temp/components/commons/focus-ring.css';\n\n.react-spectrum-ToastContainer {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: fixed;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  z-index: 100050; /* above modals */\n  display: flex;\n  pointer-events: none;\n  outline: none;\n  /* keep focus ring inside the viewport */\n  margin-block-end: 8px;\n  margin-inline: 8px;\n\n  .spectrum-Toast {\n    margin: 8px;\n    pointer-events: all;\n  }\n\n  &[data-position='top'] {\n    top: 0;\n    flex-direction: column;\n    --slide-from: translateY(-100%);\n  }\n\n  &[data-position='bottom'] {\n    bottom: 0;\n    flex-direction: column-reverse;\n    --slide-from: translateY(100%);\n  }\n\n  &[data-placement='start'] {\n    align-items: flex-start;\n    --slide-from: translateX(-100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(100%);\n    }\n  }\n\n  &[data-placement='center'] {\n    align-items: center;\n  }\n\n  &[data-placement='end'] {\n    align-items: flex-end;\n    --slide-from: translateX(100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(-100%);\n    }\n  }\n}\n\n.spectrum-Toast {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: relative;\n  outline: none;\n\n  .spectrum-Toast-contentWrapper {\n    display: inline-flex;\n  }\n}\n\n.spectrum-ToastContainer-list {\n  display: inherit;\n  flex-direction: inherit;\n  align-items: inherit;\n  list-style-type: none;\n  margin: 0;\n  padding-inline-start: 0;\n}\n\n.spectrum-ToastContainer-listitem {\n  display: inline-block;\n  view-transition-class: toast;\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n::view-transition-group(.toast) {\n  animation-duration: 300ms;\n}\n\n::view-transition-group(.toast.bottom) {\n  --slideX: 0;\n  --slideY: calc(100% + 12px);\n}\n\n::view-transition-group(.toast.top) {\n  --slideX: 0;\n  --slideY: calc(-100% - 12px);\n}\n\n::view-transition-group(.toast.start) {\n  --slideX: calc(-100% - 12px);\n  --slideY: 0;\n}\n\n::view-transition-group(.toast.end) {\n  --slideX: calc(100% + 12px);\n  --slideY: 0;\n}\n\n::view-transition-new(.toast):only-child {\n  animation-name: slide-in;\n}\n\n::view-transition-old(.toast):only-child {\n  animation-name: slide-out;\n}\n\n::view-transition-old(.toast.fadeOnly):only-child {\n  animation-name: fade-out;\n}\n"],"names":[],"version":3,"file":"toastContainer.css.map"}

package/dist/private/toast_vars.css

@@ -38,10 +38,12 @@
   align-items: flex-start;
   padding-inline-start: var(--spectrum-toast-padding-right, var(--spectrum-global-dimension-size-100));
   display: flex;
-}
 
-:is(.swo6Nq_spectrum-Toast-buttons .swo6Nq_spectrum-Button, .swo6Nq_spectrum-Toast-buttons .swo6Nq_spectrum-ClearButton) + .swo6Nq_spectrum-Button, :is(.swo6Nq_spectrum-Toast-buttons .swo6Nq_spectrum-Button, .swo6Nq_spectrum-Toast-buttons .swo6Nq_spectrum-ClearButton) + .swo6Nq_spectrum-ClearButton {
-  margin-inline-start: var(--spectrum-toast-button-gap, var(--spectrum-global-dimension-size-100));
+  & .swo6Nq_spectrum-Button, & .swo6Nq_spectrum-ClearButton {
+    & + .swo6Nq_spectrum-Button, & + .swo6Nq_spectrum-ClearButton {
+      margin-inline-start: var(--spectrum-toast-button-gap, var(--spectrum-global-dimension-size-100));
+    }
+  }
 }
 
 .swo6Nq_spectrum-Toast-body {

package/dist/private/toast_vars.css.map

@@ -1 +1 @@
-{"mappings":"AAwBA;;;;;;;;;;;;;;;AAkBA;;;;;;;;;AAUA;;;;;;;;;AASA;;;;;;;;;AAUI;;;;AAOJ;;;;;;;;;;AAwBA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;EACE","sources":["packages/@adobe/spectrum-css-temp/components/toast/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"toast_vars.css.map"}
+{"mappings":"AAwBA;;;;;;;;;;;;;;;AAkBA;;;;;;;;;AAUA;;;;;;;;;AASA;;;;;;;;EAQE;IAEE;;;;;;AAOJ;;;;;;;;;;AAwBA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;EACE","sources":["packages/@adobe/spectrum-css-temp/components/toast/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"toast_vars.css.map"}