@dataengineeringformachinelearning/viking-ui 4.1.1 → 4.1.2
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/deml-components.css +1145 -0
- package/design-tokens.css +903 -0
- package/fesm2022/dataengineeringformachinelearning-viking-ui.mjs +15119 -0
- package/fesm2022/dataengineeringformachinelearning-viking-ui.mjs.map +1 -0
- package/fonts/inter/InterVariable-Italic.woff2 +0 -0
- package/fonts/inter/InterVariable.woff2 +0 -0
- package/icons.js +306 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/package.json +70 -63
- package/site-drakkar.js +229 -0
- package/src/tokens/series-presets.ts +15 -0
- package/src/tokens/tailwind.preset.js +209 -0
- package/src/tokens/viking-tokens.json +320 -0
- package/types/dataengineeringformachinelearning-viking-ui.d.ts +2859 -0
- package/viking-components.css +2351 -0
- package/viking-tokens.json +320 -0
- package/viking-ui-elements.js +2425 -0
- package/viking-ui.css +1 -0
- package/viking.manifest.json +271 -0
- package/web-components.js +5142 -0
- package/widget.js +888 -0
package/site-drakkar.js
ADDED
|
@@ -0,0 +1,229 @@
|
|
|
1
|
+
// src/lib/site-drakkar/site-drakkar.config.ts
|
|
2
|
+
var SITE_NAV_LINKS = [
|
|
3
|
+
{
|
|
4
|
+
id: "explore",
|
|
5
|
+
label: "Explore",
|
|
6
|
+
icon: "globe",
|
|
7
|
+
appHref: "/explore",
|
|
8
|
+
marketingHref: "/explore",
|
|
9
|
+
platform: true
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
id: "documentation",
|
|
13
|
+
label: "Documentation",
|
|
14
|
+
icon: "file",
|
|
15
|
+
appHref: "https://dataengineeringformachinelearning.com/documentation/",
|
|
16
|
+
marketingHref: "/documentation"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
id: "dashboard",
|
|
20
|
+
label: "Dashboard",
|
|
21
|
+
icon: "home",
|
|
22
|
+
appHref: "/dashboard",
|
|
23
|
+
marketingHref: "/dashboard",
|
|
24
|
+
requireAuth: true,
|
|
25
|
+
platform: true
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
id: "sites",
|
|
29
|
+
label: "Sites",
|
|
30
|
+
icon: "building",
|
|
31
|
+
appHref: "/settings",
|
|
32
|
+
marketingHref: "/settings",
|
|
33
|
+
requireAuth: true,
|
|
34
|
+
platform: true
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
id: "account",
|
|
38
|
+
label: "Account",
|
|
39
|
+
icon: "user",
|
|
40
|
+
appHref: "/account",
|
|
41
|
+
marketingHref: "/account",
|
|
42
|
+
requireAuth: true,
|
|
43
|
+
platform: true
|
|
44
|
+
}
|
|
45
|
+
];
|
|
46
|
+
var SITE_FOOTER_COLUMNS = [
|
|
47
|
+
{
|
|
48
|
+
title: "Platform",
|
|
49
|
+
links: [
|
|
50
|
+
{
|
|
51
|
+
label: "Explore",
|
|
52
|
+
appHref: "/explore",
|
|
53
|
+
marketingHref: "/explore",
|
|
54
|
+
platform: true
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
label: "Dashboard",
|
|
58
|
+
appHref: "/dashboard",
|
|
59
|
+
marketingHref: "/dashboard",
|
|
60
|
+
platform: true
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
label: "Sites",
|
|
64
|
+
appHref: "/settings",
|
|
65
|
+
marketingHref: "/settings",
|
|
66
|
+
platform: true
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
label: "Account",
|
|
70
|
+
appHref: "/account",
|
|
71
|
+
marketingHref: "/account",
|
|
72
|
+
platform: true
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
label: "Platform Status",
|
|
76
|
+
appHref: "/status/platform-status",
|
|
77
|
+
marketingHref: "/status/platform-status",
|
|
78
|
+
platform: true
|
|
79
|
+
}
|
|
80
|
+
]
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
title: "Resources",
|
|
84
|
+
links: [
|
|
85
|
+
{
|
|
86
|
+
label: "Documentation",
|
|
87
|
+
appHref: "https://dataengineeringformachinelearning.com/documentation/",
|
|
88
|
+
marketingHref: "/documentation"
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
label: "Whitepaper",
|
|
92
|
+
appHref: "https://dataengineeringformachinelearning.com/whitepaper/",
|
|
93
|
+
marketingHref: "/whitepaper"
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
label: "Book",
|
|
97
|
+
appHref: "https://dataengineeringformachinelearning.com/book/",
|
|
98
|
+
marketingHref: "/book"
|
|
99
|
+
}
|
|
100
|
+
]
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
title: "Support",
|
|
104
|
+
links: [
|
|
105
|
+
{
|
|
106
|
+
label: "Platform Status",
|
|
107
|
+
appHref: "/status/platform-status",
|
|
108
|
+
marketingHref: "/status/platform-status",
|
|
109
|
+
platform: true
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
label: "Report a Bug",
|
|
113
|
+
appHref: "#",
|
|
114
|
+
marketingHref: "#",
|
|
115
|
+
action: "bug-report"
|
|
116
|
+
}
|
|
117
|
+
]
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
title: "Legal & Compliance",
|
|
121
|
+
links: [
|
|
122
|
+
{
|
|
123
|
+
label: "Privacy Policy",
|
|
124
|
+
appHref: "https://dataengineeringformachinelearning.com/privacy/",
|
|
125
|
+
marketingHref: "/privacy"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
label: "Terms of Service",
|
|
129
|
+
appHref: "https://dataengineeringformachinelearning.com/terms/",
|
|
130
|
+
marketingHref: "/terms"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
label: "SOC2 Compliance",
|
|
134
|
+
appHref: "https://dataengineeringformachinelearning.com/compliance/",
|
|
135
|
+
marketingHref: "/compliance"
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
label: "GDPR Compliance",
|
|
139
|
+
appHref: "https://dataengineeringformachinelearning.com/privacy/#gdpr",
|
|
140
|
+
marketingHref: "/privacy#gdpr"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
label: "Cookie Settings",
|
|
144
|
+
appHref: "#",
|
|
145
|
+
marketingHref: "#",
|
|
146
|
+
action: "cookie-settings"
|
|
147
|
+
}
|
|
148
|
+
]
|
|
149
|
+
}
|
|
150
|
+
];
|
|
151
|
+
var BUG_REPORT_QUERY = "reportBug=1";
|
|
152
|
+
var COOKIE_SETTINGS_QUERY = "cookieSettings=1";
|
|
153
|
+
var isAbsoluteUrl = (href) => /^https?:\/\//i.test(href);
|
|
154
|
+
var joinBase = (base, path) => {
|
|
155
|
+
if (isAbsoluteUrl(path)) {
|
|
156
|
+
return path;
|
|
157
|
+
}
|
|
158
|
+
const normalizedBase = base.replace(/\/$/, "");
|
|
159
|
+
const normalizedPath = path.startsWith("/") ? path : `/${path}`;
|
|
160
|
+
return `${normalizedBase}${normalizedPath}`;
|
|
161
|
+
};
|
|
162
|
+
var bugReportHref = (urls) => `${joinBase(urls.app, "/")}?${BUG_REPORT_QUERY}`;
|
|
163
|
+
var cookieSettingsHref = (urls) => `${joinBase(urls.marketing, "/")}?${COOKIE_SETTINGS_QUERY}`;
|
|
164
|
+
var resolveMarketingContentHref = (href, urls) => {
|
|
165
|
+
if (isAbsoluteUrl(href)) {
|
|
166
|
+
return href;
|
|
167
|
+
}
|
|
168
|
+
if (href.startsWith("mailto:")) {
|
|
169
|
+
return href;
|
|
170
|
+
}
|
|
171
|
+
return href.startsWith("/") ? href : joinBase(urls.marketing, href);
|
|
172
|
+
};
|
|
173
|
+
var resolvePlatformHref = (href, context, urls) => {
|
|
174
|
+
if (context === "app") {
|
|
175
|
+
return href;
|
|
176
|
+
}
|
|
177
|
+
return joinBase(urls.app, href);
|
|
178
|
+
};
|
|
179
|
+
var resolveNavHref = (link, context, urls) => {
|
|
180
|
+
if (link.platform) {
|
|
181
|
+
return resolvePlatformHref(link.appHref, context, urls);
|
|
182
|
+
}
|
|
183
|
+
if (context === "app") {
|
|
184
|
+
return link.appHref;
|
|
185
|
+
}
|
|
186
|
+
return resolveMarketingContentHref(link.marketingHref, urls);
|
|
187
|
+
};
|
|
188
|
+
var resolveFooterHref = (link, context, urls) => {
|
|
189
|
+
if (link.action === "bug-report") {
|
|
190
|
+
return context === "app" ? "#" : bugReportHref(urls);
|
|
191
|
+
}
|
|
192
|
+
if (link.action === "cookie-settings") {
|
|
193
|
+
return cookieSettingsHref(urls);
|
|
194
|
+
}
|
|
195
|
+
if (link.platform) {
|
|
196
|
+
return resolvePlatformHref(link.appHref, context, urls);
|
|
197
|
+
}
|
|
198
|
+
if (context === "app") {
|
|
199
|
+
return link.appHref;
|
|
200
|
+
}
|
|
201
|
+
return resolveMarketingContentHref(link.marketingHref, urls);
|
|
202
|
+
};
|
|
203
|
+
var resolveBrandHref = (context, urls) => {
|
|
204
|
+
if (context === "marketing") {
|
|
205
|
+
return "/";
|
|
206
|
+
}
|
|
207
|
+
return urls.marketing;
|
|
208
|
+
};
|
|
209
|
+
var visibleNavLinks = (links, isAuthenticated = false) => links.filter((link) => !link.requireAuth || isAuthenticated);
|
|
210
|
+
var isAppRouterPath = (href) => !isAbsoluteUrl(href) && href.startsWith("/");
|
|
211
|
+
var DEFAULT_SITE_URLS = {
|
|
212
|
+
app: "https://deml.app",
|
|
213
|
+
marketing: "https://dataengineeringformachinelearning.com",
|
|
214
|
+
backend: "https://backend.deml.app"
|
|
215
|
+
};
|
|
216
|
+
export {
|
|
217
|
+
BUG_REPORT_QUERY,
|
|
218
|
+
COOKIE_SETTINGS_QUERY,
|
|
219
|
+
DEFAULT_SITE_URLS,
|
|
220
|
+
SITE_FOOTER_COLUMNS,
|
|
221
|
+
SITE_NAV_LINKS,
|
|
222
|
+
bugReportHref,
|
|
223
|
+
cookieSettingsHref,
|
|
224
|
+
isAppRouterPath,
|
|
225
|
+
resolveBrandHref,
|
|
226
|
+
resolveFooterHref,
|
|
227
|
+
resolveNavHref,
|
|
228
|
+
visibleNavLinks
|
|
229
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/** Fixed series palette — keep in sync with viking-tokens.json and THEME.md §8.4 */
|
|
2
|
+
export const VIKING_SERIES_PRESETS = [
|
|
3
|
+
"var(--viking-electric-500)",
|
|
4
|
+
"var(--viking-crimson-600)",
|
|
5
|
+
"var(--viking-green-500)",
|
|
6
|
+
"var(--viking-gold-500)",
|
|
7
|
+
"var(--viking-crimson-500)",
|
|
8
|
+
"var(--viking-blue-500)",
|
|
9
|
+
"var(--viking-charcoal-700)",
|
|
10
|
+
"var(--viking-metallic-500)",
|
|
11
|
+
] as const;
|
|
12
|
+
|
|
13
|
+
export const VIKING_SERIES_DEFAULT = VIKING_SERIES_PRESETS[0];
|
|
14
|
+
|
|
15
|
+
export type VikingSeriesPreset = (typeof VIKING_SERIES_PRESETS)[number];
|
|
@@ -0,0 +1,209 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Viking-UI Tailwind CSS preset
|
|
3
|
+
* ---------------------------------------------------------------------------
|
|
4
|
+
* Maps Tailwind utilities to canonical --viking-* CSS custom properties.
|
|
5
|
+
* Use with Tailwind v3/v4: presets: [require('@dataengineeringformachinelearning/viking-ui/tokens/tailwind.preset')]
|
|
6
|
+
*
|
|
7
|
+
* Load viking-ui.css or design-tokens.css before Tailwind so variables resolve.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
/** @type {import('tailwindcss').Config} */
|
|
11
|
+
module.exports = {
|
|
12
|
+
theme: {
|
|
13
|
+
extend: {
|
|
14
|
+
colors: {
|
|
15
|
+
viking: {
|
|
16
|
+
bg: "var(--viking-bg)",
|
|
17
|
+
surface: "var(--viking-surface)",
|
|
18
|
+
"surface-alt": "var(--viking-surface-alt)",
|
|
19
|
+
"surface-raised": "var(--viking-surface-raised)",
|
|
20
|
+
text: "var(--viking-text)",
|
|
21
|
+
"text-muted": "var(--viking-text-muted)",
|
|
22
|
+
"text-subtle": "var(--viking-text-subtle)",
|
|
23
|
+
"text-inverted": "var(--viking-text-inverted)",
|
|
24
|
+
border: "var(--viking-border)",
|
|
25
|
+
"border-strong": "var(--viking-border-strong)",
|
|
26
|
+
"border-subtle": "var(--viking-border-subtle)",
|
|
27
|
+
accent: "var(--viking-accent)",
|
|
28
|
+
"accent-hover": "var(--viking-accent-hover)",
|
|
29
|
+
"accent-content": "var(--viking-accent-content)",
|
|
30
|
+
"accent-soft": "var(--viking-accent-soft)",
|
|
31
|
+
"accent-strong": "var(--viking-accent-strong)",
|
|
32
|
+
"accent-secondary": "var(--viking-accent-secondary)",
|
|
33
|
+
"accent-secondary-hover": "var(--viking-accent-secondary-hover)",
|
|
34
|
+
"accent-secondary-content": "var(--viking-accent-secondary-content)",
|
|
35
|
+
"accent-secondary-soft": "var(--viking-accent-secondary-soft)",
|
|
36
|
+
success: "var(--viking-success)",
|
|
37
|
+
warning: "var(--viking-warning)",
|
|
38
|
+
danger: "var(--viking-danger)",
|
|
39
|
+
info: "var(--viking-info)",
|
|
40
|
+
ring: "var(--viking-ring)",
|
|
41
|
+
charcoal: {
|
|
42
|
+
950: "var(--viking-charcoal-950)",
|
|
43
|
+
900: "var(--viking-charcoal-900)",
|
|
44
|
+
800: "var(--viking-charcoal-800)",
|
|
45
|
+
700: "var(--viking-charcoal-700)",
|
|
46
|
+
600: "var(--viking-charcoal-600)",
|
|
47
|
+
500: "var(--viking-charcoal-500)",
|
|
48
|
+
},
|
|
49
|
+
metallic: {
|
|
50
|
+
600: "var(--viking-metallic-600)",
|
|
51
|
+
500: "var(--viking-metallic-500)",
|
|
52
|
+
400: "var(--viking-metallic-400)",
|
|
53
|
+
300: "var(--viking-metallic-300)",
|
|
54
|
+
200: "var(--viking-metallic-200)",
|
|
55
|
+
100: "var(--viking-metallic-100)",
|
|
56
|
+
},
|
|
57
|
+
electric: {
|
|
58
|
+
900: "var(--viking-electric-900)",
|
|
59
|
+
800: "var(--viking-electric-800)",
|
|
60
|
+
700: "var(--viking-electric-700)",
|
|
61
|
+
600: "var(--viking-electric-600)",
|
|
62
|
+
500: "var(--viking-electric-500)",
|
|
63
|
+
400: "var(--viking-electric-400)",
|
|
64
|
+
300: "var(--viking-electric-300)",
|
|
65
|
+
200: "var(--viking-electric-200)",
|
|
66
|
+
100: "var(--viking-electric-100)",
|
|
67
|
+
},
|
|
68
|
+
teal: {
|
|
69
|
+
700: "var(--viking-electric-700)",
|
|
70
|
+
600: "var(--viking-electric-600)",
|
|
71
|
+
500: "var(--viking-electric-500)",
|
|
72
|
+
400: "var(--viking-electric-400)",
|
|
73
|
+
300: "var(--viking-electric-300)",
|
|
74
|
+
},
|
|
75
|
+
crimson: {
|
|
76
|
+
700: "var(--viking-crimson-700)",
|
|
77
|
+
600: "var(--viking-crimson-600)",
|
|
78
|
+
500: "var(--viking-crimson-500)",
|
|
79
|
+
400: "var(--viking-crimson-400)",
|
|
80
|
+
},
|
|
81
|
+
series: {
|
|
82
|
+
1: "var(--viking-series-1)",
|
|
83
|
+
2: "var(--viking-series-2)",
|
|
84
|
+
3: "var(--viking-series-3)",
|
|
85
|
+
4: "var(--viking-series-4)",
|
|
86
|
+
5: "var(--viking-series-5)",
|
|
87
|
+
6: "var(--viking-series-6)",
|
|
88
|
+
7: "var(--viking-series-7)",
|
|
89
|
+
8: "var(--viking-series-8)",
|
|
90
|
+
DEFAULT: "var(--viking-series-default)",
|
|
91
|
+
},
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
fontFamily: {
|
|
95
|
+
sans: ["var(--viking-font-family)"],
|
|
96
|
+
mono: ["var(--viking-font-family-mono)"],
|
|
97
|
+
},
|
|
98
|
+
fontSize: {
|
|
99
|
+
"viking-2xs": [
|
|
100
|
+
"var(--viking-font-size-2xs)",
|
|
101
|
+
{ lineHeight: "var(--viking-line-height-tight)" },
|
|
102
|
+
],
|
|
103
|
+
"viking-xs": [
|
|
104
|
+
"var(--viking-font-size-xs)",
|
|
105
|
+
{ lineHeight: "var(--viking-line-height-tight)" },
|
|
106
|
+
],
|
|
107
|
+
"viking-sm": [
|
|
108
|
+
"var(--viking-font-size-sm)",
|
|
109
|
+
{ lineHeight: "var(--viking-line-height-normal)" },
|
|
110
|
+
],
|
|
111
|
+
viking: [
|
|
112
|
+
"var(--viking-font-size)",
|
|
113
|
+
{ lineHeight: "var(--viking-line-height-relaxed)" },
|
|
114
|
+
],
|
|
115
|
+
"viking-md": [
|
|
116
|
+
"var(--viking-font-size-md)",
|
|
117
|
+
{ lineHeight: "var(--viking-line-height-relaxed)" },
|
|
118
|
+
],
|
|
119
|
+
"viking-lg": [
|
|
120
|
+
"var(--viking-font-size-lg)",
|
|
121
|
+
{ lineHeight: "var(--viking-line-height-tight)" },
|
|
122
|
+
],
|
|
123
|
+
"viking-xl": [
|
|
124
|
+
"var(--viking-font-size-xl)",
|
|
125
|
+
{ lineHeight: "var(--viking-line-height-tight)" },
|
|
126
|
+
],
|
|
127
|
+
"viking-2xl": [
|
|
128
|
+
"var(--viking-font-size-2xl)",
|
|
129
|
+
{ lineHeight: "var(--viking-line-height-tight)" },
|
|
130
|
+
],
|
|
131
|
+
"viking-3xl": [
|
|
132
|
+
"var(--viking-font-size-3xl)",
|
|
133
|
+
{ lineHeight: "var(--viking-line-height-tight)" },
|
|
134
|
+
],
|
|
135
|
+
"viking-4xl": [
|
|
136
|
+
"var(--viking-font-size-4xl)",
|
|
137
|
+
{ lineHeight: "var(--viking-line-height-tight)" },
|
|
138
|
+
],
|
|
139
|
+
},
|
|
140
|
+
spacing: {
|
|
141
|
+
"viking-0": "var(--viking-space-0)",
|
|
142
|
+
"viking-px": "var(--viking-space-px)",
|
|
143
|
+
"viking-half": "var(--viking-space-half)",
|
|
144
|
+
"viking-1": "var(--viking-space-1)",
|
|
145
|
+
"viking-1.5": "var(--viking-space-1-5)",
|
|
146
|
+
"viking-2": "var(--viking-space-2)",
|
|
147
|
+
"viking-3": "var(--viking-space-3)",
|
|
148
|
+
"viking-4": "var(--viking-space-4)",
|
|
149
|
+
"viking-5": "var(--viking-space-5)",
|
|
150
|
+
"viking-6": "var(--viking-space-6)",
|
|
151
|
+
"viking-7": "var(--viking-space-7)",
|
|
152
|
+
"viking-8": "var(--viking-space-8)",
|
|
153
|
+
"viking-9": "var(--viking-space-9)",
|
|
154
|
+
"viking-10": "var(--viking-space-10)",
|
|
155
|
+
},
|
|
156
|
+
borderRadius: {
|
|
157
|
+
"viking-xs": "var(--viking-radius-xs)",
|
|
158
|
+
"viking-sm": "var(--viking-radius-sm)",
|
|
159
|
+
viking: "var(--viking-radius)",
|
|
160
|
+
"viking-md": "var(--viking-radius-md)",
|
|
161
|
+
"viking-lg": "var(--viking-radius-lg)",
|
|
162
|
+
"viking-xl": "var(--viking-radius-xl)",
|
|
163
|
+
"viking-pill": "var(--viking-radius-pill)",
|
|
164
|
+
},
|
|
165
|
+
boxShadow: {
|
|
166
|
+
"viking-xs": "var(--viking-shadow-xs)",
|
|
167
|
+
"viking-sm": "var(--viking-shadow-sm)",
|
|
168
|
+
"viking-md": "var(--viking-shadow-md)",
|
|
169
|
+
"viking-lg": "var(--viking-shadow-lg)",
|
|
170
|
+
"viking-inner": "var(--viking-shadow-inner)",
|
|
171
|
+
"viking-hover": "var(--viking-shadow-hover)",
|
|
172
|
+
},
|
|
173
|
+
transitionTimingFunction: {
|
|
174
|
+
viking: "var(--viking-ease-default)",
|
|
175
|
+
"viking-in": "var(--viking-ease-in)",
|
|
176
|
+
"viking-out": "var(--viking-ease-out)",
|
|
177
|
+
},
|
|
178
|
+
transitionDuration: {
|
|
179
|
+
"viking-fast": "var(--viking-duration-fast)",
|
|
180
|
+
viking: "var(--viking-duration)",
|
|
181
|
+
"viking-slow": "var(--viking-duration-slow)",
|
|
182
|
+
},
|
|
183
|
+
maxWidth: {
|
|
184
|
+
"viking-container": "var(--viking-container-max-width)",
|
|
185
|
+
},
|
|
186
|
+
height: {
|
|
187
|
+
"viking-control": "var(--viking-control-height)",
|
|
188
|
+
"viking-control-sm": "var(--viking-control-height-sm)",
|
|
189
|
+
"viking-control-xs": "var(--viking-control-height-xs)",
|
|
190
|
+
"viking-navbar": "var(--viking-navbar-height)",
|
|
191
|
+
},
|
|
192
|
+
width: {
|
|
193
|
+
"viking-sidebar": "var(--viking-sidebar-width)",
|
|
194
|
+
"viking-btn-min": "var(--viking-btn-min-width)",
|
|
195
|
+
},
|
|
196
|
+
zIndex: {
|
|
197
|
+
"viking-overlay": "var(--viking-z-overlay)",
|
|
198
|
+
"viking-toast": "var(--viking-z-toast)",
|
|
199
|
+
"viking-tooltip": "var(--viking-z-tooltip)",
|
|
200
|
+
},
|
|
201
|
+
outlineWidth: {
|
|
202
|
+
viking: "var(--viking-ring-width)",
|
|
203
|
+
},
|
|
204
|
+
outlineOffset: {
|
|
205
|
+
viking: "var(--viking-ring-offset)",
|
|
206
|
+
},
|
|
207
|
+
},
|
|
208
|
+
},
|
|
209
|
+
};
|