@viglet/viglet-design-system 2026.2.43 → 2026.2.47
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/preset.css +47 -0
- package/dist/viglet-design-system.css +1 -1
- package/package.json +2 -1
package/dist/preset.css
CHANGED
|
@@ -19,6 +19,15 @@
|
|
|
19
19
|
|
|
20
20
|
@custom-variant dark (&:is(.dark *, [data-theme="dark"] *));
|
|
21
21
|
|
|
22
|
+
@theme {
|
|
23
|
+
/* UI font — Inter, optimised for screens (dense UI, small sizes). */
|
|
24
|
+
--font-sans: "Inter Variable", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
25
|
+
/* Brand/display font — Plus Jakarta Sans, reserved for logos and
|
|
26
|
+
display moments (hero headlines, product acronyms). Applied via
|
|
27
|
+
`font-family: var(--font-brand)` on opt-in elements. */
|
|
28
|
+
--font-brand: "Plus Jakarta Sans Variable", "Plus Jakarta Sans", system-ui, sans-serif;
|
|
29
|
+
}
|
|
30
|
+
|
|
22
31
|
@theme inline {
|
|
23
32
|
--radius-sm: calc(var(--vg-radius) - 4px);
|
|
24
33
|
--radius-md: calc(var(--vg-radius) - 2px);
|
|
@@ -114,6 +123,44 @@
|
|
|
114
123
|
--vg-product-turing: #4169e1;
|
|
115
124
|
--vg-product-shio: #ff6347;
|
|
116
125
|
--vg-product-dumont: #006400;
|
|
126
|
+
|
|
127
|
+
/* ── Back-compat aliases ──────────────────────────────────────────────
|
|
128
|
+
Older consumers (and pre-2026.2.42 DS versions) defined these names
|
|
129
|
+
directly. Aliasing keeps `var(--background)`, `var(--border)`, etc.
|
|
130
|
+
resolving correctly. New code should prefer `--vg-*` to avoid
|
|
131
|
+
collisions with consumer-defined tokens. */
|
|
132
|
+
--background: var(--vg-background);
|
|
133
|
+
--foreground: var(--vg-foreground);
|
|
134
|
+
--card: var(--vg-card);
|
|
135
|
+
--card-foreground: var(--vg-card-foreground);
|
|
136
|
+
--popover: var(--vg-popover);
|
|
137
|
+
--popover-foreground: var(--vg-popover-foreground);
|
|
138
|
+
--primary: var(--vg-primary);
|
|
139
|
+
--primary-foreground: var(--vg-primary-foreground);
|
|
140
|
+
--secondary: var(--vg-secondary);
|
|
141
|
+
--secondary-foreground: var(--vg-secondary-foreground);
|
|
142
|
+
--muted: var(--vg-muted);
|
|
143
|
+
--muted-foreground: var(--vg-muted-foreground);
|
|
144
|
+
--accent: var(--vg-accent);
|
|
145
|
+
--accent-foreground: var(--vg-accent-foreground);
|
|
146
|
+
--destructive: var(--vg-destructive);
|
|
147
|
+
--border: var(--vg-border);
|
|
148
|
+
--input: var(--vg-input);
|
|
149
|
+
--ring: var(--vg-ring);
|
|
150
|
+
--radius: var(--vg-radius);
|
|
151
|
+
--chart-1: var(--vg-chart-1);
|
|
152
|
+
--chart-2: var(--vg-chart-2);
|
|
153
|
+
--chart-3: var(--vg-chart-3);
|
|
154
|
+
--chart-4: var(--vg-chart-4);
|
|
155
|
+
--chart-5: var(--vg-chart-5);
|
|
156
|
+
--sidebar: var(--vg-sidebar);
|
|
157
|
+
--sidebar-foreground: var(--vg-sidebar-foreground);
|
|
158
|
+
--sidebar-primary: var(--vg-sidebar-primary);
|
|
159
|
+
--sidebar-primary-foreground: var(--vg-sidebar-primary-foreground);
|
|
160
|
+
--sidebar-accent: var(--vg-sidebar-accent);
|
|
161
|
+
--sidebar-accent-foreground: var(--vg-sidebar-accent-foreground);
|
|
162
|
+
--sidebar-border: var(--vg-sidebar-border);
|
|
163
|
+
--sidebar-ring: var(--vg-sidebar-ring);
|
|
117
164
|
}
|
|
118
165
|
|
|
119
166
|
.dark,
|