@busiverse/ui 0.2.2 → 0.2.3
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 +7 -0
- package/dist/styles.css +69 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -235,3 +235,10 @@ import { BusiverseBrandHead } from "@busiverse/ui";
|
|
|
235
235
|
```
|
|
236
236
|
|
|
237
237
|
The package remains network-neutral: it does not call `fetch`, open sockets, or import remote fonts.
|
|
238
|
+
|
|
239
|
+
|
|
240
|
+
## CSS ownership and app `index.css`
|
|
241
|
+
|
|
242
|
+
`@busiverse/ui/styles.css` owns BUSIVERSE brand tokens, shared component CSS, logo/brand helpers, pricing explorer styles, shadcn-compatible CSS variables, and marketing utility classes.
|
|
243
|
+
|
|
244
|
+
Each separately deployed Vercel frontend may still need a tiny app `src/index.css` when it uses Tailwind utility classes in its own source files. That file should be treated as the Tailwind build entrypoint/compatibility bridge only. It should not redefine BUSIVERSE brand tokens or duplicate component styling.
|
package/dist/styles.css
CHANGED
|
@@ -39,6 +39,36 @@
|
|
|
39
39
|
--motion-default: 200ms;
|
|
40
40
|
--motion-slow: 300ms;
|
|
41
41
|
--ease-standard: cubic-bezier(0.16,1,0.3,1);
|
|
42
|
+
|
|
43
|
+
/* Shadcn/Tailwind compatibility aliases used by existing Busiverse frontends. */
|
|
44
|
+
--background: 222 47% 4%;
|
|
45
|
+
--foreground: 0 0% 100%;
|
|
46
|
+
--card: 222 84% 5%;
|
|
47
|
+
--card-foreground: 0 0% 100%;
|
|
48
|
+
--popover: 222 47% 11%;
|
|
49
|
+
--popover-foreground: 0 0% 100%;
|
|
50
|
+
--primary: 217 91% 60%;
|
|
51
|
+
--primary-foreground: 0 0% 100%;
|
|
52
|
+
--secondary: 263 70% 50%;
|
|
53
|
+
--secondary-foreground: 0 0% 100%;
|
|
54
|
+
--muted: 215 25% 17%;
|
|
55
|
+
--muted-foreground: 214 16% 65%;
|
|
56
|
+
--accent: 258 90% 66%;
|
|
57
|
+
--accent-foreground: 0 0% 100%;
|
|
58
|
+
--destructive: 0 84% 60%;
|
|
59
|
+
--destructive-foreground: 0 0% 100%;
|
|
60
|
+
--border: 0 0% 100%;
|
|
61
|
+
--input: 0 0% 100%;
|
|
62
|
+
--ring: 217 91% 60%;
|
|
63
|
+
--radius: 0.75rem;
|
|
64
|
+
--sidebar-background: 222 47% 4%;
|
|
65
|
+
--sidebar-foreground: 214 32% 91%;
|
|
66
|
+
--sidebar-primary: 217 91% 60%;
|
|
67
|
+
--sidebar-primary-foreground: 0 0% 100%;
|
|
68
|
+
--sidebar-accent: 215 25% 17%;
|
|
69
|
+
--sidebar-accent-foreground: 0 0% 100%;
|
|
70
|
+
--sidebar-border: 0 0% 100%;
|
|
71
|
+
--sidebar-ring: 217 91% 60%;
|
|
42
72
|
color-scheme: dark;
|
|
43
73
|
}
|
|
44
74
|
|
|
@@ -253,3 +283,42 @@ img, svg { max-width: 100%; display: block; }
|
|
|
253
283
|
.busiverse-pricing-grid { grid-template-columns: 1fr; }
|
|
254
284
|
.busiverse-pricing-controls > input { max-width: none; }
|
|
255
285
|
}
|
|
286
|
+
|
|
287
|
+
/* Shared BUSIVERSE marketing utilities used by separately deployed frontends. */
|
|
288
|
+
.text-gradient-blue-violet {
|
|
289
|
+
background: linear-gradient(90deg, var(--color-brand-blue), var(--color-brand-violet));
|
|
290
|
+
-webkit-background-clip: text;
|
|
291
|
+
background-clip: text;
|
|
292
|
+
color: transparent;
|
|
293
|
+
}
|
|
294
|
+
.text-gradient-blue-cyan {
|
|
295
|
+
background: linear-gradient(90deg, var(--color-brand-blue), var(--color-brand-cyan));
|
|
296
|
+
-webkit-background-clip: text;
|
|
297
|
+
background-clip: text;
|
|
298
|
+
color: transparent;
|
|
299
|
+
}
|
|
300
|
+
.text-gradient-violet-cyan {
|
|
301
|
+
background: linear-gradient(90deg, var(--color-brand-violet), var(--color-brand-cyan));
|
|
302
|
+
-webkit-background-clip: text;
|
|
303
|
+
background-clip: text;
|
|
304
|
+
color: transparent;
|
|
305
|
+
}
|
|
306
|
+
.text-gradient-full {
|
|
307
|
+
background: linear-gradient(90deg, var(--color-brand-blue) 0%, var(--color-brand-violet) 50%, var(--color-brand-cyan) 100%);
|
|
308
|
+
-webkit-background-clip: text;
|
|
309
|
+
background-clip: text;
|
|
310
|
+
color: transparent;
|
|
311
|
+
}
|
|
312
|
+
.bg-gradient-primary { background: linear-gradient(90deg, var(--color-brand-blue), var(--color-brand-violet)); }
|
|
313
|
+
.bg-gradient-secondary { background: linear-gradient(90deg, var(--color-brand-blue), var(--color-brand-cyan)); }
|
|
314
|
+
.bg-gradient-tertiary { background: linear-gradient(90deg, var(--color-brand-violet), var(--color-brand-cyan)); }
|
|
315
|
+
.bg-gradient-full { background: linear-gradient(90deg, var(--color-brand-blue) 0%, var(--color-brand-violet) 50%, var(--color-brand-cyan) 100%); }
|
|
316
|
+
.bg-gradient-hero { background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-brand-dark) 45%, var(--color-bg-secondary) 100%); }
|
|
317
|
+
.glass-card { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.10); backdrop-filter: blur(16px); }
|
|
318
|
+
.glass-card-hover { transition: transform 250ms var(--ease-standard), background 250ms, border-color 250ms; }
|
|
319
|
+
.glass-card-hover:hover { background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.20); transform: translateY(-2px); }
|
|
320
|
+
.animate-float { animation: busiverse-float 3s ease-in-out infinite; }
|
|
321
|
+
@keyframes busiverse-float {
|
|
322
|
+
0%, 100% { transform: translateY(0); }
|
|
323
|
+
50% { transform: translateY(-16px); }
|
|
324
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@busiverse/ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.3",
|
|
4
4
|
"author": "Joel Julius Okoromi <okmarq@gmail.com> (https://busiversehq.com)",
|
|
5
5
|
"description": "BUSIVERSE shared React UI, design tokens, pricing, i18n, auth helpers, and product shell. Network-neutral core; Gateway transport is app-injected.",
|
|
6
6
|
"type": "module",
|