@astralui/core 0.1.8 → 0.1.10
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 +31 -14
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +31 -14
- package/dist/index.js.map +1 -1
- package/dist/styles.css +29 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -44,11 +44,18 @@ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100
|
|
|
44
44
|
--astral-color-blue-5: #339af0;
|
|
45
45
|
--astral-color-blue-6: #228be6;
|
|
46
46
|
--astral-color-blue-7: #1c7ed6;
|
|
47
|
+
--astral-color-cyan-4: #3bc9db;
|
|
48
|
+
--astral-color-cyan-5: #22b8cf;
|
|
47
49
|
--astral-color-cyan-6: #15aabf;
|
|
50
|
+
--astral-color-cyan-7: #1098ad;
|
|
48
51
|
--astral-color-cyan-8: #0c8599;
|
|
49
52
|
--astral-color-grape-6: #be4bdb;
|
|
50
53
|
--astral-color-grape-7: #ae3ec9;
|
|
54
|
+
--astral-color-indigo-4: #748ffc;
|
|
55
|
+
--astral-color-indigo-5: #5c7cfa;
|
|
51
56
|
--astral-color-indigo-6: #4c6ef5;
|
|
57
|
+
--astral-color-indigo-7: #4263eb;
|
|
58
|
+
--astral-color-indigo-8: #3b5bdb;
|
|
52
59
|
--astral-color-gray-0: #f8f9fa;
|
|
53
60
|
--astral-color-gray-1: #f1f3f5;
|
|
54
61
|
--astral-color-gray-2: #e9ecef;
|
|
@@ -62,6 +69,11 @@ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100
|
|
|
62
69
|
--astral-color-green-7: #37b24d;
|
|
63
70
|
--astral-color-green-8: #2f9e44;
|
|
64
71
|
--astral-color-green-9: #2b8a3e;
|
|
72
|
+
--astral-color-lime-4: #a9e34b;
|
|
73
|
+
--astral-color-lime-5: #94d82d;
|
|
74
|
+
--astral-color-lime-6: #82c91e;
|
|
75
|
+
--astral-color-lime-7: #74b816;
|
|
76
|
+
--astral-color-lime-8: #66a80f;
|
|
65
77
|
--astral-color-orange-5: #ff922b;
|
|
66
78
|
--astral-color-orange-6: #fd7e14;
|
|
67
79
|
--astral-color-orange-7: #f76707;
|
|
@@ -70,6 +82,11 @@ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100
|
|
|
70
82
|
--astral-color-red-6: #fa5252;
|
|
71
83
|
--astral-color-red-7: #f03e3e;
|
|
72
84
|
--astral-color-red-8: #e03131;
|
|
85
|
+
--astral-color-pink-4: #f783ac;
|
|
86
|
+
--astral-color-pink-5: #f06595;
|
|
87
|
+
--astral-color-pink-6: #e64980;
|
|
88
|
+
--astral-color-pink-7: #d6336c;
|
|
89
|
+
--astral-color-pink-8: #c2255c;
|
|
73
90
|
--astral-color-teal-5: #20c997;
|
|
74
91
|
--astral-color-teal-6: #12b886;
|
|
75
92
|
--astral-color-teal-7: #0ca678;
|
|
@@ -538,6 +555,18 @@ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100
|
|
|
538
555
|
animation: au-toast-in .18s ease;
|
|
539
556
|
}
|
|
540
557
|
|
|
558
|
+
/* Fade + collapse on dismiss (auto-close or manual). Duration must match EXIT_MS
|
|
559
|
+
in Toast.tsx so the element is unmounted only after the animation completes. */
|
|
560
|
+
@keyframes au-toast-out{
|
|
561
|
+
from{ opacity: 1; transform: translateX(0) scale(1); max-height: 200px; margin-bottom: 0; }
|
|
562
|
+
to{ opacity: 0; transform: translateX(16px) scale(.98); max-height: 0; margin-bottom: -10px; }
|
|
563
|
+
}
|
|
564
|
+
.au-toast-out{
|
|
565
|
+
animation: au-toast-out .22s ease forwards;
|
|
566
|
+
overflow: hidden;
|
|
567
|
+
pointer-events: none;
|
|
568
|
+
}
|
|
569
|
+
|
|
541
570
|
.au-toast-lead{
|
|
542
571
|
flex: 0 0 auto;
|
|
543
572
|
display: grid;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@astralui/core",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.10",
|
|
4
4
|
"description": "AstralUI - a self-contained, dependency-free React design system: theme engine (light/dark + per-brand theming), design tokens, and components (Modal, Drawer, Select, Menu, Toast, DateInput, PinInput, Spinner).",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Unbounded Technologies",
|