react-modal-port 1.0.0 → 1.0.1
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/CHANGELOG.md +7 -0
- package/package.json +1 -1
- package/readme.md +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 1.0.1
|
|
4
|
+
|
|
5
|
+
Documentation only; the library code is unchanged.
|
|
6
|
+
|
|
7
|
+
- README links to the new CodePen 2.0 demos: [usage examples](https://codepen.io/oliverwehn/pen/018e18fb-0f15-724c-8fdf-4f47406f37d9) and [animation examples](https://codepen.io/oliverwehn/pen/01a0fb4d-2c07-7c34-af66-1ac02a634b22).
|
|
8
|
+
- The demos in `demo/` are ported to the CodePen 2.0 editor (`package.json` with esm.sh packages, `.jsx` via the Babel block). The animation examples gained a stacked-modal deck and fixed drawer and bottom-sheet enter animations.
|
|
9
|
+
|
|
3
10
|
## 1.0.0
|
|
4
11
|
|
|
5
12
|
A full rework for correctness, type safety and packaging. See [MIGRATION.md](./MIGRATION.md) for upgrade steps.
|
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -10,7 +10,7 @@ Launch modals from any React component, render them in one place, and have TypeS
|
|
|
10
10
|
|
|
11
11
|
**Requires React 19.** Upgrading from 0.x? See [MIGRATION.md](./MIGRATION.md).
|
|
12
12
|
|
|
13
|
-
**Demos:** [
|
|
13
|
+
**Demos on CodePen:** [Usage examples](https://codepen.io/oliverwehn/pen/018e18fb-0f15-724c-8fdf-4f47406f37d9) (dismissible confirm, modal state across modals, async resolvers, programmatic close) · [Animation examples](https://codepen.io/oliverwehn/pen/01a0fb4d-2c07-7c34-af66-1ac02a634b22) (dialog, drawer, bottom sheet, stacked modals). Sources in [`demo/`](./demo).
|
|
14
14
|
|
|
15
15
|
---
|
|
16
16
|
|
|
@@ -289,7 +289,7 @@ export function useAnimatedModal(): LaunchModal {
|
|
|
289
289
|
}
|
|
290
290
|
```
|
|
291
291
|
|
|
292
|
-
The backdrop receives `modalId` and `stackSize`, so `playExit` can check that the modal is the one on screen, and fade the backdrop out too when it is the last one. The [
|
|
292
|
+
The backdrop receives `modalId` and `stackSize`, so `playExit` can check that the modal is the one on screen, and fade the backdrop out too when it is the last one. The [animation examples](https://codepen.io/oliverwehn/pen/01a0fb4d-2c07-7c34-af66-1ac02a634b22) have a complete version using the Web Animations API, with drawer and bottom-sheet variants and support for `prefers-reduced-motion` (source in [`demo/codepen-animated/`](./demo/codepen-animated)).
|
|
293
293
|
|
|
294
294
|
## API reference
|
|
295
295
|
|