mayak-common-library 0.0.84 → 0.0.86
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.css +38 -2
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +3 -2
- package/dist/index.mjs +3 -2
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* src/components/Select/styles.css */
|
|
2
|
-
@keyframes
|
|
2
|
+
@keyframes fadeIn {
|
|
3
3
|
0% {
|
|
4
4
|
opacity: 0;
|
|
5
5
|
transform: translateY(2rem);
|
|
@@ -19,6 +19,36 @@
|
|
|
19
19
|
transform: translateY(2rem);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
+
@keyframes fadeInReverse {
|
|
23
|
+
0% {
|
|
24
|
+
opacity: 0;
|
|
25
|
+
transform: translateY(-2rem);
|
|
26
|
+
}
|
|
27
|
+
100% {
|
|
28
|
+
opacity: 1;
|
|
29
|
+
transform: translateY(0);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
@keyframes fadeOut {
|
|
33
|
+
0% {
|
|
34
|
+
opacity: 1;
|
|
35
|
+
transform: translateY(0);
|
|
36
|
+
}
|
|
37
|
+
100% {
|
|
38
|
+
opacity: 0;
|
|
39
|
+
transform: translateY(2rem);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
@keyframes fadeOutReverse {
|
|
43
|
+
0% {
|
|
44
|
+
opacity: 1;
|
|
45
|
+
transform: translateY(0);
|
|
46
|
+
}
|
|
47
|
+
100% {
|
|
48
|
+
opacity: 0;
|
|
49
|
+
transform: translateY(-2rem);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
22
52
|
.select {
|
|
23
53
|
transition: unset !important;
|
|
24
54
|
}
|
|
@@ -26,7 +56,13 @@
|
|
|
26
56
|
animation: fadeOut 0.4s;
|
|
27
57
|
}
|
|
28
58
|
.select--open {
|
|
29
|
-
animation:
|
|
59
|
+
animation: fadeIn 0.5s;
|
|
60
|
+
}
|
|
61
|
+
.select--close-reverse {
|
|
62
|
+
animation: fadeOutReverse 0.4s;
|
|
63
|
+
}
|
|
64
|
+
.select--open-reverse {
|
|
65
|
+
animation: fadeInReverse 0.5s;
|
|
30
66
|
}
|
|
31
67
|
|
|
32
68
|
/* src/styles/globals.scss */
|
package/dist/index.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -309,7 +309,8 @@ var SelectPro = ({
|
|
|
309
309
|
intermediateChild,
|
|
310
310
|
accentBgColor,
|
|
311
311
|
paperSx,
|
|
312
|
-
childContainerSx
|
|
312
|
+
childContainerSx,
|
|
313
|
+
reverseAnimation = false
|
|
313
314
|
}) => {
|
|
314
315
|
const [btn, setAnchorEl] = (0, import_react2.useState)(null);
|
|
315
316
|
const [open, setOpen] = (0, import_react2.useState)(false);
|
|
@@ -390,7 +391,7 @@ var SelectPro = ({
|
|
|
390
391
|
width: freeChildWidth ? "fit-content" : !fullContainerWidth && btn ? btn.offsetWidth : "115%"
|
|
391
392
|
}
|
|
392
393
|
}, paperSx),
|
|
393
|
-
className: `absolute select ${open ? "select--open" : "select--close"} z-50 rounded-none shadow-none ${intermediateChild ? "mt-[1px]" : "m-0"}`,
|
|
394
|
+
className: `absolute select ${open ? `${reverseAnimation ? "select--open-reverse" : "select--open-reverse"}` : `${reverseAnimation ? "select--close-reverse" : "select--close-reverse"}`} z-50 rounded-none shadow-none ${intermediateChild ? "mt-[1px]" : "m-0"}`,
|
|
394
395
|
children: [
|
|
395
396
|
intermediateChild ? intermediateChild : null,
|
|
396
397
|
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
package/dist/index.mjs
CHANGED
|
@@ -250,7 +250,8 @@ var SelectPro = ({
|
|
|
250
250
|
intermediateChild,
|
|
251
251
|
accentBgColor,
|
|
252
252
|
paperSx,
|
|
253
|
-
childContainerSx
|
|
253
|
+
childContainerSx,
|
|
254
|
+
reverseAnimation = false
|
|
254
255
|
}) => {
|
|
255
256
|
const [btn, setAnchorEl] = useState2(null);
|
|
256
257
|
const [open, setOpen] = useState2(false);
|
|
@@ -331,7 +332,7 @@ var SelectPro = ({
|
|
|
331
332
|
width: freeChildWidth ? "fit-content" : !fullContainerWidth && btn ? btn.offsetWidth : "115%"
|
|
332
333
|
}
|
|
333
334
|
}, paperSx),
|
|
334
|
-
className: `absolute select ${open ? "select--open" : "select--close"} z-50 rounded-none shadow-none ${intermediateChild ? "mt-[1px]" : "m-0"}`,
|
|
335
|
+
className: `absolute select ${open ? `${reverseAnimation ? "select--open-reverse" : "select--open-reverse"}` : `${reverseAnimation ? "select--close-reverse" : "select--close-reverse"}`} z-50 rounded-none shadow-none ${intermediateChild ? "mt-[1px]" : "m-0"}`,
|
|
335
336
|
children: [
|
|
336
337
|
intermediateChild ? intermediateChild : null,
|
|
337
338
|
/* @__PURE__ */ jsxs3(
|