@tensor_1/tokens 2.0.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/build/css/components.css +1388 -0
- package/build/css/styles.css +1637 -0
- package/build/css/tokens.css +187 -0
- package/build/tailwind/preset.cjs +80 -0
- package/build/tailwind/theme.css +72 -0
- package/build/ts/tokens.d.ts +6 -0
- package/build/ts/tokens.js +355 -0
- package/package.json +48 -0
- package/themes/mission-control.css +4 -0
- package/themes/posx.css +4 -0
- package/themes/shopx.css +4 -0
- package/themes/tensor.css +4 -0
- package/tokens/base/color.json +68 -0
- package/tokens/base/effect.json +26 -0
- package/tokens/base/size.json +20 -0
- package/tokens/base/space.json +15 -0
- package/tokens/base/typography.json +23 -0
- package/tokens/dark/color.json +59 -0
- package/tokens/dark/effect.json +3 -0
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
/* GENERATED — do not edit. Source: tokens/ • Build: npm run build:tokens (Style Dictionary).
|
|
2
|
+
The --uix-* contract: light on :root, dark on the dark selector. Names match UIx v1;
|
|
3
|
+
projects override VALUES via the write-only --uix-brand / --uix-brand-fg slots, never names. */
|
|
4
|
+
@layer uix.tokens {
|
|
5
|
+
:root {
|
|
6
|
+
--uix-bg-app: #FAFAFA;
|
|
7
|
+
--uix-bg-subtle: #F5F5F5;
|
|
8
|
+
--uix-bg-hover: #EFEFEF;
|
|
9
|
+
--uix-bg-active: #E5E5E5;
|
|
10
|
+
--uix-surface: #FFFFFF;
|
|
11
|
+
--uix-surface-2: #FFFFFF;
|
|
12
|
+
--uix-surface-3: #FAFAFA;
|
|
13
|
+
--uix-border: #E5E5E5;
|
|
14
|
+
--uix-border-strong: #D4D4D4;
|
|
15
|
+
--uix-text: #0A0A0A;
|
|
16
|
+
--uix-text-hushed: rgba(10,10,10,.62);
|
|
17
|
+
--uix-text-muted: #6B6B6B;
|
|
18
|
+
--uix-text-reverse: #FFFFFF;
|
|
19
|
+
--uix-text-hushed-reverse: rgba(255,255,255,.62);
|
|
20
|
+
--uix-accent: var(--uix-brand,#1447E6);
|
|
21
|
+
--uix-accent-dark: #0E3AC0;
|
|
22
|
+
--uix-accent-light: #4D77F0;
|
|
23
|
+
--uix-accent-hover: color-mix(in srgb, var(--uix-accent) 88%, #000000);
|
|
24
|
+
--uix-accent-fg: var(--uix-brand-fg,#FFFFFF);
|
|
25
|
+
--uix-link: var(--uix-brand,#1447E6);
|
|
26
|
+
--uix-ring: var(--uix-brand,#1447E6);
|
|
27
|
+
--uix-brand-muted: color-mix(in srgb, var(--uix-accent) 12%, transparent);
|
|
28
|
+
--uix-success: #047857;
|
|
29
|
+
--uix-success-fg: #FFFFFF;
|
|
30
|
+
--uix-success-bg: #D0FAE5;
|
|
31
|
+
--uix-warning: #F99C00;
|
|
32
|
+
--uix-warning-fg: #1A1A1A;
|
|
33
|
+
--uix-warning-bg: #FEF3D6;
|
|
34
|
+
--uix-warning-text: #92400E;
|
|
35
|
+
--uix-info: #1447E6;
|
|
36
|
+
--uix-info-fg: #FFFFFF;
|
|
37
|
+
--uix-info-bg: #E3EBFF;
|
|
38
|
+
--uix-info-text: #1447E6;
|
|
39
|
+
--uix-danger: #E40014;
|
|
40
|
+
--uix-danger-fg: #FFFFFF;
|
|
41
|
+
--uix-danger-bg: #FFE4E6;
|
|
42
|
+
--uix-danger-text: #C20012;
|
|
43
|
+
--uix-success-solid: #10B981;
|
|
44
|
+
--uix-warning-solid: #F59E0B;
|
|
45
|
+
--uix-info-solid: #2563EB;
|
|
46
|
+
--uix-danger-solid: #EF4444;
|
|
47
|
+
--uix-chart-1: #2563EB;
|
|
48
|
+
--uix-chart-2: #0891B2;
|
|
49
|
+
--uix-chart-3: #16A34A;
|
|
50
|
+
--uix-chart-4: #F59E0B;
|
|
51
|
+
--uix-chart-5: #EA580C;
|
|
52
|
+
--uix-chart-6: #E11D48;
|
|
53
|
+
--uix-chart-7: #7C3AED;
|
|
54
|
+
--uix-chart-8: #DB2777;
|
|
55
|
+
--uix-chart-neutral: #64748B;
|
|
56
|
+
--uix-row: #FFFFFF;
|
|
57
|
+
--uix-row-alt: #FAFAFA;
|
|
58
|
+
--uix-row-pinned-bg: #F4F7FF;
|
|
59
|
+
--uix-scrollbar-thumb: rgba(10,10,10,.20);
|
|
60
|
+
--uix-scrollbar-thumb-hover: rgba(10,10,10,.34);
|
|
61
|
+
--uix-scrollbar-track: transparent;
|
|
62
|
+
--uix-scrim: rgba(0,0,0,.5);
|
|
63
|
+
--uix-scrim-strong: rgba(0,0,0,.7);
|
|
64
|
+
--uix-shadow-sm: 0 1px 2px rgba(0,0,0,.06);
|
|
65
|
+
--uix-shadow-popover: 0 8px 24px rgba(0,0,0,.10),0 1px 2px rgba(0,0,0,.05);
|
|
66
|
+
--uix-shadow-overlay: 0 16px 48px rgba(0,0,0,.18);
|
|
67
|
+
--uix-highlight-top: inset 0 1px 0 rgba(255,255,255,0);
|
|
68
|
+
--uix-ease-out: cubic-bezier(.23,1,.32,1);
|
|
69
|
+
--uix-ease-out-strong: cubic-bezier(.2,0,0,1);
|
|
70
|
+
--uix-ease-in: cubic-bezier(.4,0,1,1);
|
|
71
|
+
--uix-ease-in-out: cubic-bezier(.77,0,.175,1);
|
|
72
|
+
--uix-ease-spring: cubic-bezier(.34,1.56,.64,1);
|
|
73
|
+
--uix-dur-fast: 120ms;
|
|
74
|
+
--uix-dur: 160ms;
|
|
75
|
+
--uix-dur-slow: 240ms;
|
|
76
|
+
--uix-dur-slower: 320ms;
|
|
77
|
+
--uix-lift: 4px;
|
|
78
|
+
--uix-z-raised: 1;
|
|
79
|
+
--uix-z-sticky: 3;
|
|
80
|
+
--uix-z-dropdown: 10;
|
|
81
|
+
--uix-z-overlay: 20;
|
|
82
|
+
--uix-z-tooltip: 30;
|
|
83
|
+
--uix-z-toast: 100;
|
|
84
|
+
--uix-radius-xs: 4px;
|
|
85
|
+
--uix-radius-sm: 8px;
|
|
86
|
+
--uix-radius-md: 12px;
|
|
87
|
+
--uix-radius-lg: 16px;
|
|
88
|
+
--uix-radius-pill: 999px;
|
|
89
|
+
--uix-row-h: 56px;
|
|
90
|
+
--uix-row-h-compact: 44px;
|
|
91
|
+
--uix-row-h-comfortable: 68px;
|
|
92
|
+
--uix-control-h: 36px;
|
|
93
|
+
--uix-sidebar-w: 248px;
|
|
94
|
+
--uix-topbar-h: 56px;
|
|
95
|
+
--uix-scrollbar-size: 10px;
|
|
96
|
+
--uix-icon-sm: 16px;
|
|
97
|
+
--uix-icon-md: 20px;
|
|
98
|
+
--uix-icon-lg: 24px;
|
|
99
|
+
--uix-peek-w: 420px;
|
|
100
|
+
--uix-space-0: 0;
|
|
101
|
+
--uix-space-1: 4px;
|
|
102
|
+
--uix-space-2: 8px;
|
|
103
|
+
--uix-space-3: 12px;
|
|
104
|
+
--uix-space-4: 16px;
|
|
105
|
+
--uix-space-5: 20px;
|
|
106
|
+
--uix-space-6: 24px;
|
|
107
|
+
--uix-space-7: 32px;
|
|
108
|
+
--uix-space-8: 40px;
|
|
109
|
+
--uix-space-9: 48px;
|
|
110
|
+
--uix-space-10: 64px;
|
|
111
|
+
--uix-space-11: 80px;
|
|
112
|
+
--uix-space-12: 96px;
|
|
113
|
+
--uix-font-sans: "Inter",system-ui,sans-serif;
|
|
114
|
+
--uix-font-heading: "IBM Plex Sans","Inter",system-ui,sans-serif;
|
|
115
|
+
--uix-font-mono: "IBM Plex Mono",ui-monospace,monospace;
|
|
116
|
+
--uix-text-display: 40px;
|
|
117
|
+
--uix-leading-display: 1.05;
|
|
118
|
+
--uix-text-data-hero: 34px;
|
|
119
|
+
--uix-leading-data-hero: 1.1;
|
|
120
|
+
--uix-text-h2: 24px;
|
|
121
|
+
--uix-leading-h2: 1.15;
|
|
122
|
+
--uix-text-h3: 15px;
|
|
123
|
+
--uix-leading-h3: 1.3;
|
|
124
|
+
--uix-text-body: 14px;
|
|
125
|
+
--uix-leading-body: 1.5;
|
|
126
|
+
--uix-text-meta: 12.5px;
|
|
127
|
+
--uix-leading-meta: 1.4;
|
|
128
|
+
--uix-text-eyebrow: 11px;
|
|
129
|
+
--uix-leading-eyebrow: 1.2;
|
|
130
|
+
--uix-tracking-tight: -0.02em;
|
|
131
|
+
--uix-tracking-eyebrow: 0.06em;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
:root:where(.dark,[data-theme="dark"]) {
|
|
135
|
+
--uix-bg-app: #0A0A0A;
|
|
136
|
+
--uix-bg-subtle: #171717;
|
|
137
|
+
--uix-bg-hover: #1F1F1F;
|
|
138
|
+
--uix-bg-active: #262626;
|
|
139
|
+
--uix-surface: #111111;
|
|
140
|
+
--uix-surface-2: #171717;
|
|
141
|
+
--uix-surface-3: #262626;
|
|
142
|
+
--uix-border: rgba(255,255,255,.08);
|
|
143
|
+
--uix-border-strong: rgba(255,255,255,.14);
|
|
144
|
+
--uix-text: #FAFAFA;
|
|
145
|
+
--uix-text-hushed: rgba(250,250,250,.64);
|
|
146
|
+
--uix-text-muted: #A1A1A1;
|
|
147
|
+
--uix-accent: var(--uix-brand,#2563EB);
|
|
148
|
+
--uix-accent-hover: color-mix(in srgb, var(--uix-accent) 82%, #FFFFFF);
|
|
149
|
+
--uix-link: color-mix(in srgb, var(--uix-brand,#5B8DEF) 70%, #FFFFFF);
|
|
150
|
+
--uix-ring: var(--uix-brand,#3080FF);
|
|
151
|
+
--uix-brand-muted: color-mix(in srgb, var(--uix-accent) 16%, transparent);
|
|
152
|
+
--uix-success: #00D294;
|
|
153
|
+
--uix-success-fg: #002C22;
|
|
154
|
+
--uix-success-bg: rgba(0,210,148,.15);
|
|
155
|
+
--uix-warning: #FCBB00;
|
|
156
|
+
--uix-warning-fg: #1A1A1A;
|
|
157
|
+
--uix-warning-bg: rgba(249,156,0,.16);
|
|
158
|
+
--uix-warning-text: var(--uix-warning,#FCBB00);
|
|
159
|
+
--uix-info: #2563EB;
|
|
160
|
+
--uix-info-fg: #FFFFFF;
|
|
161
|
+
--uix-info-bg: rgba(48,128,255,.16);
|
|
162
|
+
--uix-info-text: #60A5FA;
|
|
163
|
+
--uix-danger: #DC2626;
|
|
164
|
+
--uix-danger-fg: #FFFFFF;
|
|
165
|
+
--uix-danger-bg: rgba(220,38,38,.20);
|
|
166
|
+
--uix-danger-text: #F87171;
|
|
167
|
+
--uix-success-solid: #34D399;
|
|
168
|
+
--uix-warning-solid: #FBBF24;
|
|
169
|
+
--uix-info-solid: #3B82F6;
|
|
170
|
+
--uix-danger-solid: #F87171;
|
|
171
|
+
--uix-chart-1: #3080FF;
|
|
172
|
+
--uix-chart-2: #00C2B0;
|
|
173
|
+
--uix-chart-3: #00D294;
|
|
174
|
+
--uix-chart-4: #FCBB00;
|
|
175
|
+
--uix-chart-5: #FF8B1A;
|
|
176
|
+
--uix-chart-6: #FF6568;
|
|
177
|
+
--uix-chart-7: #A685FF;
|
|
178
|
+
--uix-chart-8: #FF667F;
|
|
179
|
+
--uix-chart-neutral: #A1A1A1;
|
|
180
|
+
--uix-row: #111111;
|
|
181
|
+
--uix-row-alt: #161616;
|
|
182
|
+
--uix-row-pinned-bg: rgba(48,128,255,.08);
|
|
183
|
+
--uix-scrollbar-thumb: rgba(255,255,255,.18);
|
|
184
|
+
--uix-scrollbar-thumb-hover: rgba(255,255,255,.30);
|
|
185
|
+
--uix-highlight-top: inset 0 1px 0 rgba(255,255,255,.04);
|
|
186
|
+
}
|
|
187
|
+
}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
/* GENERATED — do not edit. Tailwind v3 preset:
|
|
2
|
+
module.exports = { presets: [require('@tensor_1/tokens/build/tailwind/preset.cjs')] } */
|
|
3
|
+
module.exports = {
|
|
4
|
+
theme: {
|
|
5
|
+
extend: {
|
|
6
|
+
colors: {
|
|
7
|
+
"uix-bg-app": "var(--uix-bg-app)",
|
|
8
|
+
"uix-bg-subtle": "var(--uix-bg-subtle)",
|
|
9
|
+
"uix-bg-hover": "var(--uix-bg-hover)",
|
|
10
|
+
"uix-bg-active": "var(--uix-bg-active)",
|
|
11
|
+
"uix-surface": "var(--uix-surface)",
|
|
12
|
+
"uix-surface-2": "var(--uix-surface-2)",
|
|
13
|
+
"uix-surface-3": "var(--uix-surface-3)",
|
|
14
|
+
"uix-border": "var(--uix-border)",
|
|
15
|
+
"uix-border-strong": "var(--uix-border-strong)",
|
|
16
|
+
"uix-text": "var(--uix-text)",
|
|
17
|
+
"uix-text-hushed": "var(--uix-text-hushed)",
|
|
18
|
+
"uix-text-muted": "var(--uix-text-muted)",
|
|
19
|
+
"uix-text-reverse": "var(--uix-text-reverse)",
|
|
20
|
+
"uix-text-hushed-reverse": "var(--uix-text-hushed-reverse)",
|
|
21
|
+
"uix-accent": "var(--uix-accent)",
|
|
22
|
+
"uix-accent-dark": "var(--uix-accent-dark)",
|
|
23
|
+
"uix-accent-light": "var(--uix-accent-light)",
|
|
24
|
+
"uix-accent-hover": "var(--uix-accent-hover)",
|
|
25
|
+
"uix-accent-fg": "var(--uix-accent-fg)",
|
|
26
|
+
"uix-link": "var(--uix-link)",
|
|
27
|
+
"uix-ring": "var(--uix-ring)",
|
|
28
|
+
"uix-brand-muted": "var(--uix-brand-muted)",
|
|
29
|
+
"uix-success": "var(--uix-success)",
|
|
30
|
+
"uix-success-fg": "var(--uix-success-fg)",
|
|
31
|
+
"uix-success-bg": "var(--uix-success-bg)",
|
|
32
|
+
"uix-warning": "var(--uix-warning)",
|
|
33
|
+
"uix-warning-fg": "var(--uix-warning-fg)",
|
|
34
|
+
"uix-warning-bg": "var(--uix-warning-bg)",
|
|
35
|
+
"uix-warning-text": "var(--uix-warning-text)",
|
|
36
|
+
"uix-info": "var(--uix-info)",
|
|
37
|
+
"uix-info-fg": "var(--uix-info-fg)",
|
|
38
|
+
"uix-info-bg": "var(--uix-info-bg)",
|
|
39
|
+
"uix-info-text": "var(--uix-info-text)",
|
|
40
|
+
"uix-danger": "var(--uix-danger)",
|
|
41
|
+
"uix-danger-fg": "var(--uix-danger-fg)",
|
|
42
|
+
"uix-danger-bg": "var(--uix-danger-bg)",
|
|
43
|
+
"uix-danger-text": "var(--uix-danger-text)",
|
|
44
|
+
"uix-success-solid": "var(--uix-success-solid)",
|
|
45
|
+
"uix-warning-solid": "var(--uix-warning-solid)",
|
|
46
|
+
"uix-info-solid": "var(--uix-info-solid)",
|
|
47
|
+
"uix-danger-solid": "var(--uix-danger-solid)",
|
|
48
|
+
"uix-chart-1": "var(--uix-chart-1)",
|
|
49
|
+
"uix-chart-2": "var(--uix-chart-2)",
|
|
50
|
+
"uix-chart-3": "var(--uix-chart-3)",
|
|
51
|
+
"uix-chart-4": "var(--uix-chart-4)",
|
|
52
|
+
"uix-chart-5": "var(--uix-chart-5)",
|
|
53
|
+
"uix-chart-6": "var(--uix-chart-6)",
|
|
54
|
+
"uix-chart-7": "var(--uix-chart-7)",
|
|
55
|
+
"uix-chart-8": "var(--uix-chart-8)",
|
|
56
|
+
"uix-chart-neutral": "var(--uix-chart-neutral)",
|
|
57
|
+
"uix-row": "var(--uix-row)",
|
|
58
|
+
"uix-row-alt": "var(--uix-row-alt)",
|
|
59
|
+
"uix-row-pinned-bg": "var(--uix-row-pinned-bg)",
|
|
60
|
+
"uix-scrollbar-thumb": "var(--uix-scrollbar-thumb)",
|
|
61
|
+
"uix-scrollbar-thumb-hover": "var(--uix-scrollbar-thumb-hover)",
|
|
62
|
+
"uix-scrollbar-track": "var(--uix-scrollbar-track)",
|
|
63
|
+
"uix-scrim": "var(--uix-scrim)",
|
|
64
|
+
"uix-scrim-strong": "var(--uix-scrim-strong)",
|
|
65
|
+
},
|
|
66
|
+
borderRadius: {
|
|
67
|
+
"uix-xs": "var(--uix-radius-xs)",
|
|
68
|
+
"uix-sm": "var(--uix-radius-sm)",
|
|
69
|
+
"uix-md": "var(--uix-radius-md)",
|
|
70
|
+
"uix-lg": "var(--uix-radius-lg)",
|
|
71
|
+
"uix-pill": "var(--uix-radius-pill)",
|
|
72
|
+
},
|
|
73
|
+
fontFamily: {
|
|
74
|
+
"uix-sans": "var(--uix-font-sans)",
|
|
75
|
+
"uix-heading": "var(--uix-font-heading)",
|
|
76
|
+
"uix-mono": "var(--uix-font-mono)",
|
|
77
|
+
},
|
|
78
|
+
},
|
|
79
|
+
},
|
|
80
|
+
};
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
/* GENERATED — do not edit. Tailwind v4 `@theme`. Import AFTER @tensor_1/tokens/css so the
|
|
2
|
+
--uix-* vars exist; values stay var() so brand + dark cascade through (e.g. `bg-uix-accent`). */
|
|
3
|
+
@theme {
|
|
4
|
+
--color-uix-bg-app: var(--uix-bg-app);
|
|
5
|
+
--color-uix-bg-subtle: var(--uix-bg-subtle);
|
|
6
|
+
--color-uix-bg-hover: var(--uix-bg-hover);
|
|
7
|
+
--color-uix-bg-active: var(--uix-bg-active);
|
|
8
|
+
--color-uix-surface: var(--uix-surface);
|
|
9
|
+
--color-uix-surface-2: var(--uix-surface-2);
|
|
10
|
+
--color-uix-surface-3: var(--uix-surface-3);
|
|
11
|
+
--color-uix-border: var(--uix-border);
|
|
12
|
+
--color-uix-border-strong: var(--uix-border-strong);
|
|
13
|
+
--color-uix-text: var(--uix-text);
|
|
14
|
+
--color-uix-text-hushed: var(--uix-text-hushed);
|
|
15
|
+
--color-uix-text-muted: var(--uix-text-muted);
|
|
16
|
+
--color-uix-text-reverse: var(--uix-text-reverse);
|
|
17
|
+
--color-uix-text-hushed-reverse: var(--uix-text-hushed-reverse);
|
|
18
|
+
--color-uix-accent: var(--uix-accent);
|
|
19
|
+
--color-uix-accent-dark: var(--uix-accent-dark);
|
|
20
|
+
--color-uix-accent-light: var(--uix-accent-light);
|
|
21
|
+
--color-uix-accent-hover: var(--uix-accent-hover);
|
|
22
|
+
--color-uix-accent-fg: var(--uix-accent-fg);
|
|
23
|
+
--color-uix-link: var(--uix-link);
|
|
24
|
+
--color-uix-ring: var(--uix-ring);
|
|
25
|
+
--color-uix-brand-muted: var(--uix-brand-muted);
|
|
26
|
+
--color-uix-success: var(--uix-success);
|
|
27
|
+
--color-uix-success-fg: var(--uix-success-fg);
|
|
28
|
+
--color-uix-success-bg: var(--uix-success-bg);
|
|
29
|
+
--color-uix-warning: var(--uix-warning);
|
|
30
|
+
--color-uix-warning-fg: var(--uix-warning-fg);
|
|
31
|
+
--color-uix-warning-bg: var(--uix-warning-bg);
|
|
32
|
+
--color-uix-warning-text: var(--uix-warning-text);
|
|
33
|
+
--color-uix-info: var(--uix-info);
|
|
34
|
+
--color-uix-info-fg: var(--uix-info-fg);
|
|
35
|
+
--color-uix-info-bg: var(--uix-info-bg);
|
|
36
|
+
--color-uix-info-text: var(--uix-info-text);
|
|
37
|
+
--color-uix-danger: var(--uix-danger);
|
|
38
|
+
--color-uix-danger-fg: var(--uix-danger-fg);
|
|
39
|
+
--color-uix-danger-bg: var(--uix-danger-bg);
|
|
40
|
+
--color-uix-danger-text: var(--uix-danger-text);
|
|
41
|
+
--color-uix-success-solid: var(--uix-success-solid);
|
|
42
|
+
--color-uix-warning-solid: var(--uix-warning-solid);
|
|
43
|
+
--color-uix-info-solid: var(--uix-info-solid);
|
|
44
|
+
--color-uix-danger-solid: var(--uix-danger-solid);
|
|
45
|
+
--color-uix-chart-1: var(--uix-chart-1);
|
|
46
|
+
--color-uix-chart-2: var(--uix-chart-2);
|
|
47
|
+
--color-uix-chart-3: var(--uix-chart-3);
|
|
48
|
+
--color-uix-chart-4: var(--uix-chart-4);
|
|
49
|
+
--color-uix-chart-5: var(--uix-chart-5);
|
|
50
|
+
--color-uix-chart-6: var(--uix-chart-6);
|
|
51
|
+
--color-uix-chart-7: var(--uix-chart-7);
|
|
52
|
+
--color-uix-chart-8: var(--uix-chart-8);
|
|
53
|
+
--color-uix-chart-neutral: var(--uix-chart-neutral);
|
|
54
|
+
--color-uix-row: var(--uix-row);
|
|
55
|
+
--color-uix-row-alt: var(--uix-row-alt);
|
|
56
|
+
--color-uix-row-pinned-bg: var(--uix-row-pinned-bg);
|
|
57
|
+
--color-uix-scrollbar-thumb: var(--uix-scrollbar-thumb);
|
|
58
|
+
--color-uix-scrollbar-thumb-hover: var(--uix-scrollbar-thumb-hover);
|
|
59
|
+
--color-uix-scrollbar-track: var(--uix-scrollbar-track);
|
|
60
|
+
--color-uix-scrim: var(--uix-scrim);
|
|
61
|
+
--color-uix-scrim-strong: var(--uix-scrim-strong);
|
|
62
|
+
|
|
63
|
+
--radius-uix-xs: var(--uix-radius-xs);
|
|
64
|
+
--radius-uix-sm: var(--uix-radius-sm);
|
|
65
|
+
--radius-uix-md: var(--uix-radius-md);
|
|
66
|
+
--radius-uix-lg: var(--uix-radius-lg);
|
|
67
|
+
--radius-uix-pill: var(--uix-radius-pill);
|
|
68
|
+
|
|
69
|
+
--font-uix-sans: var(--uix-font-sans);
|
|
70
|
+
--font-uix-heading: var(--uix-font-heading);
|
|
71
|
+
--font-uix-mono: var(--uix-font-mono);
|
|
72
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/* GENERATED — do not edit. */
|
|
2
|
+
export type UixTokenName = "bg-app" | "bg-subtle" | "bg-hover" | "bg-active" | "surface" | "surface-2" | "surface-3" | "border" | "border-strong" | "text" | "text-hushed" | "text-muted" | "text-reverse" | "text-hushed-reverse" | "accent" | "accent-dark" | "accent-light" | "accent-hover" | "accent-fg" | "link" | "ring" | "brand-muted" | "success" | "success-fg" | "success-bg" | "warning" | "warning-fg" | "warning-bg" | "warning-text" | "info" | "info-fg" | "info-bg" | "info-text" | "danger" | "danger-fg" | "danger-bg" | "danger-text" | "success-solid" | "warning-solid" | "info-solid" | "danger-solid" | "chart-1" | "chart-2" | "chart-3" | "chart-4" | "chart-5" | "chart-6" | "chart-7" | "chart-8" | "chart-neutral" | "row" | "row-alt" | "row-pinned-bg" | "scrollbar-thumb" | "scrollbar-thumb-hover" | "scrollbar-track" | "scrim" | "scrim-strong" | "shadow-sm" | "shadow-popover" | "shadow-overlay" | "highlight-top" | "ease-out" | "ease-out-strong" | "ease-in" | "ease-in-out" | "ease-spring" | "dur-fast" | "dur" | "dur-slow" | "dur-slower" | "lift" | "z-raised" | "z-sticky" | "z-dropdown" | "z-overlay" | "z-tooltip" | "z-toast" | "radius-xs" | "radius-sm" | "radius-md" | "radius-lg" | "radius-pill" | "row-h" | "row-h-compact" | "row-h-comfortable" | "control-h" | "sidebar-w" | "topbar-h" | "scrollbar-size" | "icon-sm" | "icon-md" | "icon-lg" | "peek-w" | "space-0" | "space-1" | "space-2" | "space-3" | "space-4" | "space-5" | "space-6" | "space-7" | "space-8" | "space-9" | "space-10" | "space-11" | "space-12" | "font-sans" | "font-heading" | "font-mono" | "text-display" | "leading-display" | "text-data-hero" | "leading-data-hero" | "text-h2" | "leading-h2" | "text-h3" | "leading-h3" | "text-body" | "leading-body" | "text-meta" | "leading-meta" | "text-eyebrow" | "leading-eyebrow" | "tracking-tight" | "tracking-eyebrow";
|
|
3
|
+
export declare const cssVar: Record<UixTokenName, string>;
|
|
4
|
+
export declare const light: Record<UixTokenName, string>;
|
|
5
|
+
export declare const dark: Partial<Record<UixTokenName, string>>;
|
|
6
|
+
export declare const num: Partial<Record<UixTokenName, number>>;
|