@xsolla/switch-theme-customization 0.153.1-pr264.1778643174

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/index.d.ts ADDED
@@ -0,0 +1,1683 @@
1
+ import * as colord from 'colord';
2
+ import { Colord, HslColor, HslaColor } from 'colord';
3
+ import { CSSObject } from 'styled-components';
4
+
5
+ type ColorValue = Colord | HslColor | HslaColor | string;
6
+ interface BaseColors<T = Colord> {
7
+ content: T;
8
+ surface: T;
9
+ project: T;
10
+ accent: T;
11
+ phantom: T;
12
+ path: T;
13
+ success: T;
14
+ warning: T;
15
+ alert: T;
16
+ neutral: T;
17
+ }
18
+ type BaseColorsIndex = keyof BaseColors;
19
+ interface ComponentBaseColors$1<T = Colord> {
20
+ bg: T;
21
+ bgHover: T;
22
+ bgPress: T;
23
+ border: T;
24
+ borderHover: T;
25
+ borderPress: T;
26
+ bgDisabled: T;
27
+ }
28
+ interface Colors$1<T = Colord> {
29
+ base: BaseColors<T>;
30
+ core: {
31
+ background: {
32
+ primary: T;
33
+ secondary: T;
34
+ ghost: T;
35
+ tone: T;
36
+ selection: T;
37
+ hover: T;
38
+ brand: T;
39
+ brandSecondary: T;
40
+ success: T;
41
+ warning: T;
42
+ alert: T;
43
+ neutral: T;
44
+ };
45
+ divider: {
46
+ divider: T;
47
+ };
48
+ text: {
49
+ primary: T;
50
+ secondary: T;
51
+ tertiary: T;
52
+ brand: T;
53
+ brandSecondary: T;
54
+ success: T;
55
+ warning: T;
56
+ alert: T;
57
+ neutral: T;
58
+ };
59
+ link: {
60
+ link: T;
61
+ linkHover: T;
62
+ linkMinor: T;
63
+ linkMinorHover: T;
64
+ };
65
+ };
66
+ control: {
67
+ primary: ComponentBaseColors$1<T>;
68
+ secondary: Omit<ComponentBaseColors$1<T>, 'bgDisabled'>;
69
+ default: Omit<ComponentBaseColors$1<T>, 'bgDisabled'>;
70
+ tertiary?: Omit<ComponentBaseColors$1<T>, 'bgDisabled'>;
71
+ input: {
72
+ bg: T;
73
+ bgHover: T;
74
+ bgDisabled: T;
75
+ border: T;
76
+ borderHover: T;
77
+ borderDisabled: T;
78
+ text: T;
79
+ textDisabled: T;
80
+ placeholder: T;
81
+ };
82
+ focus: {
83
+ bg: T;
84
+ border: T;
85
+ };
86
+ alert: {
87
+ bg: T;
88
+ bgHover: T;
89
+ bgPress: T;
90
+ border: T;
91
+ borderHover: T;
92
+ borderPress: T;
93
+ };
94
+ check: {
95
+ bg: T;
96
+ bgHover: T;
97
+ bgDisabled: T;
98
+ };
99
+ faint: {
100
+ bg: T;
101
+ bgHover: T;
102
+ border: T;
103
+ borderHover: T;
104
+ };
105
+ toggle: {
106
+ bg: T;
107
+ bgHover: T;
108
+ };
109
+ text: {
110
+ active: T;
111
+ secondary: T;
112
+ tertiary?: T;
113
+ default: T;
114
+ primary: T;
115
+ disabled: T;
116
+ faint: T;
117
+ alert: T;
118
+ };
119
+ };
120
+ }
121
+
122
+ interface Misc {
123
+ borderWidth: string;
124
+ borderRadiusScale: {
125
+ sm: string;
126
+ md: string;
127
+ lg: string;
128
+ xl: string;
129
+ };
130
+ borderRadius: {
131
+ input: string;
132
+ button: string;
133
+ buttonIcon: string;
134
+ popup: string;
135
+ checkbox: string;
136
+ tag: string;
137
+ };
138
+ minWidth: {
139
+ button: string;
140
+ };
141
+ }
142
+
143
+ interface Shadows {
144
+ active: string;
145
+ surface: string;
146
+ surfaceHover: string;
147
+ popover: string;
148
+ modal: string;
149
+ }
150
+
151
+ interface Typography {
152
+ fontFamily: string;
153
+ core: {
154
+ h1: CSSObject;
155
+ h2: CSSObject;
156
+ h3: CSSObject;
157
+ h4: CSSObject;
158
+ bodyMd: CSSObject;
159
+ bodyMdAccent: CSSObject;
160
+ bodyLg: CSSObject;
161
+ bodyLgAccent: CSSObject;
162
+ paragraph: CSSObject;
163
+ label: CSSObject;
164
+ minor: CSSObject;
165
+ strong: CSSObject;
166
+ };
167
+ components: {
168
+ [key: string]: {
169
+ [size: string]: CSSObject;
170
+ };
171
+ };
172
+ }
173
+
174
+ type GlobalStyles = 'switch' | 'brand' | 'publisherV2' | 'influencerAccount' | 'lightstream' | 'pentagram';
175
+ interface Theme {
176
+ colors: Colors$1<string>;
177
+ typo: Typography;
178
+ misc: Misc;
179
+ shadows: Shadows;
180
+ typoMobile?: Typography;
181
+ typoTablet?: Typography;
182
+ globalStyle?: GlobalStyles;
183
+ }
184
+ type ThemeVariant = Pick<Theme, 'colors'>;
185
+
186
+ type Size = 'sm' | 'md' | 'lg';
187
+
188
+ declare const paystation4: Theme;
189
+ declare const paystation4Dark: Theme;
190
+ declare const paystation4Take2: Theme;
191
+ declare const paystation4Gaijin: Theme;
192
+ declare const paystation4Nexters: Theme;
193
+ declare const paystation4Themes: {
194
+ light: Theme;
195
+ dark: Theme;
196
+ take2: Theme;
197
+ gaijin: Theme;
198
+ nexters: Theme;
199
+ };
200
+
201
+ declare const publisherV2: Theme;
202
+ declare const publisherV2Dark: Theme;
203
+ declare const publisherV2Themes: {
204
+ light: Theme;
205
+ dark: Theme;
206
+ };
207
+
208
+ declare const emails: Theme;
209
+ declare const emailsDark: Theme;
210
+ declare const emailsThemes: {
211
+ light: Theme;
212
+ dark: Theme;
213
+ };
214
+
215
+ declare const themesBaseColorsArray: {
216
+ theme: string;
217
+ baseColors: BaseColors<colord.Colord>;
218
+ }[];
219
+ declare const themesBaseColors: Record<string, BaseColors>;
220
+ declare const themesColorsScheme: Record<string, (base: BaseColors) => void>;
221
+
222
+ declare const themes: Record<string, Theme>;
223
+
224
+ declare const palettes: {
225
+ primaryPalette: {
226
+ gray: {
227
+ white: {
228
+ h: number;
229
+ s: number;
230
+ l: number;
231
+ };
232
+ 25: {
233
+ h: number;
234
+ s: number;
235
+ l: number;
236
+ };
237
+ 50: {
238
+ h: number;
239
+ s: number;
240
+ l: number;
241
+ };
242
+ 100: {
243
+ h: number;
244
+ s: number;
245
+ l: number;
246
+ };
247
+ 200: {
248
+ h: number;
249
+ s: number;
250
+ l: number;
251
+ };
252
+ 300: {
253
+ h: number;
254
+ s: number;
255
+ l: number;
256
+ };
257
+ 400: {
258
+ h: number;
259
+ s: number;
260
+ l: number;
261
+ };
262
+ 500: {
263
+ h: number;
264
+ s: number;
265
+ l: number;
266
+ };
267
+ 600: {
268
+ h: number;
269
+ s: number;
270
+ l: number;
271
+ };
272
+ 700: {
273
+ h: number;
274
+ s: number;
275
+ l: number;
276
+ };
277
+ 800: {
278
+ h: number;
279
+ s: number;
280
+ l: number;
281
+ };
282
+ 900: {
283
+ h: number;
284
+ s: number;
285
+ l: number;
286
+ };
287
+ 950: {
288
+ h: number;
289
+ s: number;
290
+ l: number;
291
+ };
292
+ dark: {
293
+ h: number;
294
+ s: number;
295
+ l: number;
296
+ };
297
+ };
298
+ magenta: {
299
+ 50: {
300
+ h: number;
301
+ s: number;
302
+ l: number;
303
+ };
304
+ 100: {
305
+ h: number;
306
+ s: number;
307
+ l: number;
308
+ };
309
+ 200: {
310
+ h: number;
311
+ s: number;
312
+ l: number;
313
+ };
314
+ 300: {
315
+ h: number;
316
+ s: number;
317
+ l: number;
318
+ };
319
+ 400: {
320
+ h: number;
321
+ s: number;
322
+ l: number;
323
+ };
324
+ 500: {
325
+ h: number;
326
+ s: number;
327
+ l: number;
328
+ };
329
+ 600: {
330
+ h: number;
331
+ s: number;
332
+ l: number;
333
+ };
334
+ 700: {
335
+ h: number;
336
+ s: number;
337
+ l: number;
338
+ };
339
+ 800: {
340
+ h: number;
341
+ s: number;
342
+ l: number;
343
+ };
344
+ 900: {
345
+ h: number;
346
+ s: number;
347
+ l: number;
348
+ };
349
+ 950: {
350
+ h: number;
351
+ s: number;
352
+ l: number;
353
+ };
354
+ };
355
+ red: {
356
+ 50: {
357
+ h: number;
358
+ s: number;
359
+ l: number;
360
+ };
361
+ 100: {
362
+ h: number;
363
+ s: number;
364
+ l: number;
365
+ };
366
+ 200: {
367
+ h: number;
368
+ s: number;
369
+ l: number;
370
+ };
371
+ 300: {
372
+ h: number;
373
+ s: number;
374
+ l: number;
375
+ };
376
+ 400: {
377
+ h: number;
378
+ s: number;
379
+ l: number;
380
+ };
381
+ 500: {
382
+ h: number;
383
+ s: number;
384
+ l: number;
385
+ };
386
+ 600: {
387
+ h: number;
388
+ s: number;
389
+ l: number;
390
+ };
391
+ 700: {
392
+ h: number;
393
+ s: number;
394
+ l: number;
395
+ };
396
+ 800: {
397
+ h: number;
398
+ s: number;
399
+ l: number;
400
+ };
401
+ 900: {
402
+ h: number;
403
+ s: number;
404
+ l: number;
405
+ };
406
+ };
407
+ orange: {
408
+ 50: {
409
+ h: number;
410
+ s: number;
411
+ l: number;
412
+ };
413
+ 100: {
414
+ h: number;
415
+ s: number;
416
+ l: number;
417
+ };
418
+ 200: {
419
+ h: number;
420
+ s: number;
421
+ l: number;
422
+ };
423
+ 300: {
424
+ h: number;
425
+ s: number;
426
+ l: number;
427
+ };
428
+ 400: {
429
+ h: number;
430
+ s: number;
431
+ l: number;
432
+ };
433
+ 500: {
434
+ h: number;
435
+ s: number;
436
+ l: number;
437
+ };
438
+ 600: {
439
+ h: number;
440
+ s: number;
441
+ l: number;
442
+ };
443
+ 700: {
444
+ h: number;
445
+ s: number;
446
+ l: number;
447
+ };
448
+ 800: {
449
+ h: number;
450
+ s: number;
451
+ l: number;
452
+ };
453
+ 900: {
454
+ h: number;
455
+ s: number;
456
+ l: number;
457
+ };
458
+ };
459
+ yellow: {
460
+ 50: {
461
+ h: number;
462
+ s: number;
463
+ l: number;
464
+ };
465
+ 100: {
466
+ h: number;
467
+ s: number;
468
+ l: number;
469
+ };
470
+ 200: {
471
+ h: number;
472
+ s: number;
473
+ l: number;
474
+ };
475
+ 300: {
476
+ h: number;
477
+ s: number;
478
+ l: number;
479
+ };
480
+ 400: {
481
+ h: number;
482
+ s: number;
483
+ l: number;
484
+ };
485
+ 500: {
486
+ h: number;
487
+ s: number;
488
+ l: number;
489
+ };
490
+ 600: {
491
+ h: number;
492
+ s: number;
493
+ l: number;
494
+ };
495
+ 700: {
496
+ h: number;
497
+ s: number;
498
+ l: number;
499
+ };
500
+ 800: {
501
+ h: number;
502
+ s: number;
503
+ l: number;
504
+ };
505
+ 900: {
506
+ h: number;
507
+ s: number;
508
+ l: number;
509
+ };
510
+ 950: {
511
+ h: number;
512
+ s: number;
513
+ l: number;
514
+ };
515
+ };
516
+ acidGreen: {
517
+ 50: {
518
+ h: number;
519
+ s: number;
520
+ l: number;
521
+ };
522
+ 100: {
523
+ h: number;
524
+ s: number;
525
+ l: number;
526
+ };
527
+ 200: {
528
+ h: number;
529
+ s: number;
530
+ l: number;
531
+ };
532
+ 300: {
533
+ h: number;
534
+ s: number;
535
+ l: number;
536
+ };
537
+ 400: {
538
+ h: number;
539
+ s: number;
540
+ l: number;
541
+ };
542
+ 500: {
543
+ h: number;
544
+ s: number;
545
+ l: number;
546
+ };
547
+ 600: {
548
+ h: number;
549
+ s: number;
550
+ l: number;
551
+ };
552
+ 700: {
553
+ h: number;
554
+ s: number;
555
+ l: number;
556
+ };
557
+ 800: {
558
+ h: number;
559
+ s: number;
560
+ l: number;
561
+ };
562
+ 900: {
563
+ h: number;
564
+ s: number;
565
+ l: number;
566
+ };
567
+ };
568
+ green: {
569
+ 50: {
570
+ h: number;
571
+ s: number;
572
+ l: number;
573
+ };
574
+ 100: {
575
+ h: number;
576
+ s: number;
577
+ l: number;
578
+ };
579
+ 200: {
580
+ h: number;
581
+ s: number;
582
+ l: number;
583
+ };
584
+ 300: {
585
+ h: number;
586
+ s: number;
587
+ l: number;
588
+ };
589
+ 400: {
590
+ h: number;
591
+ s: number;
592
+ l: number;
593
+ };
594
+ 500: {
595
+ h: number;
596
+ s: number;
597
+ l: number;
598
+ };
599
+ 600: {
600
+ h: number;
601
+ s: number;
602
+ l: number;
603
+ };
604
+ 700: {
605
+ h: number;
606
+ s: number;
607
+ l: number;
608
+ };
609
+ 800: {
610
+ h: number;
611
+ s: number;
612
+ l: number;
613
+ };
614
+ 900: {
615
+ h: number;
616
+ s: number;
617
+ l: number;
618
+ };
619
+ 950: {
620
+ h: number;
621
+ s: number;
622
+ l: number;
623
+ };
624
+ };
625
+ cyan: {
626
+ 50: {
627
+ h: number;
628
+ s: number;
629
+ l: number;
630
+ };
631
+ 100: {
632
+ h: number;
633
+ s: number;
634
+ l: number;
635
+ };
636
+ 200: {
637
+ h: number;
638
+ s: number;
639
+ l: number;
640
+ };
641
+ 300: {
642
+ h: number;
643
+ s: number;
644
+ l: number;
645
+ };
646
+ 400: {
647
+ h: number;
648
+ s: number;
649
+ l: number;
650
+ };
651
+ 500: {
652
+ h: number;
653
+ s: number;
654
+ l: number;
655
+ };
656
+ 600: {
657
+ h: number;
658
+ s: number;
659
+ l: number;
660
+ };
661
+ 700: {
662
+ h: number;
663
+ s: number;
664
+ l: number;
665
+ };
666
+ 800: {
667
+ h: number;
668
+ s: number;
669
+ l: number;
670
+ };
671
+ 900: {
672
+ h: number;
673
+ s: number;
674
+ l: number;
675
+ };
676
+ };
677
+ neonPink: {
678
+ 50: {
679
+ h: number;
680
+ s: number;
681
+ l: number;
682
+ };
683
+ 100: {
684
+ h: number;
685
+ s: number;
686
+ l: number;
687
+ };
688
+ 200: {
689
+ h: number;
690
+ s: number;
691
+ l: number;
692
+ };
693
+ 300: {
694
+ h: number;
695
+ s: number;
696
+ l: number;
697
+ };
698
+ 400: {
699
+ h: number;
700
+ s: number;
701
+ l: number;
702
+ };
703
+ 500: {
704
+ h: number;
705
+ s: number;
706
+ l: number;
707
+ };
708
+ 600: {
709
+ h: number;
710
+ s: number;
711
+ l: number;
712
+ };
713
+ 700: {
714
+ h: number;
715
+ s: number;
716
+ l: number;
717
+ };
718
+ 800: {
719
+ h: number;
720
+ s: number;
721
+ l: number;
722
+ };
723
+ 900: {
724
+ h: number;
725
+ s: number;
726
+ l: number;
727
+ };
728
+ };
729
+ marine: {
730
+ 50: {
731
+ h: number;
732
+ s: number;
733
+ l: number;
734
+ };
735
+ 100: {
736
+ h: number;
737
+ s: number;
738
+ l: number;
739
+ };
740
+ 200: {
741
+ h: number;
742
+ s: number;
743
+ l: number;
744
+ };
745
+ 300: {
746
+ h: number;
747
+ s: number;
748
+ l: number;
749
+ };
750
+ 400: {
751
+ h: number;
752
+ s: number;
753
+ l: number;
754
+ };
755
+ 500: {
756
+ h: number;
757
+ s: number;
758
+ l: number;
759
+ };
760
+ 600: {
761
+ h: number;
762
+ s: number;
763
+ l: number;
764
+ };
765
+ 700: {
766
+ h: number;
767
+ s: number;
768
+ l: number;
769
+ };
770
+ 800: {
771
+ h: number;
772
+ s: number;
773
+ l: number;
774
+ };
775
+ 900: {
776
+ h: number;
777
+ s: number;
778
+ l: number;
779
+ };
780
+ };
781
+ purple: {
782
+ 50: {
783
+ h: number;
784
+ s: number;
785
+ l: number;
786
+ };
787
+ 100: {
788
+ h: number;
789
+ s: number;
790
+ l: number;
791
+ };
792
+ 200: {
793
+ h: number;
794
+ s: number;
795
+ l: number;
796
+ };
797
+ 300: {
798
+ h: number;
799
+ s: number;
800
+ l: number;
801
+ };
802
+ 400: {
803
+ h: number;
804
+ s: number;
805
+ l: number;
806
+ };
807
+ 500: {
808
+ h: number;
809
+ s: number;
810
+ l: number;
811
+ };
812
+ 600: {
813
+ h: number;
814
+ s: number;
815
+ l: number;
816
+ };
817
+ 700: {
818
+ h: number;
819
+ s: number;
820
+ l: number;
821
+ };
822
+ 800: {
823
+ h: number;
824
+ s: number;
825
+ l: number;
826
+ };
827
+ 900: {
828
+ h: number;
829
+ s: number;
830
+ l: number;
831
+ };
832
+ };
833
+ paleBlue: {
834
+ 50: {
835
+ h: number;
836
+ s: number;
837
+ l: number;
838
+ };
839
+ 100: {
840
+ h: number;
841
+ s: number;
842
+ l: number;
843
+ };
844
+ 200: {
845
+ h: number;
846
+ s: number;
847
+ l: number;
848
+ };
849
+ 300: {
850
+ h: number;
851
+ s: number;
852
+ l: number;
853
+ };
854
+ 400: {
855
+ h: number;
856
+ s: number;
857
+ l: number;
858
+ };
859
+ 500: {
860
+ h: number;
861
+ s: number;
862
+ l: number;
863
+ };
864
+ 600: {
865
+ h: number;
866
+ s: number;
867
+ l: number;
868
+ };
869
+ 700: {
870
+ h: number;
871
+ s: number;
872
+ l: number;
873
+ };
874
+ 800: {
875
+ h: number;
876
+ s: number;
877
+ l: number;
878
+ };
879
+ 850: {
880
+ h: number;
881
+ s: number;
882
+ l: number;
883
+ };
884
+ 900: {
885
+ h: number;
886
+ s: number;
887
+ l: number;
888
+ };
889
+ 950: {
890
+ h: number;
891
+ s: number;
892
+ l: number;
893
+ };
894
+ };
895
+ };
896
+ };
897
+
898
+ declare const primaryPalette: {
899
+ gray: {
900
+ white: {
901
+ h: number;
902
+ s: number;
903
+ l: number;
904
+ };
905
+ 25: {
906
+ h: number;
907
+ s: number;
908
+ l: number;
909
+ };
910
+ 50: {
911
+ h: number;
912
+ s: number;
913
+ l: number;
914
+ };
915
+ 100: {
916
+ h: number;
917
+ s: number;
918
+ l: number;
919
+ };
920
+ 200: {
921
+ h: number;
922
+ s: number;
923
+ l: number;
924
+ };
925
+ 300: {
926
+ h: number;
927
+ s: number;
928
+ l: number;
929
+ };
930
+ 400: {
931
+ h: number;
932
+ s: number;
933
+ l: number;
934
+ };
935
+ 500: {
936
+ h: number;
937
+ s: number;
938
+ l: number;
939
+ };
940
+ 600: {
941
+ h: number;
942
+ s: number;
943
+ l: number;
944
+ };
945
+ 700: {
946
+ h: number;
947
+ s: number;
948
+ l: number;
949
+ };
950
+ 800: {
951
+ h: number;
952
+ s: number;
953
+ l: number;
954
+ };
955
+ 900: {
956
+ h: number;
957
+ s: number;
958
+ l: number;
959
+ };
960
+ 950: {
961
+ h: number;
962
+ s: number;
963
+ l: number;
964
+ };
965
+ dark: {
966
+ h: number;
967
+ s: number;
968
+ l: number;
969
+ };
970
+ };
971
+ magenta: {
972
+ 50: {
973
+ h: number;
974
+ s: number;
975
+ l: number;
976
+ };
977
+ 100: {
978
+ h: number;
979
+ s: number;
980
+ l: number;
981
+ };
982
+ 200: {
983
+ h: number;
984
+ s: number;
985
+ l: number;
986
+ };
987
+ 300: {
988
+ h: number;
989
+ s: number;
990
+ l: number;
991
+ };
992
+ 400: {
993
+ h: number;
994
+ s: number;
995
+ l: number;
996
+ };
997
+ 500: {
998
+ h: number;
999
+ s: number;
1000
+ l: number;
1001
+ };
1002
+ 600: {
1003
+ h: number;
1004
+ s: number;
1005
+ l: number;
1006
+ };
1007
+ 700: {
1008
+ h: number;
1009
+ s: number;
1010
+ l: number;
1011
+ };
1012
+ 800: {
1013
+ h: number;
1014
+ s: number;
1015
+ l: number;
1016
+ };
1017
+ 900: {
1018
+ h: number;
1019
+ s: number;
1020
+ l: number;
1021
+ };
1022
+ 950: {
1023
+ h: number;
1024
+ s: number;
1025
+ l: number;
1026
+ };
1027
+ };
1028
+ red: {
1029
+ 50: {
1030
+ h: number;
1031
+ s: number;
1032
+ l: number;
1033
+ };
1034
+ 100: {
1035
+ h: number;
1036
+ s: number;
1037
+ l: number;
1038
+ };
1039
+ 200: {
1040
+ h: number;
1041
+ s: number;
1042
+ l: number;
1043
+ };
1044
+ 300: {
1045
+ h: number;
1046
+ s: number;
1047
+ l: number;
1048
+ };
1049
+ 400: {
1050
+ h: number;
1051
+ s: number;
1052
+ l: number;
1053
+ };
1054
+ 500: {
1055
+ h: number;
1056
+ s: number;
1057
+ l: number;
1058
+ };
1059
+ 600: {
1060
+ h: number;
1061
+ s: number;
1062
+ l: number;
1063
+ };
1064
+ 700: {
1065
+ h: number;
1066
+ s: number;
1067
+ l: number;
1068
+ };
1069
+ 800: {
1070
+ h: number;
1071
+ s: number;
1072
+ l: number;
1073
+ };
1074
+ 900: {
1075
+ h: number;
1076
+ s: number;
1077
+ l: number;
1078
+ };
1079
+ };
1080
+ orange: {
1081
+ 50: {
1082
+ h: number;
1083
+ s: number;
1084
+ l: number;
1085
+ };
1086
+ 100: {
1087
+ h: number;
1088
+ s: number;
1089
+ l: number;
1090
+ };
1091
+ 200: {
1092
+ h: number;
1093
+ s: number;
1094
+ l: number;
1095
+ };
1096
+ 300: {
1097
+ h: number;
1098
+ s: number;
1099
+ l: number;
1100
+ };
1101
+ 400: {
1102
+ h: number;
1103
+ s: number;
1104
+ l: number;
1105
+ };
1106
+ 500: {
1107
+ h: number;
1108
+ s: number;
1109
+ l: number;
1110
+ };
1111
+ 600: {
1112
+ h: number;
1113
+ s: number;
1114
+ l: number;
1115
+ };
1116
+ 700: {
1117
+ h: number;
1118
+ s: number;
1119
+ l: number;
1120
+ };
1121
+ 800: {
1122
+ h: number;
1123
+ s: number;
1124
+ l: number;
1125
+ };
1126
+ 900: {
1127
+ h: number;
1128
+ s: number;
1129
+ l: number;
1130
+ };
1131
+ };
1132
+ yellow: {
1133
+ 50: {
1134
+ h: number;
1135
+ s: number;
1136
+ l: number;
1137
+ };
1138
+ 100: {
1139
+ h: number;
1140
+ s: number;
1141
+ l: number;
1142
+ };
1143
+ 200: {
1144
+ h: number;
1145
+ s: number;
1146
+ l: number;
1147
+ };
1148
+ 300: {
1149
+ h: number;
1150
+ s: number;
1151
+ l: number;
1152
+ };
1153
+ 400: {
1154
+ h: number;
1155
+ s: number;
1156
+ l: number;
1157
+ };
1158
+ 500: {
1159
+ h: number;
1160
+ s: number;
1161
+ l: number;
1162
+ };
1163
+ 600: {
1164
+ h: number;
1165
+ s: number;
1166
+ l: number;
1167
+ };
1168
+ 700: {
1169
+ h: number;
1170
+ s: number;
1171
+ l: number;
1172
+ };
1173
+ 800: {
1174
+ h: number;
1175
+ s: number;
1176
+ l: number;
1177
+ };
1178
+ 900: {
1179
+ h: number;
1180
+ s: number;
1181
+ l: number;
1182
+ };
1183
+ 950: {
1184
+ h: number;
1185
+ s: number;
1186
+ l: number;
1187
+ };
1188
+ };
1189
+ acidGreen: {
1190
+ 50: {
1191
+ h: number;
1192
+ s: number;
1193
+ l: number;
1194
+ };
1195
+ 100: {
1196
+ h: number;
1197
+ s: number;
1198
+ l: number;
1199
+ };
1200
+ 200: {
1201
+ h: number;
1202
+ s: number;
1203
+ l: number;
1204
+ };
1205
+ 300: {
1206
+ h: number;
1207
+ s: number;
1208
+ l: number;
1209
+ };
1210
+ 400: {
1211
+ h: number;
1212
+ s: number;
1213
+ l: number;
1214
+ };
1215
+ 500: {
1216
+ h: number;
1217
+ s: number;
1218
+ l: number;
1219
+ };
1220
+ 600: {
1221
+ h: number;
1222
+ s: number;
1223
+ l: number;
1224
+ };
1225
+ 700: {
1226
+ h: number;
1227
+ s: number;
1228
+ l: number;
1229
+ };
1230
+ 800: {
1231
+ h: number;
1232
+ s: number;
1233
+ l: number;
1234
+ };
1235
+ 900: {
1236
+ h: number;
1237
+ s: number;
1238
+ l: number;
1239
+ };
1240
+ };
1241
+ green: {
1242
+ 50: {
1243
+ h: number;
1244
+ s: number;
1245
+ l: number;
1246
+ };
1247
+ 100: {
1248
+ h: number;
1249
+ s: number;
1250
+ l: number;
1251
+ };
1252
+ 200: {
1253
+ h: number;
1254
+ s: number;
1255
+ l: number;
1256
+ };
1257
+ 300: {
1258
+ h: number;
1259
+ s: number;
1260
+ l: number;
1261
+ };
1262
+ 400: {
1263
+ h: number;
1264
+ s: number;
1265
+ l: number;
1266
+ };
1267
+ 500: {
1268
+ h: number;
1269
+ s: number;
1270
+ l: number;
1271
+ };
1272
+ 600: {
1273
+ h: number;
1274
+ s: number;
1275
+ l: number;
1276
+ };
1277
+ 700: {
1278
+ h: number;
1279
+ s: number;
1280
+ l: number;
1281
+ };
1282
+ 800: {
1283
+ h: number;
1284
+ s: number;
1285
+ l: number;
1286
+ };
1287
+ 900: {
1288
+ h: number;
1289
+ s: number;
1290
+ l: number;
1291
+ };
1292
+ 950: {
1293
+ h: number;
1294
+ s: number;
1295
+ l: number;
1296
+ };
1297
+ };
1298
+ cyan: {
1299
+ 50: {
1300
+ h: number;
1301
+ s: number;
1302
+ l: number;
1303
+ };
1304
+ 100: {
1305
+ h: number;
1306
+ s: number;
1307
+ l: number;
1308
+ };
1309
+ 200: {
1310
+ h: number;
1311
+ s: number;
1312
+ l: number;
1313
+ };
1314
+ 300: {
1315
+ h: number;
1316
+ s: number;
1317
+ l: number;
1318
+ };
1319
+ 400: {
1320
+ h: number;
1321
+ s: number;
1322
+ l: number;
1323
+ };
1324
+ 500: {
1325
+ h: number;
1326
+ s: number;
1327
+ l: number;
1328
+ };
1329
+ 600: {
1330
+ h: number;
1331
+ s: number;
1332
+ l: number;
1333
+ };
1334
+ 700: {
1335
+ h: number;
1336
+ s: number;
1337
+ l: number;
1338
+ };
1339
+ 800: {
1340
+ h: number;
1341
+ s: number;
1342
+ l: number;
1343
+ };
1344
+ 900: {
1345
+ h: number;
1346
+ s: number;
1347
+ l: number;
1348
+ };
1349
+ };
1350
+ neonPink: {
1351
+ 50: {
1352
+ h: number;
1353
+ s: number;
1354
+ l: number;
1355
+ };
1356
+ 100: {
1357
+ h: number;
1358
+ s: number;
1359
+ l: number;
1360
+ };
1361
+ 200: {
1362
+ h: number;
1363
+ s: number;
1364
+ l: number;
1365
+ };
1366
+ 300: {
1367
+ h: number;
1368
+ s: number;
1369
+ l: number;
1370
+ };
1371
+ 400: {
1372
+ h: number;
1373
+ s: number;
1374
+ l: number;
1375
+ };
1376
+ 500: {
1377
+ h: number;
1378
+ s: number;
1379
+ l: number;
1380
+ };
1381
+ 600: {
1382
+ h: number;
1383
+ s: number;
1384
+ l: number;
1385
+ };
1386
+ 700: {
1387
+ h: number;
1388
+ s: number;
1389
+ l: number;
1390
+ };
1391
+ 800: {
1392
+ h: number;
1393
+ s: number;
1394
+ l: number;
1395
+ };
1396
+ 900: {
1397
+ h: number;
1398
+ s: number;
1399
+ l: number;
1400
+ };
1401
+ };
1402
+ marine: {
1403
+ 50: {
1404
+ h: number;
1405
+ s: number;
1406
+ l: number;
1407
+ };
1408
+ 100: {
1409
+ h: number;
1410
+ s: number;
1411
+ l: number;
1412
+ };
1413
+ 200: {
1414
+ h: number;
1415
+ s: number;
1416
+ l: number;
1417
+ };
1418
+ 300: {
1419
+ h: number;
1420
+ s: number;
1421
+ l: number;
1422
+ };
1423
+ 400: {
1424
+ h: number;
1425
+ s: number;
1426
+ l: number;
1427
+ };
1428
+ 500: {
1429
+ h: number;
1430
+ s: number;
1431
+ l: number;
1432
+ };
1433
+ 600: {
1434
+ h: number;
1435
+ s: number;
1436
+ l: number;
1437
+ };
1438
+ 700: {
1439
+ h: number;
1440
+ s: number;
1441
+ l: number;
1442
+ };
1443
+ 800: {
1444
+ h: number;
1445
+ s: number;
1446
+ l: number;
1447
+ };
1448
+ 900: {
1449
+ h: number;
1450
+ s: number;
1451
+ l: number;
1452
+ };
1453
+ };
1454
+ purple: {
1455
+ 50: {
1456
+ h: number;
1457
+ s: number;
1458
+ l: number;
1459
+ };
1460
+ 100: {
1461
+ h: number;
1462
+ s: number;
1463
+ l: number;
1464
+ };
1465
+ 200: {
1466
+ h: number;
1467
+ s: number;
1468
+ l: number;
1469
+ };
1470
+ 300: {
1471
+ h: number;
1472
+ s: number;
1473
+ l: number;
1474
+ };
1475
+ 400: {
1476
+ h: number;
1477
+ s: number;
1478
+ l: number;
1479
+ };
1480
+ 500: {
1481
+ h: number;
1482
+ s: number;
1483
+ l: number;
1484
+ };
1485
+ 600: {
1486
+ h: number;
1487
+ s: number;
1488
+ l: number;
1489
+ };
1490
+ 700: {
1491
+ h: number;
1492
+ s: number;
1493
+ l: number;
1494
+ };
1495
+ 800: {
1496
+ h: number;
1497
+ s: number;
1498
+ l: number;
1499
+ };
1500
+ 900: {
1501
+ h: number;
1502
+ s: number;
1503
+ l: number;
1504
+ };
1505
+ };
1506
+ paleBlue: {
1507
+ 50: {
1508
+ h: number;
1509
+ s: number;
1510
+ l: number;
1511
+ };
1512
+ 100: {
1513
+ h: number;
1514
+ s: number;
1515
+ l: number;
1516
+ };
1517
+ 200: {
1518
+ h: number;
1519
+ s: number;
1520
+ l: number;
1521
+ };
1522
+ 300: {
1523
+ h: number;
1524
+ s: number;
1525
+ l: number;
1526
+ };
1527
+ 400: {
1528
+ h: number;
1529
+ s: number;
1530
+ l: number;
1531
+ };
1532
+ 500: {
1533
+ h: number;
1534
+ s: number;
1535
+ l: number;
1536
+ };
1537
+ 600: {
1538
+ h: number;
1539
+ s: number;
1540
+ l: number;
1541
+ };
1542
+ 700: {
1543
+ h: number;
1544
+ s: number;
1545
+ l: number;
1546
+ };
1547
+ 800: {
1548
+ h: number;
1549
+ s: number;
1550
+ l: number;
1551
+ };
1552
+ 850: {
1553
+ h: number;
1554
+ s: number;
1555
+ l: number;
1556
+ };
1557
+ 900: {
1558
+ h: number;
1559
+ s: number;
1560
+ l: number;
1561
+ };
1562
+ 950: {
1563
+ h: number;
1564
+ s: number;
1565
+ l: number;
1566
+ };
1567
+ };
1568
+ };
1569
+
1570
+ interface ComponentBaseColors<T = Colord> {
1571
+ bg?: T;
1572
+ bgHover?: T;
1573
+ bgPress?: T;
1574
+ border?: T;
1575
+ borderHover?: T;
1576
+ borderPress?: T;
1577
+ }
1578
+ interface Colors<T> {
1579
+ core?: {
1580
+ background?: {
1581
+ primary?: T;
1582
+ ghost?: T;
1583
+ tone?: T;
1584
+ selection?: T;
1585
+ hover?: T;
1586
+ brand?: T;
1587
+ success?: T;
1588
+ warning?: T;
1589
+ alert?: T;
1590
+ neutral?: T;
1591
+ };
1592
+ divider?: {
1593
+ divider?: T;
1594
+ };
1595
+ text?: {
1596
+ primary?: T;
1597
+ secondary?: T;
1598
+ tertiary?: T;
1599
+ brand?: T;
1600
+ success?: T;
1601
+ warning?: T;
1602
+ alert?: T;
1603
+ neutral?: T;
1604
+ };
1605
+ link?: {
1606
+ link?: T;
1607
+ linkHover?: T;
1608
+ linkMinor?: T;
1609
+ linkMinorHover?: T;
1610
+ };
1611
+ };
1612
+ control?: {
1613
+ primary?: ComponentBaseColors<T> & {
1614
+ bgDisabled?: T;
1615
+ };
1616
+ secondary?: ComponentBaseColors<T>;
1617
+ default?: ComponentBaseColors<T>;
1618
+ input?: {
1619
+ bg?: T;
1620
+ bgHover?: T;
1621
+ bgDisabled?: T;
1622
+ border?: T;
1623
+ borderHover?: T;
1624
+ borderDisabled?: T;
1625
+ text?: T;
1626
+ textDisabled?: T;
1627
+ placeholder?: T;
1628
+ };
1629
+ focus?: {
1630
+ bg?: T;
1631
+ border?: T;
1632
+ };
1633
+ alert?: {
1634
+ bg?: T;
1635
+ bgHover?: T;
1636
+ bgPress?: T;
1637
+ border?: T;
1638
+ borderHover?: T;
1639
+ borderPress?: T;
1640
+ };
1641
+ check?: {
1642
+ bg?: T;
1643
+ bgHover?: T;
1644
+ bgDisabled?: T;
1645
+ };
1646
+ faint?: {
1647
+ bg?: T;
1648
+ bgHover?: T;
1649
+ border?: T;
1650
+ borderHover?: T;
1651
+ };
1652
+ toggle?: {
1653
+ bg?: T;
1654
+ bgHover?: T;
1655
+ };
1656
+ text?: {
1657
+ active?: T;
1658
+ secondary?: T;
1659
+ default?: T;
1660
+ primary?: T;
1661
+ disabled?: T;
1662
+ faint?: T;
1663
+ alert?: T;
1664
+ };
1665
+ };
1666
+ }
1667
+ interface ThemeGenerateType {
1668
+ colors?: Colors<string>;
1669
+ typo?: Typography;
1670
+ misc?: Misc;
1671
+ globalStyle?: GlobalStyles;
1672
+ }
1673
+
1674
+ type ThemeFunctionType = {
1675
+ schemeName: string;
1676
+ baseColors?: BaseColors;
1677
+ customParams?: ThemeGenerateType;
1678
+ parentTheme?: Theme;
1679
+ };
1680
+ declare const generateWithScheme: ({ schemeName, baseColors, parentTheme }: ThemeFunctionType) => Theme & void;
1681
+ declare const themeGenerator: (props: ThemeFunctionType) => Theme;
1682
+
1683
+ export { type BaseColors, type BaseColorsIndex, type ColorValue, type Colors$1 as Colors, type ComponentBaseColors$1 as ComponentBaseColors, type Misc, type Shadows, type Size, type Theme, type ThemeFunctionType, type ThemeVariant, type Typography, emails, emailsDark, emailsThemes, generateWithScheme, palettes, paystation4, paystation4Dark, paystation4Gaijin, paystation4Nexters, paystation4Take2, paystation4Themes, primaryPalette, publisherV2, publisherV2Dark, publisherV2Themes, themeGenerator, themes, themesBaseColors, themesBaseColorsArray, themesColorsScheme };