@codapet/design-system 0.8.6 → 0.8.8
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/AGENTS.md +10 -3
- package/dist/index.d.mts +79 -8
- package/dist/index.mjs +1238 -1044
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +52 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -7,6 +7,58 @@
|
|
|
7
7
|
--tw-ease: cubic-bezier(0.33, 1, 0.68, 1);
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
+
/* Accordion motion. Outlined cards fade while they grow (tw-animate-css's
|
|
11
|
+
accordion-down only animates height), and a root with `staggerReveal` rises
|
|
12
|
+
each item in, 80ms apart via `revealIndex`. Reduced-motion users get none
|
|
13
|
+
of it — declared here, unlayered, so it beats the utilities regardless of
|
|
14
|
+
how Tailwind orders its variants. */
|
|
15
|
+
@theme inline {
|
|
16
|
+
--animate-accordion-down-fade: accordion-down-fade 250ms
|
|
17
|
+
cubic-bezier(0.33, 1, 0.68, 1);
|
|
18
|
+
--animate-accordion-up-fade: accordion-up-fade 250ms
|
|
19
|
+
cubic-bezier(0.33, 1, 0.68, 1);
|
|
20
|
+
--animate-accordion-item-in: accordion-item-in 480ms
|
|
21
|
+
cubic-bezier(0.33, 1, 0.68, 1) both;
|
|
22
|
+
|
|
23
|
+
@keyframes accordion-down-fade {
|
|
24
|
+
from {
|
|
25
|
+
height: 0;
|
|
26
|
+
opacity: 0;
|
|
27
|
+
}
|
|
28
|
+
to {
|
|
29
|
+
height: var(--radix-accordion-content-height);
|
|
30
|
+
opacity: 1;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
@keyframes accordion-up-fade {
|
|
34
|
+
from {
|
|
35
|
+
height: var(--radix-accordion-content-height);
|
|
36
|
+
opacity: 1;
|
|
37
|
+
}
|
|
38
|
+
to {
|
|
39
|
+
height: 0;
|
|
40
|
+
opacity: 0;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
@keyframes accordion-item-in {
|
|
44
|
+
from {
|
|
45
|
+
opacity: 0;
|
|
46
|
+
transform: translateY(10px);
|
|
47
|
+
}
|
|
48
|
+
to {
|
|
49
|
+
opacity: 1;
|
|
50
|
+
transform: none;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@media (prefers-reduced-motion: reduce) {
|
|
56
|
+
[data-slot='accordion-item'],
|
|
57
|
+
[data-slot='accordion-content'] {
|
|
58
|
+
animation: none;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
10
62
|
@theme inline {
|
|
11
63
|
--color-background: var(--background);
|
|
12
64
|
--color-foreground: var(--foreground);
|