@dataengineeringformachinelearning/viking-ui 4.1.1 → 4.1.3
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/LICENSE +201 -0
- package/dist/README.md +277 -0
- package/dist/deml-components.css +1145 -0
- package/dist/design-tokens.css +903 -0
- package/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs +15120 -0
- package/dist/fesm2022/dataengineeringformachinelearning-viking-ui.mjs.map +1 -0
- package/dist/fonts/inter/InterVariable-Italic.woff2 +0 -0
- package/dist/fonts/inter/InterVariable.woff2 +0 -0
- package/dist/icons.js +306 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/package.json +119 -0
- package/dist/site-drakkar.js +229 -0
- package/dist/src/tokens/series-presets.ts +15 -0
- package/dist/src/tokens/tailwind.preset.js +209 -0
- package/dist/src/tokens/viking-tokens.json +320 -0
- package/dist/types/dataengineeringformachinelearning-viking-ui.d.ts +2859 -0
- package/dist/viking-components.css +2351 -0
- package/dist/viking-tokens.json +320 -0
- package/dist/viking-ui-elements.js +2425 -0
- package/dist/viking-ui.css +1 -0
- package/dist/viking.manifest.json +271 -0
- package/dist/web-components.js +5143 -0
- package/dist/widget.js +888 -0
- package/package.json +38 -11
|
@@ -0,0 +1,320 @@
|
|
|
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
|
+
}
|