@x15ventures/x15-ui-library 3.11.4 → 3.13.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/dist/cjs/autoGenerated/libraryThemes.js +12 -12
  2. package/dist/cjs/autoGenerated/libraryThemes.js.map +1 -1
  3. package/dist/cjs/autoGenerated/libraryThemes.json +12 -12
  4. package/dist/cjs/components/design/accordion/Accordion.js +16 -7
  5. package/dist/cjs/components/design/accordion/Accordion.js.map +1 -1
  6. package/dist/cjs/components/design/tooltip/index.js +12 -20
  7. package/dist/cjs/components/design/tooltip/index.js.map +1 -1
  8. package/dist/cjs/components/index.js +102 -87
  9. package/dist/cjs/components/index.js.map +1 -1
  10. package/dist/cjs/constants/index.js +108 -48
  11. package/dist/cjs/constants/index.js.map +1 -1
  12. package/dist/cjs/helpers/index.js +408 -80
  13. package/dist/cjs/helpers/index.js.map +1 -1
  14. package/dist/cjs/hooks/InertAttribute.js +28 -0
  15. package/dist/cjs/hooks/InertAttribute.js.map +1 -0
  16. package/dist/cjs/hooks/index.js +7 -0
  17. package/dist/cjs/hooks/index.js.map +1 -1
  18. package/dist/cjs/images/emails/emailBannerOnboarding1.jpg +0 -0
  19. package/dist/cjs/images/emails/emailFooterEmailIcon.png +0 -0
  20. package/dist/cjs/images/emails/emailFooterGlobeIcon.png +0 -0
  21. package/dist/cjs/index.js +1216 -51
  22. package/dist/cjs/index.js.map +1 -1
  23. package/dist/cjs/package.json +26 -35
  24. package/dist/cjs/styles/themes/doshii/_buttonMixin.css +0 -0
  25. package/dist/cjs/types/react.d.js +6 -0
  26. package/dist/cjs/types/react.d.js.map +1 -0
  27. package/dist/components/design/accordion/Accordion.d.ts.map +1 -1
  28. package/dist/components/design/tooltip/index.d.ts +4 -2
  29. package/dist/components/design/tooltip/index.d.ts.map +1 -1
  30. package/dist/components/index.d.ts +5 -3
  31. package/dist/components/index.d.ts.map +1 -1
  32. package/dist/constants/index.d.ts +5 -4
  33. package/dist/constants/index.d.ts.map +1 -1
  34. package/dist/esm/autoGenerated/libraryThemes.js +12 -12
  35. package/dist/esm/autoGenerated/libraryThemes.js.map +1 -1
  36. package/dist/esm/autoGenerated/libraryThemes.json +12 -12
  37. package/dist/esm/components/design/accordion/Accordion.js +15 -7
  38. package/dist/esm/components/design/accordion/Accordion.js.map +1 -1
  39. package/dist/esm/components/design/tooltip/index.js +2 -2
  40. package/dist/esm/components/design/tooltip/index.js.map +1 -1
  41. package/dist/esm/components/index.js +3 -4
  42. package/dist/esm/components/index.js.map +1 -1
  43. package/dist/esm/constants/index.js +4 -4
  44. package/dist/esm/constants/index.js.map +1 -1
  45. package/dist/esm/helpers/index.js +8 -8
  46. package/dist/esm/helpers/index.js.map +1 -1
  47. package/dist/esm/hooks/InertAttribute.js +21 -0
  48. package/dist/esm/hooks/InertAttribute.js.map +1 -0
  49. package/dist/esm/hooks/index.js +1 -0
  50. package/dist/esm/hooks/index.js.map +1 -1
  51. package/dist/esm/images/emails/emailBannerOnboarding1.jpg +0 -0
  52. package/dist/esm/images/emails/emailFooterEmailIcon.png +0 -0
  53. package/dist/esm/images/emails/emailFooterGlobeIcon.png +0 -0
  54. package/dist/esm/index.js +25 -5
  55. package/dist/esm/index.js.map +1 -1
  56. package/dist/esm/package.json +26 -35
  57. package/dist/esm/styles/themes/doshii/_buttonMixin.css +0 -0
  58. package/dist/esm/types/react.d.js +6 -0
  59. package/dist/esm/types/react.d.js.map +1 -0
  60. package/dist/helpers/index.d.ts +9 -8
  61. package/dist/helpers/index.d.ts.map +1 -1
  62. package/dist/hooks/InertAttribute.d.ts +4 -0
  63. package/dist/hooks/InertAttribute.d.ts.map +1 -0
  64. package/dist/hooks/index.d.ts +1 -0
  65. package/dist/hooks/index.d.ts.map +1 -1
  66. package/dist/images/emails/emailBannerOnboarding1.jpg +0 -0
  67. package/dist/images/emails/emailFooterEmailIcon.png +0 -0
  68. package/dist/images/emails/emailFooterGlobeIcon.png +0 -0
  69. package/dist/index.d.ts +16 -5
  70. package/dist/index.d.ts.map +1 -1
  71. package/dist/package.json +26 -35
  72. package/package.json +26 -31
  73. package/readme.md +2 -2
  74. package/dist/styles/index.css +0 -4742
  75. package/dist/styles/index.css.map +0 -1
  76. package/dist/styles/index.min.3.11.4.css +0 -1
  77. package/dist/styles/index.min.3.11.4.css.map +0 -1
  78. package/dist/styles/index.min.css +0 -1
  79. package/dist/styles/index.min.css.map +0 -1
  80. package/dist/styles/storybook.css +0 -394
  81. package/dist/styles/themes/cba/cba.css +0 -668
  82. package/dist/styles/themes/cba/cba.css.map +0 -1
  83. package/dist/styles/themes/cba/cba.min.3.11.4.css +0 -1
  84. package/dist/styles/themes/cba/cba.min.3.11.4.css.map +0 -1
  85. package/dist/styles/themes/cba/cba.min.css +0 -1
  86. package/dist/styles/themes/cba/cba.min.css.map +0 -1
  87. package/dist/styles/themes/creditSavvy/creditSavvy.css +0 -664
  88. package/dist/styles/themes/creditSavvy/creditSavvy.css.map +0 -1
  89. package/dist/styles/themes/creditSavvy/creditSavvy.min.3.11.4.css +0 -1
  90. package/dist/styles/themes/creditSavvy/creditSavvy.min.3.11.4.css.map +0 -1
  91. package/dist/styles/themes/creditSavvy/creditSavvy.min.css +0 -1
  92. package/dist/styles/themes/creditSavvy/creditSavvy.min.css.map +0 -1
  93. package/dist/styles/themes/doshii/doshii.css +0 -1196
  94. package/dist/styles/themes/doshii/doshii.css.map +0 -1
  95. package/dist/styles/themes/doshii/doshii.min.3.11.4.css +0 -1
  96. package/dist/styles/themes/doshii/doshii.min.3.11.4.css.map +0 -1
  97. package/dist/styles/themes/doshii/doshii.min.css +0 -1
  98. package/dist/styles/themes/doshii/doshii.min.css.map +0 -1
  99. package/dist/styles/themes/homeIn/homeIn.css +0 -1511
  100. package/dist/styles/themes/homeIn/homeIn.css.map +0 -1
  101. package/dist/styles/themes/homeIn/homeIn.min.3.11.4.css +0 -1
  102. package/dist/styles/themes/homeIn/homeIn.min.3.11.4.css.map +0 -1
  103. package/dist/styles/themes/homeIn/homeIn.min.css +0 -1
  104. package/dist/styles/themes/homeIn/homeIn.min.css.map +0 -1
  105. package/dist/styles/themes/icons/fonts/icomoon.svg +0 -553
  106. package/dist/styles/themes/icons/fonts/icomoon.ttf +0 -0
  107. package/dist/styles/themes/icons/fonts/icomoon.woff +0 -0
  108. package/dist/styles/themes/x15Core/x15Core.css +0 -747
  109. package/dist/styles/themes/x15Core/x15Core.css.map +0 -1
  110. package/dist/styles/themes/x15Core/x15Core.min.3.11.4.css +0 -1
  111. package/dist/styles/themes/x15Core/x15Core.min.3.11.4.css.map +0 -1
  112. package/dist/styles/themes/x15Core/x15Core.min.css +0 -1
  113. package/dist/styles/themes/x15Core/x15Core.min.css.map +0 -1
