@geomak/ui 1.6.0 → 1.6.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/dist/index.cjs +10 -14
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +10 -14
- package/dist/index.js.map +1 -1
- package/dist/styles.css +3 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -743,16 +743,13 @@ var VIEWPORT_CLASSES = {
|
|
|
743
743
|
"bottom-center": "fixed bottom-4 left-1/2 flex flex-col-reverse items-center -translate-x-1/2"
|
|
744
744
|
};
|
|
745
745
|
function getInitialMotion(pos, reduced) {
|
|
746
|
-
if (reduced) return { opacity: 0,
|
|
747
|
-
const right = pos.endsWith("right");
|
|
748
|
-
const left = pos.endsWith("left");
|
|
749
|
-
const center = pos.endsWith("center");
|
|
746
|
+
if (reduced) return { opacity: 0, y: 0, scale: 1 };
|
|
750
747
|
const bottom = pos.startsWith("bottom");
|
|
751
748
|
return {
|
|
752
749
|
opacity: 0,
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
scale:
|
|
750
|
+
y: bottom ? 10 : -10,
|
|
751
|
+
// drop in from above (top) or rise from below (bottom)
|
|
752
|
+
scale: 0.94
|
|
756
753
|
};
|
|
757
754
|
}
|
|
758
755
|
function TypeIcon({ type }) {
|
|
@@ -795,14 +792,13 @@ function NotificationItem({
|
|
|
795
792
|
{
|
|
796
793
|
layout: true,
|
|
797
794
|
initial,
|
|
798
|
-
animate: { opacity: 1,
|
|
799
|
-
exit:
|
|
795
|
+
animate: { opacity: 1, y: 0, scale: 1 },
|
|
796
|
+
exit: initial,
|
|
800
797
|
transition: reduced ? { duration: 0 } : {
|
|
801
|
-
opacity: { duration: 0.
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
layout: { duration: 0.18 }
|
|
798
|
+
opacity: { duration: 0.18 },
|
|
799
|
+
y: { type: "tween", duration: 0.24, ease: [0.16, 1, 0.3, 1] },
|
|
800
|
+
scale: { type: "tween", duration: 0.24, ease: [0.16, 1, 0.3, 1] },
|
|
801
|
+
layout: { duration: 0.2, ease: [0.16, 1, 0.3, 1] }
|
|
806
802
|
},
|
|
807
803
|
onMouseEnter: () => setHovered(true),
|
|
808
804
|
onMouseLeave: () => setHovered(false),
|