@dataengineeringformachinelearning/viking-ui 4.0.6 → 4.1.1

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.
@@ -1,320 +0,0 @@
1
- {
2
- "$schema": "./viking-tokens.schema.json",
3
- "meta": {
4
- "name": "viking-ui",
5
- "version": "2.1.0",
6
- "description": "Canonical DEML design tokens — single source of truth for primitives, semantic aliases, and component foundations",
7
- "canonicalScss": "../styles/_variables.scss",
8
- "documentation": "../../../THEME.md"
9
- },
10
- "color": {
11
- "navy": {
12
- "1000": "#01030a",
13
- "950": "#030818",
14
- "900": "#0a1024",
15
- "800": "#101b33",
16
- "700": "#162544",
17
- "600": "#1e3054",
18
- "500": "#284068",
19
- "400": "#39547f",
20
- "300": "#58719e",
21
- "200": "#8fa2c2",
22
- "100": "#d7e0ef"
23
- },
24
- "charcoal": {
25
- "950": "{color.navy.950}",
26
- "900": "{color.navy.900}",
27
- "800": "{color.navy.800}",
28
- "700": "{color.navy.700}",
29
- "600": "{color.navy.600}",
30
- "500": "{color.navy.500}",
31
- "400": "{color.navy.400}",
32
- "300": "{color.navy.300}",
33
- "200": "{color.navy.200}",
34
- "100": "{color.navy.100}"
35
- },
36
- "electric": {
37
- "900": "#04225f",
38
- "800": "#073a99",
39
- "700": "#0a4fd4",
40
- "600": "#1565f0",
41
- "500": "#2176ff",
42
- "400": "#4d94ff",
43
- "300": "#7ab0ff",
44
- "200": "#b6d3ff",
45
- "100": "#e7f1ff"
46
- },
47
- "metallic": {
48
- "600": "#555555",
49
- "500": "#666666",
50
- "400": "#777777",
51
- "300": "#999999",
52
- "200": "#aaaaaa",
53
- "100": "#bbbbbb",
54
- "050": "#e6e8ec"
55
- },
56
- "teal": {
57
- "700": "{color.electric.700}",
58
- "600": "{color.electric.600}",
59
- "500": "{color.electric.500}",
60
- "400": "{color.electric.400}",
61
- "300": "{color.electric.300}"
62
- },
63
- "crimson": {
64
- "700": "#7a2231",
65
- "600": "#922b3e",
66
- "500": "#a83344",
67
- "400": "#c44355",
68
- "300": "#dc6b78",
69
- "100": "#fde8ec"
70
- },
71
- "cyan": { "600": "#168aad", "500": "#1fa2c9", "400": "#47bee0" },
72
- "violet": { "600": "#6f5bd7", "500": "#8674f0" },
73
- "amber": { "600": "#a77912", "500": "#d69e2e" },
74
- "green": { "500": "#2a9d8f" },
75
- "gold": { "500": "#c4a035" },
76
- "blue": { "500": "{color.electric.400}" },
77
- "red": { "500": "{color.crimson.500}" },
78
- "ink": {
79
- "1000": "#000000",
80
- "950": "#050609",
81
- "900": "#0c0f14",
82
- "800": "#151a22",
83
- "700": "#202735"
84
- },
85
- "slate": { "100": "#f4f7fb", "050": "#fbfcfe" },
86
- "white": "#f5f5f5",
87
- "whitePure": "#ffffff",
88
- "black": "#000000"
89
- },
90
- "series": {
91
- "1": {
92
- "hex": "#2176ff",
93
- "token": "--viking-series-1",
94
- "role": "Primary series, default selection"
95
- },
96
- "2": {
97
- "hex": "#922b3e",
98
- "token": "--viking-series-2",
99
- "role": "Secondary / comparison series"
100
- },
101
- "3": {
102
- "hex": "#2a9d8f",
103
- "token": "--viking-series-3",
104
- "role": "Success / stable metrics"
105
- },
106
- "4": {
107
- "hex": "#c4a035",
108
- "token": "--viking-series-4",
109
- "role": "Warning / threshold proximity"
110
- },
111
- "5": {
112
- "hex": "#a83344",
113
- "token": "--viking-series-5",
114
- "role": "Critical / anomaly series"
115
- },
116
- "6": {
117
- "hex": "#4d94ff",
118
- "token": "--viking-series-6",
119
- "role": "Info / auxiliary series"
120
- },
121
- "7": {
122
- "hex": "#162544",
123
- "token": "--viking-series-7",
124
- "role": "Baseline / muted series"
125
- },
126
- "8": {
127
- "hex": "#666666",
128
- "token": "--viking-series-8",
129
- "role": "Disabled / archived series"
130
- },
131
- "default": "#2176ff"
132
- },
133
- "semantic": {
134
- "dark": {
135
- "bg": "navy.900",
136
- "bgSubtle": "ink.950",
137
- "surface": "navy.800",
138
- "surfaceAlt": "navy.700",
139
- "surfaceInset": "navy.950",
140
- "surfaceRaised": "navy.600",
141
- "surfaceOverlay": "ink.800",
142
- "text": "white",
143
- "textMuted": "metallic.200",
144
- "textSubtle": "metallic.300",
145
- "textDisabled": "metallic.400",
146
- "textLink": "electric.300",
147
- "accent": "electric.500",
148
- "accentHover": "electric.400",
149
- "accentActive": "electric.700",
150
- "accentSoft": "color-mix(in srgb, #2176ff 18%, transparent)",
151
- "accentSecondary": "crimson.600",
152
- "success": "green.500",
153
- "warning": "gold.500",
154
- "danger": "crimson.500",
155
- "info": "blue.500",
156
- "ring": "electric.400"
157
- },
158
- "light": {
159
- "bg": "slate.050",
160
- "bgSubtle": "slate.100",
161
- "surface": "whitePure",
162
- "surfaceAlt": "slate.100",
163
- "surfaceInset": "metallic.050",
164
- "surfaceRaised": "whitePure",
165
- "surfaceOverlay": "whitePure",
166
- "text": "navy.900",
167
- "textMuted": "metallic.500",
168
- "textSubtle": "metallic.400",
169
- "textDisabled": "metallic.300",
170
- "textLink": "electric.700",
171
- "accent": "electric.600",
172
- "accentHover": "electric.500",
173
- "accentActive": "electric.700",
174
- "accentSoft": "color-mix(in srgb, #1565f0 14%, transparent)",
175
- "accentSecondary": "crimson.700",
176
- "success": "green.500",
177
- "warning": "gold.500",
178
- "danger": "crimson.500",
179
- "info": "blue.500",
180
- "ring": "electric.500"
181
- }
182
- },
183
- "typography": {
184
- "fontFamily": {
185
- "sans": "'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
186
- "mono": "ui-monospace, 'JetBrains Mono', 'SF Mono', 'Cascadia Code', Consolas, monospace"
187
- },
188
- "fontSize": {
189
- "2xs": "11px",
190
- "xs": "12px",
191
- "sm": "14px",
192
- "base": "16px",
193
- "md": "18px",
194
- "lg": "20px",
195
- "xl": "24px",
196
- "2xl": "30px",
197
- "3xl": "36px",
198
- "4xl": "48px",
199
- "5xl": "60px",
200
- "6xl": "72px"
201
- },
202
- "fontWeight": {
203
- "regular": 400,
204
- "medium": 500,
205
- "semibold": 600,
206
- "bold": 700,
207
- "extrabold": 800
208
- },
209
- "lineHeight": {
210
- "tight": 1.25,
211
- "snug": 1.375,
212
- "normal": 1.5,
213
- "relaxed": 1.625,
214
- "loose": 1.75
215
- },
216
- "letterSpacing": {
217
- "tighter": "-0.03em",
218
- "tight": "-0.02em",
219
- "normal": "0",
220
- "wide": "0.025em",
221
- "wider": "0.05em",
222
- "caps": "0.08em"
223
- }
224
- },
225
- "spacing": {
226
- "gridUnit": "4px",
227
- "spaceUnit": "8px",
228
- "0": "0",
229
- "px": "1px",
230
- "half": "4px",
231
- "0.5": "4px",
232
- "1": "8px",
233
- "1.5": "12px",
234
- "2": "16px",
235
- "2.5": "20px",
236
- "3": "24px",
237
- "4": "32px",
238
- "5": "40px",
239
- "6": "48px",
240
- "7": "56px",
241
- "8": "64px",
242
- "8.5": "72px",
243
- "9": "80px",
244
- "10": "96px",
245
- "11": "112px",
246
- "12": "128px",
247
- "14": "160px",
248
- "16": "192px",
249
- "20": "256px",
250
- "24": "320px"
251
- },
252
- "radius": {
253
- "xs": "4px",
254
- "sm": "6px",
255
- "DEFAULT": "8px",
256
- "md": "10px",
257
- "lg": "12px",
258
- "xl": "16px",
259
- "2xl": "24px",
260
- "pill": "999px",
261
- "full": "999px"
262
- },
263
- "shadow": {
264
- "xs": "0 1px 2px rgba(0, 0, 0, 0.2)",
265
- "sm": "0 1px 2px rgba(0,0,0,0.18), 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.04)",
266
- "md": "0 2px 4px rgba(0,0,0,0.16), 0 4px 8px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.05)",
267
- "lg": "0 4px 8px rgba(0,0,0,0.14), 0 12px 24px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.06)",
268
- "inner": "inset 0 1px 2px rgba(0, 0, 0, 0.14)",
269
- "hover": "0 8px 16px rgba(0,0,0,0.14), 0 4px 8px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.06)",
270
- "focus": "0 0 0 var(--viking-ring-offset) var(--viking-bg), 0 0 0 calc(var(--viking-ring-offset) + var(--viking-ring-width)) var(--viking-ring)",
271
- "surfaceHighlight": "inset 0 1px 0 rgba(255,255,255,0.06)"
272
- },
273
- "motion": {
274
- "ease": {
275
- "default": "cubic-bezier(0.4, 0, 0.2, 1)",
276
- "in": "cubic-bezier(0.4, 0, 1, 1)",
277
- "out": "cubic-bezier(0, 0, 0.2, 1)",
278
- "emphasized": "cubic-bezier(0.2, 0, 0, 1)"
279
- },
280
- "duration": {
281
- "instant": "75ms",
282
- "fast": "150ms",
283
- "DEFAULT": "250ms",
284
- "slow": "350ms",
285
- "slower": "500ms"
286
- },
287
- "state": {
288
- "hoverLift": "-1px",
289
- "activeScale": "0.985",
290
- "disabledOpacity": "0.48"
291
- }
292
- },
293
- "layout": {
294
- "containerMaxWidth": "1260px",
295
- "navbarHeight": "64px",
296
- "sidebarWidth": "256px",
297
- "controlHeight": "40px",
298
- "controlHeightSm": "32px",
299
- "controlHeightXs": "24px",
300
- "btnMinWidth": "120px",
301
- "touchTargetMin": "44px",
302
- "pageGutter": "24px",
303
- "pageGutterLg": "32px",
304
- "pageStackGap": "32px",
305
- "pageSectionGap": "48px",
306
- "cardPadding": "32px",
307
- "cardPaddingCompact": "24px",
308
- "cardContentGap": "24px",
309
- "cardContentGapCompact": "16px",
310
- "panelPadding": "32px",
311
- "formMaxWidth": "42rem",
312
- "formNarrowMaxWidth": "28rem",
313
- "contentReadableMaxWidth": "48rem"
314
- },
315
- "zIndex": {
316
- "overlay": 1000,
317
- "toast": 1100,
318
- "tooltip": 1200
319
- }
320
- }