@apollion-dsi/core 5.9.0 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -11
- package/lib/chunks/Notification.group-A2B3AOWQ.esm.js +1 -0
- package/lib/chunks/{chunk-ZEDZVOPC.esm.js → chunk-256WC4PP.esm.js} +1 -1
- package/lib/chunks/chunk-3MZJAPWM.esm.js +1 -0
- package/lib/chunks/{chunk-65HUSQDZ.esm.js → chunk-45MWDRNM.esm.js} +1 -1
- package/lib/chunks/{chunk-6DTZVTDE.esm.js → chunk-4MZWNQEG.esm.js} +1 -1
- package/lib/chunks/{chunk-YOPGC5J2.esm.js → chunk-52ZUY32C.esm.js} +1 -1
- package/lib/chunks/{chunk-PDCQBR3M.esm.js → chunk-5J3XFFOC.esm.js} +1 -1
- package/lib/chunks/{chunk-AW3ZCRZG.esm.js → chunk-6A67VC76.esm.js} +1 -1
- package/lib/chunks/{chunk-M2FRELL5.esm.js → chunk-75RZEPGR.esm.js} +1 -1
- package/lib/chunks/{chunk-7MTVH7NF.esm.js → chunk-AY4A3CRI.esm.js} +1 -1
- package/lib/chunks/{chunk-PQDT5T6V.esm.js → chunk-BLWZI2HB.esm.js} +1 -1
- package/lib/chunks/{chunk-RSARU4F4.esm.js → chunk-CEQ2E5NR.esm.js} +1 -1
- package/lib/chunks/{chunk-24X4PCRH.esm.js → chunk-CT2E5OHH.esm.js} +1 -1
- package/lib/chunks/{chunk-XSHQR3W5.esm.js → chunk-CYE4PE7O.esm.js} +1 -1
- package/lib/chunks/{chunk-H7ZXGMID.esm.js → chunk-D2BGFGF5.esm.js} +1 -1
- package/lib/chunks/{chunk-OX6RGQBV.esm.js → chunk-DNEZUVFF.esm.js} +1 -1
- package/lib/chunks/chunk-DNPDRN65.esm.js +1 -0
- package/lib/chunks/{chunk-S27SAVIL.esm.js → chunk-DOYOTA4M.esm.js} +1 -1
- package/lib/chunks/{chunk-ZSDHXESA.esm.js → chunk-DXBBCZ2G.esm.js} +1 -1
- package/lib/chunks/{chunk-363PMLHY.esm.js → chunk-E3DFLAI2.esm.js} +1 -1
- package/lib/chunks/{chunk-HPW5QY7O.esm.js → chunk-E7F7OX6L.esm.js} +1 -1
- package/lib/chunks/{chunk-KZL7TDC4.esm.js → chunk-EAPNLQRA.esm.js} +1 -1
- package/lib/chunks/{chunk-7D6Z463O.esm.js → chunk-FUQKZLIO.esm.js} +1 -1
- package/lib/chunks/{chunk-7YCYHCUG.esm.js → chunk-FX4N4XE3.esm.js} +1 -1
- package/lib/chunks/{chunk-VW237MWN.esm.js → chunk-G7MPAQNL.esm.js} +1 -1
- package/lib/chunks/{chunk-FIPPKZ3C.esm.js → chunk-HEPTXYI6.esm.js} +1 -1
- package/lib/chunks/chunk-HHMU4JQU.esm.js +1 -0
- package/lib/chunks/{chunk-ETH3W4PP.esm.js → chunk-HRWQDKQV.esm.js} +1 -1
- package/lib/chunks/{chunk-JIYX535V.esm.js → chunk-HV5DUMYV.esm.js} +1 -1
- package/lib/chunks/{chunk-EN4QMSDH.esm.js → chunk-I6OALESP.esm.js} +1 -1
- package/lib/chunks/chunk-J2WMKVZ6.esm.js +1 -0
- package/lib/chunks/{chunk-T2A3J6XU.esm.js → chunk-JHHHDDJX.esm.js} +1 -1
- package/lib/chunks/{chunk-NNPKPEER.esm.js → chunk-KZGTQCBM.esm.js} +1 -1
- package/lib/chunks/chunk-KZTG5TDM.esm.js +1 -0
- package/lib/chunks/{chunk-GWQA5Z4E.esm.js → chunk-M4OETFK4.esm.js} +1 -1
- package/lib/chunks/{chunk-UVCS4EZS.esm.js → chunk-MMBAI43B.esm.js} +1 -1
- package/lib/chunks/{chunk-GZVFLN6W.esm.js → chunk-MZXNUBS6.esm.js} +1 -1
- package/lib/chunks/{chunk-5F6QROAO.esm.js → chunk-N4HS4XKA.esm.js} +1 -1
- package/lib/chunks/chunk-NKSAICKJ.esm.js +1 -0
- package/lib/chunks/chunk-PXOXPLL4.esm.js +2 -0
- package/lib/chunks/chunk-QDLV2F2N.esm.js +1 -0
- package/lib/chunks/chunk-RR2TYGZC.esm.js +1 -0
- package/lib/chunks/{chunk-QQU6KGIF.esm.js → chunk-RSQIUWSS.esm.js} +1 -1
- package/lib/chunks/{chunk-MITMF2OY.esm.js → chunk-SACX6WA6.esm.js} +1 -1
- package/lib/chunks/chunk-SF2QSF7E.esm.js +20 -0
- package/lib/chunks/{chunk-LQL2LOMD.esm.js → chunk-SGFHFA5O.esm.js} +1 -1
- package/lib/chunks/chunk-T45OIU7I.esm.js +1 -0
- package/lib/chunks/{chunk-EF34DPD2.esm.js → chunk-T7HLONFV.esm.js} +1 -1
- package/lib/chunks/chunk-TOLIKUNQ.esm.js +1 -0
- package/lib/chunks/{chunk-W4JROHUU.esm.js → chunk-TV2VA222.esm.js} +1 -1
- package/lib/chunks/chunk-UHABJEDB.esm.js +1 -0
- package/lib/chunks/{chunk-LSNLFC7E.esm.js → chunk-UKGWJWRQ.esm.js} +1 -1
- package/lib/chunks/{chunk-YLSNRJ7L.esm.js → chunk-URJHAYIA.esm.js} +1 -1
- package/lib/chunks/{chunk-CDLUQDZD.esm.js → chunk-UWNCASVD.esm.js} +1 -1
- package/lib/chunks/{chunk-MGMYTOBZ.esm.js → chunk-VLYDLZDV.esm.js} +1 -1
- package/lib/chunks/chunk-VNIBGIZ2.esm.js +1 -0
- package/lib/chunks/chunk-VUFEYXWD.esm.js +1 -0
- package/lib/chunks/{chunk-LHHKVEZ7.esm.js → chunk-VZJX7POT.esm.js} +1 -1
- package/lib/chunks/{chunk-X5H3SR3I.esm.js → chunk-WUMLGV6U.esm.js} +1 -1
- package/lib/chunks/{chunk-LZCYT3JI.esm.js → chunk-WUVW6J3R.esm.js} +1 -1
- package/lib/chunks/{chunk-CZQSAAEA.esm.js → chunk-WYMKPFHD.esm.js} +1 -1
- package/lib/chunks/{chunk-D2AOC2HS.esm.js → chunk-XEUESXXM.esm.js} +1 -1
- package/lib/chunks/chunk-Y3SYDZIF.esm.js +1 -0
- package/lib/chunks/{chunk-7IW77YYH.esm.js → chunk-YHM3YIO6.esm.js} +1 -1
- package/lib/chunks/{chunk-GMCQ4ZLL.esm.js → chunk-Z2ESWFUW.esm.js} +1 -1
- package/lib/chunks/{chunk-SXOSOU46.esm.js → chunk-ZAYWAUKZ.esm.js} +1 -1
- package/lib/chunks/{chunk-BLJLBPUO.esm.js → chunk-ZZNJQONU.esm.js} +1 -1
- package/lib/chunks/{chunk-5OKRBLPE.esm.js → chunk-ZZOIX6CV.esm.js} +1 -1
- package/lib/containers/Base/Base.style.d.ts +2 -4
- package/lib/containers/Base/index.d.ts +2 -3
- package/lib/containers/Base/index.esm.js +1 -1
- package/lib/containers/Card/index.esm.js +1 -1
- package/lib/containers/Content/index.esm.js +1 -1
- package/lib/containers/Flex/Flex.style.d.ts +2 -4
- package/lib/containers/Flex/index.d.ts +2 -3
- package/lib/containers/Flex/index.esm.js +1 -1
- package/lib/containers/Grid/index.esm.js +1 -1
- package/lib/containers/Notification/Notification.d.ts +26 -2
- package/lib/containers/Notification/Notification.group.d.ts +10 -4
- package/lib/containers/Notification/Notification.interface.d.ts +4 -6
- package/lib/containers/Notification/Notification.style.d.ts +8 -6562
- package/lib/containers/Notification/index.esm.js +1 -1
- package/lib/containers/Paper/Paper.style.d.ts +4 -4
- package/lib/containers/Paper/index.esm.js +1 -1
- package/lib/containers/Scroll/index.esm.js +1 -1
- package/lib/containers/index.esm.js +1 -1
- package/lib/dataDisplay/DataTable/DataTable.style.d.ts +8 -8
- package/lib/dataDisplay/DataTable/index.esm.js +1 -1
- package/lib/dataDisplay/DescriptionList/index.esm.js +1 -1
- package/lib/dataDisplay/Meter/index.esm.js +1 -1
- package/lib/dataDisplay/Steps/Steps.d.ts +11 -8
- package/lib/dataDisplay/Steps/Steps.interface.d.ts +12 -10
- package/lib/dataDisplay/Steps/Steps.style.d.ts +19 -6
- package/lib/dataDisplay/Steps/index.esm.js +1 -1
- package/lib/dataDisplay/Table/Table/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableCell/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableCheckboxCell/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableEmpty/TableEmpty.style.d.ts +4 -4
- package/lib/dataDisplay/Table/TableEmpty/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableFooter/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableHeaderCell/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TableHeaderCheckboxCell/index.esm.js +1 -1
- package/lib/dataDisplay/Table/TablePagination/index.esm.js +1 -1
- package/lib/dataDisplay/Table/index.esm.js +1 -1
- package/lib/dataDisplay/Tabs/Tabs.style.d.ts +4 -4
- package/lib/dataDisplay/Tabs/index.esm.js +1 -1
- package/lib/dataDisplay/index.esm.js +1 -1
- package/lib/elements/Avatar/index.esm.js +1 -1
- package/lib/elements/Button/index.esm.js +1 -1
- package/lib/elements/Divider/index.esm.js +1 -1
- package/lib/elements/Dropdown/index.esm.js +1 -1
- package/lib/elements/Icon/index.esm.js +1 -1
- package/lib/elements/IconButton/index.esm.js +1 -1
- package/lib/elements/IconText/index.esm.js +1 -1
- package/lib/elements/Image/index.esm.js +1 -1
- package/lib/elements/Label/index.esm.js +1 -1
- package/lib/elements/Link/index.esm.js +1 -1
- package/lib/elements/List/index.esm.js +1 -1
- package/lib/elements/Modal/Modal.style.d.ts +15 -6566
- package/lib/elements/Modal/index.esm.js +1 -1
- package/lib/elements/Popover/index.esm.js +1 -1
- package/lib/elements/ProgressBar/index.esm.js +1 -1
- package/lib/elements/Sheet/Sheet.d.ts +27 -0
- package/lib/elements/Sheet/Sheet.interface.d.ts +66 -0
- package/lib/elements/Sheet/Sheet.style.d.ts +87 -0
- package/lib/elements/Sheet/index.d.ts +9 -0
- package/lib/elements/Sheet/index.esm.js +1 -0
- package/lib/elements/Spinner/Spinner.style.d.ts +9 -3
- package/lib/elements/Spinner/index.esm.js +1 -1
- package/lib/elements/Svg/index.esm.js +1 -1
- package/lib/elements/Text/Text.props.d.ts +81 -80
- package/lib/elements/Text/index.esm.js +1 -1
- package/lib/elements/Tooltip/index.esm.js +1 -1
- package/lib/elements/index.esm.js +1 -1
- package/lib/factory/MotionFactory/MotionFactory.d.ts +21 -0
- package/lib/factory/MotionFactory/MotionFactory.interface.d.ts +37 -0
- package/lib/factory/MotionFactory/index.d.ts +2 -0
- package/lib/factory/MotionFactory/index.esm.js +1 -0
- package/lib/factory/System/System.interface.d.ts +2 -1
- package/lib/factory/System/index.esm.js +1 -1
- package/lib/factory/index.d.ts +1 -0
- package/lib/factory/index.esm.js +1 -1
- package/lib/form/Checkbox/Checkbox.style.d.ts +4 -4
- package/lib/form/Checkbox/index.esm.js +1 -1
- package/lib/form/Field/index.esm.js +1 -1
- package/lib/form/FieldGroup/index.esm.js +1 -1
- package/lib/form/Form/index.esm.js +1 -1
- package/lib/form/Input/Input.style.d.ts +6 -6
- package/lib/form/Input/index.esm.js +1 -1
- package/lib/form/InputCurrency/index.esm.js +1 -1
- package/lib/form/InputDate/index.esm.js +1 -1
- package/lib/form/InputMask/index.esm.js +1 -1
- package/lib/form/InputRange/InputRange.style.d.ts +8 -8
- package/lib/form/InputRange/index.esm.js +1 -1
- package/lib/form/InputSelect/index.esm.js +1 -1
- package/lib/form/Option/index.esm.js +1 -1
- package/lib/form/Radio/Radio.style.d.ts +4 -4
- package/lib/form/Radio/index.esm.js +1 -1
- package/lib/form/Select/index.esm.js +1 -1
- package/lib/form/Switch/index.esm.js +1 -1
- package/lib/form/TextArea/TextArea.style.d.ts +4 -4
- package/lib/form/TextArea/index.esm.js +1 -1
- package/lib/form/UploadCard/UploadCard.style.d.ts +8 -8
- package/lib/form/UploadCard/index.esm.js +1 -1
- package/lib/form/index.esm.js +1 -1
- package/lib/hooks/index.d.ts +2 -0
- package/lib/hooks/index.esm.js +1 -1
- package/lib/hooks/useExitTransition/index.d.ts +10 -0
- package/lib/hooks/useExitTransition/index.esm.js +1 -0
- package/lib/hooks/useExitTransition/useExitTransition.d.ts +28 -0
- package/lib/hooks/useExitTransition/useExitTransition.helpers.d.ts +20 -0
- package/lib/hooks/useExitTransition/useExitTransition.interface.d.ts +34 -0
- package/lib/hooks/useFocusTrap/index.d.ts +7 -0
- package/lib/hooks/useFocusTrap/index.esm.js +1 -0
- package/lib/hooks/useFocusTrap/useFocusTrap.d.ts +27 -0
- package/lib/index.d.ts +1 -1
- package/lib/index.esm.js +1 -1
- package/lib/index.js +1 -1
- package/lib/layouts/DefaultLayout/DefaultLayout.style.d.ts +2 -2
- package/lib/layouts/DefaultLayout/index.esm.js +1 -1
- package/lib/layouts/SideBarLayout/SideBarLayout.style.d.ts +2 -2
- package/lib/layouts/SideBarLayout/index.esm.js +1 -1
- package/lib/layouts/index.esm.js +1 -1
- package/lib/skeleton/ComposedSkeleton/index.esm.js +1 -1
- package/lib/skeleton/TextPreset/index.esm.js +1 -1
- package/lib/skeleton/index.esm.js +1 -1
- package/lib/themes/Animation/Animation.props.d.ts +5 -3
- package/lib/themes/Animation/index.esm.js +1 -1
- package/lib/themes/GlobalStyle/index.esm.js +1 -1
- package/lib/themes/Motion/Motion.helpers.d.ts +58 -0
- package/lib/themes/Motion/Motion.interface.d.ts +86 -0
- package/lib/themes/Motion/Motion.props.d.ts +20 -0
- package/lib/themes/Motion/index.d.ts +10 -0
- package/lib/themes/Motion/index.esm.js +1 -0
- package/lib/themes/ThemeProvider/ThemeProvider.interface.d.ts +21 -0
- package/lib/themes/ThemeProvider/index.esm.js +1 -1
- package/lib/themes/index.esm.js +1 -1
- package/package.json +13 -8
- package/lib/chunks/Notification.group-JOWXLB2O.esm.js +0 -1
- package/lib/chunks/chunk-2DVVVJJP.esm.js +0 -1
- package/lib/chunks/chunk-2JTAHCGS.esm.js +0 -1
- package/lib/chunks/chunk-DI77KOQG.esm.js +0 -1
- package/lib/chunks/chunk-DXAKT2S3.esm.js +0 -2
- package/lib/chunks/chunk-HC3KBFJR.esm.js +0 -1
- package/lib/chunks/chunk-I564UV6U.esm.js +0 -1
- package/lib/chunks/chunk-II2LPQYL.esm.js +0 -1
- package/lib/chunks/chunk-IPANNHV3.esm.js +0 -1
- package/lib/chunks/chunk-LX2VG2YS.esm.js +0 -1
- package/lib/chunks/chunk-TNU4DCXP.esm.js +0 -1
- package/lib/chunks/chunk-TRGVJXBB.esm.js +0 -1
- package/lib/chunks/chunk-XBNEKPXU.esm.js +0 -1
- package/lib/chunks/chunk-XUDIJMQO.esm.js +0 -1
- package/lib/containers/Motion/Motion.style.d.ts +0 -1652
- package/lib/containers/Motion/index.d.ts +0 -12
- package/lib/containers/Motion/index.esm.js +0 -1
- package/lib/vendors/FramerMotion/component.d.ts +0 -20
- package/lib/vendors/FramerMotion/index.d.ts +0 -2
- package/lib/vendors/FramerMotion/interface.d.ts +0 -16
- /package/lib/chunks/{chunk-2ROOI4B2.esm.js → chunk-AIUT47H7.esm.js} +0 -0
- /package/lib/chunks/{chunk-PJQ3IZE7.esm.js → chunk-ZMHNNJNC.esm.js} +0 -0
|
@@ -3,10 +3,8 @@
|
|
|
3
3
|
* inheriting all factory props (spacing, colors, borders, etc.), and
|
|
4
4
|
* adds `display: flex` by default.
|
|
5
5
|
*
|
|
6
|
-
* Exposed as `Flex` in the barrel.
|
|
7
|
-
*
|
|
8
|
-
* module prevents `framer-motion` from entering the bundle of consumers
|
|
9
|
-
* that only use the plain `Flex`.
|
|
6
|
+
* Exposed as `Flex` in the barrel. Animation is the `motion` preset prop
|
|
7
|
+
* (ADR-027) — a factory channel of this container, not a separate module.
|
|
10
8
|
*/
|
|
11
9
|
export declare const DefaultFlexStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
|
|
12
10
|
as?: import("styled-components").WebTarget;
|
|
@@ -4,9 +4,8 @@
|
|
|
4
4
|
* Re-exports the styled-component (renaming `DefaultFlexStyle` → `Flex`)
|
|
5
5
|
* and the props interfaces (`FlexPropsInterface`, `DefaultFlexInterface`).
|
|
6
6
|
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
* use the plain `Flex`.
|
|
7
|
+
* Animation is the `motion` preset prop on the container itself (ADR-027) —
|
|
8
|
+
* there is no separate animated variant.
|
|
10
9
|
*
|
|
11
10
|
* Every other file in the project must import from the barrel, never from
|
|
12
11
|
* internal paths such as `./Flex.style` or `./Flex.interface`.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk-
|
|
1
|
+
import{a}from"../../chunks/chunk-RSQIUWSS.esm.js";import"../../chunks/chunk-T45OIU7I.esm.js";import"../../chunks/chunk-AIUT47H7.esm.js";import"../../chunks/chunk-TOLIKUNQ.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-VUFEYXWD.esm.js";import"../../chunks/chunk-SF2QSF7E.esm.js";import"../../chunks/chunk-HCNNXM2C.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-F62355HF.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-TZQMBDGR.esm.js";import"../../chunks/chunk-WCUEINBQ.esm.js";import"../../chunks/chunk-YJ6PPJQ4.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-3A7I6HM2.esm.js";import"../../chunks/chunk-WI3WPCW3.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-R2B57RMV.esm.js";import"../../chunks/chunk-RFUX53ZX.esm.js";import"../../chunks/chunk-CQASQBD7.esm.js";import"../../chunks/chunk-MREWGN5R.esm.js";import"../../chunks/chunk-PXVTXO3L.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as Flex};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk-
|
|
1
|
+
import{a,b}from"../../chunks/chunk-MZXNUBS6.esm.js";import"../../chunks/chunk-T45OIU7I.esm.js";import"../../chunks/chunk-AIUT47H7.esm.js";import"../../chunks/chunk-TOLIKUNQ.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-VUFEYXWD.esm.js";import"../../chunks/chunk-SF2QSF7E.esm.js";import"../../chunks/chunk-HCNNXM2C.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-F62355HF.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-TZQMBDGR.esm.js";import"../../chunks/chunk-WCUEINBQ.esm.js";import"../../chunks/chunk-YJ6PPJQ4.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-3A7I6HM2.esm.js";import"../../chunks/chunk-WI3WPCW3.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-R2B57RMV.esm.js";import"../../chunks/chunk-RFUX53ZX.esm.js";import"../../chunks/chunk-CQASQBD7.esm.js";import"../../chunks/chunk-MREWGN5R.esm.js";import"../../chunks/chunk-PXVTXO3L.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as DefaultGridStyle,b as Grid,a as setGridBreakpoints};
|
|
@@ -15,11 +15,35 @@ import { NotificationInterface } from './Notification.interface';
|
|
|
15
15
|
* `action` and `message` accept both a `ReactNode` and `(p: { close })` —
|
|
16
16
|
* useful for closing the notification from within the content.
|
|
17
17
|
*/
|
|
18
|
-
export declare const BaseNotification:
|
|
18
|
+
export declare const BaseNotification: React.ForwardRefExoticComponent<{
|
|
19
|
+
title?: string;
|
|
20
|
+
message?: React.ReactNode | ((p: {
|
|
21
|
+
close: () => void;
|
|
22
|
+
}) => React.ReactNode);
|
|
23
|
+
type?: import("./Notification.interface").NotificationTypes;
|
|
24
|
+
icon?: React.ReactNode;
|
|
25
|
+
variant?: import("./Notification.interface").NotificationVariants;
|
|
26
|
+
closeLabel?: string;
|
|
27
|
+
visible?: boolean;
|
|
28
|
+
pagePosition?: import("./Notification.interface").NotificationPagePositionTypes;
|
|
29
|
+
pageOffset?: number | string;
|
|
30
|
+
onDismiss?: () => void;
|
|
31
|
+
autoClose?: number;
|
|
32
|
+
closable?: boolean;
|
|
33
|
+
link?: {
|
|
34
|
+
text: import("../../elements").LinkInterface["text"];
|
|
35
|
+
href?: import("../../elements").LinkInterface["href"];
|
|
36
|
+
to?: import("../../elements").LinkInterface["to"];
|
|
37
|
+
};
|
|
38
|
+
action?: React.ReactNode | ((p: {
|
|
39
|
+
close: () => void;
|
|
40
|
+
}) => React.ReactNode);
|
|
41
|
+
} & import("..").DefaultFlexInterface & React.RefAttributes<HTMLDivElement>>;
|
|
19
42
|
/**
|
|
20
43
|
* `type="page"` variation — renders the notification in a portal on
|
|
21
44
|
* `document.body`, fixed to the top or bottom of the page (controlled by
|
|
22
|
-
* `pagePosition`).
|
|
45
|
+
* `pagePosition`). Slides from its own edge via the `sheet`/`sheet-top`
|
|
46
|
+
* motion presets; exit is held by `useExitTransition` (ADR-027).
|
|
23
47
|
*
|
|
24
48
|
* The portal is only mounted after the first `useEffect` to avoid
|
|
25
49
|
* hydration mismatches in SSR.
|
|
@@ -3,14 +3,20 @@ import React from 'react';
|
|
|
3
3
|
* Renders the fixed container where the stacked toasts are displayed.
|
|
4
4
|
*
|
|
5
5
|
* Isolated in its own module and loaded on demand (`React.lazy`) by the
|
|
6
|
-
* {@link NotificationsProvider} only after the first toast —
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
6
|
+
* {@link NotificationsProvider} only after the first toast — the portal
|
|
7
|
+
* group (and its motion choreography) stays out of the initial bundle of
|
|
8
|
+
* any application that merely mounts the provider (ADR-013 §3.2 latch,
|
|
9
|
+
* kept after the framer-motion removal in ADR-027).
|
|
10
10
|
*
|
|
11
11
|
* Uses a portal on `document.body` to escape any overflow/transform in
|
|
12
12
|
* the tree and only mounts after the first render to avoid SSR
|
|
13
13
|
* mismatches.
|
|
14
|
+
*
|
|
15
|
+
* Exit note (ADR-027): a toast dismissed through its own controls (close
|
|
16
|
+
* button, `autoClose`, action `close()`) animates out before leaving the
|
|
17
|
+
* queue. Removing a toast programmatically via `removeNotification(id)`
|
|
18
|
+
* from outside unmounts it immediately — the documented fidelity trade of
|
|
19
|
+
* the CSS-first migration.
|
|
14
20
|
*/
|
|
15
21
|
declare const NotificationGroup: React.FC;
|
|
16
22
|
export default NotificationGroup;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { LinkInterface } from '../../elements/Link';
|
|
3
|
-
import { MotionProps } from '../../vendors/FramerMotion';
|
|
4
3
|
import { DefaultFlexInterface } from '../Flex';
|
|
5
4
|
/**
|
|
6
5
|
* Visual types accepted by `Notification`.
|
|
@@ -23,10 +22,9 @@ export type NotificationPagePositionTypes = 'top' | 'bottom';
|
|
|
23
22
|
/**
|
|
24
23
|
* Props of the `Notification` component.
|
|
25
24
|
*
|
|
26
|
-
* Also accepts
|
|
27
|
-
* (
|
|
28
|
-
*
|
|
29
|
-
* an animated wrapper.
|
|
25
|
+
* Also accepts the `Flex` factory props ({@link DefaultFlexInterface}),
|
|
26
|
+
* including the `motion` preset channel (ADR-027) — `Notification` is
|
|
27
|
+
* rendered on a factory container, so entrances/exits are plain CSS presets.
|
|
30
28
|
*
|
|
31
29
|
* @example
|
|
32
30
|
* ```tsx
|
|
@@ -114,7 +112,7 @@ export type NotificationInterface = {
|
|
|
114
112
|
action?: React.ReactNode | ((p: {
|
|
115
113
|
close: () => void;
|
|
116
114
|
}) => React.ReactNode);
|
|
117
|
-
} &
|
|
115
|
+
} & DefaultFlexInterface;
|
|
118
116
|
/**
|
|
119
117
|
* Internal shape used in the toast queue. Adds the `id` generated by
|
|
120
118
|
* `nanoid()` to allow targeted removal.
|