@autofleet/theme 0.3.15 → 0.3.16

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/index.js CHANGED
@@ -1,1399 +1,7 @@
1
- const $ = (a) => {
2
- const r = a.split(",").map((n) => parseInt(n, 10)), t = r[0] / 255, e = r[1] / 255, o = r[2] / 255, p = Math.max(t, e, o), l = p - Math.min(t, e, o), h = l ? p === t ? (e - o) / l : p === e ? 2 + (o - t) / l : 4 + (t - e) / l : 0;
3
- return [
4
- 60 * h < 0 ? 60 * h + 360 : 60 * h,
5
- 100 * (l ? p <= 0.5 ? l / (2 * p - l) : l / (2 - (2 * p - l)) : 0),
6
- 100 * (2 * p - l) / 2
7
- ];
8
- }, C = (a, r, t) => {
9
- const e = r / 100, o = t / 100, p = (c) => (c + a / 30) % 12, l = e * Math.min(o, 1 - o), h = (c) => o - l * Math.max(
10
- -1,
11
- Math.min(p(c) - 3, Math.min(9 - p(c), 1))
12
- ), n = 255 * h(0), v = 255 * h(8), O = 255 * h(4);
13
- return [n, v, O];
14
- }, L = (a) => {
15
- const r = $(a), t = r[2] + r[2] * -24 / 100, [e, o, p] = C(r[0], r[1], t);
16
- return `${e}, ${o}, ${p}`;
17
- }, T = {
18
- info: {
19
- light: "rgba(231, 246, 255, 1)",
20
- dark: "rgba(30, 55, 75, 1)"
21
- },
22
- error: {
23
- light: "rgba(254, 235, 236, 1)",
24
- dark: "rgba(67, 37, 45, 1)"
25
- },
26
- success: {
27
- light: "rgba(233, 248, 239, 1)",
28
- dark: "rgba(34, 58, 50, 1)"
29
- },
30
- warning: {
31
- light: "rgba(254, 246, 231, 1)",
32
- dark: "rgba(68, 55, 37, 1)"
33
- },
34
- primary: {
35
- light: "rgba(231, 246, 255, 1)",
36
- dark: "rgba(30, 55, 75, 1)"
37
- }
38
- }, S = (a, r, t) => ({
39
- [`${a}Color`]: `rgba(${r}, 1)`,
40
- [`${a}ColorHover`]: `rgba(${L(r)}, 1)`,
41
- [`${a}ColorOpacityWeak`]: `rgba(${r}, 0.32)`,
42
- [`${a}ColorOpacityStrong`]: `rgba(${r}, ${t === "light" ? 0.1 : 0.16})`,
43
- [`${a}HoverComponentBgColor`]: T[a][t]
44
- }), N = [
45
- ["info", "17, 164, 255"],
46
- ["error", "248, 55, 67"],
47
- ["success", "37, 184, 97"],
48
- ["warning", "250, 166, 19"]
49
- ], y = (a) => {
50
- const [r, t, e] = a.split(",").map((l) => parseInt(l, 10));
51
- return (0.2126 * r + 0.7152 * t + 0.0722 * e) / 255 > 0.6 ? "#000000" : "#FFFFFF";
52
- }, E = {
53
- primaryTextColor: (a) => a ? "rgba(244, 245, 248, 1)" : "rgba(33, 34, 41, 1)",
54
- secondaryTextColor: (a) => a ? "rgba(173, 174, 186, 1)" : "rgba(102, 105, 117, 1)",
55
- disabledTextColor: (a) => a ? "rgba(102, 105, 117, 1)" : "rgba(173, 174, 186, 1)",
56
- placeholderTextColor: (a) => a ? "rgba(102, 105, 117, 1)" : "rgba(173, 174, 186, 1)",
57
- primaryBackgroundColor: (a) => a ? "rgba(33, 34, 41, 1)" : "rgba(255, 255, 255, 1)",
58
- secondaryBackgroundColor: (a) => a ? "rgba(43, 45, 51, 1)" : "rgba(244, 245, 248, 1)",
59
- dividerColor: (a) => a ? "rgba(125, 139, 172, 0.32)" : "rgba(125, 139, 172, 0.24)",
60
- secondaryButtonsHoverColor: (a) => a ? "rgba(124, 134, 163, 0.16)" : "rgba(124, 134, 163, 0.1)"
61
- }, M = (a) => Object.fromEntries(
62
- Object.entries(E).map(
63
- ([r, t]) => [r, t(a === "dark")]
64
- )
65
- ), j = (a, r) => ({
66
- ...[
67
- ...N,
68
- ["primary", a]
69
- ].map(([e, o]) => S(e, o, r)).reduce((e, o) => ({ ...e, ...o }), {}),
70
- primaryBackgroundText: y(a),
71
- primaryBackgroundHoverText: y(
72
- L(a)
73
- ),
74
- ...M(r)
75
- }), H = {
76
- // neutral colors
77
- "n-00": "rgba(255, 255, 255, 1)",
78
- "n-01": "rgba(244, 245, 248, 1)",
79
- "n-02": "rgba(173, 174, 186, 1)",
80
- "n-03": "rgba(102, 105, 117, 1)",
81
- "n-04": "rgba(52, 55, 64, 1)",
82
- "n-05": "rgba(33, 34, 41, 1)",
83
- "n-opa-10": "rgba(124, 134, 163, 0.1)",
84
- "n-opa-16": "rgba(124, 134, 163, 0.16)",
85
- "n-opa-24": "rgba(124, 134, 163, 0.24)",
86
- "n-opa-32": "rgba(125, 139, 172, 0.32)",
87
- "n-00-opa-32": "rgba(255, 255, 255, 0.32)",
88
- // brand colors
89
- brand: "rgba(17, 164, 255, 1)",
90
- "brand-hover": "rgba(0, 132, 214, 1)",
91
- "brand-opa-10": "rgba(17, 164, 255, 0.1)",
92
- "brand-opa-16": "rgba(17, 164, 255, 0.16)",
93
- "brand-opa-24": "rgba(17, 164, 255, 0.24)",
94
- "brand-opa-32": "rgba(17, 164, 255, 0.32)",
95
- // blue colors
96
- "b-01": "rgba(231, 246, 255, 1)",
97
- "b-02": "rgba(17, 164, 255, 1)",
98
- "b-03": "rgba(0, 132, 214, 1)",
99
- "b-04": "rgba(30, 55, 75, 1)",
100
- "b-05": "rgba(66, 183, 255, 1)",
101
- "b-06": "rgba(0, 75, 122, 1)",
102
- "b-07": "rgba(158, 218, 255, 1)",
103
- "b-opa-10": "rgba(17, 164, 255, 0.1)",
104
- "b-opa-16": "rgba(17, 164, 255, 0.16)",
105
- "b-opa-24": "rgba(17, 164, 255, 0.24)",
106
- "b-opa-32": "rgba(17, 164, 255, 0.32)",
107
- // green colors
108
- "g-01": "rgba(233, 248, 239, 1)",
109
- "g-02": "rgba(37, 184, 97, 1)",
110
- "g-03": "rgba(28, 140, 74, 1)",
111
- "g-04": "rgba(34, 58, 50, 1)",
112
- "g-05": "rgba(55, 215, 120, 1)",
113
- "g-06": "rgba(17, 85, 44, 1)",
114
- "g-07": "rgba(136, 231, 174, 1)",
115
- "g-opa-10": "rgba(37, 184, 97, 0.1)",
116
- "g-opa-16": "rgba(37, 184, 97, 0.16)",
117
- "g-opa-24": "rgba(37, 184, 97, 0.24)",
118
- "g-opa-32": "rgba(37, 184, 97, 0.32)",
119
- // yellow colors
120
- "y-01": "rgba(254, 246, 231, 1)",
121
- "y-02": "rgba(244, 156, 0, 1)",
122
- "y-03": "rgba(214, 138, 5, 1)",
123
- "y-04": "rgba(68, 55, 37, 1)",
124
- "y-05": "rgba(251, 185, 70, 1)",
125
- "y-06": "rgba(107, 68, 0, 1)",
126
- "y-07": "rgba(255, 210, 133, 1)",
127
- "y-opa-10": "rgba(244, 156, 0, 0.1)",
128
- "y-opa-16": "rgba(244, 156, 0, 0.16)",
129
- "y-opa-24": "rgba(244, 156, 0, 0.24)",
130
- "y-opa-32": "rgba(244, 156, 0, 0.32)",
131
- // red colors
132
- "r-01": "rgba(254, 235, 236, 1)",
133
- "r-02": "rgba(248, 55, 67, 1)",
134
- "r-03": "rgba(197, 7, 19, 1)",
135
- "r-04": "rgba(67, 37, 45, 1)",
136
- "r-05": "rgba(249, 103, 112, 1)",
137
- "r-06": "rgba(137, 6, 14, 1)",
138
- "r-07": "rgba(248, 180, 186, 1)",
139
- "r-opa-10": "rgba(248, 55, 67, 0.1)",
140
- "r-opa-16": "rgba(248, 55, 67, 0.16)",
141
- "r-opa-24": "rgba(248, 55, 67, 0.24)",
142
- "r-opa-32": "rgba(248, 55, 67, 0.32)",
143
- // purple colors
144
- "pu-02": "rgba(143, 101, 255, 1)",
145
- "pu-06": "rgba(58, 0, 219, 1)",
146
- "pu-07": "rgba(209, 194, 255, 1)",
147
- "pu-opa-10": "rgba(143, 101, 255, 0.1)",
148
- "pu-opa-16": "rgba(143, 101, 255, 0.16)",
149
- "pu-opa-24": "rgba(143, 101, 255, 0.24)",
150
- // orange colors
151
- "or-02": "rgba(255, 116, 87, 1)",
152
- "or-06": "rgba(143, 24, 0, 1)",
153
- "or-07": "rgba(255, 198, 189, 1)",
154
- "or-opa-10": "rgba(255, 117, 87, 0.1)",
155
- "or-opa-16": "rgba(255, 117, 87, 0.16)",
156
- "or-opa-24": "rgba(255, 117, 87, 0.24)",
157
- // turquoise colors
158
- "tu-02": "rgba(0, 198, 181, 1)",
159
- "tu-06": "rgba(0, 82, 72, 1)",
160
- "tu-07": "rgba(0, 245, 224, 1)",
161
- "tu-opa-10": "rgba(0, 198, 181, 0.1)",
162
- "tu-opa-16": "rgba(0, 198, 181, 0.16)",
163
- "tu-opa-24": "rgba(0, 198, 181, 0.24)",
164
- // pink colors
165
- "pi-02": "rgba(255, 85, 138, 1)",
166
- "pi-06": "rgba(143, 0, 45, 1)",
167
- "pi-07": "rgba(255, 189, 210, 1)",
168
- "pi-opa-10": "rgba(255, 85, 138, 0.1)",
169
- "pi-opa-16": "rgba(255, 85, 138, 0.16)",
170
- "pi-opa-24": "rgba(255, 85, 138, 0.24)",
171
- // ultramarine colors
172
- "ul-02": "rgba(84, 119, 255, 1)",
173
- "ul-06": "rgba(0, 41, 204, 1)",
174
- "ul-07": "rgba(184, 198, 255, 1)",
175
- "ul-opa-10": "rgba(84, 119, 255, 0.1)",
176
- "ul-opa-16": "rgba(84, 119, 255, 0.16)",
177
- "ul-opa-24": "rgba(84, 119, 255, 0.24)",
178
- // peach colors
179
- "pe-02": "rgba(255, 147, 69, 1)",
180
- "pe-06": "rgba(128, 53, 0, 1)",
181
- "pe-07": "rgba(255, 209, 179, 1)",
182
- "pe-opa-10": "rgba(255, 147, 69, 0.1)",
183
- "pe-opa-16": "rgba(255, 147, 69, 0.16)",
184
- "pe-opa-24": "rgba(255, 147, 69, 0.24)",
185
- // apple colors
186
- "ap-02": "rgba(127, 185, 81, 1)",
187
- "ap-06": "rgba(54, 81, 31, 1)",
188
- "ap-07": "rgba(198, 225, 173, 1)",
189
- "ap-opa-10": "rgba(127, 185, 81, 0.1)",
190
- "ap-opa-16": "rgba(127, 185, 81, 0.16)",
191
- "ap-opa-24": "rgba(127, 185, 81, 0.24)",
192
- // bubblegum colors
193
- "bu-02": "rgba(238, 91, 197, 1)",
194
- "bu-06": "rgba(135, 13, 100, 1)",
195
- "bu-07": "rgba(249, 190, 234, 1)",
196
- "bu-opa-10": "rgba(238, 91, 197, 0.1)",
197
- "bu-opa-16": "rgba(238, 91, 197, 0.16)",
198
- "bu-opa-24": "rgba(238, 91, 197, 0.24)",
199
- // ocher colors
200
- "oc-02": "rgba(251, 171, 0, 1)",
201
- "oc-06": "rgba(102, 70, 0, 1)",
202
- "oc-07": "rgba(255, 218, 138, 1)",
203
- "oc-opa-10": "rgba(251, 171, 0, 0.1)",
204
- "oc-opa-16": "rgba(251, 171, 0, 0.16)",
205
- "oc-opa-24": "rgba(251, 171, 0, 0.24)",
206
- // bluberry colors
207
- "br-02": "rgba(101, 98, 255, 1)",
208
- "br-06": "rgba(4, 0, 230, 1)",
209
- "br-07": "rgba(95, 194, 255, 1)",
210
- "br-opa-10": "rgba(101, 98, 255, 0.1)",
211
- "br-opa-16": "rgba(101, 98, 255, 0.16)",
212
- "br-opa-24": "rgba(101, 98, 255, 0.24)"
213
- }, d = ({ red: a, green: r, blue: t }, e) => `rgba(${a}, ${r}, ${t}, ${e})`, R = (a) => ({
214
- brand: d(a, 1),
215
- "brand-hover": `rgba(${L(`${a.red}, ${a.green}, ${a.blue}`)}, 1)`,
216
- "brand-opa-10": d(a, 0.1),
217
- "brand-opa-16": d(a, 0.16),
218
- "brand-opa-24": d(a, 0.24),
219
- "brand-opa-32": d(a, 0.32)
220
- }), f = {
221
- "bg-primary": {
222
- autofleet: {
223
- light: "n-00",
224
- dark: "n-05"
225
- },
226
- whiteLabel: {
227
- light: "n-00",
228
- dark: "n-05"
229
- }
230
- },
231
- "bg-secondary": {
232
- autofleet: {
233
- light: "n-01",
234
- dark: "n-04"
235
- },
236
- whiteLabel: {
237
- light: "n-01",
238
- dark: "n-04"
239
- }
240
- },
241
- "bg-info": {
242
- autofleet: {
243
- light: "b-01",
244
- dark: "b-04"
245
- },
246
- whiteLabel: {
247
- light: "b-01",
248
- dark: "b-04"
249
- }
250
- },
251
- "bg-success": {
252
- autofleet: {
253
- light: "g-01",
254
- dark: "g-04"
255
- },
256
- whiteLabel: {
257
- light: "g-01",
258
- dark: "g-04"
259
- }
260
- },
261
- "bg-warning": {
262
- autofleet: {
263
- light: "y-01",
264
- dark: "y-04"
265
- },
266
- whiteLabel: {
267
- light: "y-01",
268
- dark: "y-04"
269
- }
270
- },
271
- "bg-error": {
272
- autofleet: {
273
- light: "r-01",
274
- dark: "r-04"
275
- },
276
- whiteLabel: {
277
- light: "r-01",
278
- dark: "r-04"
279
- }
280
- },
281
- "divider-neutral": {
282
- autofleet: {
283
- light: "n-opa-32",
284
- dark: "n-opa-32"
285
- },
286
- whiteLabel: {
287
- light: "n-opa-32",
288
- dark: "n-opa-32"
289
- }
290
- },
291
- "divider-invert": {
292
- autofleet: {
293
- light: "n-00-opa-32",
294
- dark: "n-00-opa-32"
295
- },
296
- whiteLabel: {
297
- light: "n-00-opa-32",
298
- dark: "n-00-opa-32"
299
- }
300
- },
301
- "divider-brand": {
302
- autofleet: {
303
- light: "brand-opa-32",
304
- dark: "brand-opa-32"
305
- },
306
- whiteLabel: {
307
- light: "brand-opa-32",
308
- dark: "brand-opa-32"
309
- }
310
- },
311
- "divider-info": {
312
- autofleet: {
313
- light: "b-opa-32",
314
- dark: "b-opa-32"
315
- },
316
- whiteLabel: {
317
- light: "b-opa-32",
318
- dark: "b-opa-32"
319
- }
320
- },
321
- "divider-success": {
322
- autofleet: {
323
- light: "g-opa-32",
324
- dark: "g-opa-32"
325
- },
326
- whiteLabel: {
327
- light: "g-opa-32",
328
- dark: "g-opa-32"
329
- }
330
- },
331
- "divider-warning": {
332
- autofleet: {
333
- light: "y-opa-32",
334
- dark: "y-opa-32"
335
- },
336
- whiteLabel: {
337
- light: "y-opa-32",
338
- dark: "y-opa-32"
339
- }
340
- },
341
- "divider-error": {
342
- autofleet: {
343
- light: "r-opa-32",
344
- dark: "r-opa-32"
345
- },
346
- whiteLabel: {
347
- light: "r-opa-32",
348
- dark: "r-opa-32"
349
- }
350
- },
351
- "primary-btn": {
352
- autofleet: {
353
- light: "brand",
354
- dark: "brand"
355
- },
356
- whiteLabel: {
357
- light: "brand",
358
- dark: "brand"
359
- }
360
- },
361
- "primary-btn-hover": {
362
- autofleet: {
363
- light: "brand-hover",
364
- dark: "brand-hover"
365
- },
366
- whiteLabel: {
367
- light: "brand-hover",
368
- dark: "brand-hover"
369
- }
370
- },
371
- "primary-btn-opa-01": {
372
- autofleet: {
373
- light: "brand-opa-10",
374
- dark: "brand-opa-16"
375
- },
376
- whiteLabel: {
377
- light: "brand-opa-10",
378
- dark: "brand-opa-16"
379
- }
380
- },
381
- "primary-btn-opa-02": {
382
- autofleet: {
383
- light: "brand-opa-24",
384
- dark: "brand-opa-24"
385
- },
386
- whiteLabel: {
387
- light: "brand-opa-24",
388
- dark: "brand-opa-24"
389
- }
390
- },
391
- other: {
392
- autofleet: {
393
- light: "brand",
394
- dark: "brand"
395
- },
396
- whiteLabel: {
397
- light: "n-05",
398
- dark: "n-00"
399
- }
400
- },
401
- "other-hover": {
402
- autofleet: {
403
- light: "brand-hover",
404
- dark: "brand-hover"
405
- },
406
- whiteLabel: {
407
- light: "n-03",
408
- dark: "n-02"
409
- }
410
- },
411
- "other-opa-01": {
412
- autofleet: {
413
- light: "brand-opa-10",
414
- dark: "brand-opa-16"
415
- },
416
- whiteLabel: {
417
- light: "n-opa-10",
418
- dark: "n-opa-16"
419
- }
420
- },
421
- "other-opa-02": {
422
- autofleet: {
423
- light: "brand-opa-24",
424
- dark: "brand-opa-24"
425
- },
426
- whiteLabel: {
427
- light: "n-opa-24",
428
- dark: "n-opa-24"
429
- }
430
- },
431
- "other-text": {
432
- autofleet: {
433
- light: "b-06",
434
- dark: "b-07"
435
- },
436
- whiteLabel: {
437
- light: "n-05",
438
- dark: "b-07"
439
- }
440
- },
441
- "neutral-dark": {
442
- autofleet: {
443
- light: "n-05",
444
- dark: "n-00"
445
- },
446
- whiteLabel: {
447
- light: "n-05",
448
- dark: "n-00"
449
- }
450
- },
451
- "neutral-charcoal": {
452
- autofleet: {
453
- light: "n-03",
454
- dark: "n-02"
455
- },
456
- whiteLabel: {
457
- light: "n-03",
458
- dark: "n-02"
459
- }
460
- },
461
- "neutral-light": {
462
- autofleet: {
463
- light: "n-02",
464
- dark: "n-03"
465
- },
466
- whiteLabel: {
467
- light: "n-02",
468
- dark: "n-03"
469
- }
470
- },
471
- "neutral-invert": {
472
- autofleet: {
473
- light: "n-00",
474
- dark: "n-05"
475
- },
476
- whiteLabel: {
477
- light: "n-00",
478
- dark: "n-05"
479
- }
480
- },
481
- "neutral-opa-01": {
482
- autofleet: {
483
- light: "n-opa-10",
484
- dark: "n-opa-16"
485
- },
486
- whiteLabel: {
487
- light: "n-opa-10",
488
- dark: "n-opa-16"
489
- }
490
- },
491
- "neutral-opa-02": {
492
- autofleet: {
493
- light: "n-opa-24",
494
- dark: "n-opa-24"
495
- },
496
- whiteLabel: {
497
- light: "n-opa-24",
498
- dark: "n-opa-24"
499
- }
500
- },
501
- "info-hover": {
502
- autofleet: {
503
- light: "b-03",
504
- dark: "b-05"
505
- },
506
- whiteLabel: {
507
- light: "b-03",
508
- dark: "b-05"
509
- }
510
- },
511
- info: {
512
- autofleet: {
513
- light: "b-02",
514
- dark: "b-02"
515
- },
516
- whiteLabel: {
517
- light: "b-02",
518
- dark: "b-02"
519
- }
520
- },
521
- "info-opa-01": {
522
- autofleet: {
523
- light: "b-opa-10",
524
- dark: "b-opa-16"
525
- },
526
- whiteLabel: {
527
- light: "b-opa-10",
528
- dark: "b-opa-16"
529
- }
530
- },
531
- "info-opa-02": {
532
- autofleet: {
533
- light: "b-opa-24",
534
- dark: "b-opa-24"
535
- },
536
- whiteLabel: {
537
- light: "b-opa-24",
538
- dark: "b-opa-24"
539
- }
540
- },
541
- "info-text": {
542
- autofleet: {
543
- light: "b-06",
544
- dark: "b-07"
545
- },
546
- whiteLabel: {
547
- light: "b-06",
548
- dark: "b-07"
549
- }
550
- },
551
- "success-hover": {
552
- autofleet: {
553
- light: "g-03",
554
- dark: "g-05"
555
- },
556
- whiteLabel: {
557
- light: "g-03",
558
- dark: "g-05"
559
- }
560
- },
561
- success: {
562
- autofleet: {
563
- light: "g-02",
564
- dark: "g-02"
565
- },
566
- whiteLabel: {
567
- light: "g-02",
568
- dark: "g-02"
569
- }
570
- },
571
- "success-opa-01": {
572
- autofleet: {
573
- light: "g-opa-10",
574
- dark: "g-opa-16"
575
- },
576
- whiteLabel: {
577
- light: "g-opa-10",
578
- dark: "g-opa-16"
579
- }
580
- },
581
- "success-opa-02": {
582
- autofleet: {
583
- light: "g-opa-24",
584
- dark: "g-opa-24"
585
- },
586
- whiteLabel: {
587
- light: "g-opa-24",
588
- dark: "g-opa-24"
589
- }
590
- },
591
- "success-text": {
592
- autofleet: {
593
- light: "g-06",
594
- dark: "g-07"
595
- },
596
- whiteLabel: {
597
- light: "g-06",
598
- dark: "g-07"
599
- }
600
- },
601
- "warning-hover": {
602
- autofleet: {
603
- light: "y-03",
604
- dark: "y-05"
605
- },
606
- whiteLabel: {
607
- light: "y-03",
608
- dark: "y-05"
609
- }
610
- },
611
- warning: {
612
- autofleet: {
613
- light: "y-02",
614
- dark: "y-02"
615
- },
616
- whiteLabel: {
617
- light: "y-02",
618
- dark: "y-02"
619
- }
620
- },
621
- "warning-opa-01": {
622
- autofleet: {
623
- light: "y-opa-10",
624
- dark: "y-opa-16"
625
- },
626
- whiteLabel: {
627
- light: "y-opa-10",
628
- dark: "y-opa-16"
629
- }
630
- },
631
- "warning-opa-02": {
632
- autofleet: {
633
- light: "y-opa-24",
634
- dark: "y-opa-24"
635
- },
636
- whiteLabel: {
637
- light: "y-opa-24",
638
- dark: "y-opa-24"
639
- }
640
- },
641
- "warning-text": {
642
- autofleet: {
643
- light: "y-06",
644
- dark: "y-07"
645
- },
646
- whiteLabel: {
647
- light: "y-06",
648
- dark: "y-07"
649
- }
650
- },
651
- "error-hover": {
652
- autofleet: {
653
- light: "r-03",
654
- dark: "r-05"
655
- },
656
- whiteLabel: {
657
- light: "r-03",
658
- dark: "r-05"
659
- }
660
- },
661
- error: {
662
- autofleet: {
663
- light: "r-02",
664
- dark: "r-02"
665
- },
666
- whiteLabel: {
667
- light: "r-02",
668
- dark: "r-02"
669
- }
670
- },
671
- "error-opa-01": {
672
- autofleet: {
673
- light: "r-opa-10",
674
- dark: "r-opa-16"
675
- },
676
- whiteLabel: {
677
- light: "r-opa-10",
678
- dark: "r-opa-16"
679
- }
680
- },
681
- "error-opa-02": {
682
- autofleet: {
683
- light: "r-opa-24",
684
- dark: "r-opa-24"
685
- },
686
- whiteLabel: {
687
- light: "r-opa-24",
688
- dark: "r-opa-24"
689
- }
690
- },
691
- "error-text": {
692
- autofleet: {
693
- light: "r-06",
694
- dark: "r-07"
695
- },
696
- whiteLabel: {
697
- light: "r-06",
698
- dark: "r-07"
699
- }
700
- },
701
- purple: {
702
- autofleet: {
703
- light: "pu-02",
704
- dark: "pu-02"
705
- },
706
- whiteLabel: {
707
- light: "pu-02",
708
- dark: "pu-02"
709
- }
710
- },
711
- "purple-opa-01": {
712
- autofleet: {
713
- light: "pu-opa-10",
714
- dark: "pu-opa-16"
715
- },
716
- whiteLabel: {
717
- light: "pu-opa-10",
718
- dark: "pu-opa-16"
719
- }
720
- },
721
- "purple-opa-02": {
722
- autofleet: {
723
- light: "pu-opa-24",
724
- dark: "pu-opa-24"
725
- },
726
- whiteLabel: {
727
- light: "pu-opa-24",
728
- dark: "pu-opa-24"
729
- }
730
- },
731
- "purple-text": {
732
- autofleet: {
733
- light: "pu-06",
734
- dark: "pu-07"
735
- },
736
- whiteLabel: {
737
- light: "pu-06",
738
- dark: "pu-07"
739
- }
740
- },
741
- orange: {
742
- autofleet: {
743
- light: "or-02",
744
- dark: "or-02"
745
- },
746
- whiteLabel: {
747
- light: "or-02",
748
- dark: "or-02"
749
- }
750
- },
751
- "orange-opa-01": {
752
- autofleet: {
753
- light: "or-opa-10",
754
- dark: "or-opa-16"
755
- },
756
- whiteLabel: {
757
- light: "or-opa-10",
758
- dark: "or-opa-16"
759
- }
760
- },
761
- "orange-opa-02": {
762
- autofleet: {
763
- light: "or-opa-24",
764
- dark: "or-opa-24"
765
- },
766
- whiteLabel: {
767
- light: "or-opa-24",
768
- dark: "or-opa-24"
769
- }
770
- },
771
- "orange-text": {
772
- autofleet: {
773
- light: "or-06",
774
- dark: "or-07"
775
- },
776
- whiteLabel: {
777
- light: "or-06",
778
- dark: "or-07"
779
- }
780
- },
781
- turquoise: {
782
- autofleet: {
783
- light: "tu-02",
784
- dark: "tu-02"
785
- },
786
- whiteLabel: {
787
- light: "tu-02",
788
- dark: "tu-02"
789
- }
790
- },
791
- "turquoise-opa-01": {
792
- autofleet: {
793
- light: "tu-opa-10",
794
- dark: "tu-opa-16"
795
- },
796
- whiteLabel: {
797
- light: "tu-opa-10",
798
- dark: "tu-opa-16"
799
- }
800
- },
801
- "turquoise-opa-02": {
802
- autofleet: {
803
- light: "tu-opa-24",
804
- dark: "tu-opa-24"
805
- },
806
- whiteLabel: {
807
- light: "tu-opa-24",
808
- dark: "tu-opa-24"
809
- }
810
- },
811
- "turquoise-text": {
812
- autofleet: {
813
- light: "tu-06",
814
- dark: "tu-07"
815
- },
816
- whiteLabel: {
817
- light: "tu-06",
818
- dark: "tu-07"
819
- }
820
- },
821
- pink: {
822
- autofleet: {
823
- light: "pi-02",
824
- dark: "pi-02"
825
- },
826
- whiteLabel: {
827
- light: "pi-02",
828
- dark: "pi-02"
829
- }
830
- },
831
- "pink-opa-01": {
832
- autofleet: {
833
- light: "pi-opa-10",
834
- dark: "pi-opa-16"
835
- },
836
- whiteLabel: {
837
- light: "pi-opa-10",
838
- dark: "pi-opa-16"
839
- }
840
- },
841
- "pink-opa-02": {
842
- autofleet: {
843
- light: "pi-opa-24",
844
- dark: "pi-opa-24"
845
- },
846
- whiteLabel: {
847
- light: "pi-opa-24",
848
- dark: "pi-opa-24"
849
- }
850
- },
851
- "pink-text": {
852
- autofleet: {
853
- light: "pi-06",
854
- dark: "pi-07"
855
- },
856
- whiteLabel: {
857
- light: "pi-06",
858
- dark: "pi-07"
859
- }
860
- },
861
- ultramarine: {
862
- autofleet: {
863
- light: "ul-02",
864
- dark: "ul-02"
865
- },
866
- whiteLabel: {
867
- light: "ul-02",
868
- dark: "ul-02"
869
- }
870
- },
871
- "ultramarine-opa-01": {
872
- autofleet: {
873
- light: "ul-opa-10",
874
- dark: "ul-opa-16"
875
- },
876
- whiteLabel: {
877
- light: "ul-opa-10",
878
- dark: "ul-opa-16"
879
- }
880
- },
881
- "ultramarine-opa-02": {
882
- autofleet: {
883
- light: "ul-opa-24",
884
- dark: "ul-opa-24"
885
- },
886
- whiteLabel: {
887
- light: "ul-opa-24",
888
- dark: "ul-opa-24"
889
- }
890
- },
891
- "ultramarine-text": {
892
- autofleet: {
893
- light: "ul-06",
894
- dark: "ul-07"
895
- },
896
- whiteLabel: {
897
- light: "ul-06",
898
- dark: "ul-07"
899
- }
900
- },
901
- peach: {
902
- autofleet: {
903
- light: "pe-02",
904
- dark: "pe-02"
905
- },
906
- whiteLabel: {
907
- light: "pe-02",
908
- dark: "pe-02"
909
- }
910
- },
911
- "peach-opa-01": {
912
- autofleet: {
913
- light: "pe-opa-10",
914
- dark: "pe-opa-16"
915
- },
916
- whiteLabel: {
917
- light: "pe-opa-10",
918
- dark: "pe-opa-16"
919
- }
920
- },
921
- "peach-opa-02": {
922
- autofleet: {
923
- light: "pe-opa-24",
924
- dark: "pe-opa-24"
925
- },
926
- whiteLabel: {
927
- light: "pe-opa-24",
928
- dark: "pe-opa-24"
929
- }
930
- },
931
- "peach-text": {
932
- autofleet: {
933
- light: "pe-06",
934
- dark: "pe-07"
935
- },
936
- whiteLabel: {
937
- light: "pe-06",
938
- dark: "pe-07"
939
- }
940
- },
941
- apple: {
942
- autofleet: {
943
- light: "ap-02",
944
- dark: "ap-02"
945
- },
946
- whiteLabel: {
947
- light: "ap-02",
948
- dark: "ap-02"
949
- }
950
- },
951
- "apple-opa-01": {
952
- autofleet: {
953
- light: "ap-opa-10",
954
- dark: "ap-opa-16"
955
- },
956
- whiteLabel: {
957
- light: "ap-opa-10",
958
- dark: "ap-opa-16"
959
- }
960
- },
961
- "apple-opa-02": {
962
- autofleet: {
963
- light: "ap-opa-24",
964
- dark: "ap-opa-24"
965
- },
966
- whiteLabel: {
967
- light: "ap-opa-24",
968
- dark: "ap-opa-24"
969
- }
970
- },
971
- "apple-text": {
972
- autofleet: {
973
- light: "ap-06",
974
- dark: "ap-07"
975
- },
976
- whiteLabel: {
977
- light: "ap-06",
978
- dark: "ap-07"
979
- }
980
- },
981
- bubblegum: {
982
- autofleet: {
983
- light: "bu-02",
984
- dark: "bu-02"
985
- },
986
- whiteLabel: {
987
- light: "bu-02",
988
- dark: "bu-02"
989
- }
990
- },
991
- "bubblegum-opa-01": {
992
- autofleet: {
993
- light: "bu-opa-10",
994
- dark: "bu-opa-16"
995
- },
996
- whiteLabel: {
997
- light: "bu-opa-10",
998
- dark: "bu-opa-16"
999
- }
1000
- },
1001
- "bubblegum-opa-02": {
1002
- autofleet: {
1003
- light: "bu-opa-24",
1004
- dark: "bu-opa-24"
1005
- },
1006
- whiteLabel: {
1007
- light: "bu-opa-24",
1008
- dark: "bu-opa-24"
1009
- }
1010
- },
1011
- "bubblegum-text": {
1012
- autofleet: {
1013
- light: "bu-06",
1014
- dark: "bu-07"
1015
- },
1016
- whiteLabel: {
1017
- light: "bu-06",
1018
- dark: "bu-07"
1019
- }
1020
- },
1021
- ocher: {
1022
- autofleet: {
1023
- light: "oc-02",
1024
- dark: "oc-02"
1025
- },
1026
- whiteLabel: {
1027
- light: "oc-02",
1028
- dark: "oc-02"
1029
- }
1030
- },
1031
- "ocher-opa-01": {
1032
- autofleet: {
1033
- light: "oc-opa-10",
1034
- dark: "oc-opa-16"
1035
- },
1036
- whiteLabel: {
1037
- light: "oc-opa-10",
1038
- dark: "oc-opa-16"
1039
- }
1040
- },
1041
- "ocher-opa-02": {
1042
- autofleet: {
1043
- light: "oc-opa-24",
1044
- dark: "oc-opa-24"
1045
- },
1046
- whiteLabel: {
1047
- light: "oc-opa-24",
1048
- dark: "oc-opa-24"
1049
- }
1050
- },
1051
- "ocher-text": {
1052
- autofleet: {
1053
- light: "oc-06",
1054
- dark: "oc-07"
1055
- },
1056
- whiteLabel: {
1057
- light: "oc-06",
1058
- dark: "oc-07"
1059
- }
1060
- },
1061
- blueberry: {
1062
- autofleet: {
1063
- light: "br-02",
1064
- dark: "br-02"
1065
- },
1066
- whiteLabel: {
1067
- light: "br-02",
1068
- dark: "br-02"
1069
- }
1070
- },
1071
- "blueberry-opa-01": {
1072
- autofleet: {
1073
- light: "br-opa-10",
1074
- dark: "br-opa-16"
1075
- },
1076
- whiteLabel: {
1077
- light: "br-opa-10",
1078
- dark: "br-opa-16"
1079
- }
1080
- },
1081
- "blueberry-opa-02": {
1082
- autofleet: {
1083
- light: "br-opa-24",
1084
- dark: "br-opa-24"
1085
- },
1086
- whiteLabel: {
1087
- light: "br-opa-24",
1088
- dark: "br-opa-24"
1089
- }
1090
- },
1091
- "blueberry-text": {
1092
- autofleet: {
1093
- light: "br-06",
1094
- dark: "br-07"
1095
- },
1096
- whiteLabel: {
1097
- light: "br-06",
1098
- dark: "br-07"
1099
- }
1100
- }
1101
- }, A = {
1102
- ...f,
1103
- "neutral-text": f["neutral-dark"],
1104
- neutral: f["neutral-light"]
1105
- }, _ = (a) => {
1106
- const { lightMode: r, label: t, primaryColor: e } = a, o = {
1107
- ...H,
1108
- ...e ? R(e) : {}
1109
- };
1110
- return Object.fromEntries(
1111
- Object.entries(A).map(([p, l]) => {
1112
- const h = l[t][r], n = o[h];
1113
- return [p, n];
1114
- })
1115
- );
1116
- }, X = {
1117
- AUTOFLEET: "autofleet"
1118
- }, b = ({
1119
- size: a,
1120
- style: r,
1121
- weight: t,
1122
- lineHeight: e,
1123
- family: o = "Montserrat, sans-serif !important"
1124
- }) => `
1125
- font-family: ${o};
1126
- font-size: ${a};
1127
- font-style: ${r};
1128
- font-weight: ${t};
1129
- line-height: ${e};`, i = {
1130
- "typo-11": b({
1131
- size: "48px",
1132
- style: "normal",
1133
- weight: "700",
1134
- lineHeight: "60px"
1135
- }),
1136
- "typo-10": b({
1137
- size: "24px",
1138
- style: "normal",
1139
- weight: "700",
1140
- lineHeight: "60px"
1141
- }),
1142
- "typo-9": b({
1143
- size: "24px",
1144
- style: "normal",
1145
- weight: "400",
1146
- lineHeight: "30px"
1147
- }),
1148
- "typo-8": b({
1149
- size: "20px",
1150
- style: "normal",
1151
- weight: "700",
1152
- lineHeight: "26px"
1153
- }),
1154
- "typo-7": b({
1155
- size: "18px",
1156
- style: "normal",
1157
- weight: "700",
1158
- lineHeight: "24px"
1159
- }),
1160
- "typo-6": b({
1161
- size: "16px",
1162
- style: "normal",
1163
- weight: "500",
1164
- lineHeight: "24px"
1165
- }),
1166
- "typo-5": b({
1167
- size: "16px",
1168
- style: "normal",
1169
- weight: "700",
1170
- lineHeight: "24px"
1171
- }),
1172
- "typo-4": b({
1173
- size: "14px",
1174
- style: "normal",
1175
- weight: "500",
1176
- lineHeight: "20px"
1177
- }),
1178
- "typo-3": b({
1179
- size: "14px",
1180
- style: "normal",
1181
- weight: "700",
1182
- lineHeight: "20px"
1183
- }),
1184
- "typo-2": b({
1185
- size: "12px",
1186
- style: "normal",
1187
- weight: "700",
1188
- lineHeight: "16px"
1189
- }),
1190
- "typo-1": b({
1191
- size: "12px",
1192
- style: "normal",
1193
- weight: "500",
1194
- lineHeight: "16px"
1195
- })
1196
- }, B = () => ({
1197
- desktop: {
1198
- largeTitle: i["typo-11"],
1199
- mediumTitle: i["typo-10"],
1200
- placeHolderTitleInput: i["typo-9"],
1201
- smallTitle: i["typo-7"],
1202
- fine: i["typo-1"],
1203
- fineStrong: i["typo-2"],
1204
- bodyStrong: i["typo-3"],
1205
- body: i["typo-4"]
1206
- },
1207
- mobile: {
1208
- bodyStrong: i["typo-5"],
1209
- body: i["typo-6"],
1210
- smallTitle: i["typo-8"],
1211
- largeTitle: i["typo-10"],
1212
- fineStrong: i["typo-3"],
1213
- fine: i["typo-4"]
1214
- }
1215
- }), g = {
1216
- NONE: "0px",
1217
- XS: "2px",
1218
- SM: "4px",
1219
- MD: "6px",
1220
- LG: "8px",
1221
- XL: "12px",
1222
- "2XL": "16px",
1223
- "3XL": "24px",
1224
- "4XL": "32px",
1225
- "5XL": "40px",
1226
- "6XL": "48px",
1227
- "7XL": "56px",
1228
- "8XL": "64px"
1229
- }, w = (a, r) => a.startsWith("rgba(") ? a.replace(
1230
- /(rgba\(\d{1,3},\s?\d{1,3},\s?\d{1,3}(?:,|\s?\/)\s?)((?:\d\.)?\d)(\))/,
1231
- `$1${r}$3`
1232
- ) : a, u = (a, r = 12) => `${g.NONE} ${g.XS} ${g.SM} ${w(
1233
- a,
1234
- r / 100
1235
- )}`, s = (a, r = 12) => `${g.NONE} ${g.SM} ${g.LG} ${w(
1236
- a,
1237
- r / 100
1238
- )}`, k = (a, r = 16) => `${g.NONE} ${g.LG} ${g["5XL"]} ${w(
1239
- a,
1240
- r / 100
1241
- )}`, F = (a) => ({
1242
- "shadow-map-element": `${g.NONE} 3px ${g.LG} ${w(
1243
- a["neutral-dark"],
1244
- 0.32
1245
- )}`,
1246
- // Neutral
1247
- "shadow-neutral-low": u(a["neutral-dark"], 8),
1248
- "shadow-neutral-medium": s(a["neutral-dark"], 8),
1249
- "shadow-neutral-high": k(a["neutral-dark"]),
1250
- // Info
1251
- "shadow-info-low": u(a.info),
1252
- "shadow-info-medium": s(a.info),
1253
- "shadow-info-high": k(a.info),
1254
- // Success
1255
- "shadow-success-low": u(a.success),
1256
- "shadow-success-medium": s(a.success),
1257
- "shadow-success-high": k(a.success),
1258
- // Warning
1259
- "shadow-warning-low": u(a.warning),
1260
- "shadow-warning-medium": s(a.warning),
1261
- "shadow-warning-high": k(a.warning),
1262
- // Error
1263
- "shadow-error-low": u(a.error),
1264
- "shadow-error-medium": s(a.error),
1265
- "shadow-error-high": k(a.error)
1266
- }), x = {
1267
- NONE: "0px",
1268
- XS: "2px",
1269
- SM: "4px",
1270
- MD: "6px",
1271
- LG: "8px",
1272
- XL: "16px",
1273
- "2XL": "24px"
1274
- }, m = (a) => Object.fromEntries(
1275
- Object.entries(a).map(([r, t]) => [r, parseInt(t, 10)])
1276
- ), z = () => ({
1277
- borderRadius: x,
1278
- spacings: g,
1279
- spacingNumbers: m(g),
1280
- borderRadiusNumbers: m(x)
1281
- }), I = [
1282
- "bg-primary",
1283
- "bg-secondary",
1284
- "bg-info",
1285
- "bg-success",
1286
- "bg-warning",
1287
- "bg-error",
1288
- "divider-neutral",
1289
- "divider-invert",
1290
- "divider-brand",
1291
- "divider-info",
1292
- "divider-success",
1293
- "divider-warning",
1294
- "divider-error",
1295
- "primary-btn",
1296
- "primary-btn-hover",
1297
- "primary-btn-opa-01",
1298
- "primary-btn-opa-02",
1299
- "other",
1300
- "other-hover",
1301
- "other-opa-01",
1302
- "other-opa-02",
1303
- "other-text",
1304
- "neutral",
1305
- "neutral-dark",
1306
- "neutral-text",
1307
- "neutral-charcoal",
1308
- "neutral-light",
1309
- "neutral-invert",
1310
- "neutral-opa-01",
1311
- "neutral-opa-02",
1312
- "info-hover",
1313
- "info",
1314
- "info-opa-01",
1315
- "info-opa-02",
1316
- "info-text",
1317
- "success-hover",
1318
- "success",
1319
- "success-opa-01",
1320
- "success-opa-02",
1321
- "success-text",
1322
- "warning-hover",
1323
- "warning",
1324
- "warning-opa-01",
1325
- "warning-opa-02",
1326
- "warning-text",
1327
- "error-hover",
1328
- "error",
1329
- "error-opa-01",
1330
- "error-opa-02",
1331
- "error-text",
1332
- "purple",
1333
- "purple-opa-01",
1334
- "purple-opa-02",
1335
- "purple-text",
1336
- "orange",
1337
- "orange-opa-01",
1338
- "orange-opa-02",
1339
- "orange-text",
1340
- "turquoise",
1341
- "turquoise-opa-01",
1342
- "turquoise-opa-02",
1343
- "turquoise-text",
1344
- "pink",
1345
- "pink-opa-01",
1346
- "pink-opa-02",
1347
- "pink-text",
1348
- "ultramarine",
1349
- "ultramarine-opa-01",
1350
- "ultramarine-opa-02",
1351
- "ultramarine-text",
1352
- "peach",
1353
- "peach-opa-01",
1354
- "peach-opa-02",
1355
- "peach-text",
1356
- "apple",
1357
- "apple-opa-01",
1358
- "apple-opa-02",
1359
- "apple-text",
1360
- "bubblegum",
1361
- "bubblegum-opa-01",
1362
- "bubblegum-opa-02",
1363
- "bubblegum-text",
1364
- "ocher",
1365
- "ocher-opa-01",
1366
- "ocher-opa-02",
1367
- "ocher-text",
1368
- "blueberry",
1369
- "blueberry-opa-01",
1370
- "blueberry-opa-02",
1371
- "blueberry-text"
1372
- ], G = I.filter(
1373
- (a) => !a.includes("-")
1374
- ), V = ({
1375
- isDarkMode: a,
1376
- label: r = X.AUTOFLEET,
1377
- primaryColor: t
1378
- }) => {
1379
- const e = _({
1380
- lightMode: a ? "dark" : "light",
1381
- label: r,
1382
- primaryColor: t
1383
- });
1384
- return {
1385
- ...z(),
1386
- colors: e,
1387
- fonts: B(),
1388
- shadows: F(e)
1389
- };
1390
- };
1391
- export {
1392
- E as COLORS_DARK_MODE_HANDLED,
1393
- I as COLOR_TOKENS,
1394
- L as adjustBrightness,
1395
- j as getColorVariants,
1396
- V as loadThemeStyles,
1397
- G as mainColorTokens
1398
- };
1399
- //# sourceMappingURL=index.js.map
1
+ const e=e=>{let t=e.split(`,`).map(e=>parseInt(e,10)),n=t[0]/255,r=t[1]/255,i=t[2]/255,a=Math.max(n,r,i),o=a-Math.min(n,r,i),s=o?a===n?(r-i)/o:a===r?2+(i-n)/o:4+(n-r)/o:0;return[60*s<0?60*s+360:60*s,100*(o?a<=.5?o/(2*a-o):o/(2-(2*a-o)):0),100*(2*a-o)/2]},t=(e,t,n)=>{let r=t/100,i=n/100,a=t=>(t+e/30)%12,o=r*Math.min(i,1-i),s=e=>i-o*Math.max(-1,Math.min(a(e)-3,Math.min(9-a(e),1))),c=255*s(0),l=255*s(8),u=255*s(4);return[c,l,u]},n=n=>{let r=e(n),i=r[2]+r[2]*-24/100,[a,o,s]=t(r[0],r[1],i);return`${a}, ${o}, ${s}`},r={info:{light:`rgba(231, 246, 255, 1)`,dark:`rgba(30, 55, 75, 1)`},error:{light:`rgba(254, 235, 236, 1)`,dark:`rgba(67, 37, 45, 1)`},success:{light:`rgba(233, 248, 239, 1)`,dark:`rgba(34, 58, 50, 1)`},warning:{light:`rgba(254, 246, 231, 1)`,dark:`rgba(68, 55, 37, 1)`},primary:{light:`rgba(231, 246, 255, 1)`,dark:`rgba(30, 55, 75, 1)`}},i=(e,t,i)=>({[`${e}Color`]:`rgba(${t}, 1)`,[`${e}ColorHover`]:`rgba(${n(t)}, 1)`,[`${e}ColorOpacityWeak`]:`rgba(${t}, 0.32)`,[`${e}ColorOpacityStrong`]:`rgba(${t}, ${i===`light`?.1:.16})`,[`${e}HoverComponentBgColor`]:r[e][i]}),a=[[`info`,`17, 164, 255`],[`error`,`248, 55, 67`],[`success`,`37, 184, 97`],[`warning`,`250, 166, 19`]],o=e=>{let[t,n,r]=e.split(`,`).map(e=>parseInt(e,10)),i=(.2126*t+.7152*n+.0722*r)/255,a=i>.6?`#000000`:`#FFFFFF`;return a},s={primaryTextColor:e=>e?`rgba(244, 245, 248, 1)`:`rgba(33, 34, 41, 1)`,secondaryTextColor:e=>e?`rgba(173, 174, 186, 1)`:`rgba(102, 105, 117, 1)`,disabledTextColor:e=>e?`rgba(102, 105, 117, 1)`:`rgba(173, 174, 186, 1)`,placeholderTextColor:e=>e?`rgba(102, 105, 117, 1)`:`rgba(173, 174, 186, 1)`,primaryBackgroundColor:e=>e?`rgba(33, 34, 41, 1)`:`rgba(255, 255, 255, 1)`,secondaryBackgroundColor:e=>e?`rgba(43, 45, 51, 1)`:`rgba(244, 245, 248, 1)`,dividerColor:e=>e?`rgba(125, 139, 172, 0.32)`:`rgba(125, 139, 172, 0.24)`,secondaryButtonsHoverColor:e=>e?`rgba(124, 134, 163, 0.16)`:`rgba(124, 134, 163, 0.1)`},c=e=>Object.fromEntries(Object.entries(s).map(([t,n])=>[t,n(e===`dark`)])),l=(e,t)=>{let r=[...a,[`primary`,e]].map(([e,n])=>i(e,n,t)).reduce((e,t)=>({...e,...t}),{});return{...r,primaryBackgroundText:o(e),primaryBackgroundHoverText:o(n(e)),...c(t)}},u={"n-00":`rgba(255, 255, 255, 1)`,"n-01":`rgba(244, 245, 248, 1)`,"n-02":`rgba(173, 174, 186, 1)`,"n-03":`rgba(102, 105, 117, 1)`,"n-04":`rgba(52, 55, 64, 1)`,"n-05":`rgba(33, 34, 41, 1)`,"n-opa-10":`rgba(124, 134, 163, 0.1)`,"n-opa-16":`rgba(124, 134, 163, 0.16)`,"n-opa-24":`rgba(124, 134, 163, 0.24)`,"n-opa-32":`rgba(125, 139, 172, 0.32)`,"n-00-opa-32":`rgba(255, 255, 255, 0.32)`,brand:`rgba(17, 164, 255, 1)`,"brand-hover":`rgba(0, 132, 214, 1)`,"brand-opa-10":`rgba(17, 164, 255, 0.1)`,"brand-opa-16":`rgba(17, 164, 255, 0.16)`,"brand-opa-24":`rgba(17, 164, 255, 0.24)`,"brand-opa-32":`rgba(17, 164, 255, 0.32)`,"b-01":`rgba(231, 246, 255, 1)`,"b-02":`rgba(17, 164, 255, 1)`,"b-03":`rgba(0, 132, 214, 1)`,"b-04":`rgba(30, 55, 75, 1)`,"b-05":`rgba(66, 183, 255, 1)`,"b-06":`rgba(0, 75, 122, 1)`,"b-07":`rgba(158, 218, 255, 1)`,"b-opa-10":`rgba(17, 164, 255, 0.1)`,"b-opa-16":`rgba(17, 164, 255, 0.16)`,"b-opa-24":`rgba(17, 164, 255, 0.24)`,"b-opa-32":`rgba(17, 164, 255, 0.32)`,"g-01":`rgba(233, 248, 239, 1)`,"g-02":`rgba(37, 184, 97, 1)`,"g-03":`rgba(28, 140, 74, 1)`,"g-04":`rgba(34, 58, 50, 1)`,"g-05":`rgba(55, 215, 120, 1)`,"g-06":`rgba(17, 85, 44, 1)`,"g-07":`rgba(136, 231, 174, 1)`,"g-opa-10":`rgba(37, 184, 97, 0.1)`,"g-opa-16":`rgba(37, 184, 97, 0.16)`,"g-opa-24":`rgba(37, 184, 97, 0.24)`,"g-opa-32":`rgba(37, 184, 97, 0.32)`,"y-01":`rgba(254, 246, 231, 1)`,"y-02":`rgba(244, 156, 0, 1)`,"y-03":`rgba(214, 138, 5, 1)`,"y-04":`rgba(68, 55, 37, 1)`,"y-05":`rgba(251, 185, 70, 1)`,"y-06":`rgba(107, 68, 0, 1)`,"y-07":`rgba(255, 210, 133, 1)`,"y-opa-10":`rgba(244, 156, 0, 0.1)`,"y-opa-16":`rgba(244, 156, 0, 0.16)`,"y-opa-24":`rgba(244, 156, 0, 0.24)`,"y-opa-32":`rgba(244, 156, 0, 0.32)`,"r-01":`rgba(254, 235, 236, 1)`,"r-02":`rgba(248, 55, 67, 1)`,"r-03":`rgba(197, 7, 19, 1)`,"r-04":`rgba(67, 37, 45, 1)`,"r-05":`rgba(249, 103, 112, 1)`,"r-06":`rgba(137, 6, 14, 1)`,"r-07":`rgba(248, 180, 186, 1)`,"r-opa-10":`rgba(248, 55, 67, 0.1)`,"r-opa-16":`rgba(248, 55, 67, 0.16)`,"r-opa-24":`rgba(248, 55, 67, 0.24)`,"r-opa-32":`rgba(248, 55, 67, 0.32)`,"pu-02":`rgba(143, 101, 255, 1)`,"pu-06":`rgba(58, 0, 219, 1)`,"pu-07":`rgba(209, 194, 255, 1)`,"pu-opa-10":`rgba(143, 101, 255, 0.1)`,"pu-opa-16":`rgba(143, 101, 255, 0.16)`,"pu-opa-24":`rgba(143, 101, 255, 0.24)`,"or-02":`rgba(255, 116, 87, 1)`,"or-06":`rgba(143, 24, 0, 1)`,"or-07":`rgba(255, 198, 189, 1)`,"or-opa-10":`rgba(255, 117, 87, 0.1)`,"or-opa-16":`rgba(255, 117, 87, 0.16)`,"or-opa-24":`rgba(255, 117, 87, 0.24)`,"tu-02":`rgba(0, 198, 181, 1)`,"tu-06":`rgba(0, 82, 72, 1)`,"tu-07":`rgba(0, 245, 224, 1)`,"tu-opa-10":`rgba(0, 198, 181, 0.1)`,"tu-opa-16":`rgba(0, 198, 181, 0.16)`,"tu-opa-24":`rgba(0, 198, 181, 0.24)`,"pi-02":`rgba(255, 85, 138, 1)`,"pi-06":`rgba(143, 0, 45, 1)`,"pi-07":`rgba(255, 189, 210, 1)`,"pi-opa-10":`rgba(255, 85, 138, 0.1)`,"pi-opa-16":`rgba(255, 85, 138, 0.16)`,"pi-opa-24":`rgba(255, 85, 138, 0.24)`,"ul-02":`rgba(84, 119, 255, 1)`,"ul-06":`rgba(0, 41, 204, 1)`,"ul-07":`rgba(184, 198, 255, 1)`,"ul-opa-10":`rgba(84, 119, 255, 0.1)`,"ul-opa-16":`rgba(84, 119, 255, 0.16)`,"ul-opa-24":`rgba(84, 119, 255, 0.24)`,"pe-02":`rgba(255, 147, 69, 1)`,"pe-06":`rgba(128, 53, 0, 1)`,"pe-07":`rgba(255, 209, 179, 1)`,"pe-opa-10":`rgba(255, 147, 69, 0.1)`,"pe-opa-16":`rgba(255, 147, 69, 0.16)`,"pe-opa-24":`rgba(255, 147, 69, 0.24)`,"ap-02":`rgba(127, 185, 81, 1)`,"ap-06":`rgba(54, 81, 31, 1)`,"ap-07":`rgba(198, 225, 173, 1)`,"ap-opa-10":`rgba(127, 185, 81, 0.1)`,"ap-opa-16":`rgba(127, 185, 81, 0.16)`,"ap-opa-24":`rgba(127, 185, 81, 0.24)`,"bu-02":`rgba(238, 91, 197, 1)`,"bu-06":`rgba(135, 13, 100, 1)`,"bu-07":`rgba(249, 190, 234, 1)`,"bu-opa-10":`rgba(238, 91, 197, 0.1)`,"bu-opa-16":`rgba(238, 91, 197, 0.16)`,"bu-opa-24":`rgba(238, 91, 197, 0.24)`,"oc-02":`rgba(251, 171, 0, 1)`,"oc-06":`rgba(102, 70, 0, 1)`,"oc-07":`rgba(255, 218, 138, 1)`,"oc-opa-10":`rgba(251, 171, 0, 0.1)`,"oc-opa-16":`rgba(251, 171, 0, 0.16)`,"oc-opa-24":`rgba(251, 171, 0, 0.24)`,"br-02":`rgba(101, 98, 255, 1)`,"br-06":`rgba(4, 0, 230, 1)`,"br-07":`rgba(95, 194, 255, 1)`,"br-opa-10":`rgba(101, 98, 255, 0.1)`,"br-opa-16":`rgba(101, 98, 255, 0.16)`,"br-opa-24":`rgba(101, 98, 255, 0.24)`},d=({red:e,green:t,blue:n},r)=>`rgba(${e}, ${t}, ${n}, ${r})`,f=e=>({brand:d(e,1),"brand-hover":`rgba(${n(`${e.red}, ${e.green}, ${e.blue}`)}, 1)`,"brand-opa-10":d(e,.1),"brand-opa-16":d(e,.16),"brand-opa-24":d(e,.24),"brand-opa-32":d(e,.32)}),p={"bg-primary":{autofleet:{light:`n-00`,dark:`n-05`},whiteLabel:{light:`n-00`,dark:`n-05`}},"bg-secondary":{autofleet:{light:`n-01`,dark:`n-04`},whiteLabel:{light:`n-01`,dark:`n-04`}},"bg-info":{autofleet:{light:`b-01`,dark:`b-04`},whiteLabel:{light:`b-01`,dark:`b-04`}},"bg-success":{autofleet:{light:`g-01`,dark:`g-04`},whiteLabel:{light:`g-01`,dark:`g-04`}},"bg-warning":{autofleet:{light:`y-01`,dark:`y-04`},whiteLabel:{light:`y-01`,dark:`y-04`}},"bg-error":{autofleet:{light:`r-01`,dark:`r-04`},whiteLabel:{light:`r-01`,dark:`r-04`}},"divider-neutral":{autofleet:{light:`n-opa-32`,dark:`n-opa-32`},whiteLabel:{light:`n-opa-32`,dark:`n-opa-32`}},"divider-invert":{autofleet:{light:`n-00-opa-32`,dark:`n-00-opa-32`},whiteLabel:{light:`n-00-opa-32`,dark:`n-00-opa-32`}},"divider-brand":{autofleet:{light:`brand-opa-32`,dark:`brand-opa-32`},whiteLabel:{light:`brand-opa-32`,dark:`brand-opa-32`}},"divider-info":{autofleet:{light:`b-opa-32`,dark:`b-opa-32`},whiteLabel:{light:`b-opa-32`,dark:`b-opa-32`}},"divider-success":{autofleet:{light:`g-opa-32`,dark:`g-opa-32`},whiteLabel:{light:`g-opa-32`,dark:`g-opa-32`}},"divider-warning":{autofleet:{light:`y-opa-32`,dark:`y-opa-32`},whiteLabel:{light:`y-opa-32`,dark:`y-opa-32`}},"divider-error":{autofleet:{light:`r-opa-32`,dark:`r-opa-32`},whiteLabel:{light:`r-opa-32`,dark:`r-opa-32`}},"primary-btn":{autofleet:{light:`brand`,dark:`brand`},whiteLabel:{light:`brand`,dark:`brand`}},"primary-btn-hover":{autofleet:{light:`brand-hover`,dark:`brand-hover`},whiteLabel:{light:`brand-hover`,dark:`brand-hover`}},"primary-btn-opa-01":{autofleet:{light:`brand-opa-10`,dark:`brand-opa-16`},whiteLabel:{light:`brand-opa-10`,dark:`brand-opa-16`}},"primary-btn-opa-02":{autofleet:{light:`brand-opa-24`,dark:`brand-opa-24`},whiteLabel:{light:`brand-opa-24`,dark:`brand-opa-24`}},other:{autofleet:{light:`brand`,dark:`brand`},whiteLabel:{light:`n-05`,dark:`n-00`}},"other-hover":{autofleet:{light:`brand-hover`,dark:`brand-hover`},whiteLabel:{light:`n-03`,dark:`n-02`}},"other-opa-01":{autofleet:{light:`brand-opa-10`,dark:`brand-opa-16`},whiteLabel:{light:`n-opa-10`,dark:`n-opa-16`}},"other-opa-02":{autofleet:{light:`brand-opa-24`,dark:`brand-opa-24`},whiteLabel:{light:`n-opa-24`,dark:`n-opa-24`}},"other-text":{autofleet:{light:`b-06`,dark:`b-07`},whiteLabel:{light:`n-05`,dark:`b-07`}},"neutral-dark":{autofleet:{light:`n-05`,dark:`n-00`},whiteLabel:{light:`n-05`,dark:`n-00`}},"neutral-charcoal":{autofleet:{light:`n-03`,dark:`n-02`},whiteLabel:{light:`n-03`,dark:`n-02`}},"neutral-light":{autofleet:{light:`n-02`,dark:`n-03`},whiteLabel:{light:`n-02`,dark:`n-03`}},"neutral-invert":{autofleet:{light:`n-00`,dark:`n-05`},whiteLabel:{light:`n-00`,dark:`n-05`}},"neutral-opa-01":{autofleet:{light:`n-opa-10`,dark:`n-opa-16`},whiteLabel:{light:`n-opa-10`,dark:`n-opa-16`}},"neutral-opa-02":{autofleet:{light:`n-opa-24`,dark:`n-opa-24`},whiteLabel:{light:`n-opa-24`,dark:`n-opa-24`}},"info-hover":{autofleet:{light:`b-03`,dark:`b-05`},whiteLabel:{light:`b-03`,dark:`b-05`}},info:{autofleet:{light:`b-02`,dark:`b-02`},whiteLabel:{light:`b-02`,dark:`b-02`}},"info-opa-01":{autofleet:{light:`b-opa-10`,dark:`b-opa-16`},whiteLabel:{light:`b-opa-10`,dark:`b-opa-16`}},"info-opa-02":{autofleet:{light:`b-opa-24`,dark:`b-opa-24`},whiteLabel:{light:`b-opa-24`,dark:`b-opa-24`}},"info-text":{autofleet:{light:`b-06`,dark:`b-07`},whiteLabel:{light:`b-06`,dark:`b-07`}},"success-hover":{autofleet:{light:`g-03`,dark:`g-05`},whiteLabel:{light:`g-03`,dark:`g-05`}},success:{autofleet:{light:`g-02`,dark:`g-02`},whiteLabel:{light:`g-02`,dark:`g-02`}},"success-opa-01":{autofleet:{light:`g-opa-10`,dark:`g-opa-16`},whiteLabel:{light:`g-opa-10`,dark:`g-opa-16`}},"success-opa-02":{autofleet:{light:`g-opa-24`,dark:`g-opa-24`},whiteLabel:{light:`g-opa-24`,dark:`g-opa-24`}},"success-text":{autofleet:{light:`g-06`,dark:`g-07`},whiteLabel:{light:`g-06`,dark:`g-07`}},"warning-hover":{autofleet:{light:`y-03`,dark:`y-05`},whiteLabel:{light:`y-03`,dark:`y-05`}},warning:{autofleet:{light:`y-02`,dark:`y-02`},whiteLabel:{light:`y-02`,dark:`y-02`}},"warning-opa-01":{autofleet:{light:`y-opa-10`,dark:`y-opa-16`},whiteLabel:{light:`y-opa-10`,dark:`y-opa-16`}},"warning-opa-02":{autofleet:{light:`y-opa-24`,dark:`y-opa-24`},whiteLabel:{light:`y-opa-24`,dark:`y-opa-24`}},"warning-text":{autofleet:{light:`y-06`,dark:`y-07`},whiteLabel:{light:`y-06`,dark:`y-07`}},"error-hover":{autofleet:{light:`r-03`,dark:`r-05`},whiteLabel:{light:`r-03`,dark:`r-05`}},error:{autofleet:{light:`r-02`,dark:`r-02`},whiteLabel:{light:`r-02`,dark:`r-02`}},"error-opa-01":{autofleet:{light:`r-opa-10`,dark:`r-opa-16`},whiteLabel:{light:`r-opa-10`,dark:`r-opa-16`}},"error-opa-02":{autofleet:{light:`r-opa-24`,dark:`r-opa-24`},whiteLabel:{light:`r-opa-24`,dark:`r-opa-24`}},"error-text":{autofleet:{light:`r-06`,dark:`r-07`},whiteLabel:{light:`r-06`,dark:`r-07`}},purple:{autofleet:{light:`pu-02`,dark:`pu-02`},whiteLabel:{light:`pu-02`,dark:`pu-02`}},"purple-opa-01":{autofleet:{light:`pu-opa-10`,dark:`pu-opa-16`},whiteLabel:{light:`pu-opa-10`,dark:`pu-opa-16`}},"purple-opa-02":{autofleet:{light:`pu-opa-24`,dark:`pu-opa-24`},whiteLabel:{light:`pu-opa-24`,dark:`pu-opa-24`}},"purple-text":{autofleet:{light:`pu-06`,dark:`pu-07`},whiteLabel:{light:`pu-06`,dark:`pu-07`}},orange:{autofleet:{light:`or-02`,dark:`or-02`},whiteLabel:{light:`or-02`,dark:`or-02`}},"orange-opa-01":{autofleet:{light:`or-opa-10`,dark:`or-opa-16`},whiteLabel:{light:`or-opa-10`,dark:`or-opa-16`}},"orange-opa-02":{autofleet:{light:`or-opa-24`,dark:`or-opa-24`},whiteLabel:{light:`or-opa-24`,dark:`or-opa-24`}},"orange-text":{autofleet:{light:`or-06`,dark:`or-07`},whiteLabel:{light:`or-06`,dark:`or-07`}},turquoise:{autofleet:{light:`tu-02`,dark:`tu-02`},whiteLabel:{light:`tu-02`,dark:`tu-02`}},"turquoise-opa-01":{autofleet:{light:`tu-opa-10`,dark:`tu-opa-16`},whiteLabel:{light:`tu-opa-10`,dark:`tu-opa-16`}},"turquoise-opa-02":{autofleet:{light:`tu-opa-24`,dark:`tu-opa-24`},whiteLabel:{light:`tu-opa-24`,dark:`tu-opa-24`}},"turquoise-text":{autofleet:{light:`tu-06`,dark:`tu-07`},whiteLabel:{light:`tu-06`,dark:`tu-07`}},pink:{autofleet:{light:`pi-02`,dark:`pi-02`},whiteLabel:{light:`pi-02`,dark:`pi-02`}},"pink-opa-01":{autofleet:{light:`pi-opa-10`,dark:`pi-opa-16`},whiteLabel:{light:`pi-opa-10`,dark:`pi-opa-16`}},"pink-opa-02":{autofleet:{light:`pi-opa-24`,dark:`pi-opa-24`},whiteLabel:{light:`pi-opa-24`,dark:`pi-opa-24`}},"pink-text":{autofleet:{light:`pi-06`,dark:`pi-07`},whiteLabel:{light:`pi-06`,dark:`pi-07`}},ultramarine:{autofleet:{light:`ul-02`,dark:`ul-02`},whiteLabel:{light:`ul-02`,dark:`ul-02`}},"ultramarine-opa-01":{autofleet:{light:`ul-opa-10`,dark:`ul-opa-16`},whiteLabel:{light:`ul-opa-10`,dark:`ul-opa-16`}},"ultramarine-opa-02":{autofleet:{light:`ul-opa-24`,dark:`ul-opa-24`},whiteLabel:{light:`ul-opa-24`,dark:`ul-opa-24`}},"ultramarine-text":{autofleet:{light:`ul-06`,dark:`ul-07`},whiteLabel:{light:`ul-06`,dark:`ul-07`}},peach:{autofleet:{light:`pe-02`,dark:`pe-02`},whiteLabel:{light:`pe-02`,dark:`pe-02`}},"peach-opa-01":{autofleet:{light:`pe-opa-10`,dark:`pe-opa-16`},whiteLabel:{light:`pe-opa-10`,dark:`pe-opa-16`}},"peach-opa-02":{autofleet:{light:`pe-opa-24`,dark:`pe-opa-24`},whiteLabel:{light:`pe-opa-24`,dark:`pe-opa-24`}},"peach-text":{autofleet:{light:`pe-06`,dark:`pe-07`},whiteLabel:{light:`pe-06`,dark:`pe-07`}},apple:{autofleet:{light:`ap-02`,dark:`ap-02`},whiteLabel:{light:`ap-02`,dark:`ap-02`}},"apple-opa-01":{autofleet:{light:`ap-opa-10`,dark:`ap-opa-16`},whiteLabel:{light:`ap-opa-10`,dark:`ap-opa-16`}},"apple-opa-02":{autofleet:{light:`ap-opa-24`,dark:`ap-opa-24`},whiteLabel:{light:`ap-opa-24`,dark:`ap-opa-24`}},"apple-text":{autofleet:{light:`ap-06`,dark:`ap-07`},whiteLabel:{light:`ap-06`,dark:`ap-07`}},bubblegum:{autofleet:{light:`bu-02`,dark:`bu-02`},whiteLabel:{light:`bu-02`,dark:`bu-02`}},"bubblegum-opa-01":{autofleet:{light:`bu-opa-10`,dark:`bu-opa-16`},whiteLabel:{light:`bu-opa-10`,dark:`bu-opa-16`}},"bubblegum-opa-02":{autofleet:{light:`bu-opa-24`,dark:`bu-opa-24`},whiteLabel:{light:`bu-opa-24`,dark:`bu-opa-24`}},"bubblegum-text":{autofleet:{light:`bu-06`,dark:`bu-07`},whiteLabel:{light:`bu-06`,dark:`bu-07`}},ocher:{autofleet:{light:`oc-02`,dark:`oc-02`},whiteLabel:{light:`oc-02`,dark:`oc-02`}},"ocher-opa-01":{autofleet:{light:`oc-opa-10`,dark:`oc-opa-16`},whiteLabel:{light:`oc-opa-10`,dark:`oc-opa-16`}},"ocher-opa-02":{autofleet:{light:`oc-opa-24`,dark:`oc-opa-24`},whiteLabel:{light:`oc-opa-24`,dark:`oc-opa-24`}},"ocher-text":{autofleet:{light:`oc-06`,dark:`oc-07`},whiteLabel:{light:`oc-06`,dark:`oc-07`}},blueberry:{autofleet:{light:`br-02`,dark:`br-02`},whiteLabel:{light:`br-02`,dark:`br-02`}},"blueberry-opa-01":{autofleet:{light:`br-opa-10`,dark:`br-opa-16`},whiteLabel:{light:`br-opa-10`,dark:`br-opa-16`}},"blueberry-opa-02":{autofleet:{light:`br-opa-24`,dark:`br-opa-24`},whiteLabel:{light:`br-opa-24`,dark:`br-opa-24`}},"blueberry-text":{autofleet:{light:`br-06`,dark:`br-07`},whiteLabel:{light:`br-06`,dark:`br-07`}}},m={...p,"neutral-text":p[`neutral-dark`],neutral:p[`neutral-light`]},h=e=>{let{lightMode:t,label:n,primaryColor:r}=e,i={...u,...r?f(r):{}};return Object.fromEntries(Object.entries(m).map(([e,r])=>{let a=r[n][t],o=i[a];return[e,o]}))},g={AUTOFLEET:`autofleet`,WHITE_LABELED:`whiteLabel`},_=({size:e,style:t,weight:n,lineHeight:r,family:i=`Montserrat, sans-serif !important`})=>`
2
+ font-family: ${i};
3
+ font-size: ${e};
4
+ font-style: ${t};
5
+ font-weight: ${n};
6
+ line-height: ${r};`,v={"typo-11":_({size:`48px`,style:`normal`,weight:`700`,lineHeight:`60px`}),"typo-10":_({size:`24px`,style:`normal`,weight:`700`,lineHeight:`60px`}),"typo-9":_({size:`24px`,style:`normal`,weight:`400`,lineHeight:`30px`}),"typo-8":_({size:`20px`,style:`normal`,weight:`700`,lineHeight:`26px`}),"typo-7":_({size:`18px`,style:`normal`,weight:`700`,lineHeight:`24px`}),"typo-6":_({size:`16px`,style:`normal`,weight:`500`,lineHeight:`24px`}),"typo-5":_({size:`16px`,style:`normal`,weight:`700`,lineHeight:`24px`}),"typo-4":_({size:`14px`,style:`normal`,weight:`500`,lineHeight:`20px`}),"typo-3":_({size:`14px`,style:`normal`,weight:`700`,lineHeight:`20px`}),"typo-2":_({size:`12px`,style:`normal`,weight:`700`,lineHeight:`16px`}),"typo-1":_({size:`12px`,style:`normal`,weight:`500`,lineHeight:`16px`})},y=()=>({desktop:{largeTitle:v[`typo-11`],mediumTitle:v[`typo-10`],placeHolderTitleInput:v[`typo-9`],smallTitle:v[`typo-7`],fine:v[`typo-1`],fineStrong:v[`typo-2`],bodyStrong:v[`typo-3`],body:v[`typo-4`]},mobile:{bodyStrong:v[`typo-5`],body:v[`typo-6`],smallTitle:v[`typo-8`],largeTitle:v[`typo-10`],fineStrong:v[`typo-3`],fine:v[`typo-4`]}}),b={NONE:`0px`,XS:`2px`,SM:`4px`,MD:`6px`,LG:`8px`,XL:`12px`,"2XL":`16px`,"3XL":`24px`,"4XL":`32px`,"5XL":`40px`,"6XL":`48px`,"7XL":`56px`,"8XL":`64px`},x=(e,t)=>e.startsWith(`rgba(`)?e.replace(/(rgba\(\d{1,3},\s?\d{1,3},\s?\d{1,3}(?:,|\s?\/)\s?)((?:\d\.)?\d)(\))/,`$1${t}$3`):e,S=(e,t=12)=>`${b.NONE} ${b.XS} ${b.SM} ${x(e,t/100)}`,C=(e,t=12)=>`${b.NONE} ${b.SM} ${b.LG} ${x(e,t/100)}`,w=(e,t=16)=>`${b.NONE} ${b.LG} ${b[`5XL`]} ${x(e,t/100)}`,T=e=>({"shadow-map-element":`${b.NONE} 3px ${b.LG} ${x(e[`neutral-dark`],.32)}`,"shadow-neutral-low":S(e[`neutral-dark`],8),"shadow-neutral-medium":C(e[`neutral-dark`],8),"shadow-neutral-high":w(e[`neutral-dark`]),"shadow-info-low":S(e.info),"shadow-info-medium":C(e.info),"shadow-info-high":w(e.info),"shadow-success-low":S(e.success),"shadow-success-medium":C(e.success),"shadow-success-high":w(e.success),"shadow-warning-low":S(e.warning),"shadow-warning-medium":C(e.warning),"shadow-warning-high":w(e.warning),"shadow-error-low":S(e.error),"shadow-error-medium":C(e.error),"shadow-error-high":w(e.error)}),E={NONE:`0px`,XS:`2px`,SM:`4px`,MD:`6px`,LG:`8px`,XL:`16px`,"2XL":`24px`},D=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[e,parseInt(t,10)])),O=()=>({borderRadius:E,spacings:b,spacingNumbers:D(b),borderRadiusNumbers:D(E)}),k=`bg-primary.bg-secondary.bg-info.bg-success.bg-warning.bg-error.divider-neutral.divider-invert.divider-brand.divider-info.divider-success.divider-warning.divider-error.primary-btn.primary-btn-hover.primary-btn-opa-01.primary-btn-opa-02.other.other-hover.other-opa-01.other-opa-02.other-text.neutral.neutral-dark.neutral-text.neutral-charcoal.neutral-light.neutral-invert.neutral-opa-01.neutral-opa-02.info-hover.info.info-opa-01.info-opa-02.info-text.success-hover.success.success-opa-01.success-opa-02.success-text.warning-hover.warning.warning-opa-01.warning-opa-02.warning-text.error-hover.error.error-opa-01.error-opa-02.error-text.purple.purple-opa-01.purple-opa-02.purple-text.orange.orange-opa-01.orange-opa-02.orange-text.turquoise.turquoise-opa-01.turquoise-opa-02.turquoise-text.pink.pink-opa-01.pink-opa-02.pink-text.ultramarine.ultramarine-opa-01.ultramarine-opa-02.ultramarine-text.peach.peach-opa-01.peach-opa-02.peach-text.apple.apple-opa-01.apple-opa-02.apple-text.bubblegum.bubblegum-opa-01.bubblegum-opa-02.bubblegum-text.ocher.ocher-opa-01.ocher-opa-02.ocher-text.blueberry.blueberry-opa-01.blueberry-opa-02.blueberry-text`.split(`.`),A=k.filter(e=>!e.includes(`-`)),j=({isDarkMode:e,label:t=g.AUTOFLEET,primaryColor:n})=>{let r=h({lightMode:e?`dark`:`light`,label:t,primaryColor:n});return{...O(),colors:r,fonts:y(),shadows:T(r)}};export{s as COLORS_DARK_MODE_HANDLED,k as COLOR_TOKENS,n as adjustBrightness,l as getColorVariants,j as loadThemeStyles,A as mainColorTokens};
7
+ //# sourceMappingURL=index.js.map