@xsolla/xui-core 0.116.0 → 0.117.0

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 (8) hide show
  1. package/index.d.mts +153 -19
  2. package/index.d.ts +153 -19
  3. package/index.js +88 -46
  4. package/index.js.flow +144 -23
  5. package/index.js.map +1 -1
  6. package/index.mjs +88 -46
  7. package/index.mjs.map +1 -1
  8. package/package.json +1 -1
package/index.d.mts CHANGED
@@ -152,8 +152,8 @@ var control = {
152
152
  borderPress: "rgba(255, 255, 255, 0)"
153
153
  },
154
154
  tertiary: {
155
- bg: "rgba(85, 220, 246, 0)",
156
- bgHover: "rgba(85, 220, 246, 0.07)",
155
+ bg: "rgba(255, 255, 255, 0)",
156
+ bgHover: "rgba(178, 242, 255, 0.07)",
157
157
  bgPress: "rgba(85, 220, 246, 0.12)",
158
158
  border: "rgba(255, 255, 255, 0)",
159
159
  borderHover: "rgba(255, 255, 255, 0)",
@@ -329,7 +329,7 @@ var control = {
329
329
  border: "rgba(255, 255, 255, 0)",
330
330
  borderHover: "rgba(255, 255, 255, 0)",
331
331
  borderDisable: "rgba(255, 255, 255, 0)",
332
- text: "#000000"
332
+ icon: "#000000"
333
333
  },
334
334
  faint: {
335
335
  bg: "rgba(255, 255, 255, 0.15)",
@@ -337,9 +337,23 @@ var control = {
337
337
  border: "rgba(255, 255, 255, 0)",
338
338
  borderHover: "rgba(255, 255, 255, 0.16)"
339
339
  },
340
+ slider: {
341
+ bg: "#ffffff",
342
+ bgHover: "#ffffff",
343
+ bgDisable: "rgba(52, 71, 75, 0.85)"
344
+ },
340
345
  "switch": {
341
346
  bg: "rgba(255, 255, 255, 0.1)",
342
- bgHover: "rgba(255, 255, 255, 0.15)"
347
+ bgHover: "rgba(255, 255, 255, 0.15)",
348
+ bgDisable: "rgba(255, 255, 255, 0.2)",
349
+ border: "#ffffff",
350
+ borderHover: "#ffffff",
351
+ borderDisable: "rgba(255, 255, 255, 0)"
352
+ },
353
+ knob: {
354
+ bg: "#ffffff",
355
+ bgHover: "#e8eced",
356
+ bgInactive: "#ffffff"
343
357
  },
344
358
  text: {
345
359
  primary: "#ffffff",
@@ -371,7 +385,7 @@ var control = {
371
385
  borderActive: "rgba(255, 255, 255, 0)",
372
386
  borderDisable: "rgba(255, 255, 255, 0.16)",
373
387
  text: "#e8eced",
374
- textActive: "#e8eced",
388
+ textActive: "#ffffff",
375
389
  textDisable: "rgba(255, 255, 255, 0.4)"
376
390
  }
377
391
  };
@@ -384,6 +398,14 @@ var xsollaDark = {
384
398
  control: control
385
399
  };
386
400
 
401
+ /**
402
+ * NOTE: The "ghost" button variant tokens (control.brand.ghost, control.mono.ghost,
403
+ * control.brandExtra.ghost, control.alert.ghost, and their text.ghost counterparts)
404
+ * are developer-added tokens NOT present in the Figma design token exports.
405
+ * Do NOT delete them when syncing tokens from Figma.
406
+ *
407
+ * Similarly, "appButton" tokens are developer-added (by r.tallmadge@xsolla.com).
408
+ */
387
409
  declare const colors: {
388
410
  dark: {
389
411
  background: {
@@ -679,7 +701,7 @@ declare const colors: {
679
701
  border: string;
680
702
  borderHover: string;
681
703
  borderDisable: string;
682
- text: string;
704
+ icon: string;
683
705
  };
684
706
  faint: {
685
707
  bg: string;
@@ -1034,7 +1056,7 @@ declare const colors: {
1034
1056
  border: string;
1035
1057
  borderHover: string;
1036
1058
  borderDisable: string;
1037
- text: string;
1059
+ icon: string;
1038
1060
  };
1039
1061
  faint: {
1040
1062
  bg: string;
@@ -1389,7 +1411,7 @@ declare const colors: {
1389
1411
  border: string;
1390
1412
  borderHover: string;
1391
1413
  borderDisable: string;
1392
- text: string;
1414
+ icon: string;
1393
1415
  };
1394
1416
  faint: {
1395
1417
  bg: string;
@@ -1744,7 +1766,7 @@ declare const colors: {
1744
1766
  border: string;
1745
1767
  borderHover: string;
1746
1768
  borderDisable: string;
1747
- text: string;
1769
+ icon: string;
1748
1770
  };
1749
1771
  faint: {
1750
1772
  bg: string;
@@ -2099,7 +2121,7 @@ declare const colors: {
2099
2121
  border: string;
2100
2122
  borderHover: string;
2101
2123
  borderDisable: string;
2102
- text: string;
2124
+ icon: string;
2103
2125
  };
2104
2126
  faint: {
2105
2127
  bg: string;
@@ -2107,9 +2129,23 @@ declare const colors: {
2107
2129
  border: string;
2108
2130
  borderHover: string;
2109
2131
  };
2132
+ slider: {
2133
+ bg: string;
2134
+ bgHover: string;
2135
+ bgDisable: string;
2136
+ };
2110
2137
  switch: {
2111
2138
  bg: string;
2112
2139
  bgHover: string;
2140
+ bgDisable: string;
2141
+ border: string;
2142
+ borderHover: string;
2143
+ borderDisable: string;
2144
+ };
2145
+ knob: {
2146
+ bg: string;
2147
+ bgHover: string;
2148
+ bgInactive: string;
2113
2149
  };
2114
2150
  text: {
2115
2151
  primary: string;
@@ -2440,7 +2476,7 @@ declare const colors: {
2440
2476
  border: string;
2441
2477
  borderHover: string;
2442
2478
  borderDisable: string;
2443
- text: string;
2479
+ icon: string;
2444
2480
  };
2445
2481
  faint: {
2446
2482
  bg: string;
@@ -2448,9 +2484,23 @@ declare const colors: {
2448
2484
  border: string;
2449
2485
  borderHover: string;
2450
2486
  };
2487
+ slider: {
2488
+ bg: string;
2489
+ bgHover: string;
2490
+ bgDisable: string;
2491
+ };
2451
2492
  switch: {
2452
2493
  bg: string;
2453
2494
  bgHover: string;
2495
+ bgDisable: string;
2496
+ border: string;
2497
+ borderHover: string;
2498
+ borderDisable: string;
2499
+ };
2500
+ knob: {
2501
+ bg: string;
2502
+ bgHover: string;
2503
+ bgInactive: string;
2454
2504
  };
2455
2505
  text: {
2456
2506
  primary: string;
@@ -2781,7 +2831,7 @@ declare const colors: {
2781
2831
  border: string;
2782
2832
  borderHover: string;
2783
2833
  borderDisable: string;
2784
- text: string;
2834
+ icon: string;
2785
2835
  };
2786
2836
  faint: {
2787
2837
  bg: string;
@@ -2789,9 +2839,23 @@ declare const colors: {
2789
2839
  border: string;
2790
2840
  borderHover: string;
2791
2841
  };
2842
+ slider: {
2843
+ bg: string;
2844
+ bgHover: string;
2845
+ bgDisable: string;
2846
+ };
2792
2847
  switch: {
2793
2848
  bg: string;
2794
2849
  bgHover: string;
2850
+ bgDisable: string;
2851
+ border: string;
2852
+ borderHover: string;
2853
+ borderDisable: string;
2854
+ };
2855
+ knob: {
2856
+ bg: string;
2857
+ bgHover: string;
2858
+ bgInactive: string;
2795
2859
  };
2796
2860
  text: {
2797
2861
  primary: string;
@@ -3122,7 +3186,7 @@ declare const colors: {
3122
3186
  border: string;
3123
3187
  borderHover: string;
3124
3188
  borderDisable: string;
3125
- text: string;
3189
+ icon: string;
3126
3190
  };
3127
3191
  faint: {
3128
3192
  bg: string;
@@ -3130,9 +3194,23 @@ declare const colors: {
3130
3194
  border: string;
3131
3195
  borderHover: string;
3132
3196
  };
3197
+ slider: {
3198
+ bg: string;
3199
+ bgHover: string;
3200
+ bgDisable: string;
3201
+ };
3133
3202
  switch: {
3134
3203
  bg: string;
3135
3204
  bgHover: string;
3205
+ bgDisable: string;
3206
+ border: string;
3207
+ borderHover: string;
3208
+ borderDisable: string;
3209
+ };
3210
+ knob: {
3211
+ bg: string;
3212
+ bgHover: string;
3213
+ bgInactive: string;
3136
3214
  };
3137
3215
  text: {
3138
3216
  primary: string;
@@ -3463,7 +3541,7 @@ declare const colors: {
3463
3541
  border: string;
3464
3542
  borderHover: string;
3465
3543
  borderDisable: string;
3466
- text: string;
3544
+ icon: string;
3467
3545
  };
3468
3546
  faint: {
3469
3547
  bg: string;
@@ -3471,9 +3549,23 @@ declare const colors: {
3471
3549
  border: string;
3472
3550
  borderHover: string;
3473
3551
  };
3552
+ slider: {
3553
+ bg: string;
3554
+ bgHover: string;
3555
+ bgDisable: string;
3556
+ };
3474
3557
  switch: {
3475
3558
  bg: string;
3476
3559
  bgHover: string;
3560
+ bgDisable: string;
3561
+ border: string;
3562
+ borderHover: string;
3563
+ borderDisable: string;
3564
+ };
3565
+ knob: {
3566
+ bg: string;
3567
+ bgHover: string;
3568
+ bgInactive: string;
3477
3569
  };
3478
3570
  text: {
3479
3571
  primary: string;
@@ -3876,7 +3968,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3876
3968
  border: string;
3877
3969
  borderHover: string;
3878
3970
  borderDisable: string;
3879
- text: string;
3971
+ icon: string;
3880
3972
  };
3881
3973
  faint: {
3882
3974
  bg: string;
@@ -4230,7 +4322,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4230
4322
  border: string;
4231
4323
  borderHover: string;
4232
4324
  borderDisable: string;
4233
- text: string;
4325
+ icon: string;
4234
4326
  };
4235
4327
  faint: {
4236
4328
  bg: string;
@@ -4584,7 +4676,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4584
4676
  border: string;
4585
4677
  borderHover: string;
4586
4678
  borderDisable: string;
4587
- text: string;
4679
+ icon: string;
4588
4680
  };
4589
4681
  faint: {
4590
4682
  bg: string;
@@ -4592,9 +4684,23 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4592
4684
  border: string;
4593
4685
  borderHover: string;
4594
4686
  };
4687
+ slider: {
4688
+ bg: string;
4689
+ bgHover: string;
4690
+ bgDisable: string;
4691
+ };
4595
4692
  switch: {
4596
4693
  bg: string;
4597
4694
  bgHover: string;
4695
+ bgDisable: string;
4696
+ border: string;
4697
+ borderHover: string;
4698
+ borderDisable: string;
4699
+ };
4700
+ knob: {
4701
+ bg: string;
4702
+ bgHover: string;
4703
+ bgInactive: string;
4598
4704
  };
4599
4705
  text: {
4600
4706
  primary: string;
@@ -4924,7 +5030,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4924
5030
  border: string;
4925
5031
  borderHover: string;
4926
5032
  borderDisable: string;
4927
- text: string;
5033
+ icon: string;
4928
5034
  };
4929
5035
  faint: {
4930
5036
  bg: string;
@@ -4932,9 +5038,23 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4932
5038
  border: string;
4933
5039
  borderHover: string;
4934
5040
  };
5041
+ slider: {
5042
+ bg: string;
5043
+ bgHover: string;
5044
+ bgDisable: string;
5045
+ };
4935
5046
  switch: {
4936
5047
  bg: string;
4937
5048
  bgHover: string;
5049
+ bgDisable: string;
5050
+ border: string;
5051
+ borderHover: string;
5052
+ borderDisable: string;
5053
+ };
5054
+ knob: {
5055
+ bg: string;
5056
+ bgHover: string;
5057
+ bgInactive: string;
4938
5058
  };
4939
5059
  text: {
4940
5060
  primary: string;
@@ -5264,7 +5384,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5264
5384
  border: string;
5265
5385
  borderHover: string;
5266
5386
  borderDisable: string;
5267
- text: string;
5387
+ icon: string;
5268
5388
  };
5269
5389
  faint: {
5270
5390
  bg: string;
@@ -5272,9 +5392,23 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5272
5392
  border: string;
5273
5393
  borderHover: string;
5274
5394
  };
5395
+ slider: {
5396
+ bg: string;
5397
+ bgHover: string;
5398
+ bgDisable: string;
5399
+ };
5275
5400
  switch: {
5276
5401
  bg: string;
5277
5402
  bgHover: string;
5403
+ bgDisable: string;
5404
+ border: string;
5405
+ borderHover: string;
5406
+ borderDisable: string;
5407
+ };
5408
+ knob: {
5409
+ bg: string;
5410
+ bgHover: string;
5411
+ bgInactive: string;
5278
5412
  };
5279
5413
  text: {
5280
5414
  primary: string;