@medusajs/admin-bundler 0.0.0 → 0.0.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.
- package/README.md +1 -1
- package/dist/entry.tsx +9 -0
- package/dist/index.css +5 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.html +13 -0
- package/dist/index.js +1320 -0
- package/package.json +25 -15
- package/bin/medusa-admin.js +0 -6
- package/dist/chunk-UG4OGQKM.mjs +0 -257
- package/dist/cli/index.d.mts +0 -2
- package/dist/cli/index.mjs +0 -22
- package/dist/index.d.mts +0 -18
- package/dist/index.mjs +0 -10
package/dist/index.js
ADDED
|
@@ -0,0 +1,1320 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __commonJS = (cb, mod) => function __require() {
|
|
9
|
+
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
10
|
+
};
|
|
11
|
+
var __export = (target, all) => {
|
|
12
|
+
for (var name in all)
|
|
13
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
14
|
+
};
|
|
15
|
+
var __copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
+
for (let key of __getOwnPropNames(from))
|
|
18
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
19
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
20
|
+
}
|
|
21
|
+
return to;
|
|
22
|
+
};
|
|
23
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
24
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
25
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
26
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
27
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
28
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
29
|
+
mod
|
|
30
|
+
));
|
|
31
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
32
|
+
|
|
33
|
+
// ../../../node_modules/get-port/index.js
|
|
34
|
+
var require_get_port = __commonJS({
|
|
35
|
+
"../../../node_modules/get-port/index.js"(exports2, module2) {
|
|
36
|
+
"use strict";
|
|
37
|
+
var net = require("net");
|
|
38
|
+
var Locked = class extends Error {
|
|
39
|
+
constructor(port) {
|
|
40
|
+
super(`${port} is locked`);
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
var lockedPorts = {
|
|
44
|
+
old: /* @__PURE__ */ new Set(),
|
|
45
|
+
young: /* @__PURE__ */ new Set()
|
|
46
|
+
};
|
|
47
|
+
var releaseOldLockedPortsIntervalMs = 1e3 * 15;
|
|
48
|
+
var interval;
|
|
49
|
+
var getAvailablePort = (options) => new Promise((resolve, reject) => {
|
|
50
|
+
const server = net.createServer();
|
|
51
|
+
server.unref();
|
|
52
|
+
server.on("error", reject);
|
|
53
|
+
server.listen(options, () => {
|
|
54
|
+
const { port } = server.address();
|
|
55
|
+
server.close(() => {
|
|
56
|
+
resolve(port);
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
});
|
|
60
|
+
var portCheckSequence = function* (ports) {
|
|
61
|
+
if (ports) {
|
|
62
|
+
yield* ports;
|
|
63
|
+
}
|
|
64
|
+
yield 0;
|
|
65
|
+
};
|
|
66
|
+
module2.exports = async (options) => {
|
|
67
|
+
let ports;
|
|
68
|
+
if (options) {
|
|
69
|
+
ports = typeof options.port === "number" ? [options.port] : options.port;
|
|
70
|
+
}
|
|
71
|
+
if (interval === void 0) {
|
|
72
|
+
interval = setInterval(() => {
|
|
73
|
+
lockedPorts.old = lockedPorts.young;
|
|
74
|
+
lockedPorts.young = /* @__PURE__ */ new Set();
|
|
75
|
+
}, releaseOldLockedPortsIntervalMs);
|
|
76
|
+
if (interval.unref) {
|
|
77
|
+
interval.unref();
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
for (const port of portCheckSequence(ports)) {
|
|
81
|
+
try {
|
|
82
|
+
let availablePort = await getAvailablePort({ ...options, port });
|
|
83
|
+
while (lockedPorts.old.has(availablePort) || lockedPorts.young.has(availablePort)) {
|
|
84
|
+
if (port !== 0) {
|
|
85
|
+
throw new Locked(port);
|
|
86
|
+
}
|
|
87
|
+
availablePort = await getAvailablePort({ ...options, port });
|
|
88
|
+
}
|
|
89
|
+
lockedPorts.young.add(availablePort);
|
|
90
|
+
return availablePort;
|
|
91
|
+
} catch (error) {
|
|
92
|
+
if (!["EADDRINUSE", "EACCES"].includes(error.code) && !(error instanceof Locked)) {
|
|
93
|
+
throw error;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
throw new Error("No available ports found");
|
|
98
|
+
};
|
|
99
|
+
module2.exports.makeRange = (from, to) => {
|
|
100
|
+
if (!Number.isInteger(from) || !Number.isInteger(to)) {
|
|
101
|
+
throw new TypeError("`from` and `to` must be integer numbers");
|
|
102
|
+
}
|
|
103
|
+
if (from < 1024 || from > 65535) {
|
|
104
|
+
throw new RangeError("`from` must be between 1024 and 65535");
|
|
105
|
+
}
|
|
106
|
+
if (to < 1024 || to > 65536) {
|
|
107
|
+
throw new RangeError("`to` must be between 1024 and 65536");
|
|
108
|
+
}
|
|
109
|
+
if (to < from) {
|
|
110
|
+
throw new RangeError("`to` must be greater than or equal to `from`");
|
|
111
|
+
}
|
|
112
|
+
const generator = function* (from2, to2) {
|
|
113
|
+
for (let port = from2; port <= to2; port++) {
|
|
114
|
+
yield port;
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
return generator(from, to);
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
});
|
|
121
|
+
|
|
122
|
+
// ../../../node_modules/tailwindcss-animate/index.js
|
|
123
|
+
var require_tailwindcss_animate = __commonJS({
|
|
124
|
+
"../../../node_modules/tailwindcss-animate/index.js"(exports2, module2) {
|
|
125
|
+
"use strict";
|
|
126
|
+
var plugin = require("tailwindcss/plugin");
|
|
127
|
+
function filterDefault(values) {
|
|
128
|
+
return Object.fromEntries(
|
|
129
|
+
Object.entries(values).filter(([key]) => key !== "DEFAULT")
|
|
130
|
+
);
|
|
131
|
+
}
|
|
132
|
+
module2.exports = plugin(
|
|
133
|
+
({ addUtilities, matchUtilities, theme }) => {
|
|
134
|
+
addUtilities({
|
|
135
|
+
"@keyframes enter": theme("keyframes.enter"),
|
|
136
|
+
"@keyframes exit": theme("keyframes.exit"),
|
|
137
|
+
".animate-in": {
|
|
138
|
+
animationName: "enter",
|
|
139
|
+
animationDuration: theme("animationDuration.DEFAULT"),
|
|
140
|
+
"--tw-enter-opacity": "initial",
|
|
141
|
+
"--tw-enter-scale": "initial",
|
|
142
|
+
"--tw-enter-rotate": "initial",
|
|
143
|
+
"--tw-enter-translate-x": "initial",
|
|
144
|
+
"--tw-enter-translate-y": "initial"
|
|
145
|
+
},
|
|
146
|
+
".animate-out": {
|
|
147
|
+
animationName: "exit",
|
|
148
|
+
animationDuration: theme("animationDuration.DEFAULT"),
|
|
149
|
+
"--tw-exit-opacity": "initial",
|
|
150
|
+
"--tw-exit-scale": "initial",
|
|
151
|
+
"--tw-exit-rotate": "initial",
|
|
152
|
+
"--tw-exit-translate-x": "initial",
|
|
153
|
+
"--tw-exit-translate-y": "initial"
|
|
154
|
+
}
|
|
155
|
+
});
|
|
156
|
+
matchUtilities(
|
|
157
|
+
{
|
|
158
|
+
"fade-in": (value) => ({ "--tw-enter-opacity": value }),
|
|
159
|
+
"fade-out": (value) => ({ "--tw-exit-opacity": value })
|
|
160
|
+
},
|
|
161
|
+
{ values: theme("animationOpacity") }
|
|
162
|
+
);
|
|
163
|
+
matchUtilities(
|
|
164
|
+
{
|
|
165
|
+
"zoom-in": (value) => ({ "--tw-enter-scale": value }),
|
|
166
|
+
"zoom-out": (value) => ({ "--tw-exit-scale": value })
|
|
167
|
+
},
|
|
168
|
+
{ values: theme("animationScale") }
|
|
169
|
+
);
|
|
170
|
+
matchUtilities(
|
|
171
|
+
{
|
|
172
|
+
"spin-in": (value) => ({ "--tw-enter-rotate": value }),
|
|
173
|
+
"spin-out": (value) => ({ "--tw-exit-rotate": value })
|
|
174
|
+
},
|
|
175
|
+
{ values: theme("animationRotate") }
|
|
176
|
+
);
|
|
177
|
+
matchUtilities(
|
|
178
|
+
{
|
|
179
|
+
"slide-in-from-top": (value) => ({
|
|
180
|
+
"--tw-enter-translate-y": `-${value}`
|
|
181
|
+
}),
|
|
182
|
+
"slide-in-from-bottom": (value) => ({
|
|
183
|
+
"--tw-enter-translate-y": value
|
|
184
|
+
}),
|
|
185
|
+
"slide-in-from-left": (value) => ({
|
|
186
|
+
"--tw-enter-translate-x": `-${value}`
|
|
187
|
+
}),
|
|
188
|
+
"slide-in-from-right": (value) => ({
|
|
189
|
+
"--tw-enter-translate-x": value
|
|
190
|
+
}),
|
|
191
|
+
"slide-out-to-top": (value) => ({
|
|
192
|
+
"--tw-exit-translate-y": `-${value}`
|
|
193
|
+
}),
|
|
194
|
+
"slide-out-to-bottom": (value) => ({
|
|
195
|
+
"--tw-exit-translate-y": value
|
|
196
|
+
}),
|
|
197
|
+
"slide-out-to-left": (value) => ({
|
|
198
|
+
"--tw-exit-translate-x": `-${value}`
|
|
199
|
+
}),
|
|
200
|
+
"slide-out-to-right": (value) => ({
|
|
201
|
+
"--tw-exit-translate-x": value
|
|
202
|
+
})
|
|
203
|
+
},
|
|
204
|
+
{ values: theme("animationTranslate") }
|
|
205
|
+
);
|
|
206
|
+
matchUtilities(
|
|
207
|
+
{ duration: (value) => ({ animationDuration: value }) },
|
|
208
|
+
{ values: filterDefault(theme("animationDuration")) }
|
|
209
|
+
);
|
|
210
|
+
matchUtilities(
|
|
211
|
+
{ delay: (value) => ({ animationDelay: value }) },
|
|
212
|
+
{ values: theme("animationDelay") }
|
|
213
|
+
);
|
|
214
|
+
matchUtilities(
|
|
215
|
+
{ ease: (value) => ({ animationTimingFunction: value }) },
|
|
216
|
+
{ values: filterDefault(theme("animationTimingFunction")) }
|
|
217
|
+
);
|
|
218
|
+
addUtilities({
|
|
219
|
+
".running": { animationPlayState: "running" },
|
|
220
|
+
".paused": { animationPlayState: "paused" }
|
|
221
|
+
});
|
|
222
|
+
matchUtilities(
|
|
223
|
+
{ "fill-mode": (value) => ({ animationFillMode: value }) },
|
|
224
|
+
{ values: theme("animationFillMode") }
|
|
225
|
+
);
|
|
226
|
+
matchUtilities(
|
|
227
|
+
{ direction: (value) => ({ animationDirection: value }) },
|
|
228
|
+
{ values: theme("animationDirection") }
|
|
229
|
+
);
|
|
230
|
+
matchUtilities(
|
|
231
|
+
{ repeat: (value) => ({ animationIterationCount: value }) },
|
|
232
|
+
{ values: theme("animationRepeat") }
|
|
233
|
+
);
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
theme: {
|
|
237
|
+
extend: {
|
|
238
|
+
animationDelay: ({ theme }) => ({
|
|
239
|
+
...theme("transitionDelay")
|
|
240
|
+
}),
|
|
241
|
+
animationDuration: ({ theme }) => ({
|
|
242
|
+
0: "0ms",
|
|
243
|
+
...theme("transitionDuration")
|
|
244
|
+
}),
|
|
245
|
+
animationTimingFunction: ({ theme }) => ({
|
|
246
|
+
...theme("transitionTimingFunction")
|
|
247
|
+
}),
|
|
248
|
+
animationFillMode: {
|
|
249
|
+
none: "none",
|
|
250
|
+
forwards: "forwards",
|
|
251
|
+
backwards: "backwards",
|
|
252
|
+
both: "both"
|
|
253
|
+
},
|
|
254
|
+
animationDirection: {
|
|
255
|
+
normal: "normal",
|
|
256
|
+
reverse: "reverse",
|
|
257
|
+
alternate: "alternate",
|
|
258
|
+
"alternate-reverse": "alternate-reverse"
|
|
259
|
+
},
|
|
260
|
+
animationOpacity: ({ theme }) => ({
|
|
261
|
+
DEFAULT: 0,
|
|
262
|
+
...theme("opacity")
|
|
263
|
+
}),
|
|
264
|
+
animationTranslate: ({ theme }) => ({
|
|
265
|
+
DEFAULT: "100%",
|
|
266
|
+
...theme("translate")
|
|
267
|
+
}),
|
|
268
|
+
animationScale: ({ theme }) => ({
|
|
269
|
+
DEFAULT: 0,
|
|
270
|
+
...theme("scale")
|
|
271
|
+
}),
|
|
272
|
+
animationRotate: ({ theme }) => ({
|
|
273
|
+
DEFAULT: "30deg",
|
|
274
|
+
...theme("rotate")
|
|
275
|
+
}),
|
|
276
|
+
animationRepeat: {
|
|
277
|
+
0: "0",
|
|
278
|
+
1: "1",
|
|
279
|
+
infinite: "infinite"
|
|
280
|
+
},
|
|
281
|
+
keyframes: {
|
|
282
|
+
enter: {
|
|
283
|
+
from: {
|
|
284
|
+
opacity: "var(--tw-enter-opacity, 1)",
|
|
285
|
+
transform: "translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"
|
|
286
|
+
}
|
|
287
|
+
},
|
|
288
|
+
exit: {
|
|
289
|
+
to: {
|
|
290
|
+
opacity: "var(--tw-exit-opacity, 1)",
|
|
291
|
+
transform: "translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"
|
|
292
|
+
}
|
|
293
|
+
}
|
|
294
|
+
}
|
|
295
|
+
}
|
|
296
|
+
}
|
|
297
|
+
}
|
|
298
|
+
);
|
|
299
|
+
}
|
|
300
|
+
});
|
|
301
|
+
|
|
302
|
+
// ../../design-system/ui-preset/dist/index.js
|
|
303
|
+
var require_dist = __commonJS({
|
|
304
|
+
"../../design-system/ui-preset/dist/index.js"(exports2, module2) {
|
|
305
|
+
"use strict";
|
|
306
|
+
var __create2 = Object.create;
|
|
307
|
+
var __defProp2 = Object.defineProperty;
|
|
308
|
+
var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
|
|
309
|
+
var __getOwnPropNames2 = Object.getOwnPropertyNames;
|
|
310
|
+
var __getProtoOf2 = Object.getPrototypeOf;
|
|
311
|
+
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
|
|
312
|
+
var __copyProps2 = (to, from, except, desc) => {
|
|
313
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
314
|
+
for (let key of __getOwnPropNames2(from))
|
|
315
|
+
if (!__hasOwnProp2.call(to, key) && key !== except)
|
|
316
|
+
__defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
|
|
317
|
+
}
|
|
318
|
+
return to;
|
|
319
|
+
};
|
|
320
|
+
var __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
|
|
321
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
322
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
323
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
324
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
325
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
|
|
326
|
+
mod
|
|
327
|
+
));
|
|
328
|
+
var import_plugin = __toESM2(require("tailwindcss/plugin"));
|
|
329
|
+
var import_defaultTheme = require("tailwindcss/defaultTheme");
|
|
330
|
+
var FONT_FAMILY_SANS = ["Inter", ...import_defaultTheme.fontFamily.sans];
|
|
331
|
+
var FONT_FAMILY_MONO = ["Roboto Mono", ...import_defaultTheme.fontFamily.mono];
|
|
332
|
+
var theme = {
|
|
333
|
+
"extend": {
|
|
334
|
+
"colors": {
|
|
335
|
+
"ui": {
|
|
336
|
+
"tag": {
|
|
337
|
+
"neutral": {
|
|
338
|
+
"border": {
|
|
339
|
+
"DEFAULT": "var(--tag-neutral-border)"
|
|
340
|
+
},
|
|
341
|
+
"icon": {
|
|
342
|
+
"DEFAULT": "var(--tag-neutral-icon)"
|
|
343
|
+
},
|
|
344
|
+
"text": {
|
|
345
|
+
"DEFAULT": "var(--tag-neutral-text)"
|
|
346
|
+
},
|
|
347
|
+
"bg": {
|
|
348
|
+
"hover": {
|
|
349
|
+
"DEFAULT": "var(--tag-neutral-bg-hover)"
|
|
350
|
+
},
|
|
351
|
+
"DEFAULT": "var(--tag-neutral-bg)"
|
|
352
|
+
}
|
|
353
|
+
},
|
|
354
|
+
"red": {
|
|
355
|
+
"text": {
|
|
356
|
+
"DEFAULT": "var(--tag-red-text)"
|
|
357
|
+
},
|
|
358
|
+
"bg": {
|
|
359
|
+
"DEFAULT": "var(--tag-red-bg)",
|
|
360
|
+
"hover": {
|
|
361
|
+
"DEFAULT": "var(--tag-red-bg-hover)"
|
|
362
|
+
}
|
|
363
|
+
},
|
|
364
|
+
"border": {
|
|
365
|
+
"DEFAULT": "var(--tag-red-border)"
|
|
366
|
+
},
|
|
367
|
+
"icon": {
|
|
368
|
+
"DEFAULT": "var(--tag-red-icon)"
|
|
369
|
+
}
|
|
370
|
+
},
|
|
371
|
+
"blue": {
|
|
372
|
+
"text": {
|
|
373
|
+
"DEFAULT": "var(--tag-blue-text)"
|
|
374
|
+
},
|
|
375
|
+
"border": {
|
|
376
|
+
"DEFAULT": "var(--tag-blue-border)"
|
|
377
|
+
},
|
|
378
|
+
"bg": {
|
|
379
|
+
"DEFAULT": "var(--tag-blue-bg)",
|
|
380
|
+
"hover": {
|
|
381
|
+
"DEFAULT": "var(--tag-blue-bg-hover)"
|
|
382
|
+
}
|
|
383
|
+
},
|
|
384
|
+
"icon": {
|
|
385
|
+
"DEFAULT": "var(--tag-blue-icon)"
|
|
386
|
+
}
|
|
387
|
+
},
|
|
388
|
+
"orange": {
|
|
389
|
+
"text": {
|
|
390
|
+
"DEFAULT": "var(--tag-orange-text)"
|
|
391
|
+
},
|
|
392
|
+
"border": {
|
|
393
|
+
"DEFAULT": "var(--tag-orange-border)"
|
|
394
|
+
},
|
|
395
|
+
"icon": {
|
|
396
|
+
"DEFAULT": "var(--tag-orange-icon)"
|
|
397
|
+
},
|
|
398
|
+
"bg": {
|
|
399
|
+
"hover": {
|
|
400
|
+
"DEFAULT": "var(--tag-orange-bg-hover)"
|
|
401
|
+
},
|
|
402
|
+
"DEFAULT": "var(--tag-orange-bg)"
|
|
403
|
+
}
|
|
404
|
+
},
|
|
405
|
+
"green": {
|
|
406
|
+
"icon": {
|
|
407
|
+
"DEFAULT": "var(--tag-green-icon)"
|
|
408
|
+
},
|
|
409
|
+
"border": {
|
|
410
|
+
"DEFAULT": "var(--tag-green-border)"
|
|
411
|
+
},
|
|
412
|
+
"text": {
|
|
413
|
+
"DEFAULT": "var(--tag-green-text)"
|
|
414
|
+
},
|
|
415
|
+
"bg": {
|
|
416
|
+
"hover": {
|
|
417
|
+
"DEFAULT": "var(--tag-green-bg-hover)"
|
|
418
|
+
},
|
|
419
|
+
"DEFAULT": "var(--tag-green-bg)"
|
|
420
|
+
}
|
|
421
|
+
},
|
|
422
|
+
"purple": {
|
|
423
|
+
"bg": {
|
|
424
|
+
"DEFAULT": "var(--tag-purple-bg)",
|
|
425
|
+
"hover": {
|
|
426
|
+
"DEFAULT": "var(--tag-purple-bg-hover)"
|
|
427
|
+
}
|
|
428
|
+
},
|
|
429
|
+
"text": {
|
|
430
|
+
"DEFAULT": "var(--tag-purple-text)"
|
|
431
|
+
},
|
|
432
|
+
"icon": {
|
|
433
|
+
"DEFAULT": "var(--tag-purple-icon)"
|
|
434
|
+
},
|
|
435
|
+
"border": {
|
|
436
|
+
"DEFAULT": "var(--tag-purple-border)"
|
|
437
|
+
}
|
|
438
|
+
}
|
|
439
|
+
},
|
|
440
|
+
"bg": {
|
|
441
|
+
"switch": {
|
|
442
|
+
"off": {
|
|
443
|
+
"hover": {
|
|
444
|
+
"DEFAULT": "var(--bg-switch-off-hover)"
|
|
445
|
+
},
|
|
446
|
+
"DEFAULT": "var(--bg-switch-off)"
|
|
447
|
+
}
|
|
448
|
+
},
|
|
449
|
+
"subtle": {
|
|
450
|
+
"hover": {
|
|
451
|
+
"DEFAULT": "var(--bg-subtle-hover)"
|
|
452
|
+
},
|
|
453
|
+
"DEFAULT": "var(--bg-subtle)",
|
|
454
|
+
"pressed": {
|
|
455
|
+
"DEFAULT": "var(--bg-subtle-pressed)"
|
|
456
|
+
}
|
|
457
|
+
},
|
|
458
|
+
"field": {
|
|
459
|
+
"component": {
|
|
460
|
+
"hover": {
|
|
461
|
+
"DEFAULT": "var(--bg-field-component-hover)"
|
|
462
|
+
},
|
|
463
|
+
"DEFAULT": "var(--bg-field-component)"
|
|
464
|
+
},
|
|
465
|
+
"DEFAULT": "var(--bg-field)",
|
|
466
|
+
"hover": {
|
|
467
|
+
"DEFAULT": "var(--bg-field-hover)"
|
|
468
|
+
}
|
|
469
|
+
},
|
|
470
|
+
"base": {
|
|
471
|
+
"pressed": {
|
|
472
|
+
"DEFAULT": "var(--bg-base-pressed)"
|
|
473
|
+
},
|
|
474
|
+
"hover": {
|
|
475
|
+
"DEFAULT": "var(--bg-base-hover)"
|
|
476
|
+
},
|
|
477
|
+
"DEFAULT": "var(--bg-base)"
|
|
478
|
+
},
|
|
479
|
+
"highlight": {
|
|
480
|
+
"DEFAULT": "var(--bg-highlight)",
|
|
481
|
+
"hover": {
|
|
482
|
+
"DEFAULT": "var(--bg-highlight-hover)"
|
|
483
|
+
}
|
|
484
|
+
},
|
|
485
|
+
"component": {
|
|
486
|
+
"pressed": {
|
|
487
|
+
"DEFAULT": "var(--bg-component-pressed)"
|
|
488
|
+
},
|
|
489
|
+
"DEFAULT": "var(--bg-component)",
|
|
490
|
+
"hover": {
|
|
491
|
+
"DEFAULT": "var(--bg-component-hover)"
|
|
492
|
+
}
|
|
493
|
+
},
|
|
494
|
+
"interactive": {
|
|
495
|
+
"DEFAULT": "var(--bg-interactive)"
|
|
496
|
+
},
|
|
497
|
+
"disabled": {
|
|
498
|
+
"DEFAULT": "var(--bg-disabled)"
|
|
499
|
+
},
|
|
500
|
+
"overlay": {
|
|
501
|
+
"DEFAULT": "var(--bg-overlay)"
|
|
502
|
+
}
|
|
503
|
+
},
|
|
504
|
+
"border": {
|
|
505
|
+
"menu": {
|
|
506
|
+
"bot": {
|
|
507
|
+
"DEFAULT": "var(--border-menu-bot)"
|
|
508
|
+
},
|
|
509
|
+
"top": {
|
|
510
|
+
"DEFAULT": "var(--border-menu-top)"
|
|
511
|
+
}
|
|
512
|
+
},
|
|
513
|
+
"strong": {
|
|
514
|
+
"DEFAULT": "var(--border-strong)"
|
|
515
|
+
},
|
|
516
|
+
"interactive": {
|
|
517
|
+
"DEFAULT": "var(--border-interactive)"
|
|
518
|
+
},
|
|
519
|
+
"base": {
|
|
520
|
+
"DEFAULT": "var(--border-base)"
|
|
521
|
+
},
|
|
522
|
+
"danger": {
|
|
523
|
+
"DEFAULT": "var(--border-danger)"
|
|
524
|
+
},
|
|
525
|
+
"error": {
|
|
526
|
+
"DEFAULT": "var(--border-error)"
|
|
527
|
+
},
|
|
528
|
+
"transparent": {
|
|
529
|
+
"DEFAULT": "var(--border-transparent)"
|
|
530
|
+
}
|
|
531
|
+
},
|
|
532
|
+
"contrast": {
|
|
533
|
+
"fg": {
|
|
534
|
+
"primary": {
|
|
535
|
+
"DEFAULT": "var(--contrast-fg-primary)"
|
|
536
|
+
},
|
|
537
|
+
"secondary": {
|
|
538
|
+
"DEFAULT": "var(--contrast-fg-secondary)"
|
|
539
|
+
}
|
|
540
|
+
},
|
|
541
|
+
"bg": {
|
|
542
|
+
"base": {
|
|
543
|
+
"pressed": {
|
|
544
|
+
"DEFAULT": "var(--contrast-bg-base-pressed)"
|
|
545
|
+
},
|
|
546
|
+
"DEFAULT": "var(--contrast-bg-base)",
|
|
547
|
+
"hover": {
|
|
548
|
+
"DEFAULT": "var(--contrast-bg-base-hover)"
|
|
549
|
+
}
|
|
550
|
+
},
|
|
551
|
+
"subtle": {
|
|
552
|
+
"DEFAULT": "var(--contrast-bg-subtle)"
|
|
553
|
+
}
|
|
554
|
+
},
|
|
555
|
+
"border": {
|
|
556
|
+
"base": {
|
|
557
|
+
"DEFAULT": "var(--contrast-border-base)"
|
|
558
|
+
},
|
|
559
|
+
"bot": {
|
|
560
|
+
"DEFAULT": "var(--contrast-border-bot)"
|
|
561
|
+
},
|
|
562
|
+
"top": {
|
|
563
|
+
"DEFAULT": "var(--contrast-border-top)"
|
|
564
|
+
}
|
|
565
|
+
}
|
|
566
|
+
},
|
|
567
|
+
"fg": {
|
|
568
|
+
"disabled": {
|
|
569
|
+
"DEFAULT": "var(--fg-disabled)"
|
|
570
|
+
},
|
|
571
|
+
"muted": {
|
|
572
|
+
"DEFAULT": "var(--fg-muted)"
|
|
573
|
+
},
|
|
574
|
+
"on": {
|
|
575
|
+
"color": {
|
|
576
|
+
"DEFAULT": "var(--fg-on-color)"
|
|
577
|
+
},
|
|
578
|
+
"inverted": {
|
|
579
|
+
"DEFAULT": "var(--fg-on-inverted)"
|
|
580
|
+
}
|
|
581
|
+
},
|
|
582
|
+
"interactive": {
|
|
583
|
+
"hover": {
|
|
584
|
+
"DEFAULT": "var(--fg-interactive-hover)"
|
|
585
|
+
},
|
|
586
|
+
"DEFAULT": "var(--fg-interactive)"
|
|
587
|
+
},
|
|
588
|
+
"error": {
|
|
589
|
+
"DEFAULT": "var(--fg-error)"
|
|
590
|
+
},
|
|
591
|
+
"subtle": {
|
|
592
|
+
"DEFAULT": "var(--fg-subtle)"
|
|
593
|
+
},
|
|
594
|
+
"base": {
|
|
595
|
+
"DEFAULT": "var(--fg-base)"
|
|
596
|
+
}
|
|
597
|
+
},
|
|
598
|
+
"button": {
|
|
599
|
+
"inverted": {
|
|
600
|
+
"pressed": {
|
|
601
|
+
"DEFAULT": "var(--button-inverted-pressed)"
|
|
602
|
+
},
|
|
603
|
+
"hover": {
|
|
604
|
+
"DEFAULT": "var(--button-inverted-hover)"
|
|
605
|
+
},
|
|
606
|
+
"DEFAULT": "var(--button-inverted)"
|
|
607
|
+
},
|
|
608
|
+
"transparent": {
|
|
609
|
+
"DEFAULT": "var(--button-transparent)",
|
|
610
|
+
"hover": {
|
|
611
|
+
"DEFAULT": "var(--button-transparent-hover)"
|
|
612
|
+
},
|
|
613
|
+
"pressed": {
|
|
614
|
+
"DEFAULT": "var(--button-transparent-pressed)"
|
|
615
|
+
}
|
|
616
|
+
},
|
|
617
|
+
"danger": {
|
|
618
|
+
"pressed": {
|
|
619
|
+
"DEFAULT": "var(--button-danger-pressed)"
|
|
620
|
+
},
|
|
621
|
+
"DEFAULT": "var(--button-danger)",
|
|
622
|
+
"hover": {
|
|
623
|
+
"DEFAULT": "var(--button-danger-hover)"
|
|
624
|
+
}
|
|
625
|
+
},
|
|
626
|
+
"neutral": {
|
|
627
|
+
"DEFAULT": "var(--button-neutral)",
|
|
628
|
+
"hover": {
|
|
629
|
+
"DEFAULT": "var(--button-neutral-hover)"
|
|
630
|
+
},
|
|
631
|
+
"pressed": {
|
|
632
|
+
"DEFAULT": "var(--button-neutral-pressed)"
|
|
633
|
+
}
|
|
634
|
+
}
|
|
635
|
+
}
|
|
636
|
+
}
|
|
637
|
+
},
|
|
638
|
+
"boxShadow": {
|
|
639
|
+
"borders-interactive-with-active": "var(--borders-interactive-with-active)",
|
|
640
|
+
"buttons-danger-focus": "var(--buttons-danger-focus)",
|
|
641
|
+
"details-contrast-on-bg-interactive": "var(--details-contrast-on-bg-interactive)",
|
|
642
|
+
"borders-interactive-with-focus": "var(--borders-interactive-with-focus)",
|
|
643
|
+
"borders-error": "var(--borders-error)",
|
|
644
|
+
"borders-focus": "var(--borders-focus)",
|
|
645
|
+
"borders-interactive-with-shadow": "var(--borders-interactive-with-shadow)",
|
|
646
|
+
"buttons-danger": "var(--buttons-danger)",
|
|
647
|
+
"buttons-inverted-focus": "var(--buttons-inverted-focus)",
|
|
648
|
+
"elevation-card-hover": "var(--elevation-card-hover)",
|
|
649
|
+
"buttons-inverted": "var(--buttons-inverted)",
|
|
650
|
+
"details-switch-handle": "var(--details-switch-handle)",
|
|
651
|
+
"buttons-neutral": "var(--buttons-neutral)",
|
|
652
|
+
"borders-base": "var(--borders-base)",
|
|
653
|
+
"elevation-card-rest": "var(--elevation-card-rest)",
|
|
654
|
+
"buttons-neutral-focus": "var(--buttons-neutral-focus)",
|
|
655
|
+
"details-switch-background-focus": "var(--details-switch-background-focus)",
|
|
656
|
+
"details-switch-background": "var(--details-switch-background)",
|
|
657
|
+
"elevation-flyout": "var(--elevation-flyout)",
|
|
658
|
+
"elevation-tooltip": "var(--elevation-tooltip)",
|
|
659
|
+
"elevation-modal": "var(--elevation-modal)",
|
|
660
|
+
"elevation-commandbar": "var(--elevation-commandbar)",
|
|
661
|
+
"elevation-code-block": "var(--elevation-code-block)"
|
|
662
|
+
}
|
|
663
|
+
}
|
|
664
|
+
};
|
|
665
|
+
var colors = {
|
|
666
|
+
"dark": {
|
|
667
|
+
"--button-danger-pressed": "rgba(225, 29, 72, 1)",
|
|
668
|
+
"--bg-base-pressed": "rgba(63, 63, 70, 1)",
|
|
669
|
+
"--bg-component-hover": "rgba(255, 255, 255, 0.1)",
|
|
670
|
+
"--border-interactive": "rgba(96, 165, 250, 1)",
|
|
671
|
+
"--button-neutral": "rgba(255, 255, 255, 0.04)",
|
|
672
|
+
"--tag-orange-border": "rgba(124, 45, 18, 1)",
|
|
673
|
+
"--tag-blue-text": "rgba(147, 197, 253, 1)",
|
|
674
|
+
"--bg-highlight": "rgba(23, 37, 84, 1)",
|
|
675
|
+
"--tag-neutral-icon": "rgba(113, 113, 122, 1)",
|
|
676
|
+
"--bg-switch-off-hover": "rgba(82, 82, 91, 1)",
|
|
677
|
+
"--fg-on-color": "rgba(255, 255, 255, 1)",
|
|
678
|
+
"--button-inverted-pressed": "rgba(161, 161, 170, 1)",
|
|
679
|
+
"--fg-interactive-hover": "rgba(147, 197, 253, 1)",
|
|
680
|
+
"--fg-error": "rgba(251, 113, 133, 1)",
|
|
681
|
+
"--bg-switch-off": "rgba(63, 63, 70, 1)",
|
|
682
|
+
"--border-strong": "rgba(255, 255, 255, 0.16)",
|
|
683
|
+
"--border-error": "rgba(251, 113, 133, 1)",
|
|
684
|
+
"--fg-subtle": "rgba(161, 161, 170, 1)",
|
|
685
|
+
"--bg-highlight-hover": "rgba(30, 58, 138, 1)",
|
|
686
|
+
"--button-inverted": "rgba(82, 82, 91, 1)",
|
|
687
|
+
"--tag-orange-text": "rgba(253, 186, 116, 1)",
|
|
688
|
+
"--fg-base": "rgba(244, 244, 245, 1)",
|
|
689
|
+
"--fg-disabled": "rgba(82, 82, 91, 1)",
|
|
690
|
+
"--button-danger": "rgba(159, 18, 57, 1)",
|
|
691
|
+
"--tag-neutral-border": "rgba(255, 255, 255, 0.06)",
|
|
692
|
+
"--tag-blue-border": "rgba(30, 58, 138, 1)",
|
|
693
|
+
"--tag-neutral-text": "rgba(212, 212, 216, 1)",
|
|
694
|
+
"--tag-purple-border": "rgba(91, 33, 182, 1)",
|
|
695
|
+
"--tag-green-text": "rgba(52, 211, 153, 1)",
|
|
696
|
+
"--button-inverted-hover": "rgba(113, 113, 122, 1)",
|
|
697
|
+
"--bg-component-pressed": "rgba(255, 255, 255, 0.16)",
|
|
698
|
+
"--contrast-border-bot": "rgba(255, 255, 255, 0.08)",
|
|
699
|
+
"--tag-blue-icon": "rgba(96, 165, 250, 1)",
|
|
700
|
+
"--bg-field": "rgba(255, 255, 255, 0.04)",
|
|
701
|
+
"--tag-neutral-bg": "rgba(255, 255, 255, 0.08)",
|
|
702
|
+
"--tag-green-border": "rgba(6, 78, 59, 1)",
|
|
703
|
+
"--tag-red-icon": "rgba(251, 113, 133, 1)",
|
|
704
|
+
"--tag-red-text": "rgba(253, 164, 175, 1)",
|
|
705
|
+
"--tag-purple-icon": "rgba(167, 139, 250, 1)",
|
|
706
|
+
"--bg-interactive": "rgba(96, 165, 250, 1)",
|
|
707
|
+
"--bg-field-hover": "rgba(255, 255, 255, 0.08)",
|
|
708
|
+
"--border-transparent": "rgba(255, 255, 255, 0)",
|
|
709
|
+
"--tag-orange-icon": "rgba(251, 146, 60, 1)",
|
|
710
|
+
"--tag-purple-bg": "rgba(46, 16, 101, 1)",
|
|
711
|
+
"--bg-base-hover": "rgba(39, 39, 42, 1)",
|
|
712
|
+
"--tag-blue-bg": "rgba(23, 37, 84, 1)",
|
|
713
|
+
"--tag-green-bg": "rgba(2, 44, 34, 1)",
|
|
714
|
+
"--tag-purple-text": "rgba(196, 181, 253, 1)",
|
|
715
|
+
"--tag-red-border": "rgba(136, 19, 55, 1)",
|
|
716
|
+
"--border-danger": "rgba(190, 18, 60, 1)",
|
|
717
|
+
"--tag-green-icon": "rgba(16, 185, 129, 1)",
|
|
718
|
+
"--tag-red-bg": "rgba(76, 5, 25, 1)",
|
|
719
|
+
"--fg-interactive": "rgba(96, 165, 250, 1)",
|
|
720
|
+
"--tag-orange-bg": "rgba(67, 20, 7, 1)",
|
|
721
|
+
"--button-danger-hover": "rgba(190, 18, 60, 1)",
|
|
722
|
+
"--bg-component": "rgba(39, 39, 42, 1)",
|
|
723
|
+
"--bg-disabled": "rgba(39, 39, 42, 1)",
|
|
724
|
+
"--button-transparent": "rgba(255, 255, 255, 0)",
|
|
725
|
+
"--border-menu-bot": "rgba(255, 255, 255, 0.08)",
|
|
726
|
+
"--tag-purple-bg-hover": "rgba(91, 33, 182, 1)",
|
|
727
|
+
"--tag-orange-bg-hover": "rgba(124, 45, 18, 1)",
|
|
728
|
+
"--tag-blue-bg-hover": "rgba(30, 58, 138, 1)",
|
|
729
|
+
"--tag-red-bg-hover": "rgba(136, 19, 55, 1)",
|
|
730
|
+
"--tag-green-bg-hover": "rgba(6, 78, 59, 1)",
|
|
731
|
+
"--border-menu-top": "rgba(33, 33, 36, 1)",
|
|
732
|
+
"--bg-base": "rgba(33, 33, 36, 1)",
|
|
733
|
+
"--contrast-border-top": "rgba(33, 33, 36, 1)",
|
|
734
|
+
"--bg-field-component": "rgba(33, 33, 36, 1)",
|
|
735
|
+
"--bg-subtle-hover": "rgba(33, 33, 36, 1)",
|
|
736
|
+
"--bg-subtle": "rgba(24, 24, 27, 1)",
|
|
737
|
+
"--fg-on-inverted": "rgba(24, 24, 27, 1)",
|
|
738
|
+
"--bg-overlay": "rgba(24, 24, 27, 0.72)",
|
|
739
|
+
"--button-transparent-hover": "rgba(255, 255, 255, 0.08)",
|
|
740
|
+
"--contrast-fg-secondary": "rgba(255, 255, 255, 0.56)",
|
|
741
|
+
"--contrast-border-base": "rgba(255, 255, 255, 0.16)",
|
|
742
|
+
"--contrast-bg-base-pressed": "rgba(82, 82, 91, 1)",
|
|
743
|
+
"--button-neutral-pressed": "rgba(255, 255, 255, 0.12)",
|
|
744
|
+
"--border-base": "rgba(255, 255, 255, 0.08)",
|
|
745
|
+
"--contrast-fg-primary": "rgba(255, 255, 255, 0.88)",
|
|
746
|
+
"--button-neutral-hover": "rgba(255, 255, 255, 0.08)",
|
|
747
|
+
"--contrast-bg-base": "rgba(39, 39, 42, 1)",
|
|
748
|
+
"--tag-neutral-bg-hover": "rgba(255, 255, 255, 0.12)",
|
|
749
|
+
"--contrast-bg-subtle": "rgba(255, 255, 255, 0.04)",
|
|
750
|
+
"--contrast-bg-base-hover": "rgba(63, 63, 70, 1)",
|
|
751
|
+
"--bg-field-component-hover": "rgba(39, 39, 42, 1)",
|
|
752
|
+
"--bg-subtle-pressed": "rgba(39, 39, 42, 1)",
|
|
753
|
+
"--button-transparent-pressed": "rgba(255, 255, 255, 0.12)",
|
|
754
|
+
"--fg-muted": "rgba(113, 113, 122, 1)"
|
|
755
|
+
},
|
|
756
|
+
"light": {
|
|
757
|
+
"--tag-neutral-border": "rgba(228, 228, 231, 1)",
|
|
758
|
+
"--tag-neutral-icon": "rgba(161, 161, 170, 1)",
|
|
759
|
+
"--bg-switch-off-hover": "rgba(212, 212, 216, 1)",
|
|
760
|
+
"--border-menu-bot": "rgba(255, 255, 255, 1)",
|
|
761
|
+
"--border-menu-top": "rgba(228, 228, 231, 1)",
|
|
762
|
+
"--bg-subtle-hover": "rgba(244, 244, 245, 1)",
|
|
763
|
+
"--contrast-fg-primary": "rgba(255, 255, 255, 0.88)",
|
|
764
|
+
"--bg-switch-off": "rgba(228, 228, 231, 1)",
|
|
765
|
+
"--contrast-bg-base-pressed": "rgba(63, 63, 70, 1)",
|
|
766
|
+
"--bg-field-component-hover": "rgba(250, 250, 250, 1)",
|
|
767
|
+
"--bg-base-pressed": "rgba(228, 228, 231, 1)",
|
|
768
|
+
"--tag-neutral-text": "rgba(82, 82, 91, 1)",
|
|
769
|
+
"--tag-red-text": "rgba(159, 18, 57, 1)",
|
|
770
|
+
"--contrast-bg-base": "rgba(24, 24, 27, 1)",
|
|
771
|
+
"--fg-disabled": "rgba(212, 212, 216, 1)",
|
|
772
|
+
"--border-strong": "rgba(212, 212, 216, 1)",
|
|
773
|
+
"--contrast-border-base": "rgba(255, 255, 255, 0.15)",
|
|
774
|
+
"--bg-field": "rgba(250, 250, 250, 1)",
|
|
775
|
+
"--tag-blue-text": "rgba(30, 64, 175, 1)",
|
|
776
|
+
"--button-inverted-pressed": "rgba(82, 82, 91, 1)",
|
|
777
|
+
"--border-interactive": "rgba(59, 130, 246, 1)",
|
|
778
|
+
"--bg-base-hover": "rgba(244, 244, 245, 1)",
|
|
779
|
+
"--contrast-bg-subtle": "rgba(39, 39, 42, 1)",
|
|
780
|
+
"--bg-highlight": "rgba(239, 246, 255, 1)",
|
|
781
|
+
"--contrast-fg-secondary": "rgba(255, 255, 255, 0.56)",
|
|
782
|
+
"--fg-muted": "rgba(161, 161, 170, 1)",
|
|
783
|
+
"--tag-red-bg": "rgba(255, 228, 230, 1)",
|
|
784
|
+
"--button-transparent": "rgba(255, 255, 255, 0)",
|
|
785
|
+
"--button-danger-pressed": "rgba(159, 18, 57, 1)",
|
|
786
|
+
"--fg-on-color": "rgba(255, 255, 255, 1)",
|
|
787
|
+
"--button-inverted-hover": "rgba(63, 63, 70, 1)",
|
|
788
|
+
"--bg-field-component": "rgba(255, 255, 255, 1)",
|
|
789
|
+
"--tag-orange-text": "rgba(154, 52, 18, 1)",
|
|
790
|
+
"--tag-green-icon": "rgba(16, 185, 129, 1)",
|
|
791
|
+
"--border-base": "rgba(228, 228, 231, 1)",
|
|
792
|
+
"--bg-base": "rgba(255, 255, 255, 1)",
|
|
793
|
+
"--tag-orange-border": "rgba(254, 215, 170, 1)",
|
|
794
|
+
"--tag-red-border": "rgba(254, 205, 211, 1)",
|
|
795
|
+
"--tag-green-border": "rgba(167, 243, 208, 1)",
|
|
796
|
+
"--tag-green-text": "rgba(6, 95, 70, 1)",
|
|
797
|
+
"--button-neutral": "rgba(255, 255, 255, 1)",
|
|
798
|
+
"--tag-blue-border": "rgba(191, 219, 254, 1)",
|
|
799
|
+
"--fg-interactive-hover": "rgba(37, 99, 235, 1)",
|
|
800
|
+
"--tag-orange-icon": "rgba(249, 115, 22, 1)",
|
|
801
|
+
"--button-neutral-hover": "rgba(244, 244, 245, 1)",
|
|
802
|
+
"--fg-interactive": "rgba(59, 130, 246, 1)",
|
|
803
|
+
"--bg-component-pressed": "rgba(228, 228, 231, 1)",
|
|
804
|
+
"--tag-purple-bg": "rgba(237, 233, 254, 1)",
|
|
805
|
+
"--contrast-bg-base-hover": "rgba(39, 39, 42, 1)",
|
|
806
|
+
"--bg-component": "rgba(250, 250, 250, 1)",
|
|
807
|
+
"--bg-subtle": "rgba(250, 250, 250, 1)",
|
|
808
|
+
"--tag-purple-text": "rgba(91, 33, 182, 1)",
|
|
809
|
+
"--contrast-border-bot": "rgba(255, 255, 255, 0.1)",
|
|
810
|
+
"--button-inverted": "rgba(39, 39, 42, 1)",
|
|
811
|
+
"--tag-red-icon": "rgba(244, 63, 94, 1)",
|
|
812
|
+
"--button-transparent-hover": "rgba(244, 244, 245, 1)",
|
|
813
|
+
"--button-neutral-pressed": "rgba(228, 228, 231, 1)",
|
|
814
|
+
"--tag-purple-icon": "rgba(167, 139, 250, 1)",
|
|
815
|
+
"--bg-field-hover": "rgba(244, 244, 245, 1)",
|
|
816
|
+
"--fg-on-inverted": "rgba(255, 255, 255, 1)",
|
|
817
|
+
"--bg-interactive": "rgba(59, 130, 246, 1)",
|
|
818
|
+
"--border-danger": "rgba(190, 18, 60, 1)",
|
|
819
|
+
"--button-transparent-pressed": "rgba(228, 228, 231, 1)",
|
|
820
|
+
"--tag-purple-border": "rgba(221, 214, 254, 1)",
|
|
821
|
+
"--bg-highlight-hover": "rgba(219, 234, 254, 1)",
|
|
822
|
+
"--border-error": "rgba(225, 29, 72, 1)",
|
|
823
|
+
"--button-danger": "rgba(225, 29, 72, 1)",
|
|
824
|
+
"--tag-blue-bg": "rgba(219, 234, 254, 1)",
|
|
825
|
+
"--border-transparent": "rgba(255, 255, 255, 0)",
|
|
826
|
+
"--button-danger-hover": "rgba(190, 18, 60, 1)",
|
|
827
|
+
"--bg-subtle-pressed": "rgba(228, 228, 231, 1)",
|
|
828
|
+
"--fg-error": "rgba(225, 29, 72, 1)",
|
|
829
|
+
"--bg-component-hover": "rgba(244, 244, 245, 1)",
|
|
830
|
+
"--bg-disabled": "rgba(244, 244, 245, 1)",
|
|
831
|
+
"--tag-blue-icon": "rgba(96, 165, 250, 1)",
|
|
832
|
+
"--fg-subtle": "rgba(82, 82, 91, 1)",
|
|
833
|
+
"--tag-orange-bg-hover": "rgba(254, 215, 170, 1)",
|
|
834
|
+
"--tag-green-bg-hover": "rgba(167, 243, 208, 1)",
|
|
835
|
+
"--tag-red-bg-hover": "rgba(254, 205, 211, 1)",
|
|
836
|
+
"--tag-purple-bg-hover": "rgba(221, 214, 254, 1)",
|
|
837
|
+
"--tag-neutral-bg-hover": "rgba(228, 228, 231, 1)",
|
|
838
|
+
"--tag-blue-bg-hover": "rgba(191, 219, 254, 1)",
|
|
839
|
+
"--tag-green-bg": "rgba(209, 250, 229, 1)",
|
|
840
|
+
"--tag-neutral-bg": "rgba(244, 244, 245, 1)",
|
|
841
|
+
"--tag-orange-bg": "rgba(255, 237, 213, 1)",
|
|
842
|
+
"--fg-base": "rgba(24, 24, 27, 1)",
|
|
843
|
+
"--contrast-border-top": "rgba(24, 24, 27, 1)",
|
|
844
|
+
"--bg-overlay": "rgba(24, 24, 27, 0.4)"
|
|
845
|
+
}
|
|
846
|
+
};
|
|
847
|
+
var components = {
|
|
848
|
+
"dark": {},
|
|
849
|
+
"light": {}
|
|
850
|
+
};
|
|
851
|
+
var effects = {
|
|
852
|
+
"dark": {
|
|
853
|
+
"--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1)",
|
|
854
|
+
"--details-contrast-on-bg-interactive": "0px 1px 2px 0px rgba(30, 58, 138, 0.6)",
|
|
855
|
+
"--details-switch-handle": "0px 0px 2px 1px rgba(255, 255, 255, 1) inset, 0px 1px 0px 0px rgba(255, 255, 255, 1) inset, 0px 0px 0px 0.5px rgba(0, 0, 0, 0.16), 0px 5px 4px 0px rgba(0, 0, 0, 0.1), 0px 3px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.1)",
|
|
856
|
+
"--borders-interactive-with-active": "0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.25)",
|
|
857
|
+
"--borders-focus": "0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8)",
|
|
858
|
+
"--borders-interactive-with-focus": "0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
|
|
859
|
+
"--details-switch-background-focus": "0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8), 0px 1px 1px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset, 0px 0px 0px 0.75px rgba(255, 255, 255, 0.12) inset, 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset",
|
|
860
|
+
"--buttons-danger": "0px -1px 0px 0px rgba(255, 255, 255, 0.16), 0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(159, 18, 57, 1), 0px 0px 1px 1.5px rgba(0, 0, 0, 0.24), 0px 2px 2px 0px rgba(0, 0, 0, 0.24)",
|
|
861
|
+
"--buttons-danger-focus": "0px -1px 0px 0px rgba(255, 255, 255, 0.16), 0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(159, 18, 57, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
|
|
862
|
+
"--details-switch-background": "0px 1px 1px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset, 0px 0px 0px 0.75px rgba(255, 255, 255, 0.12) inset, 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset",
|
|
863
|
+
"--buttons-inverted-focus": "0px -1px 0px 0px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(82, 82, 91, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
|
|
864
|
+
"--elevation-tooltip": "0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 2px 4px 0px rgba(0, 0, 0, 0.32), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)",
|
|
865
|
+
"--elevation-flyout": "0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
|
|
866
|
+
"--borders-error": "0px 0px 0px 1px rgba(244, 63, 94, 1), 0px 0px 0px 3px rgba(225, 29, 72, 0.25)",
|
|
867
|
+
"--buttons-inverted": "0px -1px 0px 0px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 0px 0px 1px rgba(82, 82, 91, 1), 0px 0px 1px 1.5px rgba(0, 0, 0, 0.24), 0px 2px 2px 0px rgba(0, 0, 0, 0.24)",
|
|
868
|
+
"--borders-base": "0px -1px 0px 0px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(39, 39, 42, 1), 0px 0px 1px 1.5px rgba(0, 0, 0, 0.24), 0px 2px 2px 0px rgba(0, 0, 0, 0.24)",
|
|
869
|
+
"--elevation-card-hover": "0px -1px 0px 0px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(39, 39, 42, 1), 0px 1px 4px 0px rgba(0, 0, 0, 0.48), 0px 2px 8px 0px rgba(0, 0, 0, 0.48)",
|
|
870
|
+
"--elevation-card-rest": "0px -1px 0px 0px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(39, 39, 42, 1), 0px 1px 2px 0px rgba(0, 0, 0, 0.32), 0px 2px 4px 0px rgba(0, 0, 0, 0.32)",
|
|
871
|
+
"--buttons-neutral": "0px -1px 0px 0px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(39, 39, 42, 1), 0px 0px 1px 1.5px rgba(0, 0, 0, 0.24), 0px 2px 2px 0px rgba(0, 0, 0, 0.24)",
|
|
872
|
+
"--elevation-code-block": "0px -1px 0px 0px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(39, 39, 42, 1), 0px 1px 2px 0px rgba(0, 0, 0, 0.32), 0px 2px 4px 0px rgba(0, 0, 0, 0.32)",
|
|
873
|
+
"--buttons-neutral-focus": "0px -1px 0px 0px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(39, 39, 42, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
|
|
874
|
+
"--elevation-commandbar": "0px 0px 0px 1px rgba(39, 39, 42, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.1) inset, 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
|
|
875
|
+
"--elevation-modal": "0px 0px 0px 1px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.06) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)"
|
|
876
|
+
},
|
|
877
|
+
"light": {
|
|
878
|
+
"--borders-interactive-with-active": "0px 0px 0px 1px rgba(59, 130, 246, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.2)",
|
|
879
|
+
"--buttons-danger-focus": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(190, 18, 60, 0.4), 0px 0px 0px 1px rgba(190, 18, 60, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)",
|
|
880
|
+
"--details-contrast-on-bg-interactive": "0px 1px 2px 0px rgba(30, 58, 138, 0.6)",
|
|
881
|
+
"--borders-interactive-with-focus": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(59, 130, 246, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)",
|
|
882
|
+
"--borders-error": "0px 0px 0px 1px rgba(225, 29, 72, 1), 0px 0px 0px 3px rgba(225, 29, 72, 0.15)",
|
|
883
|
+
"--borders-focus": "0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6)",
|
|
884
|
+
"--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(59, 130, 246, 1)",
|
|
885
|
+
"--buttons-danger": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(190, 18, 60, 0.4), 0px 0px 0px 1px rgba(190, 18, 60, 1)",
|
|
886
|
+
"--buttons-inverted-focus": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)",
|
|
887
|
+
"--elevation-card-hover": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px -1px rgba(0, 0, 0, 0.08), 0px 2px 8px 0px rgba(0, 0, 0, 0.1)",
|
|
888
|
+
"--buttons-inverted": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(24, 24, 27, 1)",
|
|
889
|
+
"--details-switch-handle": "0px 0px 2px 1px rgba(255, 255, 255, 1) inset, 0px 1px 0px 0px rgba(255, 255, 255, 1) inset, 0px 0px 0px 0.5px rgba(0, 0, 0, 0.02), 0px 5px 4px 0px rgba(0, 0, 0, 0.02), 0px 3px 3px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.08)",
|
|
890
|
+
"--buttons-neutral": "0px 1px 2px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(0, 0, 0, 0.08)",
|
|
891
|
+
"--borders-base": "0px 1px 2px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(0, 0, 0, 0.08)",
|
|
892
|
+
"--elevation-card-rest": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px -1px rgba(0, 0, 0, 0.08), 0px 2px 4px 0px rgba(0, 0, 0, 0.04)",
|
|
893
|
+
"--buttons-neutral-focus": "0px 1px 2px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)",
|
|
894
|
+
"--details-switch-background-focus": "0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6), 0px 1px 1px 0px rgba(0, 0, 0, 0.04) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.04) inset, 0px 0px 0px 0.75px rgba(0, 0, 0, 0.06) inset, 0px 0px 8px 0px rgba(0, 0, 0, 0.02) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.04)",
|
|
895
|
+
"--details-switch-background": "0px 1px 1px 0px rgba(0, 0, 0, 0.04) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.04) inset, 0px 0px 0px 0.75px rgba(0, 0, 0, 0.06) inset, 0px 0px 8px 0px rgba(0, 0, 0, 0.02) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.04)",
|
|
896
|
+
"--elevation-flyout": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(0, 0, 0, 0.08), 0px 8px 16px 0px rgba(0, 0, 0, 0.08)",
|
|
897
|
+
"--elevation-tooltip": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 4px 0px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(0, 0, 0, 0.08)",
|
|
898
|
+
"--elevation-modal": "0px 0px 0px 1px rgba(255, 255, 255, 1) inset, 0px 0px 0px 1.5px rgba(228, 228, 231, 0.6) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)",
|
|
899
|
+
"--elevation-commandbar": "0px 0px 0px 1px rgba(39, 39, 42, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.3) inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)",
|
|
900
|
+
"--elevation-code-block": "0px 0px 0px 1px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.2) inset"
|
|
901
|
+
}
|
|
902
|
+
};
|
|
903
|
+
var typography = {
|
|
904
|
+
".txt-compact-xlarge-plus": {
|
|
905
|
+
"fontSize": "1.125rem",
|
|
906
|
+
"lineHeight": "1.25rem",
|
|
907
|
+
"fontWeight": "500",
|
|
908
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
909
|
+
},
|
|
910
|
+
".h1-webs": {
|
|
911
|
+
"fontSize": "4.5rem",
|
|
912
|
+
"lineHeight": "5.5rem",
|
|
913
|
+
"fontWeight": "500",
|
|
914
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
915
|
+
},
|
|
916
|
+
".txt-compact-xsmall": {
|
|
917
|
+
"fontSize": "0.75rem",
|
|
918
|
+
"lineHeight": "1.25rem",
|
|
919
|
+
"fontWeight": "400",
|
|
920
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
921
|
+
},
|
|
922
|
+
".txt-compact-xsmall-plus": {
|
|
923
|
+
"fontSize": "0.75rem",
|
|
924
|
+
"lineHeight": "1.25rem",
|
|
925
|
+
"fontWeight": "500",
|
|
926
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
927
|
+
},
|
|
928
|
+
".h1-core": {
|
|
929
|
+
"fontSize": "1.125rem",
|
|
930
|
+
"lineHeight": "1.75rem",
|
|
931
|
+
"fontWeight": "500",
|
|
932
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
933
|
+
},
|
|
934
|
+
".txt-xlarge": {
|
|
935
|
+
"fontSize": "1.125rem",
|
|
936
|
+
"lineHeight": "1.6875rem",
|
|
937
|
+
"fontWeight": "400",
|
|
938
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
939
|
+
},
|
|
940
|
+
".txt-compact-small-plus": {
|
|
941
|
+
"fontSize": "0.8125rem",
|
|
942
|
+
"lineHeight": "1.25rem",
|
|
943
|
+
"fontWeight": "500",
|
|
944
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
945
|
+
},
|
|
946
|
+
".txt-compact-medium": {
|
|
947
|
+
"fontSize": "0.875rem",
|
|
948
|
+
"lineHeight": "1.25rem",
|
|
949
|
+
"fontWeight": "400",
|
|
950
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
951
|
+
},
|
|
952
|
+
".h1-docs": {
|
|
953
|
+
"fontSize": "2rem",
|
|
954
|
+
"lineHeight": "2.75rem",
|
|
955
|
+
"fontWeight": "500",
|
|
956
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
957
|
+
},
|
|
958
|
+
".txt-compact-large-plus": {
|
|
959
|
+
"fontSize": "1rem",
|
|
960
|
+
"lineHeight": "1.25rem",
|
|
961
|
+
"fontWeight": "500",
|
|
962
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
963
|
+
},
|
|
964
|
+
".h2-docs": {
|
|
965
|
+
"fontSize": "1.5rem",
|
|
966
|
+
"lineHeight": "2rem",
|
|
967
|
+
"fontWeight": "500",
|
|
968
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
969
|
+
},
|
|
970
|
+
".h4-webs": {
|
|
971
|
+
"fontSize": "1.125rem",
|
|
972
|
+
"lineHeight": "1.75rem",
|
|
973
|
+
"fontWeight": "500",
|
|
974
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
975
|
+
},
|
|
976
|
+
".txt-medium": {
|
|
977
|
+
"fontSize": "0.875rem",
|
|
978
|
+
"lineHeight": "1.3125rem",
|
|
979
|
+
"fontWeight": "400",
|
|
980
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
981
|
+
},
|
|
982
|
+
".h2-core": {
|
|
983
|
+
"fontSize": "1rem",
|
|
984
|
+
"lineHeight": "1.5rem",
|
|
985
|
+
"fontWeight": "500",
|
|
986
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
987
|
+
},
|
|
988
|
+
".h2-webs": {
|
|
989
|
+
"fontSize": "2rem",
|
|
990
|
+
"lineHeight": "2.75rem",
|
|
991
|
+
"fontWeight": "500",
|
|
992
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
993
|
+
},
|
|
994
|
+
".h3-core": {
|
|
995
|
+
"fontSize": "0.875rem",
|
|
996
|
+
"lineHeight": "1.25rem",
|
|
997
|
+
"fontWeight": "500",
|
|
998
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
999
|
+
},
|
|
1000
|
+
".h3-docs": {
|
|
1001
|
+
"fontSize": "1.125rem",
|
|
1002
|
+
"lineHeight": "1.75rem",
|
|
1003
|
+
"fontWeight": "500",
|
|
1004
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
1005
|
+
},
|
|
1006
|
+
".h3-webs": {
|
|
1007
|
+
"fontSize": "1.5rem",
|
|
1008
|
+
"lineHeight": "2rem",
|
|
1009
|
+
"fontWeight": "500",
|
|
1010
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
1011
|
+
},
|
|
1012
|
+
".txt-compact-large": {
|
|
1013
|
+
"fontSize": "1rem",
|
|
1014
|
+
"lineHeight": "1.25rem",
|
|
1015
|
+
"fontWeight": "400",
|
|
1016
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
1017
|
+
},
|
|
1018
|
+
".txt-compact-medium-plus": {
|
|
1019
|
+
"fontSize": "0.875rem",
|
|
1020
|
+
"lineHeight": "1.25rem",
|
|
1021
|
+
"fontWeight": "500",
|
|
1022
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
1023
|
+
},
|
|
1024
|
+
".txt-compact-xlarge": {
|
|
1025
|
+
"fontSize": "1.125rem",
|
|
1026
|
+
"lineHeight": "1.25rem",
|
|
1027
|
+
"fontWeight": "400",
|
|
1028
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
1029
|
+
},
|
|
1030
|
+
".txt-compact-small": {
|
|
1031
|
+
"fontSize": "0.8125rem",
|
|
1032
|
+
"lineHeight": "1.25rem",
|
|
1033
|
+
"fontWeight": "400",
|
|
1034
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
1035
|
+
},
|
|
1036
|
+
".txt-xsmall-plus": {
|
|
1037
|
+
"fontSize": "0.75rem",
|
|
1038
|
+
"lineHeight": "1.125rem",
|
|
1039
|
+
"fontWeight": "500",
|
|
1040
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
1041
|
+
},
|
|
1042
|
+
".txt-small": {
|
|
1043
|
+
"fontSize": "0.8125rem",
|
|
1044
|
+
"lineHeight": "1.21875rem",
|
|
1045
|
+
"fontWeight": "400",
|
|
1046
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
1047
|
+
},
|
|
1048
|
+
".txt-small-plus": {
|
|
1049
|
+
"fontSize": "0.8125rem",
|
|
1050
|
+
"lineHeight": "1.21875rem",
|
|
1051
|
+
"fontWeight": "500",
|
|
1052
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
1053
|
+
},
|
|
1054
|
+
".txt-large": {
|
|
1055
|
+
"fontSize": "1rem",
|
|
1056
|
+
"lineHeight": "1.5rem",
|
|
1057
|
+
"fontWeight": "400",
|
|
1058
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
1059
|
+
},
|
|
1060
|
+
".txt-medium-plus": {
|
|
1061
|
+
"fontSize": "0.875rem",
|
|
1062
|
+
"lineHeight": "1.3125rem",
|
|
1063
|
+
"fontWeight": "500",
|
|
1064
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
1065
|
+
},
|
|
1066
|
+
".txt-xsmall": {
|
|
1067
|
+
"fontSize": "0.75rem",
|
|
1068
|
+
"lineHeight": "1.125rem",
|
|
1069
|
+
"fontWeight": "400",
|
|
1070
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
1071
|
+
},
|
|
1072
|
+
".txt-xlarge-plus": {
|
|
1073
|
+
"fontSize": "1.125rem",
|
|
1074
|
+
"lineHeight": "1.6875rem",
|
|
1075
|
+
"fontWeight": "500",
|
|
1076
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
1077
|
+
},
|
|
1078
|
+
".txt-large-plus": {
|
|
1079
|
+
"fontSize": "1rem",
|
|
1080
|
+
"lineHeight": "1.5rem",
|
|
1081
|
+
"fontWeight": "500",
|
|
1082
|
+
"fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
|
|
1083
|
+
}
|
|
1084
|
+
};
|
|
1085
|
+
var plugin_default = (0, import_plugin.default)(
|
|
1086
|
+
function medusaUi({ addBase, addComponents, config }) {
|
|
1087
|
+
const [darkMode, className = ".dark"] = [].concat(
|
|
1088
|
+
config("darkMode", "media")
|
|
1089
|
+
);
|
|
1090
|
+
addBase({
|
|
1091
|
+
"*": {
|
|
1092
|
+
borderColor: "var(--border-base)"
|
|
1093
|
+
}
|
|
1094
|
+
});
|
|
1095
|
+
addComponents(typography);
|
|
1096
|
+
addBase({
|
|
1097
|
+
":root": { ...colors.light, ...effects.light },
|
|
1098
|
+
...components.light
|
|
1099
|
+
});
|
|
1100
|
+
if (darkMode === "class") {
|
|
1101
|
+
addBase({
|
|
1102
|
+
[className]: { ...colors.dark, ...effects.dark }
|
|
1103
|
+
});
|
|
1104
|
+
} else {
|
|
1105
|
+
addBase({
|
|
1106
|
+
"@media (prefers-color-scheme: dark)": {
|
|
1107
|
+
":root": { ...colors.dark, ...effects.dark },
|
|
1108
|
+
...components.dark
|
|
1109
|
+
}
|
|
1110
|
+
});
|
|
1111
|
+
}
|
|
1112
|
+
},
|
|
1113
|
+
{
|
|
1114
|
+
theme: {
|
|
1115
|
+
extend: {
|
|
1116
|
+
...theme.extend,
|
|
1117
|
+
fontFamily: {
|
|
1118
|
+
sans: FONT_FAMILY_SANS,
|
|
1119
|
+
mono: FONT_FAMILY_MONO
|
|
1120
|
+
},
|
|
1121
|
+
transitionProperty: {
|
|
1122
|
+
fg: "color, background-color, border-color, box-shadow, opacity"
|
|
1123
|
+
},
|
|
1124
|
+
keyframes: {
|
|
1125
|
+
"accordion-down": {
|
|
1126
|
+
from: { height: "0px" },
|
|
1127
|
+
to: { height: "var(--radix-accordion-content-height)" }
|
|
1128
|
+
},
|
|
1129
|
+
"accordion-up": {
|
|
1130
|
+
from: { height: "var(--radix-accordion-content-height)" },
|
|
1131
|
+
to: { height: "0px" }
|
|
1132
|
+
}
|
|
1133
|
+
},
|
|
1134
|
+
animation: {
|
|
1135
|
+
"accordion-down": "accordion-down 0.2s ease-out",
|
|
1136
|
+
"accordion-up": "accordion-up 0.2s ease-out"
|
|
1137
|
+
}
|
|
1138
|
+
}
|
|
1139
|
+
}
|
|
1140
|
+
}
|
|
1141
|
+
);
|
|
1142
|
+
var preset = {
|
|
1143
|
+
content: [],
|
|
1144
|
+
plugins: [plugin_default, require_tailwindcss_animate()]
|
|
1145
|
+
};
|
|
1146
|
+
module2.exports = preset;
|
|
1147
|
+
}
|
|
1148
|
+
});
|
|
1149
|
+
|
|
1150
|
+
// src/index.ts
|
|
1151
|
+
var src_exports = {};
|
|
1152
|
+
__export(src_exports, {
|
|
1153
|
+
build: () => build,
|
|
1154
|
+
develop: () => develop,
|
|
1155
|
+
serve: () => serve
|
|
1156
|
+
});
|
|
1157
|
+
module.exports = __toCommonJS(src_exports);
|
|
1158
|
+
|
|
1159
|
+
// src/lib/config.ts
|
|
1160
|
+
var import_admin_shared = require("@medusajs/admin-shared");
|
|
1161
|
+
var import_path = __toESM(require("path"));
|
|
1162
|
+
async function getViteConfig(options) {
|
|
1163
|
+
const { searchForWorkspaceRoot, mergeConfig } = await import("vite");
|
|
1164
|
+
const { default: react } = await import("@vitejs/plugin-react");
|
|
1165
|
+
const { default: medusa } = await import("@medusajs/admin-vite-plugin");
|
|
1166
|
+
const getPort = await Promise.resolve().then(() => __toESM(require_get_port()));
|
|
1167
|
+
const hmrPort = await getPort.default();
|
|
1168
|
+
const root = import_path.default.resolve(__dirname, "./");
|
|
1169
|
+
const backendUrl = options.backendUrl ?? "";
|
|
1170
|
+
const storefrontUrl = options.storefrontUrl ?? "";
|
|
1171
|
+
const baseConfig = {
|
|
1172
|
+
root,
|
|
1173
|
+
base: options.path,
|
|
1174
|
+
build: {
|
|
1175
|
+
emptyOutDir: true,
|
|
1176
|
+
outDir: import_path.default.resolve(process.cwd(), options.outDir)
|
|
1177
|
+
},
|
|
1178
|
+
optimizeDeps: {
|
|
1179
|
+
include: ["@medusajs/dashboard", "react-dom/client"],
|
|
1180
|
+
exclude: import_admin_shared.VIRTUAL_MODULES
|
|
1181
|
+
},
|
|
1182
|
+
define: {
|
|
1183
|
+
__BASE__: JSON.stringify(options.path),
|
|
1184
|
+
__BACKEND_URL__: JSON.stringify(backendUrl),
|
|
1185
|
+
__STOREFRONT_URL__: JSON.stringify(storefrontUrl)
|
|
1186
|
+
},
|
|
1187
|
+
server: {
|
|
1188
|
+
fs: {
|
|
1189
|
+
allow: [searchForWorkspaceRoot(process.cwd())]
|
|
1190
|
+
},
|
|
1191
|
+
hmr: {
|
|
1192
|
+
port: hmrPort
|
|
1193
|
+
},
|
|
1194
|
+
middlewareMode: true
|
|
1195
|
+
},
|
|
1196
|
+
css: {
|
|
1197
|
+
postcss: {
|
|
1198
|
+
plugins: [
|
|
1199
|
+
require("tailwindcss")({
|
|
1200
|
+
config: createTailwindConfig(root, options.sources)
|
|
1201
|
+
})
|
|
1202
|
+
]
|
|
1203
|
+
}
|
|
1204
|
+
},
|
|
1205
|
+
plugins: [
|
|
1206
|
+
react(),
|
|
1207
|
+
medusa({
|
|
1208
|
+
sources: options.sources
|
|
1209
|
+
})
|
|
1210
|
+
]
|
|
1211
|
+
};
|
|
1212
|
+
if (options.vite) {
|
|
1213
|
+
const customConfig = options.vite(baseConfig);
|
|
1214
|
+
return mergeConfig(baseConfig, customConfig);
|
|
1215
|
+
}
|
|
1216
|
+
return baseConfig;
|
|
1217
|
+
}
|
|
1218
|
+
function createTailwindConfig(entry, sources = []) {
|
|
1219
|
+
const root = import_path.default.join(entry, "**/*.{js,ts,jsx,tsx}");
|
|
1220
|
+
const html = import_path.default.join(entry, "index.html");
|
|
1221
|
+
let dashboard = "";
|
|
1222
|
+
try {
|
|
1223
|
+
dashboard = import_path.default.join(
|
|
1224
|
+
import_path.default.dirname(require.resolve("@medusajs/dashboard")),
|
|
1225
|
+
"**/*.{js,ts,jsx,tsx}"
|
|
1226
|
+
);
|
|
1227
|
+
} catch (_e) {
|
|
1228
|
+
}
|
|
1229
|
+
let ui = "";
|
|
1230
|
+
try {
|
|
1231
|
+
ui = import_path.default.join(
|
|
1232
|
+
import_path.default.dirname(require.resolve("@medusajs/ui")),
|
|
1233
|
+
"**/*.{js,ts,jsx,tsx}"
|
|
1234
|
+
);
|
|
1235
|
+
} catch (_e) {
|
|
1236
|
+
}
|
|
1237
|
+
const extensions = sources.map((s) => import_path.default.join(s, "**/*.{js,ts,jsx,tsx}"));
|
|
1238
|
+
const config = {
|
|
1239
|
+
presets: [require_dist()],
|
|
1240
|
+
content: [html, root, dashboard, ui, ...extensions],
|
|
1241
|
+
darkMode: "class"
|
|
1242
|
+
};
|
|
1243
|
+
return config;
|
|
1244
|
+
}
|
|
1245
|
+
|
|
1246
|
+
// src/lib/build.ts
|
|
1247
|
+
async function build(options) {
|
|
1248
|
+
const vite = await import("vite");
|
|
1249
|
+
const viteConfig = await getViteConfig(options);
|
|
1250
|
+
const buildConfig = {
|
|
1251
|
+
mode: "production",
|
|
1252
|
+
logLevel: "error"
|
|
1253
|
+
};
|
|
1254
|
+
await vite.build(vite.mergeConfig(viteConfig, buildConfig));
|
|
1255
|
+
}
|
|
1256
|
+
|
|
1257
|
+
// src/lib/develop.ts
|
|
1258
|
+
var import_express = __toESM(require("express"));
|
|
1259
|
+
var router = import_express.default.Router();
|
|
1260
|
+
async function develop(options) {
|
|
1261
|
+
const vite = await import("vite");
|
|
1262
|
+
try {
|
|
1263
|
+
const viteConfig = await getViteConfig(options);
|
|
1264
|
+
const developConfig = {
|
|
1265
|
+
mode: "development",
|
|
1266
|
+
logLevel: "warn"
|
|
1267
|
+
};
|
|
1268
|
+
const server = await vite.createServer(
|
|
1269
|
+
vite.mergeConfig(viteConfig, developConfig)
|
|
1270
|
+
);
|
|
1271
|
+
router.use(server.middlewares);
|
|
1272
|
+
} catch (error) {
|
|
1273
|
+
console.error(error);
|
|
1274
|
+
throw new Error(
|
|
1275
|
+
"Failed to start admin development server. See error above."
|
|
1276
|
+
);
|
|
1277
|
+
}
|
|
1278
|
+
return router;
|
|
1279
|
+
}
|
|
1280
|
+
|
|
1281
|
+
// src/lib/serve.ts
|
|
1282
|
+
var import_compression = __toESM(require("compression"));
|
|
1283
|
+
var import_express2 = require("express");
|
|
1284
|
+
var import_fs = __toESM(require("fs"));
|
|
1285
|
+
var import_path2 = __toESM(require("path"));
|
|
1286
|
+
var router2 = (0, import_express2.Router)();
|
|
1287
|
+
async function serve(options) {
|
|
1288
|
+
const htmlPath = import_path2.default.resolve(options.outDir, "index.html");
|
|
1289
|
+
const indexExists = import_fs.default.existsSync(htmlPath);
|
|
1290
|
+
if (!indexExists) {
|
|
1291
|
+
throw new Error(
|
|
1292
|
+
`Could not find index.html in the admin build directory. Make sure to run 'medusa build' before starting the server.`
|
|
1293
|
+
);
|
|
1294
|
+
}
|
|
1295
|
+
const html = import_fs.default.readFileSync(htmlPath, "utf-8");
|
|
1296
|
+
const sendHtml = (_req, res) => {
|
|
1297
|
+
res.setHeader("Cache-Control", "no-cache");
|
|
1298
|
+
res.setHeader("Vary", "Origin, Cache-Control");
|
|
1299
|
+
res.send(html);
|
|
1300
|
+
};
|
|
1301
|
+
const setStaticHeaders = (res) => {
|
|
1302
|
+
res.setHeader("Cache-Control", "max-age=31536000, immutable");
|
|
1303
|
+
res.setHeader("Vary", "Origin, Cache-Control");
|
|
1304
|
+
};
|
|
1305
|
+
router2.use((0, import_compression.default)());
|
|
1306
|
+
router2.get("/", sendHtml);
|
|
1307
|
+
router2.use(
|
|
1308
|
+
(0, import_express2.static)(options.outDir, {
|
|
1309
|
+
setHeaders: setStaticHeaders
|
|
1310
|
+
})
|
|
1311
|
+
);
|
|
1312
|
+
router2.get(`/*`, sendHtml);
|
|
1313
|
+
return router2;
|
|
1314
|
+
}
|
|
1315
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
1316
|
+
0 && (module.exports = {
|
|
1317
|
+
build,
|
|
1318
|
+
develop,
|
|
1319
|
+
serve
|
|
1320
|
+
});
|