@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,59 @@
|
|
|
1
|
+
{
|
|
2
|
+
"bg-app": { "$type": "color", "$value": "#0A0A0A" },
|
|
3
|
+
"bg-subtle": { "$type": "color", "$value": "#171717" },
|
|
4
|
+
"bg-hover": { "$type": "color", "$value": "#1F1F1F" },
|
|
5
|
+
"bg-active": { "$type": "color", "$value": "#262626" },
|
|
6
|
+
"surface": { "$type": "color", "$value": "#111111" },
|
|
7
|
+
"surface-2": { "$type": "color", "$value": "#171717" },
|
|
8
|
+
"surface-3": { "$type": "color", "$value": "#262626" },
|
|
9
|
+
"border": { "$type": "color", "$value": "rgba(255,255,255,.08)" },
|
|
10
|
+
"border-strong": { "$type": "color", "$value": "rgba(255,255,255,.14)" },
|
|
11
|
+
|
|
12
|
+
"text": { "$type": "color", "$value": "#FAFAFA" },
|
|
13
|
+
"text-hushed": { "$type": "color", "$value": "rgba(250,250,250,.64)" },
|
|
14
|
+
"text-muted": { "$type": "color", "$value": "#A1A1A1" },
|
|
15
|
+
|
|
16
|
+
"accent": { "$type": "color", "$value": "var(--uix-brand,#2563EB)" },
|
|
17
|
+
"accent-hover": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-accent) 82%, #FFFFFF)", "$description": "On dark, primary-button hover LIGHTENS the accent (the light-theme value darkens). Tracks the live brand override." },
|
|
18
|
+
"link": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-brand,#5B8DEF) 70%, #FFFFFF)", "$description": "Brightened on dark so links read clearly as links and stay distinct from the solid accent button background." },
|
|
19
|
+
"ring": { "$type": "color", "$value": "var(--uix-brand,#3080FF)" },
|
|
20
|
+
"brand-muted": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-accent) 16%, transparent)" },
|
|
21
|
+
|
|
22
|
+
"success": { "$type": "color", "$value": "#00D294" },
|
|
23
|
+
"success-fg": { "$type": "color", "$value": "#002C22" },
|
|
24
|
+
"success-bg": { "$type": "color", "$value": "rgba(0,210,148,.15)" },
|
|
25
|
+
"warning": { "$type": "color", "$value": "#FCBB00" },
|
|
26
|
+
"warning-fg": { "$type": "color", "$value": "#1A1A1A" },
|
|
27
|
+
"warning-bg": { "$type": "color", "$value": "rgba(249,156,0,.16)" },
|
|
28
|
+
"warning-text": { "$type": "color", "$value": "var(--uix-warning,#FCBB00)", "$description": "On dark the faint bg is dark enough that the bright warning hue reads as text — track --uix-warning live (fallback to the dark warning value)." },
|
|
29
|
+
"info": { "$type": "color", "$value": "#2563EB" },
|
|
30
|
+
"info-fg": { "$type": "color", "$value": "#FFFFFF" },
|
|
31
|
+
"info-bg": { "$type": "color", "$value": "rgba(48,128,255,.16)" },
|
|
32
|
+
"info-text": { "$type": "color", "$value": "#60A5FA", "$description": "On dark, the deep --uix-info #2563EB fails as text on the faint info tint — brightened so info pill/alert/node text reads AA." },
|
|
33
|
+
"danger": { "$type": "color", "$value": "#DC2626" },
|
|
34
|
+
"danger-fg": { "$type": "color", "$value": "#FFFFFF" },
|
|
35
|
+
"danger-bg": { "$type": "color", "$value": "rgba(220,38,38,.20)" },
|
|
36
|
+
"danger-text": { "$type": "color", "$value": "#F87171", "$description": "On dark, the deep --uix-danger #DC2626 fails as text on the faint danger tint and on plain surfaces — brightened so pill/field-error/stat-trend/menu/node/audit text reads AA. --uix-danger stays the solid critical-pill / button bg (with white --uix-danger-fg)." },
|
|
37
|
+
|
|
38
|
+
"success-solid": { "$type": "color", "$value": "#34D399" },
|
|
39
|
+
"warning-solid": { "$type": "color", "$value": "#FBBF24" },
|
|
40
|
+
"info-solid": { "$type": "color", "$value": "#3B82F6" },
|
|
41
|
+
"danger-solid": { "$type": "color", "$value": "#F87171" },
|
|
42
|
+
|
|
43
|
+
"chart-1": { "$type": "color", "$value": "#3080FF" },
|
|
44
|
+
"chart-2": { "$type": "color", "$value": "#00C2B0" },
|
|
45
|
+
"chart-3": { "$type": "color", "$value": "#00D294" },
|
|
46
|
+
"chart-4": { "$type": "color", "$value": "#FCBB00" },
|
|
47
|
+
"chart-5": { "$type": "color", "$value": "#FF8B1A" },
|
|
48
|
+
"chart-6": { "$type": "color", "$value": "#FF6568" },
|
|
49
|
+
"chart-7": { "$type": "color", "$value": "#A685FF" },
|
|
50
|
+
"chart-8": { "$type": "color", "$value": "#FF667F" },
|
|
51
|
+
"chart-neutral": { "$type": "color", "$value": "#A1A1A1" },
|
|
52
|
+
|
|
53
|
+
"row": { "$type": "color", "$value": "#111111" },
|
|
54
|
+
"row-alt": { "$type": "color", "$value": "#161616" },
|
|
55
|
+
"row-pinned-bg": { "$type": "color", "$value": "rgba(48,128,255,.08)" },
|
|
56
|
+
|
|
57
|
+
"scrollbar-thumb": { "$type": "color", "$value": "rgba(255,255,255,.18)" },
|
|
58
|
+
"scrollbar-thumb-hover": { "$type": "color", "$value": "rgba(255,255,255,.30)" }
|
|
59
|
+
}
|