@nexub/tokens 0.0.2
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/css/dark.css +1 -0
- package/dist/css/light.css +2 -0
- package/dist/css/variables.css +294 -0
- package/dist/js/generated/tokens.d.ts +394 -0
- package/dist/js/generated/tokens.d.ts.map +1 -0
- package/dist/js/generated/tokens.js +395 -0
- package/dist/js/generated/tokens.js.map +1 -0
- package/dist/js/index.d.ts +3 -0
- package/dist/js/index.d.ts.map +1 -0
- package/dist/js/index.js +2 -0
- package/dist/js/index.js.map +1 -0
- package/dist/json/tokens.json +290 -0
- package/dist/tailwind/preset.d.ts +3 -0
- package/dist/tailwind/preset.js +247 -0
- package/package.json +53 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/* Dark mode token overrides — filled in by @nexub/themes in Phase 2. */
|
|
@@ -0,0 +1,294 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
:root {
|
|
6
|
+
--breakpoint-sm: 640px;
|
|
7
|
+
--breakpoint-md: 768px;
|
|
8
|
+
--breakpoint-lg: 1024px;
|
|
9
|
+
--breakpoint-xl: 1280px;
|
|
10
|
+
--breakpoint-2xl: 1536px;
|
|
11
|
+
--color-brand-primary-50: #eff6ff;
|
|
12
|
+
--color-brand-primary-100: #dbeafe;
|
|
13
|
+
--color-brand-primary-200: #bfdbfe;
|
|
14
|
+
--color-brand-primary-300: #93c5fd;
|
|
15
|
+
--color-brand-primary-400: #60a5fa;
|
|
16
|
+
--color-brand-primary-500: #4099f1;
|
|
17
|
+
--color-brand-primary-600: #2563eb;
|
|
18
|
+
--color-brand-primary-700: #1d4ed8;
|
|
19
|
+
--color-brand-primary-800: #1e3a8a;
|
|
20
|
+
--color-brand-primary-900: #1e3a8a;
|
|
21
|
+
--color-brand-primary-950: #1b3b6f;
|
|
22
|
+
--color-accent-leap-50: #eef2ff;
|
|
23
|
+
--color-accent-leap-100: #e0e7ff;
|
|
24
|
+
--color-accent-leap-200: #c7d2fe;
|
|
25
|
+
--color-accent-leap-300: #a5b4fc;
|
|
26
|
+
--color-accent-leap-400: #818cf8;
|
|
27
|
+
--color-accent-leap-500: #6366f1;
|
|
28
|
+
--color-accent-leap-600: #4f46e5;
|
|
29
|
+
--color-accent-leap-700: #4338ca;
|
|
30
|
+
--color-accent-leap-800: #3730a3;
|
|
31
|
+
--color-accent-leap-900: #312e81;
|
|
32
|
+
--color-accent-leap-950: #1e1b4b;
|
|
33
|
+
--color-accent-bookub-50: #ecfdf5;
|
|
34
|
+
--color-accent-bookub-100: #d1fae5;
|
|
35
|
+
--color-accent-bookub-200: #a7f3d0;
|
|
36
|
+
--color-accent-bookub-300: #6ee7b7;
|
|
37
|
+
--color-accent-bookub-400: #34d399;
|
|
38
|
+
--color-accent-bookub-500: #10b981;
|
|
39
|
+
--color-accent-bookub-600: #059669;
|
|
40
|
+
--color-accent-bookub-700: #047857;
|
|
41
|
+
--color-accent-bookub-800: #065f46;
|
|
42
|
+
--color-accent-bookub-900: #064e3b;
|
|
43
|
+
--color-accent-bookub-950: #022c22;
|
|
44
|
+
--color-accent-payub-50: #f5f3ff;
|
|
45
|
+
--color-accent-payub-100: #ede9fe;
|
|
46
|
+
--color-accent-payub-200: #ddd6fe;
|
|
47
|
+
--color-accent-payub-300: #c4b5fd;
|
|
48
|
+
--color-accent-payub-400: #a78bfa;
|
|
49
|
+
--color-accent-payub-500: #8b5cf6;
|
|
50
|
+
--color-accent-payub-600: #7c3aed;
|
|
51
|
+
--color-accent-payub-700: #6d28d9;
|
|
52
|
+
--color-accent-payub-800: #5b21b6;
|
|
53
|
+
--color-accent-payub-900: #4c1d95;
|
|
54
|
+
--color-accent-payub-950: #2e1065;
|
|
55
|
+
--color-accent-founderub-50: #fffbeb;
|
|
56
|
+
--color-accent-founderub-100: #fef3c7;
|
|
57
|
+
--color-accent-founderub-200: #fde68a;
|
|
58
|
+
--color-accent-founderub-300: #fcd34d;
|
|
59
|
+
--color-accent-founderub-400: #fbbf24;
|
|
60
|
+
--color-accent-founderub-500: #f59e0b;
|
|
61
|
+
--color-accent-founderub-600: #d97706;
|
|
62
|
+
--color-accent-founderub-700: #b45309;
|
|
63
|
+
--color-accent-founderub-800: #92400e;
|
|
64
|
+
--color-accent-founderub-900: #78350f;
|
|
65
|
+
--color-accent-founderub-950: #451a03;
|
|
66
|
+
--color-neutral-0: #ffffff;
|
|
67
|
+
--color-neutral-50: #f8fafc;
|
|
68
|
+
--color-neutral-100: #f1f5f9;
|
|
69
|
+
--color-neutral-200: #e2e8f0;
|
|
70
|
+
--color-neutral-300: #cbd5e1;
|
|
71
|
+
--color-neutral-400: #94a3b8;
|
|
72
|
+
--color-neutral-500: #64748b;
|
|
73
|
+
--color-neutral-600: #475569;
|
|
74
|
+
--color-neutral-700: #334155;
|
|
75
|
+
--color-neutral-800: #1e293b;
|
|
76
|
+
--color-neutral-900: #0f172a;
|
|
77
|
+
--color-neutral-950: #080d19;
|
|
78
|
+
--color-neutral-1000: #000000;
|
|
79
|
+
--color-surface-warm: #fefce8;
|
|
80
|
+
--color-surface-muted: #f8fafc;
|
|
81
|
+
--color-surface-raised: #ffffff;
|
|
82
|
+
--color-surface-sunken: #f1f5f9;
|
|
83
|
+
--color-surface-inverse: #0f172a;
|
|
84
|
+
--color-semantic-success-default: #10b981;
|
|
85
|
+
--color-semantic-success-bg: #ecfdf5;
|
|
86
|
+
--color-semantic-success-border: #a7f3d0;
|
|
87
|
+
--color-semantic-success-strong: #047857;
|
|
88
|
+
--color-semantic-error-default: #ef4444;
|
|
89
|
+
--color-semantic-error-bg: #fef2f2;
|
|
90
|
+
--color-semantic-error-border: #fecaca;
|
|
91
|
+
--color-semantic-error-strong: #b91c1c;
|
|
92
|
+
--color-semantic-warning-default: #f59e0b;
|
|
93
|
+
--color-semantic-warning-bg: #fffbeb;
|
|
94
|
+
--color-semantic-warning-border: #fde68a;
|
|
95
|
+
--color-semantic-warning-strong: #b45309;
|
|
96
|
+
--color-semantic-info-default: #4099f1;
|
|
97
|
+
--color-semantic-info-bg: #eff6ff;
|
|
98
|
+
--color-semantic-info-border: #bfdbfe;
|
|
99
|
+
--color-semantic-info-strong: #1d4ed8;
|
|
100
|
+
--color-text-primary: #0f172a;
|
|
101
|
+
--color-text-secondary: #334155;
|
|
102
|
+
--color-text-muted: #64748b;
|
|
103
|
+
--color-text-subtle: #94a3b8;
|
|
104
|
+
--color-text-inverse: #f8fafc;
|
|
105
|
+
--color-text-link: #2563eb;
|
|
106
|
+
--color-text-disabled: #94a3b8;
|
|
107
|
+
--color-bg-default: #ffffff;
|
|
108
|
+
--color-bg-subtle: #f8fafc;
|
|
109
|
+
--color-bg-muted: #f1f5f9;
|
|
110
|
+
--color-bg-raised: #ffffff;
|
|
111
|
+
--color-bg-inverse: #0f172a;
|
|
112
|
+
--color-border-default: #e2e8f0;
|
|
113
|
+
--color-border-subtle: #f1f5f9;
|
|
114
|
+
--color-border-strong: #94a3b8;
|
|
115
|
+
--color-border-inverse: #334155;
|
|
116
|
+
--color-ring-default: #4099f1;
|
|
117
|
+
--color-ring-offset: #ffffff;
|
|
118
|
+
--color-chart-1: #4099f1;
|
|
119
|
+
--color-chart-2: #10b981;
|
|
120
|
+
--color-chart-3: #8b5cf6;
|
|
121
|
+
--color-chart-4: #f59e0b;
|
|
122
|
+
--color-chart-5: #ef4444;
|
|
123
|
+
--color-chart-6: #06b6d4;
|
|
124
|
+
--color-chart-7: #ec4899;
|
|
125
|
+
--color-chart-8: #84cc16;
|
|
126
|
+
--gradient-brand: linear-gradient(135deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%);
|
|
127
|
+
--gradient-brand-horizontal: linear-gradient(90deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%);
|
|
128
|
+
--gradient-hero-ambient: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(64,153,241,0.12) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 80%, rgba(28,206,102,0.06) 0%, transparent 50%), #ffffff;
|
|
129
|
+
--gradient-button-primary: linear-gradient(135deg, #4099f1 0%, #2563eb 100%);
|
|
130
|
+
--gradient-button-primary-hover: linear-gradient(135deg, #60a5fa 0%, #4099f1 100%);
|
|
131
|
+
--gradient-surface-soft: linear-gradient(135deg, rgba(64,153,241,0.04) 0%, rgba(28,206,102,0.03) 100%);
|
|
132
|
+
--gradient-surface-muted: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
|
|
133
|
+
--gradient-eyebrow-chip: linear-gradient(90deg, rgba(64,153,241,0.12) 0%, rgba(28,206,102,0.08) 100%);
|
|
134
|
+
--duration-instant: 0ms;
|
|
135
|
+
--duration-fast: 150ms;
|
|
136
|
+
--duration-normal: 200ms;
|
|
137
|
+
--duration-slow: 300ms;
|
|
138
|
+
--duration-slower: 500ms;
|
|
139
|
+
--ease-linear: cubic-bezier(0, 0, 1, 1);
|
|
140
|
+
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
|
141
|
+
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
142
|
+
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
143
|
+
--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
|
|
144
|
+
--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
145
|
+
--radius-none: 0px;
|
|
146
|
+
--radius-xs: 2px;
|
|
147
|
+
--radius-sm: 4px;
|
|
148
|
+
--radius-md: 8px;
|
|
149
|
+
--radius-lg: 12px;
|
|
150
|
+
--radius-xl: 16px;
|
|
151
|
+
--radius-2xl: 24px;
|
|
152
|
+
--radius-3xl: 32px;
|
|
153
|
+
--radius-full: 9999px;
|
|
154
|
+
--shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.05);
|
|
155
|
+
--shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.10), 0 1px 2px -1px rgba(0,0,0,0.10);
|
|
156
|
+
--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.10), 0 2px 4px -2px rgba(0,0,0,0.10);
|
|
157
|
+
--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.10), 0 4px 6px -4px rgba(0,0,0,0.10);
|
|
158
|
+
--shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.10), 0 8px 10px -6px rgba(0,0,0,0.10);
|
|
159
|
+
--shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.25);
|
|
160
|
+
--shadow-card: 0 1px 3px 0 rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.05);
|
|
161
|
+
--shadow-plans: 0 8px 32px -4px rgba(64,153,241,0.18), 0 0 0 1px rgba(64,153,241,0.12);
|
|
162
|
+
--shadow-glow: 0 0 0 3px rgba(64,153,241,0.25);
|
|
163
|
+
--shadow-inner: inset 0 2px 4px 0 rgba(0,0,0,0.05);
|
|
164
|
+
--shadow-inner-highlight: inset 0 1px 0 0 rgba(255,255,255,0.1);
|
|
165
|
+
--shadow-focus: 0 0 0 2px #ffffff, 0 0 0 4px #4099f1;
|
|
166
|
+
--shadow-lift: 0 4px 12px -2px rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.08);
|
|
167
|
+
--size-control-xs: 24px;
|
|
168
|
+
--size-control-sm: 32px;
|
|
169
|
+
--size-control-md: 40px;
|
|
170
|
+
--size-control-lg: 48px;
|
|
171
|
+
--size-control-xl: 56px;
|
|
172
|
+
--size-icon-xs: 12px;
|
|
173
|
+
--size-icon-sm: 16px;
|
|
174
|
+
--size-icon-md: 20px;
|
|
175
|
+
--size-icon-lg: 24px;
|
|
176
|
+
--size-icon-xl: 32px;
|
|
177
|
+
--size-avatar-xs: 24px;
|
|
178
|
+
--size-avatar-sm: 32px;
|
|
179
|
+
--size-avatar-md: 40px;
|
|
180
|
+
--size-avatar-lg: 48px;
|
|
181
|
+
--size-avatar-xl: 64px;
|
|
182
|
+
--size-nav-header: 64px;
|
|
183
|
+
--size-nav-sidebar: 256px;
|
|
184
|
+
--size-nav-sidebar-collapsed: 64px;
|
|
185
|
+
--spacing-0: 0px;
|
|
186
|
+
--spacing-1: 4px;
|
|
187
|
+
--spacing-2: 8px;
|
|
188
|
+
--spacing-3: 12px;
|
|
189
|
+
--spacing-4: 16px;
|
|
190
|
+
--spacing-5: 20px;
|
|
191
|
+
--spacing-6: 24px;
|
|
192
|
+
--spacing-7: 28px;
|
|
193
|
+
--spacing-8: 32px;
|
|
194
|
+
--spacing-9: 36px;
|
|
195
|
+
--spacing-10: 40px;
|
|
196
|
+
--spacing-11: 44px;
|
|
197
|
+
--spacing-12: 48px;
|
|
198
|
+
--spacing-14: 56px;
|
|
199
|
+
--spacing-16: 64px;
|
|
200
|
+
--spacing-20: 80px;
|
|
201
|
+
--spacing-24: 96px;
|
|
202
|
+
--spacing-28: 112px;
|
|
203
|
+
--spacing-32: 128px;
|
|
204
|
+
--spacing-40: 160px;
|
|
205
|
+
--spacing-48: 192px;
|
|
206
|
+
--spacing-56: 224px;
|
|
207
|
+
--spacing-64: 256px;
|
|
208
|
+
--spacing-px: 1px;
|
|
209
|
+
--spacing-0-5: 2px;
|
|
210
|
+
--spacing-1-5: 6px;
|
|
211
|
+
--spacing-2-5: 10px;
|
|
212
|
+
--spacing-3-5: 14px;
|
|
213
|
+
--container-sm: 640px;
|
|
214
|
+
--container-md: 768px;
|
|
215
|
+
--container-lg: 1024px;
|
|
216
|
+
--container-xl: 1280px;
|
|
217
|
+
--container-2xl: 1536px;
|
|
218
|
+
--container-nexub: 1440px;
|
|
219
|
+
--container-prose: 65ch;
|
|
220
|
+
--font-family-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
|
|
221
|
+
--font-family-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', monospace;
|
|
222
|
+
--font-family-devanagari: 'Noto Sans Devanagari', 'Geist', ui-sans-serif, sans-serif;
|
|
223
|
+
--font-family-tamil: 'Noto Sans Tamil', 'Geist', ui-sans-serif, sans-serif;
|
|
224
|
+
--font-weight-regular: 400;
|
|
225
|
+
--font-weight-medium: 500;
|
|
226
|
+
--font-weight-semibold: 600;
|
|
227
|
+
--font-weight-bold: 700;
|
|
228
|
+
--font-weight-extrabold: 800;
|
|
229
|
+
--text-display-size: 72px;
|
|
230
|
+
--text-display-lineHeight: 1.1;
|
|
231
|
+
--text-display-letterSpacing: -0.02em;
|
|
232
|
+
--text-display-weight: 800;
|
|
233
|
+
--text-h1-size: 56px;
|
|
234
|
+
--text-h1-lineHeight: 1.15;
|
|
235
|
+
--text-h1-letterSpacing: -0.02em;
|
|
236
|
+
--text-h1-weight: 700;
|
|
237
|
+
--text-h2-size: 40px;
|
|
238
|
+
--text-h2-lineHeight: 1.2;
|
|
239
|
+
--text-h2-letterSpacing: -0.015em;
|
|
240
|
+
--text-h2-weight: 700;
|
|
241
|
+
--text-h3-size: 32px;
|
|
242
|
+
--text-h3-lineHeight: 1.25;
|
|
243
|
+
--text-h3-letterSpacing: -0.01em;
|
|
244
|
+
--text-h3-weight: 600;
|
|
245
|
+
--text-h4-size: 24px;
|
|
246
|
+
--text-h4-lineHeight: 1.3;
|
|
247
|
+
--text-h4-letterSpacing: -0.005em;
|
|
248
|
+
--text-h4-weight: 600;
|
|
249
|
+
--text-h5-size: 20px;
|
|
250
|
+
--text-h5-lineHeight: 1.35;
|
|
251
|
+
--text-h5-letterSpacing: 0;
|
|
252
|
+
--text-h5-weight: 600;
|
|
253
|
+
--text-h6-size: 16px;
|
|
254
|
+
--text-h6-lineHeight: 1.4;
|
|
255
|
+
--text-h6-letterSpacing: 0;
|
|
256
|
+
--text-h6-weight: 600;
|
|
257
|
+
--text-body-lg-size: 18px;
|
|
258
|
+
--text-body-lg-lineHeight: 1.7;
|
|
259
|
+
--text-body-lg-letterSpacing: 0;
|
|
260
|
+
--text-body-lg-weight: 400;
|
|
261
|
+
--text-body-size: 16px;
|
|
262
|
+
--text-body-lineHeight: 1.6;
|
|
263
|
+
--text-body-letterSpacing: 0;
|
|
264
|
+
--text-body-weight: 400;
|
|
265
|
+
--text-body-sm-size: 14px;
|
|
266
|
+
--text-body-sm-lineHeight: 1.5;
|
|
267
|
+
--text-body-sm-letterSpacing: 0;
|
|
268
|
+
--text-body-sm-weight: 400;
|
|
269
|
+
--text-caption-size: 12px;
|
|
270
|
+
--text-caption-lineHeight: 1.5;
|
|
271
|
+
--text-caption-letterSpacing: 0.01em;
|
|
272
|
+
--text-caption-weight: 400;
|
|
273
|
+
--text-label-size: 12px;
|
|
274
|
+
--text-label-lineHeight: 1.4;
|
|
275
|
+
--text-label-letterSpacing: 0.05em;
|
|
276
|
+
--text-label-weight: 600;
|
|
277
|
+
--text-code-size: 14px;
|
|
278
|
+
--text-code-lineHeight: 1.6;
|
|
279
|
+
--text-code-letterSpacing: 0;
|
|
280
|
+
--text-code-weight: 400;
|
|
281
|
+
--z-hide: -1;
|
|
282
|
+
--z-base: 0;
|
|
283
|
+
--z-raised: 10;
|
|
284
|
+
--z-dropdown: 1000;
|
|
285
|
+
--z-sticky: 1100;
|
|
286
|
+
--z-banner: 1200;
|
|
287
|
+
--z-overlay: 1300;
|
|
288
|
+
--z-modal: 1400;
|
|
289
|
+
--z-popover: 1500;
|
|
290
|
+
--z-skipLink: 1600;
|
|
291
|
+
--z-toast: 1700;
|
|
292
|
+
--z-tooltip: 1800;
|
|
293
|
+
--z-commandK: 1900;
|
|
294
|
+
}
|
|
@@ -0,0 +1,394 @@
|
|
|
1
|
+
export declare const tokens: {
|
|
2
|
+
readonly breakpoint: {
|
|
3
|
+
readonly sm: "640px";
|
|
4
|
+
readonly md: "768px";
|
|
5
|
+
readonly lg: "1024px";
|
|
6
|
+
readonly xl: "1280px";
|
|
7
|
+
readonly "2xl": "1536px";
|
|
8
|
+
};
|
|
9
|
+
readonly color: {
|
|
10
|
+
readonly brand: {
|
|
11
|
+
readonly primary: {
|
|
12
|
+
readonly "50": "#eff6ff";
|
|
13
|
+
readonly "100": "#dbeafe";
|
|
14
|
+
readonly "200": "#bfdbfe";
|
|
15
|
+
readonly "300": "#93c5fd";
|
|
16
|
+
readonly "400": "#60a5fa";
|
|
17
|
+
readonly "500": "#4099f1";
|
|
18
|
+
readonly "600": "#2563eb";
|
|
19
|
+
readonly "700": "#1d4ed8";
|
|
20
|
+
readonly "800": "#1e3a8a";
|
|
21
|
+
readonly "900": "#1e3a8a";
|
|
22
|
+
readonly "950": "#1b3b6f";
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
readonly accent: {
|
|
26
|
+
readonly leap: {
|
|
27
|
+
readonly "50": "#eef2ff";
|
|
28
|
+
readonly "100": "#e0e7ff";
|
|
29
|
+
readonly "200": "#c7d2fe";
|
|
30
|
+
readonly "300": "#a5b4fc";
|
|
31
|
+
readonly "400": "#818cf8";
|
|
32
|
+
readonly "500": "#6366f1";
|
|
33
|
+
readonly "600": "#4f46e5";
|
|
34
|
+
readonly "700": "#4338ca";
|
|
35
|
+
readonly "800": "#3730a3";
|
|
36
|
+
readonly "900": "#312e81";
|
|
37
|
+
readonly "950": "#1e1b4b";
|
|
38
|
+
};
|
|
39
|
+
readonly bookub: {
|
|
40
|
+
readonly "50": "#ecfdf5";
|
|
41
|
+
readonly "100": "#d1fae5";
|
|
42
|
+
readonly "200": "#a7f3d0";
|
|
43
|
+
readonly "300": "#6ee7b7";
|
|
44
|
+
readonly "400": "#34d399";
|
|
45
|
+
readonly "500": "#10b981";
|
|
46
|
+
readonly "600": "#059669";
|
|
47
|
+
readonly "700": "#047857";
|
|
48
|
+
readonly "800": "#065f46";
|
|
49
|
+
readonly "900": "#064e3b";
|
|
50
|
+
readonly "950": "#022c22";
|
|
51
|
+
};
|
|
52
|
+
readonly payub: {
|
|
53
|
+
readonly "50": "#f5f3ff";
|
|
54
|
+
readonly "100": "#ede9fe";
|
|
55
|
+
readonly "200": "#ddd6fe";
|
|
56
|
+
readonly "300": "#c4b5fd";
|
|
57
|
+
readonly "400": "#a78bfa";
|
|
58
|
+
readonly "500": "#8b5cf6";
|
|
59
|
+
readonly "600": "#7c3aed";
|
|
60
|
+
readonly "700": "#6d28d9";
|
|
61
|
+
readonly "800": "#5b21b6";
|
|
62
|
+
readonly "900": "#4c1d95";
|
|
63
|
+
readonly "950": "#2e1065";
|
|
64
|
+
};
|
|
65
|
+
readonly founderub: {
|
|
66
|
+
readonly "50": "#fffbeb";
|
|
67
|
+
readonly "100": "#fef3c7";
|
|
68
|
+
readonly "200": "#fde68a";
|
|
69
|
+
readonly "300": "#fcd34d";
|
|
70
|
+
readonly "400": "#fbbf24";
|
|
71
|
+
readonly "500": "#f59e0b";
|
|
72
|
+
readonly "600": "#d97706";
|
|
73
|
+
readonly "700": "#b45309";
|
|
74
|
+
readonly "800": "#92400e";
|
|
75
|
+
readonly "900": "#78350f";
|
|
76
|
+
readonly "950": "#451a03";
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
readonly neutral: {
|
|
80
|
+
readonly "0": "#ffffff";
|
|
81
|
+
readonly "50": "#f8fafc";
|
|
82
|
+
readonly "100": "#f1f5f9";
|
|
83
|
+
readonly "200": "#e2e8f0";
|
|
84
|
+
readonly "300": "#cbd5e1";
|
|
85
|
+
readonly "400": "#94a3b8";
|
|
86
|
+
readonly "500": "#64748b";
|
|
87
|
+
readonly "600": "#475569";
|
|
88
|
+
readonly "700": "#334155";
|
|
89
|
+
readonly "800": "#1e293b";
|
|
90
|
+
readonly "900": "#0f172a";
|
|
91
|
+
readonly "950": "#080d19";
|
|
92
|
+
readonly "1000": "#000000";
|
|
93
|
+
};
|
|
94
|
+
readonly surface: {
|
|
95
|
+
readonly warm: "#fefce8";
|
|
96
|
+
readonly muted: "#f8fafc";
|
|
97
|
+
readonly raised: "#ffffff";
|
|
98
|
+
readonly sunken: "#f1f5f9";
|
|
99
|
+
readonly inverse: "#0f172a";
|
|
100
|
+
};
|
|
101
|
+
readonly semantic: {
|
|
102
|
+
readonly success: {
|
|
103
|
+
readonly default: "#10b981";
|
|
104
|
+
readonly bg: "#ecfdf5";
|
|
105
|
+
readonly border: "#a7f3d0";
|
|
106
|
+
readonly strong: "#047857";
|
|
107
|
+
};
|
|
108
|
+
readonly error: {
|
|
109
|
+
readonly default: "#ef4444";
|
|
110
|
+
readonly bg: "#fef2f2";
|
|
111
|
+
readonly border: "#fecaca";
|
|
112
|
+
readonly strong: "#b91c1c";
|
|
113
|
+
};
|
|
114
|
+
readonly warning: {
|
|
115
|
+
readonly default: "#f59e0b";
|
|
116
|
+
readonly bg: "#fffbeb";
|
|
117
|
+
readonly border: "#fde68a";
|
|
118
|
+
readonly strong: "#b45309";
|
|
119
|
+
};
|
|
120
|
+
readonly info: {
|
|
121
|
+
readonly default: "#4099f1";
|
|
122
|
+
readonly bg: "#eff6ff";
|
|
123
|
+
readonly border: "#bfdbfe";
|
|
124
|
+
readonly strong: "#1d4ed8";
|
|
125
|
+
};
|
|
126
|
+
};
|
|
127
|
+
readonly text: {
|
|
128
|
+
readonly primary: "#0f172a";
|
|
129
|
+
readonly secondary: "#334155";
|
|
130
|
+
readonly muted: "#64748b";
|
|
131
|
+
readonly subtle: "#94a3b8";
|
|
132
|
+
readonly inverse: "#f8fafc";
|
|
133
|
+
readonly link: "#2563eb";
|
|
134
|
+
readonly disabled: "#94a3b8";
|
|
135
|
+
};
|
|
136
|
+
readonly bg: {
|
|
137
|
+
readonly default: "#ffffff";
|
|
138
|
+
readonly subtle: "#f8fafc";
|
|
139
|
+
readonly muted: "#f1f5f9";
|
|
140
|
+
readonly raised: "#ffffff";
|
|
141
|
+
readonly inverse: "#0f172a";
|
|
142
|
+
};
|
|
143
|
+
readonly border: {
|
|
144
|
+
readonly default: "#e2e8f0";
|
|
145
|
+
readonly subtle: "#f1f5f9";
|
|
146
|
+
readonly strong: "#94a3b8";
|
|
147
|
+
readonly inverse: "#334155";
|
|
148
|
+
};
|
|
149
|
+
readonly ring: {
|
|
150
|
+
readonly default: "#4099f1";
|
|
151
|
+
readonly offset: "#ffffff";
|
|
152
|
+
};
|
|
153
|
+
readonly chart: {
|
|
154
|
+
readonly "1": "#4099f1";
|
|
155
|
+
readonly "2": "#10b981";
|
|
156
|
+
readonly "3": "#8b5cf6";
|
|
157
|
+
readonly "4": "#f59e0b";
|
|
158
|
+
readonly "5": "#ef4444";
|
|
159
|
+
readonly "6": "#06b6d4";
|
|
160
|
+
readonly "7": "#ec4899";
|
|
161
|
+
readonly "8": "#84cc16";
|
|
162
|
+
};
|
|
163
|
+
};
|
|
164
|
+
readonly gradient: {
|
|
165
|
+
readonly brand: "linear-gradient(135deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)";
|
|
166
|
+
readonly "brand-horizontal": "linear-gradient(90deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)";
|
|
167
|
+
readonly "hero-ambient": "radial-gradient(ellipse 80% 50% at 50% -20%, rgba(64,153,241,0.12) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 80%, rgba(28,206,102,0.06) 0%, transparent 50%), #ffffff";
|
|
168
|
+
readonly "button-primary": "linear-gradient(135deg, #4099f1 0%, #2563eb 100%)";
|
|
169
|
+
readonly "button-primary-hover": "linear-gradient(135deg, #60a5fa 0%, #4099f1 100%)";
|
|
170
|
+
readonly "surface-soft": "linear-gradient(135deg, rgba(64,153,241,0.04) 0%, rgba(28,206,102,0.03) 100%)";
|
|
171
|
+
readonly "surface-muted": "linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%)";
|
|
172
|
+
readonly "eyebrow-chip": "linear-gradient(90deg, rgba(64,153,241,0.12) 0%, rgba(28,206,102,0.08) 100%)";
|
|
173
|
+
};
|
|
174
|
+
readonly duration: {
|
|
175
|
+
readonly instant: "0ms";
|
|
176
|
+
readonly fast: "150ms";
|
|
177
|
+
readonly normal: "200ms";
|
|
178
|
+
readonly slow: "300ms";
|
|
179
|
+
readonly slower: "500ms";
|
|
180
|
+
};
|
|
181
|
+
readonly ease: {
|
|
182
|
+
readonly linear: "cubic-bezier(0, 0, 1, 1)";
|
|
183
|
+
readonly in: "cubic-bezier(0.4, 0, 1, 1)";
|
|
184
|
+
readonly out: "cubic-bezier(0, 0, 0.2, 1)";
|
|
185
|
+
readonly "in-out": "cubic-bezier(0.4, 0, 0.2, 1)";
|
|
186
|
+
readonly "out-expo": "cubic-bezier(0.16, 1, 0.3, 1)";
|
|
187
|
+
readonly spring: "cubic-bezier(0.34, 1.56, 0.64, 1)";
|
|
188
|
+
};
|
|
189
|
+
readonly radius: {
|
|
190
|
+
readonly none: "0px";
|
|
191
|
+
readonly xs: "2px";
|
|
192
|
+
readonly sm: "4px";
|
|
193
|
+
readonly md: "8px";
|
|
194
|
+
readonly lg: "12px";
|
|
195
|
+
readonly xl: "16px";
|
|
196
|
+
readonly "2xl": "24px";
|
|
197
|
+
readonly "3xl": "32px";
|
|
198
|
+
readonly full: "9999px";
|
|
199
|
+
};
|
|
200
|
+
readonly shadow: {
|
|
201
|
+
readonly xs: "0 1px 2px 0 rgba(0,0,0,0.05)";
|
|
202
|
+
readonly sm: "0 1px 3px 0 rgba(0,0,0,0.10), 0 1px 2px -1px rgba(0,0,0,0.10)";
|
|
203
|
+
readonly md: "0 4px 6px -1px rgba(0,0,0,0.10), 0 2px 4px -2px rgba(0,0,0,0.10)";
|
|
204
|
+
readonly lg: "0 10px 15px -3px rgba(0,0,0,0.10), 0 4px 6px -4px rgba(0,0,0,0.10)";
|
|
205
|
+
readonly xl: "0 20px 25px -5px rgba(0,0,0,0.10), 0 8px 10px -6px rgba(0,0,0,0.10)";
|
|
206
|
+
readonly "2xl": "0 25px 50px -12px rgba(0,0,0,0.25)";
|
|
207
|
+
readonly card: "0 1px 3px 0 rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.05)";
|
|
208
|
+
readonly plans: "0 8px 32px -4px rgba(64,153,241,0.18), 0 0 0 1px rgba(64,153,241,0.12)";
|
|
209
|
+
readonly glow: "0 0 0 3px rgba(64,153,241,0.25)";
|
|
210
|
+
readonly inner: "inset 0 2px 4px 0 rgba(0,0,0,0.05)";
|
|
211
|
+
readonly "inner-highlight": "inset 0 1px 0 0 rgba(255,255,255,0.1)";
|
|
212
|
+
readonly focus: "0 0 0 2px #ffffff, 0 0 0 4px #4099f1";
|
|
213
|
+
readonly lift: "0 4px 12px -2px rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.08)";
|
|
214
|
+
};
|
|
215
|
+
readonly size: {
|
|
216
|
+
readonly control: {
|
|
217
|
+
readonly xs: "24px";
|
|
218
|
+
readonly sm: "32px";
|
|
219
|
+
readonly md: "40px";
|
|
220
|
+
readonly lg: "48px";
|
|
221
|
+
readonly xl: "56px";
|
|
222
|
+
};
|
|
223
|
+
readonly icon: {
|
|
224
|
+
readonly xs: "12px";
|
|
225
|
+
readonly sm: "16px";
|
|
226
|
+
readonly md: "20px";
|
|
227
|
+
readonly lg: "24px";
|
|
228
|
+
readonly xl: "32px";
|
|
229
|
+
};
|
|
230
|
+
readonly avatar: {
|
|
231
|
+
readonly xs: "24px";
|
|
232
|
+
readonly sm: "32px";
|
|
233
|
+
readonly md: "40px";
|
|
234
|
+
readonly lg: "48px";
|
|
235
|
+
readonly xl: "64px";
|
|
236
|
+
};
|
|
237
|
+
readonly nav: {
|
|
238
|
+
readonly header: "64px";
|
|
239
|
+
readonly sidebar: "256px";
|
|
240
|
+
readonly "sidebar-collapsed": "64px";
|
|
241
|
+
};
|
|
242
|
+
};
|
|
243
|
+
readonly spacing: {
|
|
244
|
+
readonly "0": "0px";
|
|
245
|
+
readonly "1": "4px";
|
|
246
|
+
readonly "2": "8px";
|
|
247
|
+
readonly "3": "12px";
|
|
248
|
+
readonly "4": "16px";
|
|
249
|
+
readonly "5": "20px";
|
|
250
|
+
readonly "6": "24px";
|
|
251
|
+
readonly "7": "28px";
|
|
252
|
+
readonly "8": "32px";
|
|
253
|
+
readonly "9": "36px";
|
|
254
|
+
readonly "10": "40px";
|
|
255
|
+
readonly "11": "44px";
|
|
256
|
+
readonly "12": "48px";
|
|
257
|
+
readonly "14": "56px";
|
|
258
|
+
readonly "16": "64px";
|
|
259
|
+
readonly "20": "80px";
|
|
260
|
+
readonly "24": "96px";
|
|
261
|
+
readonly "28": "112px";
|
|
262
|
+
readonly "32": "128px";
|
|
263
|
+
readonly "40": "160px";
|
|
264
|
+
readonly "48": "192px";
|
|
265
|
+
readonly "56": "224px";
|
|
266
|
+
readonly "64": "256px";
|
|
267
|
+
readonly px: "1px";
|
|
268
|
+
readonly "0-5": "2px";
|
|
269
|
+
readonly "1-5": "6px";
|
|
270
|
+
readonly "2-5": "10px";
|
|
271
|
+
readonly "3-5": "14px";
|
|
272
|
+
};
|
|
273
|
+
readonly container: {
|
|
274
|
+
readonly sm: "640px";
|
|
275
|
+
readonly md: "768px";
|
|
276
|
+
readonly lg: "1024px";
|
|
277
|
+
readonly xl: "1280px";
|
|
278
|
+
readonly "2xl": "1536px";
|
|
279
|
+
readonly nexub: "1440px";
|
|
280
|
+
readonly prose: "65ch";
|
|
281
|
+
};
|
|
282
|
+
readonly font: {
|
|
283
|
+
readonly family: {
|
|
284
|
+
readonly sans: "'Geist', ui-sans-serif, system-ui, sans-serif";
|
|
285
|
+
readonly mono: "'Geist Mono', ui-monospace, 'SFMono-Regular', monospace";
|
|
286
|
+
readonly devanagari: "'Noto Sans Devanagari', 'Geist', ui-sans-serif, sans-serif";
|
|
287
|
+
readonly tamil: "'Noto Sans Tamil', 'Geist', ui-sans-serif, sans-serif";
|
|
288
|
+
};
|
|
289
|
+
readonly weight: {
|
|
290
|
+
readonly regular: "400";
|
|
291
|
+
readonly medium: "500";
|
|
292
|
+
readonly semibold: "600";
|
|
293
|
+
readonly bold: "700";
|
|
294
|
+
readonly extrabold: "800";
|
|
295
|
+
};
|
|
296
|
+
};
|
|
297
|
+
readonly text: {
|
|
298
|
+
readonly display: {
|
|
299
|
+
readonly size: "72px";
|
|
300
|
+
readonly lineHeight: "1.1";
|
|
301
|
+
readonly letterSpacing: "-0.02em";
|
|
302
|
+
readonly weight: "800";
|
|
303
|
+
};
|
|
304
|
+
readonly h1: {
|
|
305
|
+
readonly size: "56px";
|
|
306
|
+
readonly lineHeight: "1.15";
|
|
307
|
+
readonly letterSpacing: "-0.02em";
|
|
308
|
+
readonly weight: "700";
|
|
309
|
+
};
|
|
310
|
+
readonly h2: {
|
|
311
|
+
readonly size: "40px";
|
|
312
|
+
readonly lineHeight: "1.2";
|
|
313
|
+
readonly letterSpacing: "-0.015em";
|
|
314
|
+
readonly weight: "700";
|
|
315
|
+
};
|
|
316
|
+
readonly h3: {
|
|
317
|
+
readonly size: "32px";
|
|
318
|
+
readonly lineHeight: "1.25";
|
|
319
|
+
readonly letterSpacing: "-0.01em";
|
|
320
|
+
readonly weight: "600";
|
|
321
|
+
};
|
|
322
|
+
readonly h4: {
|
|
323
|
+
readonly size: "24px";
|
|
324
|
+
readonly lineHeight: "1.3";
|
|
325
|
+
readonly letterSpacing: "-0.005em";
|
|
326
|
+
readonly weight: "600";
|
|
327
|
+
};
|
|
328
|
+
readonly h5: {
|
|
329
|
+
readonly size: "20px";
|
|
330
|
+
readonly lineHeight: "1.35";
|
|
331
|
+
readonly letterSpacing: "0";
|
|
332
|
+
readonly weight: "600";
|
|
333
|
+
};
|
|
334
|
+
readonly h6: {
|
|
335
|
+
readonly size: "16px";
|
|
336
|
+
readonly lineHeight: "1.4";
|
|
337
|
+
readonly letterSpacing: "0";
|
|
338
|
+
readonly weight: "600";
|
|
339
|
+
};
|
|
340
|
+
readonly "body-lg": {
|
|
341
|
+
readonly size: "18px";
|
|
342
|
+
readonly lineHeight: "1.7";
|
|
343
|
+
readonly letterSpacing: "0";
|
|
344
|
+
readonly weight: "400";
|
|
345
|
+
};
|
|
346
|
+
readonly body: {
|
|
347
|
+
readonly size: "16px";
|
|
348
|
+
readonly lineHeight: "1.6";
|
|
349
|
+
readonly letterSpacing: "0";
|
|
350
|
+
readonly weight: "400";
|
|
351
|
+
};
|
|
352
|
+
readonly "body-sm": {
|
|
353
|
+
readonly size: "14px";
|
|
354
|
+
readonly lineHeight: "1.5";
|
|
355
|
+
readonly letterSpacing: "0";
|
|
356
|
+
readonly weight: "400";
|
|
357
|
+
};
|
|
358
|
+
readonly caption: {
|
|
359
|
+
readonly size: "12px";
|
|
360
|
+
readonly lineHeight: "1.5";
|
|
361
|
+
readonly letterSpacing: "0.01em";
|
|
362
|
+
readonly weight: "400";
|
|
363
|
+
};
|
|
364
|
+
readonly label: {
|
|
365
|
+
readonly size: "12px";
|
|
366
|
+
readonly lineHeight: "1.4";
|
|
367
|
+
readonly letterSpacing: "0.05em";
|
|
368
|
+
readonly weight: "600";
|
|
369
|
+
};
|
|
370
|
+
readonly code: {
|
|
371
|
+
readonly size: "14px";
|
|
372
|
+
readonly lineHeight: "1.6";
|
|
373
|
+
readonly letterSpacing: "0";
|
|
374
|
+
readonly weight: "400";
|
|
375
|
+
};
|
|
376
|
+
};
|
|
377
|
+
readonly z: {
|
|
378
|
+
readonly hide: "-1";
|
|
379
|
+
readonly base: "0";
|
|
380
|
+
readonly raised: "10";
|
|
381
|
+
readonly dropdown: "1000";
|
|
382
|
+
readonly sticky: "1100";
|
|
383
|
+
readonly banner: "1200";
|
|
384
|
+
readonly overlay: "1300";
|
|
385
|
+
readonly modal: "1400";
|
|
386
|
+
readonly popover: "1500";
|
|
387
|
+
readonly skipLink: "1600";
|
|
388
|
+
readonly toast: "1700";
|
|
389
|
+
readonly tooltip: "1800";
|
|
390
|
+
readonly commandK: "1900";
|
|
391
|
+
};
|
|
392
|
+
};
|
|
393
|
+
export type Tokens = typeof tokens;
|
|
394
|
+
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/generated/tokens.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuYT,CAAC;AACX,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC"}
|