@@ -1,1511 +0,0 @@
1
- :root {
2
- --primaryButtonBg: #06cd9e;
3
- --secondaryButtonBg: #cdf5ec;
4
- --tertiaryButtonBg: #476b7e;
5
- }
6
-
7
- .primary100_fg {
8
- color: var(--primary100);
9
- }
10
-
11
- .primary100_bg {
12
- background-color: var(--primary100);
13
- }
14
-
15
- .primary200_fg {
16
- color: var(--primary200);
17
- }
18
-
19
- .primary200_bg {
20
- background-color: var(--primary200);
21
- }
22
-
23
- .primary300_fg {
24
- color: var(--primary300);
25
- }
26
-
27
- .primary300_bg {
28
- background-color: var(--primary300);
29
- }
30
-
31
- .primary400_fg {
32
- color: var(--primary400);
33
- }
34
-
35
- .primary400_bg {
36
- background-color: var(--primary400);
37
- }
38
-
39
- .primary500_fg {
40
- color: var(--primary500);
41
- }
42
-
43
- .primary500_bg {
44
- background-color: var(--primary500);
45
- }
46
-
47
- .primary600_fg {
48
- color: var(--primary600);
49
- }
50
-
51
- .primary600_bg {
52
- background-color: var(--primary600);
53
- }
54
-
55
- .primary700_fg {
56
- color: var(--primary700);
57
- }
58
-
59
- .primary700_bg {
60
- background-color: var(--primary700);
61
- }
62
-
63
- .primary800_fg {
64
- color: var(--primary800);
65
- }
66
-
67
- .primary800_bg {
68
- background-color: var(--primary800);
69
- }
70
-
71
- .primary900_fg {
72
- color: var(--primary900);
73
- }
74
-
75
- .primary900_bg {
76
- background-color: var(--primary900);
77
- }
78
-
79
- .primary_fg {
80
- color: var(--primary);
81
- }
82
-
83
- .primary_bg {
84
- background-color: var(--primary);
85
- }
86
-
87
- .primary-variant100_fg {
88
- color: var(--primary-variant100);
89
- }
90
-
91
- .primary-variant100_bg {
92
- background-color: var(--primary-variant100);
93
- }
94
-
95
- .primary-variant200_fg {
96
- color: var(--primary-variant200);
97
- }
98
-
99
- .primary-variant200_bg {
100
- background-color: var(--primary-variant200);
101
- }
102
-
103
- .primary-variant300_fg {
104
- color: var(--primary-variant300);
105
- }
106
-
107
- .primary-variant300_bg {
108
- background-color: var(--primary-variant300);
109
- }
110
-
111
- .primary-variant400_fg {
112
- color: var(--primary-variant400);
113
- }
114
-
115
- .primary-variant400_bg {
116
- background-color: var(--primary-variant400);
117
- }
118
-
119
- .primary-variant500_fg {
120
- color: var(--primary-variant500);
121
- }
122
-
123
- .primary-variant500_bg {
124
- background-color: var(--primary-variant500);
125
- }
126
-
127
- .primary-variant600_fg {
128
- color: var(--primary-variant600);
129
- }
130
-
131
- .primary-variant600_bg {
132
- background-color: var(--primary-variant600);
133
- }
134
-
135
- .primary-variant700_fg {
136
- color: var(--primary-variant700);
137
- }
138
-
139
- .primary-variant700_bg {
140
- background-color: var(--primary-variant700);
141
- }
142
-
143
- .primary-variant800_fg {
144
- color: var(--primary-variant800);
145
- }
146
-
147
- .primary-variant800_bg {
148
- background-color: var(--primary-variant800);
149
- }
150
-
151
- .primary-variant900_fg {
152
- color: var(--primary-variant900);
153
- }
154
-
155
- .primary-variant900_bg {
156
- background-color: var(--primary-variant900);
157
- }
158
-
159
- .primary-variant_fg {
160
- color: var(--primary-variant);
161
- }
162
-
163
- .primary-variant_bg {
164
- background-color: var(--primary-variant);
165
- }
166
-
167
- .secondary100_fg {
168
- color: var(--secondary100);
169
- }
170
-
171
- .secondary100_bg {
172
- background-color: var(--secondary100);
173
- }
174
-
175
- .secondary200_fg {
176
- color: var(--secondary200);
177
- }
178
-
179
- .secondary200_bg {
180
- background-color: var(--secondary200);
181
- }
182
-
183
- .secondary300_fg {
184
- color: var(--secondary300);
185
- }
186
-
187
- .secondary300_bg {
188
- background-color: var(--secondary300);
189
- }
190
-
191
- .secondary400_fg {
192
- color: var(--secondary400);
193
- }
194
-
195
- .secondary400_bg {
196
- background-color: var(--secondary400);
197
- }
198
-
199
- .secondary500_fg {
200
- color: var(--secondary500);
201
- }
202
-
203
- .secondary500_bg {
204
- background-color: var(--secondary500);
205
- }
206
-
207
- .secondary600_fg {
208
- color: var(--secondary600);
209
- }
210
-
211
- .secondary600_bg {
212
- background-color: var(--secondary600);
213
- }
214
-
215
- .secondary700_fg {
216
- color: var(--secondary700);
217
- }
218
-
219
- .secondary700_bg {
220
- background-color: var(--secondary700);
221
- }
222
-
223
- .secondary800_fg {
224
- color: var(--secondary800);
225
- }
226
-
227
- .secondary800_bg {
228
- background-color: var(--secondary800);
229
- }
230
-
231
- .secondary900_fg {
232
- color: var(--secondary900);
233
- }
234
-
235
- .secondary900_bg {
236
- background-color: var(--secondary900);
237
- }
238
-
239
- .secondary_fg {
240
- color: var(--secondary);
241
- }
242
-
243
- .secondary_bg {
244
- background-color: var(--secondary);
245
- }
246
-
247
- .secondary-variant100_fg {
248
- color: var(--secondary-variant100);
249
- }
250
-
251
- .secondary-variant100_bg {
252
- background-color: var(--secondary-variant100);
253
- }
254
-
255
- .secondary-variant200_fg {
256
- color: var(--secondary-variant200);
257
- }
258
-
259
- .secondary-variant200_bg {
260
- background-color: var(--secondary-variant200);
261
- }
262
-
263
- .secondary-variant300_fg {
264
- color: var(--secondary-variant300);
265
- }
266
-
267
- .secondary-variant300_bg {
268
- background-color: var(--secondary-variant300);
269
- }
270
-
271
- .secondary-variant400_fg {
272
- color: var(--secondary-variant400);
273
- }
274
-
275
- .secondary-variant400_bg {
276
- background-color: var(--secondary-variant400);
277
- }
278
-
279
- .secondary-variant500_fg {
280
- color: var(--secondary-variant500);
281
- }
282
-
283
- .secondary-variant500_bg {
284
- background-color: var(--secondary-variant500);
285
- }
286
-
287
- .secondary-variant600_fg {
288
- color: var(--secondary-variant600);
289
- }
290
-
291
- .secondary-variant600_bg {
292
- background-color: var(--secondary-variant600);
293
- }
294
-
295
- .secondary-variant700_fg {
296
- color: var(--secondary-variant700);
297
- }
298
-
299
- .secondary-variant700_bg {
300
- background-color: var(--secondary-variant700);
301
- }
302
-
303
- .secondary-variant800_fg {
304
- color: var(--secondary-variant800);
305
- }
306
-
307
- .secondary-variant800_bg {
308
- background-color: var(--secondary-variant800);
309
- }
310
-
311
- .secondary-variant900_fg {
312
- color: var(--secondary-variant900);
313
- }
314
-
315
- .secondary-variant900_bg {
316
- background-color: var(--secondary-variant900);
317
- }
318
-
319
- .secondary-variant_fg {
320
- color: var(--secondary-variant);
321
- }
322
-
323
- .secondary-variant_bg {
324
- background-color: var(--secondary-variant);
325
- }
326
-
327
- .text100_fg {
328
- color: var(--text100);
329
- }
330
-
331
- .text100_bg {
332
- background-color: var(--text100);
333
- }
334
-
335
- .text200_fg {
336
- color: var(--text200);
337
- }
338
-
339
- .text200_bg {
340
- background-color: var(--text200);
341
- }
342
-
343
- .text300_fg {
344
- color: var(--text300);
345
- }
346
-
347
- .text300_bg {
348
- background-color: var(--text300);
349
- }
350
-
351
- .text400_fg {
352
- color: var(--text400);
353
- }
354
-
355
- .text400_bg {
356
- background-color: var(--text400);
357
- }
358
-
359
- .text500_fg {
360
- color: var(--text500);
361
- }
362
-
363
- .text500_bg {
364
- background-color: var(--text500);
365
- }
366
-
367
- .text600_fg {
368
- color: var(--text600);
369
- }
370
-
371
- .text600_bg {
372
- background-color: var(--text600);
373
- }
374
-
375
- .text700_fg {
376
- color: var(--text700);
377
- }
378
-
379
- .text700_bg {
380
- background-color: var(--text700);
381
- }
382
-
383
- .text800_fg {
384
- color: var(--text800);
385
- }
386
-
387
- .text800_bg {
388
- background-color: var(--text800);
389
- }
390
-
391
- .text900_fg {
392
- color: var(--text900);
393
- }
394
-
395
- .text900_bg {
396
- background-color: var(--text900);
397
- }
398
-
399
- .text_fg {
400
- color: var(--text);
401
- }
402
-
403
- .text_bg {
404
- background-color: var(--text);
405
- }
406
-
407
- .muted100_fg {
408
- color: var(--muted100);
409
- }
410
-
411
- .muted100_bg {
412
- background-color: var(--muted100);
413
- }
414
-
415
- .muted200_fg {
416
- color: var(--muted200);
417
- }
418
-
419
- .muted200_bg {
420
- background-color: var(--muted200);
421
- }
422
-
423
- .muted300_fg {
424
- color: var(--muted300);
425
- }
426
-
427
- .muted300_bg {
428
- background-color: var(--muted300);
429
- }
430
-
431
- .muted400_fg {
432
- color: var(--muted400);
433
- }
434
-
435
- .muted400_bg {
436
- background-color: var(--muted400);
437
- }
438
-
439
- .muted500_fg {
440
- color: var(--muted500);
441
- }
442
-
443
- .muted500_bg {
444
- background-color: var(--muted500);
445
- }
446
-
447
- .muted600_fg {
448
- color: var(--muted600);
449
- }
450
-
451
- .muted600_bg {
452
- background-color: var(--muted600);
453
- }
454
-
455
- .muted700_fg {
456
- color: var(--muted700);
457
- }
458
-
459
- .muted700_bg {
460
- background-color: var(--muted700);
461
- }
462
-
463
- .muted800_fg {
464
- color: var(--muted800);
465
- }
466
-
467
- .muted800_bg {
468
- background-color: var(--muted800);
469
- }
470
-
471
- .muted900_fg {
472
- color: var(--muted900);
473
- }
474
-
475
- .muted900_bg {
476
- background-color: var(--muted900);
477
- }
478
-
479
- .muted_fg {
480
- color: var(--muted);
481
- }
482
-
483
- .muted_bg {
484
- background-color: var(--muted);
485
- }
486
-
487
- .error100_fg {
488
- color: var(--error100);
489
- }
490
-
491
- .error100_bg {
492
- background-color: var(--error100);
493
- }
494
-
495
- .error200_fg {
496
- color: var(--error200);
497
- }
498
-
499
- .error200_bg {
500
- background-color: var(--error200);
501
- }
502
-
503
- .error300_fg {
504
- color: var(--error300);
505
- }
506
-
507
- .error300_bg {
508
- background-color: var(--error300);
509
- }
510
-
511
- .error400_fg {
512
- color: var(--error400);
513
- }
514
-
515
- .error400_bg {
516
- background-color: var(--error400);
517
- }
518
-
519
- .error500_fg {
520
- color: var(--error500);
521
- }
522
-
523
- .error500_bg {
524
- background-color: var(--error500);
525
- }
526
-
527
- .error600_fg {
528
- color: var(--error600);
529
- }
530
-
531
- .error600_bg {
532
- background-color: var(--error600);
533
- }
534
-
535
- .error700_fg {
536
- color: var(--error700);
537
- }
538
-
539
- .error700_bg {
540
- background-color: var(--error700);
541
- }
542
-
543
- .error800_fg {
544
- color: var(--error800);
545
- }
546
-
547
- .error800_bg {
548
- background-color: var(--error800);
549
- }
550
-
551
- .error900_fg {
552
- color: var(--error900);
553
- }
554
-
555
- .error900_bg {
556
- background-color: var(--error900);
557
- }
558
-
559
- .error_fg {
560
- color: var(--error);
561
- }
562
-
563
- .error_bg {
564
- background-color: var(--error);
565
- }
566
-
567
- .success100_fg {
568
- color: var(--success100);
569
- }
570
-
571
- .success100_bg {
572
- background-color: var(--success100);
573
- }
574
-
575
- .success200_fg {
576
- color: var(--success200);
577
- }
578
-
579
- .success200_bg {
580
- background-color: var(--success200);
581
- }
582
-
583
- .success300_fg {
584
- color: var(--success300);
585
- }
586
-
587
- .success300_bg {
588
- background-color: var(--success300);
589
- }
590
-
591
- .success400_fg {
592
- color: var(--success400);
593
- }
594
-
595
- .success400_bg {
596
- background-color: var(--success400);
597
- }
598
-
599
- .success500_fg {
600
- color: var(--success500);
601
- }
602
-
603
- .success500_bg {
604
- background-color: var(--success500);
605
- }
606
-
607
- .success600_fg {
608
- color: var(--success600);
609
- }
610
-
611
- .success600_bg {
612
- background-color: var(--success600);
613
- }
614
-
615
- .success700_fg {
616
- color: var(--success700);
617
- }
618
-
619
- .success700_bg {
620
- background-color: var(--success700);
621
- }
622
-
623
- .success800_fg {
624
- color: var(--success800);
625
- }
626
-
627
- .success800_bg {
628
- background-color: var(--success800);
629
- }
630
-
631
- .success900_fg {
632
- color: var(--success900);
633
- }
634
-
635
- .success900_bg {
636
- background-color: var(--success900);
637
- }
638
-
639
- .success_fg {
640
- color: var(--success);
641
- }
642
-
643
- .success_bg {
644
- background-color: var(--success);
645
- }
646
-
647
- .primary-dark100_fg {
648
- color: var(--primary-dark100);
649
- }
650
-
651
- .primary-dark100_bg {
652
- background-color: var(--primary-dark100);
653
- }
654
-
655
- .primary-dark200_fg {
656
- color: var(--primary-dark200);
657
- }
658
-
659
- .primary-dark200_bg {
660
- background-color: var(--primary-dark200);
661
- }
662
-
663
- .primary-dark300_fg {
664
- color: var(--primary-dark300);
665
- }
666
-
667
- .primary-dark300_bg {
668
- background-color: var(--primary-dark300);
669
- }
670
-
671
- .primary-dark400_fg {
672
- color: var(--primary-dark400);
673
- }
674
-
675
- .primary-dark400_bg {
676
- background-color: var(--primary-dark400);
677
- }
678
-
679
- .primary-dark500_fg {
680
- color: var(--primary-dark500);
681
- }
682
-
683
- .primary-dark500_bg {
684
- background-color: var(--primary-dark500);
685
- }
686
-
687
- .primary-dark600_fg {
688
- color: var(--primary-dark600);
689
- }
690
-
691
- .primary-dark600_bg {
692
- background-color: var(--primary-dark600);
693
- }
694
-
695
- .primary-dark700_fg {
696
- color: var(--primary-dark700);
697
- }
698
-
699
- .primary-dark700_bg {
700
- background-color: var(--primary-dark700);
701
- }
702
-
703
- .primary-dark800_fg {
704
- color: var(--primary-dark800);
705
- }
706
-
707
- .primary-dark800_bg {
708
- background-color: var(--primary-dark800);
709
- }
710
-
711
- .primary-dark900_fg {
712
- color: var(--primary-dark900);
713
- }
714
-
715
- .primary-dark900_bg {
716
- background-color: var(--primary-dark900);
717
- }
718
-
719
- .primary-dark_fg {
720
- color: var(--primary-dark);
721
- }
722
-
723
- .primary-dark_bg {
724
- background-color: var(--primary-dark);
725
- }
726
-
727
- .secondary-dark100_fg {
728
- color: var(--secondary-dark100);
729
- }
730
-
731
- .secondary-dark100_bg {
732
- background-color: var(--secondary-dark100);
733
- }
734
-
735
- .secondary-dark200_fg {
736
- color: var(--secondary-dark200);
737
- }
738
-
739
- .secondary-dark200_bg {
740
- background-color: var(--secondary-dark200);
741
- }
742
-
743
- .secondary-dark300_fg {
744
- color: var(--secondary-dark300);
745
- }
746
-
747
- .secondary-dark300_bg {
748
- background-color: var(--secondary-dark300);
749
- }
750
-
751
- .secondary-dark400_fg {
752
- color: var(--secondary-dark400);
753
- }
754
-
755
- .secondary-dark400_bg {
756
- background-color: var(--secondary-dark400);
757
- }
758
-
759
- .secondary-dark500_fg {
760
- color: var(--secondary-dark500);
761
- }
762
-
763
- .secondary-dark500_bg {
764
- background-color: var(--secondary-dark500);
765
- }
766
-
767
- .secondary-dark600_fg {
768
- color: var(--secondary-dark600);
769
- }
770
-
771
- .secondary-dark600_bg {
772
- background-color: var(--secondary-dark600);
773
- }
774
-
775
- .secondary-dark700_fg {
776
- color: var(--secondary-dark700);
777
- }
778
-
779
- .secondary-dark700_bg {
780
- background-color: var(--secondary-dark700);
781
- }
782
-
783
- .secondary-dark800_fg {
784
- color: var(--secondary-dark800);
785
- }
786
-
787
- .secondary-dark800_bg {
788
- background-color: var(--secondary-dark800);
789
- }
790
-
791
- .secondary-dark900_fg {
792
- color: var(--secondary-dark900);
793
- }
794
-
795
- .secondary-dark900_bg {
796
- background-color: var(--secondary-dark900);
797
- }
798
-
799
- .secondary-dark_fg {
800
- color: var(--secondary-dark);
801
- }
802
-
803
- .secondary-dark_bg {
804
- background-color: var(--secondary-dark);
805
- }
806
-
807
- .muted-dark100_fg {
808
- color: var(--muted-dark100);
809
- }
810
-
811
- .muted-dark100_bg {
812
- background-color: var(--muted-dark100);
813
- }
814
-
815
- .muted-dark200_fg {
816
- color: var(--muted-dark200);
817
- }
818
-
819
- .muted-dark200_bg {
820
- background-color: var(--muted-dark200);
821
- }
822
-
823
- .muted-dark300_fg {
824
- color: var(--muted-dark300);
825
- }
826
-
827
- .muted-dark300_bg {
828
- background-color: var(--muted-dark300);
829
- }
830
-
831
- .muted-dark400_fg {
832
- color: var(--muted-dark400);
833
- }
834
-
835
- .muted-dark400_bg {
836
- background-color: var(--muted-dark400);
837
- }
838
-
839
- .muted-dark500_fg {
840
- color: var(--muted-dark500);
841
- }
842
-
843
- .muted-dark500_bg {
844
- background-color: var(--muted-dark500);
845
- }
846
-
847
- .muted-dark600_fg {
848
- color: var(--muted-dark600);
849
- }
850
-
851
- .muted-dark600_bg {
852
- background-color: var(--muted-dark600);
853
- }
854
-
855
- .muted-dark700_fg {
856
- color: var(--muted-dark700);
857
- }
858
-
859
- .muted-dark700_bg {
860
- background-color: var(--muted-dark700);
861
- }
862
-
863
- .muted-dark800_fg {
864
- color: var(--muted-dark800);
865
- }
866
-
867
- .muted-dark800_bg {
868
- background-color: var(--muted-dark800);
869
- }
870
-
871
- .muted-dark900_fg {
872
- color: var(--muted-dark900);
873
- }
874
-
875
- .muted-dark900_bg {
876
- background-color: var(--muted-dark900);
877
- }
878
-
879
- .muted-dark_fg {
880
- color: var(--muted-dark);
881
- }
882
-
883
- .muted-dark_bg {
884
- background-color: var(--muted-dark);
885
- }
886
-
887
- .background-dark50_fg {
888
- color: var(--background-dark50);
889
- }
890
-
891
- .background-dark50_bg {
892
- background-color: var(--background-dark50);
893
- }
894
-
895
- .background-dark100_fg {
896
- color: var(--background-dark100);
897
- }
898
-
899
- .background-dark100_bg {
900
- background-color: var(--background-dark100);
901
- }
902
-
903
- .background-dark200_fg {
904
- color: var(--background-dark200);
905
- }
906
-
907
- .background-dark200_bg {
908
- background-color: var(--background-dark200);
909
- }
910
-
911
- .background-dark300_fg {
912
- color: var(--background-dark300);
913
- }
914
-
915
- .background-dark300_bg {
916
- background-color: var(--background-dark300);
917
- }
918
-
919
- .background-dark400_fg {
920
- color: var(--background-dark400);
921
- }
922
-
923
- .background-dark400_bg {
924
- background-color: var(--background-dark400);
925
- }
926
-
927
- .background-dark500_fg {
928
- color: var(--background-dark500);
929
- }
930
-
931
- .background-dark500_bg {
932
- background-color: var(--background-dark500);
933
- }
934
-
935
- .background-dark600_fg {
936
- color: var(--background-dark600);
937
- }
938
-
939
- .background-dark600_bg {
940
- background-color: var(--background-dark600);
941
- }
942
-
943
- .background-dark700_fg {
944
- color: var(--background-dark700);
945
- }
946
-
947
- .background-dark700_bg {
948
- background-color: var(--background-dark700);
949
- }
950
-
951
- .background-dark800_fg {
952
- color: var(--background-dark800);
953
- }
954
-
955
- .background-dark800_bg {
956
- background-color: var(--background-dark800);
957
- }
958
-
959
- .background-dark900_fg {
960
- color: var(--background-dark900);
961
- }
962
-
963
- .background-dark900_bg {
964
- background-color: var(--background-dark900);
965
- }
966
-
967
- .background-dark_fg {
968
- color: var(--background-dark);
969
- }
970
-
971
- .background-dark_bg {
972
- background-color: var(--background-dark);
973
- }
974
-
975
- .grey400_fg {
976
- color: var(--grey400);
977
- }
978
-
979
- .grey400_bg {
980
- background-color: var(--grey400);
981
- }
982
-
983
- .grey_fg {
984
- color: var(--grey);
985
- }
986
-
987
- .grey_bg {
988
- background-color: var(--grey);
989
- }
990
-
991
- .white_fg {
992
- color: var(--white);
993
- }
994
-
995
- .white_bg {
996
- background-color: var(--white);
997
- }
998
-
999
- .black_fg {
1000
- color: var(--black);
1001
- }
1002
-
1003
- .black_bg {
1004
- background-color: var(--black);
1005
- }
1006
-
1007
- .background_fg {
1008
- color: var(--background);
1009
- }
1010
-
1011
- .background_bg {
1012
- background-color: var(--background);
1013
- }
1014
-
1015
- .light_fg {
1016
- color: var(--light);
1017
- }
1018
-
1019
- .light_bg {
1020
- background-color: var(--light);
1021
- }
1022
-
1023
- .text-dark_fg {
1024
- color: var(--text-dark);
1025
- }
1026
-
1027
- .text-dark_bg {
1028
- background-color: var(--text-dark);
1029
- }
1030
-
1031
- .yellow_fg {
1032
- color: var(--yellow);
1033
- }
1034
-
1035
- .yellow_bg {
1036
- background-color: var(--yellow);
1037
- }
1038
-
1039
- .orange_fg {
1040
- color: var(--orange);
1041
- }
1042
-
1043
- .orange_bg {
1044
- background-color: var(--orange);
1045
- }
1046
-
1047
- .cba-black_fg {
1048
- color: var(--cba-black);
1049
- }
1050
-
1051
- .cba-black_bg {
1052
- background-color: var(--cba-black);
1053
- }
1054
-
1055
- .x15-pink_fg {
1056
- color: var(--x15-pink);
1057
- }
1058
-
1059
- .x15-pink_bg {
1060
- background-color: var(--x15-pink);
1061
- }
1062
-
1063
- .x15-green_fg {
1064
- color: var(--x15-green);
1065
- }
1066
-
1067
- .x15-green_bg {
1068
- background-color: var(--x15-green);
1069
- }
1070
-
1071
- .blue-zodiac_fg {
1072
- color: var(--blue-zodiac);
1073
- }
1074
-
1075
- .blue-zodiac_bg {
1076
- background-color: var(--blue-zodiac);
1077
- }
1078
-
1079
- .green_fg {
1080
- color: var(--green);
1081
- }
1082
-
1083
- .green_bg {
1084
- background-color: var(--green);
1085
- }
1086
-
1087
- .transparent_fg {
1088
- color: var(--transparent);
1089
- }
1090
-
1091
- .transparent_bg {
1092
- background-color: var(--transparent);
1093
- }
1094
-
1095
- .white_fg {
1096
- color: var(--white);
1097
- }
1098
-
1099
- .white_bg {
1100
- background-color: var(--white);
1101
- }
1102
-
1103
- .white-10_fg {
1104
- color: var(--white-10);
1105
- }
1106
-
1107
- .white-10_bg {
1108
- background-color: var(--white-10);
1109
- }
1110
-
1111
- .white-20_fg {
1112
- color: var(--white-20);
1113
- }
1114
-
1115
- .white-20_bg {
1116
- background-color: var(--white-20);
1117
- }
1118
-
1119
- .white-30_fg {
1120
- color: var(--white-30);
1121
- }
1122
-
1123
- .white-30_bg {
1124
- background-color: var(--white-30);
1125
- }
1126
-
1127
- .white-40_fg {
1128
- color: var(--white-40);
1129
- }
1130
-
1131
- .white-40_bg {
1132
- background-color: var(--white-40);
1133
- }
1134
-
1135
- .white-50_fg {
1136
- color: var(--white-50);
1137
- }
1138
-
1139
- .white-50_bg {
1140
- background-color: var(--white-50);
1141
- }
1142
-
1143
- .white-60_fg {
1144
- color: var(--white-60);
1145
- }
1146
-
1147
- .white-60_bg {
1148
- background-color: var(--white-60);
1149
- }
1150
-
1151
- .white-70_fg {
1152
- color: var(--white-70);
1153
- }
1154
-
1155
- .white-70_bg {
1156
- background-color: var(--white-70);
1157
- }
1158
-
1159
- .white-80_fg {
1160
- color: var(--white-80);
1161
- }
1162
-
1163
- .white-80_bg {
1164
- background-color: var(--white-80);
1165
- }
1166
-
1167
- .white-90_fg {
1168
- color: var(--white-90);
1169
- }
1170
-
1171
- .white-90_bg {
1172
- background-color: var(--white-90);
1173
- }
1174
-
1175
- .black_fg {
1176
- color: var(--black);
1177
- }
1178
-
1179
- .black_bg {
1180
- background-color: var(--black);
1181
- }
1182
-
1183
- .black-10_fg {
1184
- color: var(--black-10);
1185
- }
1186
-
1187
- .black-10_bg {
1188
- background-color: var(--black-10);
1189
- }
1190
-
1191
- .black-20_fg {
1192
- color: var(--black-20);
1193
- }
1194
-
1195
- .black-20_bg {
1196
- background-color: var(--black-20);
1197
- }
1198
-
1199
- .black-30_fg {
1200
- color: var(--black-30);
1201
- }
1202
-
1203
- .black-30_bg {
1204
- background-color: var(--black-30);
1205
- }
1206
-
1207
- .black-40_fg {
1208
- color: var(--black-40);
1209
- }
1210
-
1211
- .black-40_bg {
1212
- background-color: var(--black-40);
1213
- }
1214
-
1215
- .black-50_fg {
1216
- color: var(--black-50);
1217
- }
1218
-
1219
- .black-50_bg {
1220
- background-color: var(--black-50);
1221
- }
1222
-
1223
- .black-60_fg {
1224
- color: var(--black-60);
1225
- }
1226
-
1227
- .black-60_bg {
1228
- background-color: var(--black-60);
1229
- }
1230
-
1231
- .black-70_fg {
1232
- color: var(--black-70);
1233
- }
1234
-
1235
- .black-70_bg {
1236
- background-color: var(--black-70);
1237
- }
1238
-
1239
- .black-80_fg {
1240
- color: var(--black-80);
1241
- }
1242
-
1243
- .black-80_bg {
1244
- background-color: var(--black-80);
1245
- }
1246
-
1247
- .black-90_fg {
1248
- color: var(--black-90);
1249
- }
1250
-
1251
- .black-90_bg {
1252
- background-color: var(--black-90);
1253
- }
1254
-
1255
- .neutral_fg {
1256
- color: var(--neutral);
1257
- }
1258
-
1259
- .neutral_bg {
1260
- background-color: var(--neutral);
1261
- }
1262
-
1263
- .neutral-10_fg {
1264
- color: var(--neutral-10);
1265
- }
1266
-
1267
- .neutral-10_bg {
1268
- background-color: var(--neutral-10);
1269
- }
1270
-
1271
- .neutral-20_fg {
1272
- color: var(--neutral-20);
1273
- }
1274
-
1275
- .neutral-20_bg {
1276
- background-color: var(--neutral-20);
1277
- }
1278
-
1279
- .neutral-30_fg {
1280
- color: var(--neutral-30);
1281
- }
1282
-
1283
- .neutral-30_bg {
1284
- background-color: var(--neutral-30);
1285
- }
1286
-
1287
- .neutral-40_fg {
1288
- color: var(--neutral-40);
1289
- }
1290
-
1291
- .neutral-40_bg {
1292
- background-color: var(--neutral-40);
1293
- }
1294
-
1295
- .neutral-50_fg {
1296
- color: var(--neutral-50);
1297
- }
1298
-
1299
- .neutral-50_bg {
1300
- background-color: var(--neutral-50);
1301
- }
1302
-
1303
- .neutral-60_fg {
1304
- color: var(--neutral-60);
1305
- }
1306
-
1307
- .neutral-60_bg {
1308
- background-color: var(--neutral-60);
1309
- }
1310
-
1311
- .neutral-70_fg {
1312
- color: var(--neutral-70);
1313
- }
1314
-
1315
- .neutral-70_bg {
1316
- background-color: var(--neutral-70);
1317
- }
1318
-
1319
- .neutral-80_fg {
1320
- color: var(--neutral-80);
1321
- }
1322
-
1323
- .neutral-80_bg {
1324
- background-color: var(--neutral-80);
1325
- }
1326
-
1327
- .neutral-90_fg {
1328
- color: var(--neutral-90);
1329
- }
1330
-
1331
- .neutral-90_bg {
1332
- background-color: var(--neutral-90);
1333
- }
1334
-
1335
- .neutral-95_fg {
1336
- color: var(--neutral-95);
1337
- }
1338
-
1339
- .neutral-95_bg {
1340
- background-color: var(--neutral-95);
1341
- }
1342
-
1343
- :root {
1344
- --primary100: rgb(205, 245, 236);
1345
- --primary200: rgb(155, 235, 216);
1346
- --primary300: rgb(106, 225, 197);
1347
- --primary400: rgb(56, 215, 177);
1348
- --primary500: rgb(6, 205, 158);
1349
- --primary600: rgb(5, 164, 126);
1350
- --primary700: rgb(4, 123, 95);
1351
- --primary800: rgb(2, 82, 63);
1352
- --primary900: rgb(1, 41, 32);
1353
- --primary: rgb(6, 205, 158);
1354
- --primary-variant100: rgb(205, 237, 236);
1355
- --primary-variant200: rgb(155, 219, 216);
1356
- --primary-variant300: rgb(106, 201, 197);
1357
- --primary-variant400: rgb(56, 183, 177);
1358
- --primary-variant500: rgb(6, 165, 158);
1359
- --primary-variant600: rgb(5, 132, 126);
1360
- --primary-variant700: rgb(4, 99, 95);
1361
- --primary-variant800: rgb(2, 66, 63);
1362
- --primary-variant900: rgb(1, 33, 32);
1363
- --primary-variant: rgb(6, 165, 158);
1364
- --secondary100: rgb(205, 207, 255);
1365
- --secondary200: rgb(155, 160, 255);
1366
- --secondary300: rgb(106, 112, 255);
1367
- --secondary400: rgb(56, 65, 255);
1368
- --secondary500: rgb(6, 17, 255);
1369
- --secondary600: rgb(5, 14, 204);
1370
- --secondary700: rgb(4, 10, 153);
1371
- --secondary800: rgb(2, 7, 102);
1372
- --secondary900: rgb(1, 3, 51);
1373
- --secondary: rgb(6, 17, 255);
1374
- --secondary-variant100: rgb(212, 234, 251);
1375
- --secondary-variant200: rgb(168, 212, 248);
1376
- --secondary-variant300: rgb(125, 191, 244);
1377
- --secondary-variant400: rgb(81, 169, 241);
1378
- --secondary-variant500: rgb(38, 148, 237);
1379
- --secondary-variant600: rgb(30, 118, 190);
1380
- --secondary-variant700: rgb(23, 89, 142);
1381
- --secondary-variant800: rgb(15, 59, 95);
1382
- --secondary-variant900: rgb(8, 30, 47);
1383
- --secondary-variant: rgb(38, 148, 237);
1384
- --text100: rgb(204, 211, 213);
1385
- --text200: rgb(153, 167, 170);
1386
- --text300: rgb(102, 122, 128);
1387
- --text400: rgb(51, 78, 85);
1388
- --text500: rgb(0, 34, 43);
1389
- --text600: rgb(0, 27, 34);
1390
- --text700: rgb(0, 20, 26);
1391
- --text800: rgb(0, 14, 17);
1392
- --text900: rgb(0, 7, 9);
1393
- --text: rgb(0, 34, 43);
1394
- --muted100: rgb(218, 225, 229);
1395
- --muted200: rgb(181, 196, 203);
1396
- --muted300: rgb(145, 166, 178);
1397
- --muted400: rgb(108, 137, 152);
1398
- --muted500: rgb(71, 107, 126);
1399
- --muted600: rgb(57, 86, 101);
1400
- --muted700: rgb(43, 64, 76);
1401
- --muted800: rgb(28, 43, 50);
1402
- --muted900: rgb(14, 21, 25);
1403
- --muted: rgb(71, 107, 126);
1404
- --error100: rgb(241, 210, 210);
1405
- --error200: rgb(226, 164, 164);
1406
- --error300: rgb(212, 119, 119);
1407
- --error400: rgb(197, 73, 73);
1408
- --error500: rgb(183, 28, 28);
1409
- --error600: rgb(146, 22, 22);
1410
- --error700: rgb(110, 17, 17);
1411
- --error800: rgb(73, 11, 11);
1412
- --error900: rgb(37, 6, 6);
1413
- --error: rgb(183, 28, 28);
1414
- --success100: rgb(223, 246, 221);
1415
- --success200: rgb(191, 237, 187);
1416
- --success300: rgb(160, 227, 152);
1417
- --success400: rgb(128, 218, 118);
1418
- --success500: rgb(96, 209, 84);
1419
- --success600: rgb(77, 167, 67);
1420
- --success700: rgb(58, 125, 50);
1421
- --success800: rgb(38, 84, 34);
1422
- --success900: rgb(19, 42, 17);
1423
- --success: rgb(96, 209, 84);
1424
- --primary-dark100: rgb(204, 229, 228);
1425
- --primary-dark200: rgb(153, 204, 200);
1426
- --primary-dark300: rgb(103, 178, 173);
1427
- --primary-dark400: rgb(52, 153, 145);
1428
- --primary-dark500: rgb(1, 127, 118);
1429
- --primary-dark600: rgb(1, 102, 94);
1430
- --primary-dark700: rgb(1, 76, 71);
1431
- --primary-dark800: rgb(0, 51, 47);
1432
- --primary-dark900: rgb(0, 25, 24);
1433
- --primary-dark: rgb(1, 127, 118);
1434
- --secondary-dark100: rgb(204, 215, 222);
1435
- --secondary-dark200: rgb(153, 175, 189);
1436
- --secondary-dark300: rgb(102, 136, 157);
1437
- --secondary-dark400: rgb(51, 96, 124);
1438
- --secondary-dark500: rgb(0, 56, 91);
1439
- --secondary-dark600: rgb(0, 45, 73);
1440
- --secondary-dark700: rgb(0, 34, 55);
1441
- --secondary-dark800: rgb(0, 22, 36);
1442
- --secondary-dark900: rgb(0, 11, 18);
1443
- --secondary-dark: rgb(0, 56, 91);
1444
- --muted-dark100: rgb(241, 241, 244);
1445
- --muted-dark200: rgb(227, 227, 233);
1446
- --muted-dark300: rgb(213, 213, 223);
1447
- --muted-dark400: rgb(199, 199, 212);
1448
- --muted-dark500: rgb(185, 185, 201);
1449
- --muted-dark600: rgb(148, 148, 161);
1450
- --muted-dark700: rgb(111, 111, 121);
1451
- --muted-dark800: rgb(74, 74, 80);
1452
- --muted-dark900: rgb(37, 37, 40);
1453
- --muted-dark: rgb(185, 185, 201);
1454
- --background-dark50: rgb(233, 233, 233);
1455
- --background-dark100: rgb(210, 210, 210);
1456
- --background-dark200: rgb(165, 165, 165);
1457
- --background-dark300: rgb(119, 120, 121);
1458
- --background-dark400: rgb(74, 75, 76);
1459
- --background-dark500: rgb(29, 30, 31);
1460
- --background-dark600: rgb(23, 24, 25);
1461
- --background-dark700: rgb(17, 18, 19);
1462
- --background-dark800: rgb(12, 12, 12);
1463
- --background-dark900: rgb(6, 6, 6);
1464
- --background-dark: rgb(29, 30, 31);
1465
- --grey400: rgb(189, 189, 189);
1466
- --grey: rgb(21, 21, 21);
1467
- --white: rgb(255, 255, 255);
1468
- --black: rgb(0, 0, 0);
1469
- --background: rgb(231, 238, 241);
1470
- --light: rgb(244, 244, 244);
1471
- --text-dark: rgb(255, 255, 255);
1472
- --yellow: rgb(255, 204, 0);
1473
- --orange: rgb(234, 90, 12);
1474
- --cba-black: rgb(35, 31, 32);
1475
- --x15-pink: rgb(236, 0, 140);
1476
- --x15-green: rgb(69, 245, 165);
1477
- --blue-zodiac: rgb(61, 64, 74);
1478
- --green: rgb(0, 128, 0);
1479
- --transparent: rgba(0, 0, 0, 0);
1480
- --white: rgb(255, 255, 255);
1481
- --white-10: rgb(242, 242, 242);
1482
- --white-20: rgb(230, 230, 230);
1483
- --white-30: rgb(217, 217, 217);
1484
- --white-40: rgb(204, 204, 204);
1485
- --white-50: rgb(191, 191, 191);
1486
- --white-60: rgb(179, 179, 179);
1487
- --white-70: rgb(166, 166, 166);
1488
- --white-80: rgb(153, 153, 153);
1489
- --white-90: rgb(140, 140, 140);
1490
- --black: rgb(0, 0, 0);
1491
- --black-10: rgb(13, 13, 13);
1492
- --black-20: rgb(26, 26, 26);
1493
- --black-30: rgb(38, 38, 38);
1494
- --black-40: rgb(51, 51, 51);
1495
- --black-50: rgb(64, 64, 64);
1496
- --black-60: rgb(77, 77, 77);
1497
- --black-70: rgb(89, 89, 89);
1498
- --black-80: rgb(102, 102, 102);
1499
- --black-90: rgb(115, 115, 115);
1500
- --neutral: rgb(168, 188, 201);
1501
- --neutral-10: rgb(24, 26, 27);
1502
- --neutral-20: rgb(36, 40, 43);
1503
- --neutral-30: rgb(56, 65, 71);
1504
- --neutral-40: rgb(81, 100, 114);
1505
- --neutral-50: rgb(126, 151, 167);
1506
- --neutral-60: rgb(194, 208, 217);
1507
- --neutral-70: rgb(211, 222, 228);
1508
- --neutral-80: rgb(229, 235, 239);
1509
- --neutral-90: rgb(238, 242, 244);
1510
- --neutral-95: rgb(246, 248, 250);
1511
- }