rei-kit 0.7.0 → 0.8.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 +35 -11
- package/dist/components/BaseSheet.vue.d.ts +2 -2
- package/dist/components/ToastHost.vue.d.ts +24 -0
- package/dist/composables/use-toast.d.ts +85 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +277 -80
- package/dist/index.js.map +1 -1
- package/dist/styles.css +40 -10
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1,26 +1,56 @@
|
|
|
1
1
|
|
|
2
|
-
.sheet-enter-active[data-v-
|
|
3
|
-
.sheet-leave-active[data-v-
|
|
2
|
+
.sheet-enter-active[data-v-51709579],
|
|
3
|
+
.sheet-leave-active[data-v-51709579] {
|
|
4
4
|
transition: opacity 200ms ease;
|
|
5
5
|
}
|
|
6
|
-
.sheet-enter-from[data-v-
|
|
7
|
-
.sheet-leave-to[data-v-
|
|
6
|
+
.sheet-enter-from[data-v-51709579],
|
|
7
|
+
.sheet-leave-to[data-v-51709579] {
|
|
8
8
|
opacity: 0;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
/* The panel travels further than the scrim fades, which is what makes the
|
|
12
12
|
sheet read as rising rather than appearing. */
|
|
13
|
-
.sheet-enter-active .sheet-panel[data-v-
|
|
14
|
-
.sheet-leave-active .sheet-panel[data-v-
|
|
13
|
+
.sheet-enter-active .sheet-panel[data-v-51709579],
|
|
14
|
+
.sheet-leave-active .sheet-panel[data-v-51709579] {
|
|
15
15
|
transition: transform 280ms cubic-bezier(0.32, 0.72, 0, 1);
|
|
16
16
|
}
|
|
17
|
-
.sheet-enter-from .sheet-panel[data-v-
|
|
18
|
-
.sheet-leave-to .sheet-panel[data-v-
|
|
17
|
+
.sheet-enter-from .sheet-panel[data-v-51709579],
|
|
18
|
+
.sheet-leave-to .sheet-panel[data-v-51709579] {
|
|
19
19
|
transform: translateY(6%);
|
|
20
20
|
}
|
|
21
21
|
@media (prefers-reduced-motion: reduce) {
|
|
22
|
-
.sheet-enter-from .sheet-panel[data-v-
|
|
23
|
-
.sheet-leave-to .sheet-panel[data-v-
|
|
22
|
+
.sheet-enter-from .sheet-panel[data-v-51709579],
|
|
23
|
+
.sheet-leave-to .sheet-panel[data-v-51709579] {
|
|
24
|
+
transform: none;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/* Movement is small and downward from the top, upward from the bottom — the
|
|
29
|
+
direction it came from either way. */
|
|
30
|
+
.toast-enter-active[data-v-f1a3439c],
|
|
31
|
+
.toast-leave-active[data-v-f1a3439c] {
|
|
32
|
+
transition:
|
|
33
|
+
opacity 200ms ease-out,
|
|
34
|
+
transform 200ms ease-out;
|
|
35
|
+
}
|
|
36
|
+
.toast-enter-from[data-v-f1a3439c],
|
|
37
|
+
.toast-leave-to[data-v-f1a3439c] {
|
|
38
|
+
opacity: 0;
|
|
39
|
+
transform: translateY(-0.5rem);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
/* Leaving is taken out of flow so the ones below close the gap smoothly
|
|
43
|
+
instead of jumping when it unmounts. */
|
|
44
|
+
.toast-leave-active[data-v-f1a3439c] {
|
|
45
|
+
position: absolute;
|
|
46
|
+
}
|
|
47
|
+
@media (prefers-reduced-motion: reduce) {
|
|
48
|
+
.toast-enter-active[data-v-f1a3439c],
|
|
49
|
+
.toast-leave-active[data-v-f1a3439c] {
|
|
50
|
+
transition-duration: 1ms;
|
|
51
|
+
}
|
|
52
|
+
.toast-enter-from[data-v-f1a3439c],
|
|
53
|
+
.toast-leave-to[data-v-f1a3439c] {
|
|
24
54
|
transform: none;
|
|
25
55
|
}
|
|
26
56
|
}
|