@tensor_1/tokens 2.55.3 → 2.57.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 +1 -1
- package/build/css/styles.css +1 -1
- package/build/css/tokens.css +147 -54
- package/build/tailwind/preset.cjs +43 -0
- package/build/tailwind/theme.css +43 -0
- package/build/ts/tokens.d.ts +1 -1
- package/build/ts/tokens.js +199 -54
- package/package.json +1 -1
- package/styles/components/arrive.css +67 -0
- package/styles/components/chart-card.css +87 -0
- package/styles/components/file-kit.css +155 -0
- package/styles/components/flow.css +4 -8
- package/styles/components/heartbeat.css +6 -19
- package/styles/components/meter.css +12 -0
- package/styles/components/status-pill.css +34 -2
- package/tokens/base/color.json +74 -30
- package/tokens/base/effect.json +9 -0
- package/tokens/dark/color.json +69 -26
package/tokens/dark/color.json
CHANGED
|
@@ -20,24 +20,24 @@
|
|
|
20
20
|
"ring": { "$type": "color", "$value": "var(--uix-brand,#3080FF)" },
|
|
21
21
|
"brand-muted": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-accent) 16%, transparent)" },
|
|
22
22
|
|
|
23
|
-
"success": { "$type": "color", "$value": "#
|
|
23
|
+
"success": { "$type": "color", "$value": "#5DB887", "$description": "Calibrated (HAR-1562, calm kit 2.56): dark status TEXT tokens share one lightness band (OKLCH L 74-80%, C <= 0.10) near --uix-text-hushed, SOLIDS C <= 0.14, tints = solid at 12% alpha. Dark --uix-success is the fill/dot (dark --uix-success-fg on it, 6.3:1); text is --uix-success-text." },
|
|
24
24
|
"success-fg": { "$type": "color", "$value": "#002C22" },
|
|
25
|
-
"success-bg": { "$type": "color", "$value": "rgba(
|
|
25
|
+
"success-bg": { "$type": "color", "$value": "rgba(93,184,135,.12)" },
|
|
26
26
|
"success-text": { "$type": "color", "$value": "#7CC79F", "$description": "Success-toned TEXT on dark: 9.5:1 on --uix-surface, 8.0:1 on its own tint." },
|
|
27
|
-
"warning": { "$type": "color", "$value": "#
|
|
27
|
+
"warning": { "$type": "color", "$value": "#D9B571", "$description": "On dark --uix-warning carries the calibrated warning TEXT value, because --uix-warning-text chains to it (var(--uix-warning,...)) and that chain is part of the contract. The fill/dot role is --uix-warning-solid. Calm kit (2.56): C 0.096." },
|
|
28
28
|
"warning-fg": { "$type": "color", "$value": "#1A1A1A" },
|
|
29
|
-
"warning-bg": { "$type": "color", "$value": "rgba(217,
|
|
30
|
-
"warning-border": { "$type": "color", "$value": "#
|
|
31
|
-
"warning-text": { "$type": "color", "$value": "var(--uix-warning,#
|
|
32
|
-
"info": { "$type": "color", "$value": "#2563EB" },
|
|
29
|
+
"warning-bg": { "$type": "color", "$value": "rgba(217,168,74,.12)" },
|
|
30
|
+
"warning-border": { "$type": "color", "$value": "#B48C3E", "$description": "On dark, a deeper amber than the warning text so the outline reads as a tone rather than a highlight; 6.1:1 on --uix-surface #111111 (calm kit 2.56, was #CA8A04)." },
|
|
31
|
+
"warning-text": { "$type": "color", "$value": "var(--uix-warning,#D9B571)", "$description": "On dark, warning text tracks --uix-warning live (fallback to the dark warning value: 9.7:1 on --uix-surface, 8.0:1 on its own tint)." },
|
|
32
|
+
"info": { "$type": "color", "$value": "#3D5CC8", "$description": "The dark info FILL with white --uix-info-fg on it: 5.9:1 (calm kit 2.56, was #2563EB, C 0.2). Text is --uix-info-text." },
|
|
33
33
|
"info-fg": { "$type": "color", "$value": "#FFFFFF" },
|
|
34
|
-
"info-bg": { "$type": "color", "$value": "rgba(
|
|
35
|
-
"info-text": { "$type": "color", "$value": "#
|
|
36
|
-
"danger": { "$type": "color", "$value": "#
|
|
34
|
+
"info-bg": { "$type": "color", "$value": "rgba(120,144,230,.12)" },
|
|
35
|
+
"info-text": { "$type": "color", "$value": "#97AEEC", "$description": "On dark, info TEXT in the calibrated band: 8.6:1 on --uix-surface, 7.4:1 on its own tint (calm kit 2.56)." },
|
|
36
|
+
"danger": { "$type": "color", "$value": "#B4444A", "$description": "The dark danger FILL (destructive button, solid critical pill) with white --uix-danger-fg on it: 5.4:1. Calm kit (2.56): C 0.146, was #BE3A41." },
|
|
37
37
|
"danger-fg": { "$type": "color", "$value": "#FFFFFF" },
|
|
38
|
-
"danger-bg": { "$type": "color", "$value": "rgba(218,108,
|
|
39
|
-
"danger-border": { "$type": "color", "$value": "#
|
|
40
|
-
"danger-text": { "$type": "color", "$value": "#
|
|
38
|
+
"danger-bg": { "$type": "color", "$value": "rgba(218,108,100,.12)" },
|
|
39
|
+
"danger-border": { "$type": "color", "$value": "#DA6C64", "$description": "On dark, the danger dot as an outline; 5.7:1 on --uix-surface #111111." },
|
|
40
|
+
"danger-text": { "$type": "color", "$value": "#E4958F", "$description": "On dark, danger-toned TEXT for pill/field-error/stat-trend/menu/node/audit and StatusDot critical. Calibrated band (L 74.8 %, C 0.096): 8.1:1 on --uix-surface, 7.1:1 on its own tint. --uix-danger stays the fill (with white --uix-danger-fg)." },
|
|
41
41
|
"amber": { "$type": "color", "$value": "#E6B25C", "$description": "SEV-3 tone lightened for dark surfaces (the light-mode ochre #C98A1E is too dark on dark)." },
|
|
42
42
|
"amber-text": { "$type": "color", "$value": "#DDB370", "$description": "On dark, amber TEXT in the calibrated status-text band (HAR-1562: C <= 0.10; the old #E6B25C was C 0.12)." },
|
|
43
43
|
"amber-bg": { "$type": "color", "$value": "rgba(201,138,30,.14)" },
|
|
@@ -52,31 +52,74 @@
|
|
|
52
52
|
"overdue-text": { "$type": "color", "$value": "#E89D9F", "$description": "On dark, overdue TEXT: 8.8:1 on --uix-surface, reads AA on the faint overdue-bg." },
|
|
53
53
|
"overdue-solid": { "$type": "color", "$value": "#DA6C6C" },
|
|
54
54
|
|
|
55
|
-
"success-solid": { "$type": "color", "$value": "#
|
|
56
|
-
"warning-solid": { "$type": "color", "$value": "#
|
|
57
|
-
"info-solid": { "$type": "color", "$value": "#
|
|
58
|
-
"danger-solid": { "$type": "color", "$value": "#
|
|
55
|
+
"success-solid": { "$type": "color", "$value": "#5DB887" },
|
|
56
|
+
"warning-solid": { "$type": "color", "$value": "#D9A84A" },
|
|
57
|
+
"info-solid": { "$type": "color", "$value": "#7890E6" },
|
|
58
|
+
"danger-solid": { "$type": "color", "$value": "#DA6C64" },
|
|
59
59
|
"neutral-solid": { "$type": "color", "$value": "#868686", "$description": "Dark neutral status solid (dot/fill): 5.2:1 on --uix-surface." },
|
|
60
60
|
|
|
61
|
-
"chart-1": { "$type": "color", "$value": "#3280FC", "$description": "Categorical palette, dark: the same
|
|
62
|
-
"chart-2": { "$type": "color", "$value": "#
|
|
63
|
-
"chart-3": { "$type": "color", "$value": "#
|
|
64
|
-
"chart-4": { "$type": "color", "$value": "#
|
|
65
|
-
"chart-5": { "$type": "color", "$value": "#
|
|
66
|
-
"chart-6": { "$type": "color", "$value": "#
|
|
67
|
-
"chart-7": { "$type": "color", "$value": "#
|
|
68
|
-
"chart-8": { "$type": "color", "$value": "#
|
|
61
|
+
"chart-1": { "$type": "color", "$value": "#3280FC", "$description": "Categorical palette v2, dark (calm kit 2.56): the same order as light (series blue, teal, violet, then green, plum, olive, cyan, moss), stepped for the dark band (L 0.48-0.67); chart-1 stays the dark brand blue #3280FC, and chart-3/chart-7 are stepped off it so it stands apart from every slot; validated against --uix-surface #111111 and --uix-bg-app." },
|
|
62
|
+
"chart-2": { "$type": "color", "$value": "#22A093" },
|
|
63
|
+
"chart-3": { "$type": "color", "$value": "#A580CF" },
|
|
64
|
+
"chart-4": { "$type": "color", "$value": "#4E9F62" },
|
|
65
|
+
"chart-5": { "$type": "color", "$value": "#C474AC" },
|
|
66
|
+
"chart-6": { "$type": "color", "$value": "#93993A" },
|
|
67
|
+
"chart-7": { "$type": "color", "$value": "#0A819D" },
|
|
68
|
+
"chart-8": { "$type": "color", "$value": "#6E9147" },
|
|
69
|
+
"chart-series-soft": { "$type": "color", "$value": "rgba(50,128,252,.18)" },
|
|
69
70
|
"chart-neutral": { "$type": "color", "$value": "#A1A1A1" },
|
|
70
71
|
"chart-grid": { "$type": "color", "$value": "#232323" },
|
|
71
72
|
"chart-axis": { "$type": "color", "$value": "#3A3A3A" },
|
|
72
73
|
"chart-reference": { "$type": "color", "$value": "#B3B3B3" },
|
|
73
74
|
"chart-zone-warning": { "$type": "color", "$value": "rgba(217,164,64,.10)" },
|
|
74
|
-
"chart-zone-danger": { "$type": "color", "$value": "rgba(218,108,
|
|
75
|
+
"chart-zone-danger": { "$type": "color", "$value": "rgba(218,108,100,.10)" },
|
|
75
76
|
"chart-forecast-band": { "$type": "color", "$value": "rgba(250,250,250,.06)" },
|
|
76
77
|
"chart-event": { "$type": "color", "$value": "#8C8C8C" },
|
|
77
78
|
"chart-partial": { "$type": "color", "$value": "rgba(250,250,250,.12)" },
|
|
78
79
|
"chart-comparison": { "$type": "color", "$value": "#5C5C5C" },
|
|
79
80
|
|
|
81
|
+
"file-img": { "$type": "color", "$value": "#A58FE6" },
|
|
82
|
+
"file-img-soft": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-img) 15%, transparent)" },
|
|
83
|
+
"file-img-strong": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-img) 26%, transparent)" },
|
|
84
|
+
"file-img-edge": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-img) 32%, var(--uix-border))" },
|
|
85
|
+
"file-img-label": { "$type": "color", "$value": "var(--uix-file-img)" },
|
|
86
|
+
"file-doc": { "$type": "color", "$value": "#CF7FB6" },
|
|
87
|
+
"file-doc-soft": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-doc) 15%, transparent)" },
|
|
88
|
+
"file-doc-strong": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-doc) 26%, transparent)" },
|
|
89
|
+
"file-doc-edge": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-doc) 32%, var(--uix-border))" },
|
|
90
|
+
"file-doc-label": { "$type": "color", "$value": "var(--uix-file-doc)" },
|
|
91
|
+
"file-sheet": { "$type": "color", "$value": "#5DB07A" },
|
|
92
|
+
"file-sheet-soft": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-sheet) 15%, transparent)" },
|
|
93
|
+
"file-sheet-strong": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-sheet) 26%, transparent)" },
|
|
94
|
+
"file-sheet-edge": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-sheet) 32%, var(--uix-border))" },
|
|
95
|
+
"file-sheet-label": { "$type": "color", "$value": "var(--uix-file-sheet)" },
|
|
96
|
+
"file-mail": { "$type": "color", "$value": "#55A9D9" },
|
|
97
|
+
"file-mail-soft": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-mail) 15%, transparent)" },
|
|
98
|
+
"file-mail-strong": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-mail) 26%, transparent)" },
|
|
99
|
+
"file-mail-edge": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-mail) 32%, var(--uix-border))" },
|
|
100
|
+
"file-mail-label": { "$type": "color", "$value": "var(--uix-file-mail)" },
|
|
101
|
+
"file-code": { "$type": "color", "$value": "#3DB5A7" },
|
|
102
|
+
"file-code-soft": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-code) 15%, transparent)" },
|
|
103
|
+
"file-code-strong": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-code) 26%, transparent)" },
|
|
104
|
+
"file-code-edge": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-code) 32%, var(--uix-border))" },
|
|
105
|
+
"file-code-label": { "$type": "color", "$value": "var(--uix-file-code)" },
|
|
106
|
+
"file-log": { "$type": "color", "$value": "#A3AE4C" },
|
|
107
|
+
"file-log-soft": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-log) 15%, transparent)" },
|
|
108
|
+
"file-log-strong": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-log) 26%, transparent)" },
|
|
109
|
+
"file-log-edge": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-log) 32%, var(--uix-border))" },
|
|
110
|
+
"file-log-label": { "$type": "color", "$value": "var(--uix-file-log)" },
|
|
111
|
+
"file-archive": { "$type": "color", "$value": "#B0A08A" },
|
|
112
|
+
"file-archive-soft": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-archive) 15%, transparent)" },
|
|
113
|
+
"file-archive-strong": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-archive) 26%, transparent)" },
|
|
114
|
+
"file-archive-edge": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-archive) 32%, var(--uix-border))" },
|
|
115
|
+
"file-archive-label": { "$type": "color", "$value": "var(--uix-file-archive)" },
|
|
116
|
+
"file-other": { "$type": "color", "$value": "#8C8C8C" },
|
|
117
|
+
"file-other-soft": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-other) 15%, transparent)" },
|
|
118
|
+
"file-other-strong": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-other) 26%, transparent)" },
|
|
119
|
+
"file-other-edge": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-file-other) 32%, var(--uix-border))" },
|
|
120
|
+
"file-other-label": { "$type": "color", "$value": "var(--uix-file-other)" },
|
|
121
|
+
"file-label-fg": { "$type": "color", "$value": "#0A0A0A" },
|
|
122
|
+
|
|
80
123
|
"row": { "$type": "color", "$value": "#111111" },
|
|
81
124
|
"row-alt": { "$type": "color", "$value": "#161616" },
|
|
82
125
|
"row-pinned-bg": { "$type": "color", "$value": "rgba(48,128,255,.08)" },
|