@xsolla/xui-core 0.200.0 → 0.201.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.mts +454 -0
- package/index.d.ts +454 -0
- package/index.js +180 -0
- package/index.js.map +1 -1
- package/index.mjs +180 -0
- package/index.mjs.map +1 -1
- package/package.json +1 -1
package/index.d.mts
CHANGED
|
@@ -159,6 +159,36 @@ var layer = {
|
|
|
159
159
|
scrim: "rgba(0, 0, 0, 0.45)",
|
|
160
160
|
float: "rgba(0, 0, 0, 0.75)"
|
|
161
161
|
};
|
|
162
|
+
var data = {
|
|
163
|
+
brand: {
|
|
164
|
+
s12: "#e5fbff",
|
|
165
|
+
s11: "#ccf6ff",
|
|
166
|
+
s10: "#b2f2ff",
|
|
167
|
+
s9: "#80eaff",
|
|
168
|
+
s8: "#55dcf6",
|
|
169
|
+
s7: "#31cae8",
|
|
170
|
+
s6: "#22a8c3",
|
|
171
|
+
s5: "#1b8398",
|
|
172
|
+
s4: "#135d6c",
|
|
173
|
+
s3: "#0b3841",
|
|
174
|
+
s2: "#041316"
|
|
175
|
+
},
|
|
176
|
+
contrast: {
|
|
177
|
+
pink: "#ed9cb3",
|
|
178
|
+
orange: "#d9875e",
|
|
179
|
+
yellow: "#c0b48d",
|
|
180
|
+
green: "#848f59",
|
|
181
|
+
cyan: "#31cae8",
|
|
182
|
+
grey: "#a6acb5",
|
|
183
|
+
lilac: "#aba5cd",
|
|
184
|
+
purple: "#6f64aa"
|
|
185
|
+
},
|
|
186
|
+
neutral: {
|
|
187
|
+
n11: "rgba(178, 242, 255, 0.06)",
|
|
188
|
+
n12: "#233134",
|
|
189
|
+
n13: "#34474b"
|
|
190
|
+
}
|
|
191
|
+
};
|
|
162
192
|
var control = {
|
|
163
193
|
brand: {
|
|
164
194
|
primary: {
|
|
@@ -466,6 +496,7 @@ var pentagramDark = {
|
|
|
466
496
|
border: border,
|
|
467
497
|
overlay: overlay,
|
|
468
498
|
layer: layer,
|
|
499
|
+
data: data,
|
|
469
500
|
control: control
|
|
470
501
|
};
|
|
471
502
|
|
|
@@ -476,6 +507,9 @@ var pentagramDark = {
|
|
|
476
507
|
* Do NOT delete them when syncing tokens from Figma.
|
|
477
508
|
*
|
|
478
509
|
* Similarly, "appButton" tokens are developer-added (by r.tallmadge@xsolla.com).
|
|
510
|
+
*
|
|
511
|
+
* The "data" palette (charts / analytics) is also developer-maintained from the
|
|
512
|
+
* B2B Analytics Data Palette Figma spec — preserve it when syncing tokens.
|
|
479
513
|
*/
|
|
480
514
|
declare const colors: {
|
|
481
515
|
dark: {
|
|
@@ -579,6 +613,36 @@ declare const colors: {
|
|
|
579
613
|
scrim: string;
|
|
580
614
|
float: string;
|
|
581
615
|
};
|
|
616
|
+
data: {
|
|
617
|
+
brand: {
|
|
618
|
+
s12: string;
|
|
619
|
+
s11: string;
|
|
620
|
+
s10: string;
|
|
621
|
+
s9: string;
|
|
622
|
+
s8: string;
|
|
623
|
+
s7: string;
|
|
624
|
+
s6: string;
|
|
625
|
+
s5: string;
|
|
626
|
+
s4: string;
|
|
627
|
+
s3: string;
|
|
628
|
+
s2: string;
|
|
629
|
+
};
|
|
630
|
+
contrast: {
|
|
631
|
+
pink: string;
|
|
632
|
+
orange: string;
|
|
633
|
+
yellow: string;
|
|
634
|
+
green: string;
|
|
635
|
+
cyan: string;
|
|
636
|
+
grey: string;
|
|
637
|
+
lilac: string;
|
|
638
|
+
purple: string;
|
|
639
|
+
};
|
|
640
|
+
neutral: {
|
|
641
|
+
n11: string;
|
|
642
|
+
n12: string;
|
|
643
|
+
n13: string;
|
|
644
|
+
};
|
|
645
|
+
};
|
|
582
646
|
control: {
|
|
583
647
|
brand: {
|
|
584
648
|
primary: {
|
|
@@ -982,6 +1046,36 @@ declare const colors: {
|
|
|
982
1046
|
scrim: string;
|
|
983
1047
|
float: string;
|
|
984
1048
|
};
|
|
1049
|
+
data: {
|
|
1050
|
+
brand: {
|
|
1051
|
+
s12: string;
|
|
1052
|
+
s11: string;
|
|
1053
|
+
s10: string;
|
|
1054
|
+
s9: string;
|
|
1055
|
+
s8: string;
|
|
1056
|
+
s7: string;
|
|
1057
|
+
s6: string;
|
|
1058
|
+
s5: string;
|
|
1059
|
+
s4: string;
|
|
1060
|
+
s3: string;
|
|
1061
|
+
s2: string;
|
|
1062
|
+
};
|
|
1063
|
+
contrast: {
|
|
1064
|
+
pink: string;
|
|
1065
|
+
orange: string;
|
|
1066
|
+
yellow: string;
|
|
1067
|
+
green: string;
|
|
1068
|
+
cyan: string;
|
|
1069
|
+
grey: string;
|
|
1070
|
+
lilac: string;
|
|
1071
|
+
purple: string;
|
|
1072
|
+
};
|
|
1073
|
+
neutral: {
|
|
1074
|
+
n11: string;
|
|
1075
|
+
n12: string;
|
|
1076
|
+
n13: string;
|
|
1077
|
+
};
|
|
1078
|
+
};
|
|
985
1079
|
control: {
|
|
986
1080
|
brand: {
|
|
987
1081
|
primary: {
|
|
@@ -1385,6 +1479,36 @@ declare const colors: {
|
|
|
1385
1479
|
scrim: string;
|
|
1386
1480
|
float: string;
|
|
1387
1481
|
};
|
|
1482
|
+
data: {
|
|
1483
|
+
brand: {
|
|
1484
|
+
s12: string;
|
|
1485
|
+
s11: string;
|
|
1486
|
+
s10: string;
|
|
1487
|
+
s9: string;
|
|
1488
|
+
s8: string;
|
|
1489
|
+
s7: string;
|
|
1490
|
+
s6: string;
|
|
1491
|
+
s5: string;
|
|
1492
|
+
s4: string;
|
|
1493
|
+
s3: string;
|
|
1494
|
+
s2: string;
|
|
1495
|
+
};
|
|
1496
|
+
contrast: {
|
|
1497
|
+
pink: string;
|
|
1498
|
+
orange: string;
|
|
1499
|
+
yellow: string;
|
|
1500
|
+
green: string;
|
|
1501
|
+
cyan: string;
|
|
1502
|
+
grey: string;
|
|
1503
|
+
lilac: string;
|
|
1504
|
+
purple: string;
|
|
1505
|
+
};
|
|
1506
|
+
neutral: {
|
|
1507
|
+
n11: string;
|
|
1508
|
+
n12: string;
|
|
1509
|
+
n13: string;
|
|
1510
|
+
};
|
|
1511
|
+
};
|
|
1388
1512
|
control: {
|
|
1389
1513
|
brand: {
|
|
1390
1514
|
primary: {
|
|
@@ -1788,6 +1912,36 @@ declare const colors: {
|
|
|
1788
1912
|
scrim: string;
|
|
1789
1913
|
float: string;
|
|
1790
1914
|
};
|
|
1915
|
+
data: {
|
|
1916
|
+
brand: {
|
|
1917
|
+
s12: string;
|
|
1918
|
+
s11: string;
|
|
1919
|
+
s10: string;
|
|
1920
|
+
s9: string;
|
|
1921
|
+
s8: string;
|
|
1922
|
+
s7: string;
|
|
1923
|
+
s6: string;
|
|
1924
|
+
s5: string;
|
|
1925
|
+
s4: string;
|
|
1926
|
+
s3: string;
|
|
1927
|
+
s2: string;
|
|
1928
|
+
};
|
|
1929
|
+
contrast: {
|
|
1930
|
+
pink: string;
|
|
1931
|
+
orange: string;
|
|
1932
|
+
yellow: string;
|
|
1933
|
+
green: string;
|
|
1934
|
+
cyan: string;
|
|
1935
|
+
grey: string;
|
|
1936
|
+
lilac: string;
|
|
1937
|
+
purple: string;
|
|
1938
|
+
};
|
|
1939
|
+
neutral: {
|
|
1940
|
+
n11: string;
|
|
1941
|
+
n12: string;
|
|
1942
|
+
n13: string;
|
|
1943
|
+
};
|
|
1944
|
+
};
|
|
1791
1945
|
control: {
|
|
1792
1946
|
brand: {
|
|
1793
1947
|
primary: {
|
|
@@ -2191,6 +2345,36 @@ declare const colors: {
|
|
|
2191
2345
|
scrim: string;
|
|
2192
2346
|
float: string;
|
|
2193
2347
|
};
|
|
2348
|
+
data: {
|
|
2349
|
+
brand: {
|
|
2350
|
+
s12: string;
|
|
2351
|
+
s11: string;
|
|
2352
|
+
s10: string;
|
|
2353
|
+
s9: string;
|
|
2354
|
+
s8: string;
|
|
2355
|
+
s7: string;
|
|
2356
|
+
s6: string;
|
|
2357
|
+
s5: string;
|
|
2358
|
+
s4: string;
|
|
2359
|
+
s3: string;
|
|
2360
|
+
s2: string;
|
|
2361
|
+
};
|
|
2362
|
+
contrast: {
|
|
2363
|
+
pink: string;
|
|
2364
|
+
orange: string;
|
|
2365
|
+
yellow: string;
|
|
2366
|
+
green: string;
|
|
2367
|
+
cyan: string;
|
|
2368
|
+
grey: string;
|
|
2369
|
+
lilac: string;
|
|
2370
|
+
purple: string;
|
|
2371
|
+
};
|
|
2372
|
+
neutral: {
|
|
2373
|
+
n11: string;
|
|
2374
|
+
n12: string;
|
|
2375
|
+
n13: string;
|
|
2376
|
+
};
|
|
2377
|
+
};
|
|
2194
2378
|
control: {
|
|
2195
2379
|
brand: {
|
|
2196
2380
|
primary: {
|
|
@@ -2594,6 +2778,36 @@ declare const colors: {
|
|
|
2594
2778
|
scrim: string;
|
|
2595
2779
|
float: string;
|
|
2596
2780
|
};
|
|
2781
|
+
data: {
|
|
2782
|
+
brand: {
|
|
2783
|
+
s12: string;
|
|
2784
|
+
s11: string;
|
|
2785
|
+
s10: string;
|
|
2786
|
+
s9: string;
|
|
2787
|
+
s8: string;
|
|
2788
|
+
s7: string;
|
|
2789
|
+
s6: string;
|
|
2790
|
+
s5: string;
|
|
2791
|
+
s4: string;
|
|
2792
|
+
s3: string;
|
|
2793
|
+
s2: string;
|
|
2794
|
+
};
|
|
2795
|
+
contrast: {
|
|
2796
|
+
pink: string;
|
|
2797
|
+
orange: string;
|
|
2798
|
+
yellow: string;
|
|
2799
|
+
green: string;
|
|
2800
|
+
cyan: string;
|
|
2801
|
+
grey: string;
|
|
2802
|
+
lilac: string;
|
|
2803
|
+
purple: string;
|
|
2804
|
+
};
|
|
2805
|
+
neutral: {
|
|
2806
|
+
n11: string;
|
|
2807
|
+
n12: string;
|
|
2808
|
+
n13: string;
|
|
2809
|
+
};
|
|
2810
|
+
};
|
|
2597
2811
|
control: {
|
|
2598
2812
|
brand: {
|
|
2599
2813
|
primary: {
|
|
@@ -2997,6 +3211,36 @@ declare const colors: {
|
|
|
2997
3211
|
scrim: string;
|
|
2998
3212
|
float: string;
|
|
2999
3213
|
};
|
|
3214
|
+
data: {
|
|
3215
|
+
brand: {
|
|
3216
|
+
s12: string;
|
|
3217
|
+
s11: string;
|
|
3218
|
+
s10: string;
|
|
3219
|
+
s9: string;
|
|
3220
|
+
s8: string;
|
|
3221
|
+
s7: string;
|
|
3222
|
+
s6: string;
|
|
3223
|
+
s5: string;
|
|
3224
|
+
s4: string;
|
|
3225
|
+
s3: string;
|
|
3226
|
+
s2: string;
|
|
3227
|
+
};
|
|
3228
|
+
contrast: {
|
|
3229
|
+
pink: string;
|
|
3230
|
+
orange: string;
|
|
3231
|
+
yellow: string;
|
|
3232
|
+
green: string;
|
|
3233
|
+
cyan: string;
|
|
3234
|
+
grey: string;
|
|
3235
|
+
lilac: string;
|
|
3236
|
+
purple: string;
|
|
3237
|
+
};
|
|
3238
|
+
neutral: {
|
|
3239
|
+
n11: string;
|
|
3240
|
+
n12: string;
|
|
3241
|
+
n13: string;
|
|
3242
|
+
};
|
|
3243
|
+
};
|
|
3000
3244
|
control: {
|
|
3001
3245
|
brand: {
|
|
3002
3246
|
primary: {
|
|
@@ -3400,6 +3644,36 @@ declare const colors: {
|
|
|
3400
3644
|
scrim: string;
|
|
3401
3645
|
float: string;
|
|
3402
3646
|
};
|
|
3647
|
+
data: {
|
|
3648
|
+
brand: {
|
|
3649
|
+
s12: string;
|
|
3650
|
+
s11: string;
|
|
3651
|
+
s10: string;
|
|
3652
|
+
s9: string;
|
|
3653
|
+
s8: string;
|
|
3654
|
+
s7: string;
|
|
3655
|
+
s6: string;
|
|
3656
|
+
s5: string;
|
|
3657
|
+
s4: string;
|
|
3658
|
+
s3: string;
|
|
3659
|
+
s2: string;
|
|
3660
|
+
};
|
|
3661
|
+
contrast: {
|
|
3662
|
+
pink: string;
|
|
3663
|
+
orange: string;
|
|
3664
|
+
yellow: string;
|
|
3665
|
+
green: string;
|
|
3666
|
+
cyan: string;
|
|
3667
|
+
grey: string;
|
|
3668
|
+
lilac: string;
|
|
3669
|
+
purple: string;
|
|
3670
|
+
};
|
|
3671
|
+
neutral: {
|
|
3672
|
+
n11: string;
|
|
3673
|
+
n12: string;
|
|
3674
|
+
n13: string;
|
|
3675
|
+
};
|
|
3676
|
+
};
|
|
3403
3677
|
control: {
|
|
3404
3678
|
brand: {
|
|
3405
3679
|
primary: {
|
|
@@ -4349,6 +4623,36 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
4349
4623
|
scrim: string;
|
|
4350
4624
|
float: string;
|
|
4351
4625
|
};
|
|
4626
|
+
data: {
|
|
4627
|
+
brand: {
|
|
4628
|
+
s12: string;
|
|
4629
|
+
s11: string;
|
|
4630
|
+
s10: string;
|
|
4631
|
+
s9: string;
|
|
4632
|
+
s8: string;
|
|
4633
|
+
s7: string;
|
|
4634
|
+
s6: string;
|
|
4635
|
+
s5: string;
|
|
4636
|
+
s4: string;
|
|
4637
|
+
s3: string;
|
|
4638
|
+
s2: string;
|
|
4639
|
+
};
|
|
4640
|
+
contrast: {
|
|
4641
|
+
pink: string;
|
|
4642
|
+
orange: string;
|
|
4643
|
+
yellow: string;
|
|
4644
|
+
green: string;
|
|
4645
|
+
cyan: string;
|
|
4646
|
+
grey: string;
|
|
4647
|
+
lilac: string;
|
|
4648
|
+
purple: string;
|
|
4649
|
+
};
|
|
4650
|
+
neutral: {
|
|
4651
|
+
n11: string;
|
|
4652
|
+
n12: string;
|
|
4653
|
+
n13: string;
|
|
4654
|
+
};
|
|
4655
|
+
};
|
|
4352
4656
|
control: {
|
|
4353
4657
|
brand: {
|
|
4354
4658
|
primary: {
|
|
@@ -4751,6 +5055,36 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
4751
5055
|
scrim: string;
|
|
4752
5056
|
float: string;
|
|
4753
5057
|
};
|
|
5058
|
+
data: {
|
|
5059
|
+
brand: {
|
|
5060
|
+
s12: string;
|
|
5061
|
+
s11: string;
|
|
5062
|
+
s10: string;
|
|
5063
|
+
s9: string;
|
|
5064
|
+
s8: string;
|
|
5065
|
+
s7: string;
|
|
5066
|
+
s6: string;
|
|
5067
|
+
s5: string;
|
|
5068
|
+
s4: string;
|
|
5069
|
+
s3: string;
|
|
5070
|
+
s2: string;
|
|
5071
|
+
};
|
|
5072
|
+
contrast: {
|
|
5073
|
+
pink: string;
|
|
5074
|
+
orange: string;
|
|
5075
|
+
yellow: string;
|
|
5076
|
+
green: string;
|
|
5077
|
+
cyan: string;
|
|
5078
|
+
grey: string;
|
|
5079
|
+
lilac: string;
|
|
5080
|
+
purple: string;
|
|
5081
|
+
};
|
|
5082
|
+
neutral: {
|
|
5083
|
+
n11: string;
|
|
5084
|
+
n12: string;
|
|
5085
|
+
n13: string;
|
|
5086
|
+
};
|
|
5087
|
+
};
|
|
4754
5088
|
control: {
|
|
4755
5089
|
brand: {
|
|
4756
5090
|
primary: {
|
|
@@ -5153,6 +5487,36 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
5153
5487
|
scrim: string;
|
|
5154
5488
|
float: string;
|
|
5155
5489
|
};
|
|
5490
|
+
data: {
|
|
5491
|
+
brand: {
|
|
5492
|
+
s12: string;
|
|
5493
|
+
s11: string;
|
|
5494
|
+
s10: string;
|
|
5495
|
+
s9: string;
|
|
5496
|
+
s8: string;
|
|
5497
|
+
s7: string;
|
|
5498
|
+
s6: string;
|
|
5499
|
+
s5: string;
|
|
5500
|
+
s4: string;
|
|
5501
|
+
s3: string;
|
|
5502
|
+
s2: string;
|
|
5503
|
+
};
|
|
5504
|
+
contrast: {
|
|
5505
|
+
pink: string;
|
|
5506
|
+
orange: string;
|
|
5507
|
+
yellow: string;
|
|
5508
|
+
green: string;
|
|
5509
|
+
cyan: string;
|
|
5510
|
+
grey: string;
|
|
5511
|
+
lilac: string;
|
|
5512
|
+
purple: string;
|
|
5513
|
+
};
|
|
5514
|
+
neutral: {
|
|
5515
|
+
n11: string;
|
|
5516
|
+
n12: string;
|
|
5517
|
+
n13: string;
|
|
5518
|
+
};
|
|
5519
|
+
};
|
|
5156
5520
|
control: {
|
|
5157
5521
|
brand: {
|
|
5158
5522
|
primary: {
|
|
@@ -5555,6 +5919,36 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
5555
5919
|
scrim: string;
|
|
5556
5920
|
float: string;
|
|
5557
5921
|
};
|
|
5922
|
+
data: {
|
|
5923
|
+
brand: {
|
|
5924
|
+
s12: string;
|
|
5925
|
+
s11: string;
|
|
5926
|
+
s10: string;
|
|
5927
|
+
s9: string;
|
|
5928
|
+
s8: string;
|
|
5929
|
+
s7: string;
|
|
5930
|
+
s6: string;
|
|
5931
|
+
s5: string;
|
|
5932
|
+
s4: string;
|
|
5933
|
+
s3: string;
|
|
5934
|
+
s2: string;
|
|
5935
|
+
};
|
|
5936
|
+
contrast: {
|
|
5937
|
+
pink: string;
|
|
5938
|
+
orange: string;
|
|
5939
|
+
yellow: string;
|
|
5940
|
+
green: string;
|
|
5941
|
+
cyan: string;
|
|
5942
|
+
grey: string;
|
|
5943
|
+
lilac: string;
|
|
5944
|
+
purple: string;
|
|
5945
|
+
};
|
|
5946
|
+
neutral: {
|
|
5947
|
+
n11: string;
|
|
5948
|
+
n12: string;
|
|
5949
|
+
n13: string;
|
|
5950
|
+
};
|
|
5951
|
+
};
|
|
5558
5952
|
control: {
|
|
5559
5953
|
brand: {
|
|
5560
5954
|
primary: {
|
|
@@ -5957,6 +6351,36 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
5957
6351
|
scrim: string;
|
|
5958
6352
|
float: string;
|
|
5959
6353
|
};
|
|
6354
|
+
data: {
|
|
6355
|
+
brand: {
|
|
6356
|
+
s12: string;
|
|
6357
|
+
s11: string;
|
|
6358
|
+
s10: string;
|
|
6359
|
+
s9: string;
|
|
6360
|
+
s8: string;
|
|
6361
|
+
s7: string;
|
|
6362
|
+
s6: string;
|
|
6363
|
+
s5: string;
|
|
6364
|
+
s4: string;
|
|
6365
|
+
s3: string;
|
|
6366
|
+
s2: string;
|
|
6367
|
+
};
|
|
6368
|
+
contrast: {
|
|
6369
|
+
pink: string;
|
|
6370
|
+
orange: string;
|
|
6371
|
+
yellow: string;
|
|
6372
|
+
green: string;
|
|
6373
|
+
cyan: string;
|
|
6374
|
+
grey: string;
|
|
6375
|
+
lilac: string;
|
|
6376
|
+
purple: string;
|
|
6377
|
+
};
|
|
6378
|
+
neutral: {
|
|
6379
|
+
n11: string;
|
|
6380
|
+
n12: string;
|
|
6381
|
+
n13: string;
|
|
6382
|
+
};
|
|
6383
|
+
};
|
|
5960
6384
|
control: {
|
|
5961
6385
|
brand: {
|
|
5962
6386
|
primary: {
|
|
@@ -6359,6 +6783,36 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
6359
6783
|
scrim: string;
|
|
6360
6784
|
float: string;
|
|
6361
6785
|
};
|
|
6786
|
+
data: {
|
|
6787
|
+
brand: {
|
|
6788
|
+
s12: string;
|
|
6789
|
+
s11: string;
|
|
6790
|
+
s10: string;
|
|
6791
|
+
s9: string;
|
|
6792
|
+
s8: string;
|
|
6793
|
+
s7: string;
|
|
6794
|
+
s6: string;
|
|
6795
|
+
s5: string;
|
|
6796
|
+
s4: string;
|
|
6797
|
+
s3: string;
|
|
6798
|
+
s2: string;
|
|
6799
|
+
};
|
|
6800
|
+
contrast: {
|
|
6801
|
+
pink: string;
|
|
6802
|
+
orange: string;
|
|
6803
|
+
yellow: string;
|
|
6804
|
+
green: string;
|
|
6805
|
+
cyan: string;
|
|
6806
|
+
grey: string;
|
|
6807
|
+
lilac: string;
|
|
6808
|
+
purple: string;
|
|
6809
|
+
};
|
|
6810
|
+
neutral: {
|
|
6811
|
+
n11: string;
|
|
6812
|
+
n12: string;
|
|
6813
|
+
n13: string;
|
|
6814
|
+
};
|
|
6815
|
+
};
|
|
6362
6816
|
control: {
|
|
6363
6817
|
brand: {
|
|
6364
6818
|
primary: {
|