hazo_ui 2.9.0 → 2.16.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/CHANGE_LOG.md +500 -0
- package/README.md +539 -0
- package/SETUP_CHECKLIST.md +418 -0
- package/dist/index.cjs +2522 -499
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +534 -1
- package/dist/index.d.ts +534 -1
- package/dist/index.js +2461 -468
- package/dist/index.js.map +1 -1
- package/dist/styles.css +40 -0
- package/package.json +5 -2
package/dist/styles.css
CHANGED
|
@@ -26,6 +26,14 @@
|
|
|
26
26
|
--input: 214.3 31.8% 91.4%;
|
|
27
27
|
--ring: 222.2 84% 4.9%;
|
|
28
28
|
--radius: 0.5rem;
|
|
29
|
+
/* HazoUiKanban primitives (v2.13.0) */
|
|
30
|
+
--hazo-kanban-priority-p0: 0 84% 60%; /* red */
|
|
31
|
+
--hazo-kanban-priority-p1: 45 93% 55%; /* yellow */
|
|
32
|
+
--hazo-kanban-priority-p2: 217 91% 60%; /* blue */
|
|
33
|
+
--hazo-kanban-priority-p3: 220 9% 64%; /* grey */
|
|
34
|
+
--hazo-kanban-card-bg: var(--card);
|
|
35
|
+
--hazo-kanban-card-border: var(--border);
|
|
36
|
+
--hazo-kanban-column-gap: 0.75rem;
|
|
29
37
|
}
|
|
30
38
|
|
|
31
39
|
.dark {
|
|
@@ -114,3 +122,35 @@
|
|
|
114
122
|
color: var(--accent-foreground, #f8fafc);
|
|
115
123
|
opacity: 0.7;
|
|
116
124
|
}
|
|
125
|
+
|
|
126
|
+
/* ============================================================
|
|
127
|
+
* State primitives: shimmer animation for Skeleton components
|
|
128
|
+
* Used by .hazo-shimmer class. Falls back to static under
|
|
129
|
+
* prefers-reduced-motion (handled in the JSX, not here).
|
|
130
|
+
* ============================================================ */
|
|
131
|
+
@keyframes hazo-shimmer {
|
|
132
|
+
0% {
|
|
133
|
+
background-position: -200% 0;
|
|
134
|
+
}
|
|
135
|
+
100% {
|
|
136
|
+
background-position: 200% 0;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.hazo-shimmer {
|
|
141
|
+
background: linear-gradient(
|
|
142
|
+
90deg,
|
|
143
|
+
hsl(var(--muted, 210 40% 96.1%)) 0%,
|
|
144
|
+
hsl(var(--muted, 210 40% 96.1%) / 0.5) 50%,
|
|
145
|
+
hsl(var(--muted, 210 40% 96.1%)) 100%
|
|
146
|
+
);
|
|
147
|
+
background-size: 200% 100%;
|
|
148
|
+
animation: hazo-shimmer 1.2s ease-in-out infinite;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
@media (prefers-reduced-motion: reduce) {
|
|
152
|
+
.hazo-shimmer {
|
|
153
|
+
animation: none;
|
|
154
|
+
background: hsl(var(--muted, 210 40% 96.1%));
|
|
155
|
+
}
|
|
156
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "hazo_ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.16.0",
|
|
4
4
|
"description": "Set of UI components for common interaction elements in a SaaS app",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -24,7 +24,9 @@
|
|
|
24
24
|
"dist",
|
|
25
25
|
"tailwind.preset.js",
|
|
26
26
|
"tailwind.preset.d.ts",
|
|
27
|
-
"README.md"
|
|
27
|
+
"README.md",
|
|
28
|
+
"CHANGE_LOG.md",
|
|
29
|
+
"SETUP_CHECKLIST.md"
|
|
28
30
|
],
|
|
29
31
|
"scripts": {
|
|
30
32
|
"build": "tsup",
|
|
@@ -92,6 +94,7 @@
|
|
|
92
94
|
"lucide-react": "^0.553.0",
|
|
93
95
|
"react-day-picker": "^8.10.0",
|
|
94
96
|
"react-icons": "^5.5.0",
|
|
97
|
+
"sonner": "^2.0.7",
|
|
95
98
|
"tailwind-merge": "^3.5.0",
|
|
96
99
|
"tw-animate-css": "^1.4.0",
|
|
97
100
|
"vaul": "^1.1.2"
|