@xsolla/xui-core 0.116.0 → 0.118.0-pr196.1774574485

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 +155 -19
  2. package/index.d.ts +155 -19
  3. package/index.js +93 -50
  4. package/index.js.flow +146 -23
  5. package/index.js.map +1 -1
  6. package/index.mjs +93 -50
  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;
@@ -3525,6 +3617,7 @@ declare const radius: {
3525
3617
  card: number;
3526
3618
  input: number;
3527
3619
  tagSmall: number;
3620
+ tagMedium: number;
3528
3621
  tagLarge: number;
3529
3622
  avatarSmall: number;
3530
3623
  avatarLarge: number;
@@ -3876,7 +3969,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
3876
3969
  border: string;
3877
3970
  borderHover: string;
3878
3971
  borderDisable: string;
3879
- text: string;
3972
+ icon: string;
3880
3973
  };
3881
3974
  faint: {
3882
3975
  bg: string;
@@ -4230,7 +4323,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4230
4323
  border: string;
4231
4324
  borderHover: string;
4232
4325
  borderDisable: string;
4233
- text: string;
4326
+ icon: string;
4234
4327
  };
4235
4328
  faint: {
4236
4329
  bg: string;
@@ -4584,7 +4677,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4584
4677
  border: string;
4585
4678
  borderHover: string;
4586
4679
  borderDisable: string;
4587
- text: string;
4680
+ icon: string;
4588
4681
  };
4589
4682
  faint: {
4590
4683
  bg: string;
@@ -4592,9 +4685,23 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4592
4685
  border: string;
4593
4686
  borderHover: string;
4594
4687
  };
4688
+ slider: {
4689
+ bg: string;
4690
+ bgHover: string;
4691
+ bgDisable: string;
4692
+ };
4595
4693
  switch: {
4596
4694
  bg: string;
4597
4695
  bgHover: string;
4696
+ bgDisable: string;
4697
+ border: string;
4698
+ borderHover: string;
4699
+ borderDisable: string;
4700
+ };
4701
+ knob: {
4702
+ bg: string;
4703
+ bgHover: string;
4704
+ bgInactive: string;
4598
4705
  };
4599
4706
  text: {
4600
4707
  primary: string;
@@ -4924,7 +5031,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4924
5031
  border: string;
4925
5032
  borderHover: string;
4926
5033
  borderDisable: string;
4927
- text: string;
5034
+ icon: string;
4928
5035
  };
4929
5036
  faint: {
4930
5037
  bg: string;
@@ -4932,9 +5039,23 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
4932
5039
  border: string;
4933
5040
  borderHover: string;
4934
5041
  };
5042
+ slider: {
5043
+ bg: string;
5044
+ bgHover: string;
5045
+ bgDisable: string;
5046
+ };
4935
5047
  switch: {
4936
5048
  bg: string;
4937
5049
  bgHover: string;
5050
+ bgDisable: string;
5051
+ border: string;
5052
+ borderHover: string;
5053
+ borderDisable: string;
5054
+ };
5055
+ knob: {
5056
+ bg: string;
5057
+ bgHover: string;
5058
+ bgInactive: string;
4938
5059
  };
4939
5060
  text: {
4940
5061
  primary: string;
@@ -5264,7 +5385,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5264
5385
  border: string;
5265
5386
  borderHover: string;
5266
5387
  borderDisable: string;
5267
- text: string;
5388
+ icon: string;
5268
5389
  };
5269
5390
  faint: {
5270
5391
  bg: string;
@@ -5272,9 +5393,23 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5272
5393
  border: string;
5273
5394
  borderHover: string;
5274
5395
  };
5396
+ slider: {
5397
+ bg: string;
5398
+ bgHover: string;
5399
+ bgDisable: string;
5400
+ };
5275
5401
  switch: {
5276
5402
  bg: string;
5277
5403
  bgHover: string;
5404
+ bgDisable: string;
5405
+ border: string;
5406
+ borderHover: string;
5407
+ borderDisable: string;
5408
+ };
5409
+ knob: {
5410
+ bg: string;
5411
+ bgHover: string;
5412
+ bgInactive: string;
5278
5413
  };
5279
5414
  text: {
5280
5415
  primary: string;
@@ -5323,6 +5458,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
5323
5458
  card: number;
5324
5459
  input: number;
5325
5460
  tagSmall: number;
5461
+ tagMedium: number;
5326
5462
  tagLarge: number;
5327
5463
  avatarSmall: number;
5328
5464
  avatarLarge: number;