@xsolla/xui-core 0.116.0 → 0.118.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.
- package/index.d.mts +168 -28
- package/index.d.ts +168 -28
- package/index.js +1153 -1047
- package/index.js.flow +169 -33
- package/index.js.map +1 -1
- package/index.mjs +1152 -1047
- package/index.mjs.map +1 -1
- 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(
|
|
156
|
-
bgHover: "rgba(
|
|
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
|
-
|
|
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: "#
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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;
|
|
@@ -3539,12 +3631,20 @@ declare const shadow: {
|
|
|
3539
3631
|
modal: string;
|
|
3540
3632
|
};
|
|
3541
3633
|
|
|
3634
|
+
/** Static fonts object (defaults to B2B for backwards compatibility) */
|
|
3542
3635
|
declare const fonts: {
|
|
3543
3636
|
heading: string;
|
|
3544
3637
|
body: string;
|
|
3545
3638
|
/** @deprecated Use `heading` or `body` instead */
|
|
3546
3639
|
primary: string;
|
|
3547
3640
|
};
|
|
3641
|
+
/** Returns context-aware font families */
|
|
3642
|
+
declare const getFonts: (productContext?: ProductContext) => {
|
|
3643
|
+
heading: string;
|
|
3644
|
+
body: string;
|
|
3645
|
+
/** @deprecated Use `heading` or `body` instead */
|
|
3646
|
+
primary: string;
|
|
3647
|
+
};
|
|
3548
3648
|
declare const typography: {
|
|
3549
3649
|
button: {
|
|
3550
3650
|
fontFamily: string;
|
|
@@ -3568,17 +3668,15 @@ declare const FontLoader: React.FC;
|
|
|
3568
3668
|
/**
|
|
3569
3669
|
* @font-face CSS for all toolkit fonts, loaded from Xsolla CDN.
|
|
3570
3670
|
*
|
|
3571
|
-
* Pilat Wide — heading/display font, registered at weights 400, 600, 700, 800.
|
|
3572
|
-
* - 400: Medium (for B2B mode headings)
|
|
3573
|
-
* - 600: Semi-Bold
|
|
3574
|
-
* - 700: Bold
|
|
3575
|
-
* - 800: Black/Heavy (for display text)
|
|
3671
|
+
* Pilat Wide — B2C heading/display font, registered at weights 400, 600, 700, 800.
|
|
3576
3672
|
*
|
|
3577
|
-
*
|
|
3578
|
-
*
|
|
3673
|
+
* Pilat — B2B heading/display font, registered at weights 300, 400, 600, 700, 800.
|
|
3674
|
+
*
|
|
3675
|
+
* Aktiv Grotesk — body font for all contexts,
|
|
3676
|
+
* mapped from the Sharp Grotesk CDN files (same typeface under a legacy name).
|
|
3579
3677
|
* Registered at weights 300, 400, 500, 600, 700.
|
|
3580
3678
|
*/
|
|
3581
|
-
declare const fontFacesCSS = "\n /* \u2500\u2500 Pilat Wide (headings) \u2500\u2500 */\n\n @font-face {\n font-family: 'Pilat Wide';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Medium_/Pilat_Test_Medium.ttf') format('truetype');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Pilat Wide';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Demi_Bold_bee67c470a/Pilat_Test_Demi_Bold_bee67c470a.ttf') format('truetype');\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Pilat Wide';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Bold_b12b40d234/Pilat_Test_Bold_b12b40d234.ttf') format('truetype');\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Pilat Wide';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Heavy_2885678ca4/Pilat_Test_Heavy_2885678ca4.otf') format('opentype');\n font-weight: 800;\n font-style: normal;\n font-display: swap;\n }\n\n /* \u2500\u2500 Aktiv Grotesk (body) \u2014 served from Sharp Grotesk CDN files \u2500\u2500 */\n\n @font-face {\n font-family: 'Aktiv Grotesk';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Light_c4650750bb/Pilat_Test_Light_c4650750bb.otf') format('opentype');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Aktiv Grotesk';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Book_5cb49cd592/Pilat_Test_Book_5cb49cd592.otf') format('opentype');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Aktiv Grotesk';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Demi_e9bed59107/Pilat_Test_Demi_e9bed59107.otf') format('opentype');\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Aktiv Grotesk';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Bold_195d1b44fa/Pilat_Test_Bold_195d1b44fa.otf') format('opentype');\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Aktiv Grotesk';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Bold_195d1b44fa/Pilat_Test_Bold_195d1b44fa.otf') format('opentype');\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n }\n";
|
|
3679
|
+
declare const fontFacesCSS = "\n /* \u2500\u2500 Pilat Wide (B2C headings) \u2500\u2500 */\n\n @font-face {\n font-family: 'Pilat Wide';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Medium_/Pilat_Test_Medium.ttf') format('truetype');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Pilat Wide';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Demi_Bold_bee67c470a/Pilat_Test_Demi_Bold_bee67c470a.ttf') format('truetype');\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Pilat Wide';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Bold_b12b40d234/Pilat_Test_Bold_b12b40d234.ttf') format('truetype');\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Pilat Wide';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Heavy_2885678ca4/Pilat_Test_Heavy_2885678ca4.otf') format('opentype');\n font-weight: 800;\n font-style: normal;\n font-display: swap;\n }\n\n /* \u2500\u2500 Pilat (B2B headings) \u2500\u2500 */\n\n @font-face {\n font-family: 'Pilat';\n src: url('https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/722279/55a03110b2400b778d485de2c8d064c0.woff2') format('woff2');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Pilat';\n src: url('https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/722279/e968c9cc76e48ff6111c90534549bbf9.woff2') format('woff2');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Pilat';\n src: url('https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/722279/ed4fe74e88aaacc6978f06a862e75b08.woff2') format('woff2');\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Pilat';\n src: url('https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/722279/7450f429979af7eaa8fa4d4d91cee927.woff2') format('woff2');\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Pilat';\n src: url('https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/722279/218d647ff7690c1e312f6943e29af375.woff2') format('woff2');\n font-weight: 800;\n font-style: normal;\n font-display: swap;\n }\n\n /* \u2500\u2500 Aktiv Grotesk (body) \u2014 served from Sharp Grotesk CDN files \u2500\u2500 */\n\n @font-face {\n font-family: 'Aktiv Grotesk';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Light_c4650750bb/Pilat_Test_Light_c4650750bb.otf') format('opentype');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Aktiv Grotesk';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Book_5cb49cd592/Pilat_Test_Book_5cb49cd592.otf') format('opentype');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Aktiv Grotesk';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Demi_e9bed59107/Pilat_Test_Demi_e9bed59107.otf') format('opentype');\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Aktiv Grotesk';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Bold_195d1b44fa/Pilat_Test_Bold_195d1b44fa.otf') format('opentype');\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n }\n @font-face {\n font-family: 'Aktiv Grotesk';\n src: url('https://cdn.xsolla.net/strapi-v2-bucket-prod/Pilat_Test_Bold_195d1b44fa/Pilat_Test_Bold_195d1b44fa.otf') format('opentype');\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n }\n";
|
|
3582
3680
|
|
|
3583
3681
|
type ThemeMode = "dark" | "light" | "pentagram-dark" | "pentagram-light" | "xsolla-dark" | "xsolla-light" | "xsollaDark" | "xsollaLight" | "ltg-dark";
|
|
3584
3682
|
declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) => {
|
|
@@ -3876,7 +3974,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
3876
3974
|
border: string;
|
|
3877
3975
|
borderHover: string;
|
|
3878
3976
|
borderDisable: string;
|
|
3879
|
-
|
|
3977
|
+
icon: string;
|
|
3880
3978
|
};
|
|
3881
3979
|
faint: {
|
|
3882
3980
|
bg: string;
|
|
@@ -4230,7 +4328,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
4230
4328
|
border: string;
|
|
4231
4329
|
borderHover: string;
|
|
4232
4330
|
borderDisable: string;
|
|
4233
|
-
|
|
4331
|
+
icon: string;
|
|
4234
4332
|
};
|
|
4235
4333
|
faint: {
|
|
4236
4334
|
bg: string;
|
|
@@ -4584,7 +4682,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
4584
4682
|
border: string;
|
|
4585
4683
|
borderHover: string;
|
|
4586
4684
|
borderDisable: string;
|
|
4587
|
-
|
|
4685
|
+
icon: string;
|
|
4588
4686
|
};
|
|
4589
4687
|
faint: {
|
|
4590
4688
|
bg: string;
|
|
@@ -4592,9 +4690,23 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
4592
4690
|
border: string;
|
|
4593
4691
|
borderHover: string;
|
|
4594
4692
|
};
|
|
4693
|
+
slider: {
|
|
4694
|
+
bg: string;
|
|
4695
|
+
bgHover: string;
|
|
4696
|
+
bgDisable: string;
|
|
4697
|
+
};
|
|
4595
4698
|
switch: {
|
|
4596
4699
|
bg: string;
|
|
4597
4700
|
bgHover: string;
|
|
4701
|
+
bgDisable: string;
|
|
4702
|
+
border: string;
|
|
4703
|
+
borderHover: string;
|
|
4704
|
+
borderDisable: string;
|
|
4705
|
+
};
|
|
4706
|
+
knob: {
|
|
4707
|
+
bg: string;
|
|
4708
|
+
bgHover: string;
|
|
4709
|
+
bgInactive: string;
|
|
4598
4710
|
};
|
|
4599
4711
|
text: {
|
|
4600
4712
|
primary: string;
|
|
@@ -4924,7 +5036,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
4924
5036
|
border: string;
|
|
4925
5037
|
borderHover: string;
|
|
4926
5038
|
borderDisable: string;
|
|
4927
|
-
|
|
5039
|
+
icon: string;
|
|
4928
5040
|
};
|
|
4929
5041
|
faint: {
|
|
4930
5042
|
bg: string;
|
|
@@ -4932,9 +5044,23 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
4932
5044
|
border: string;
|
|
4933
5045
|
borderHover: string;
|
|
4934
5046
|
};
|
|
5047
|
+
slider: {
|
|
5048
|
+
bg: string;
|
|
5049
|
+
bgHover: string;
|
|
5050
|
+
bgDisable: string;
|
|
5051
|
+
};
|
|
4935
5052
|
switch: {
|
|
4936
5053
|
bg: string;
|
|
4937
5054
|
bgHover: string;
|
|
5055
|
+
bgDisable: string;
|
|
5056
|
+
border: string;
|
|
5057
|
+
borderHover: string;
|
|
5058
|
+
borderDisable: string;
|
|
5059
|
+
};
|
|
5060
|
+
knob: {
|
|
5061
|
+
bg: string;
|
|
5062
|
+
bgHover: string;
|
|
5063
|
+
bgInactive: string;
|
|
4938
5064
|
};
|
|
4939
5065
|
text: {
|
|
4940
5066
|
primary: string;
|
|
@@ -5264,7 +5390,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
5264
5390
|
border: string;
|
|
5265
5391
|
borderHover: string;
|
|
5266
5392
|
borderDisable: string;
|
|
5267
|
-
|
|
5393
|
+
icon: string;
|
|
5268
5394
|
};
|
|
5269
5395
|
faint: {
|
|
5270
5396
|
bg: string;
|
|
@@ -5272,9 +5398,23 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
5272
5398
|
border: string;
|
|
5273
5399
|
borderHover: string;
|
|
5274
5400
|
};
|
|
5401
|
+
slider: {
|
|
5402
|
+
bg: string;
|
|
5403
|
+
bgHover: string;
|
|
5404
|
+
bgDisable: string;
|
|
5405
|
+
};
|
|
5275
5406
|
switch: {
|
|
5276
5407
|
bg: string;
|
|
5277
5408
|
bgHover: string;
|
|
5409
|
+
bgDisable: string;
|
|
5410
|
+
border: string;
|
|
5411
|
+
borderHover: string;
|
|
5412
|
+
borderDisable: string;
|
|
5413
|
+
};
|
|
5414
|
+
knob: {
|
|
5415
|
+
bg: string;
|
|
5416
|
+
bgHover: string;
|
|
5417
|
+
bgInactive: string;
|
|
5278
5418
|
};
|
|
5279
5419
|
text: {
|
|
5280
5420
|
primary: string;
|
|
@@ -6304,4 +6444,4 @@ declare const ModalIdContext: React.Context<string | null>;
|
|
|
6304
6444
|
*/
|
|
6305
6445
|
declare const useModalId: () => string | null;
|
|
6306
6446
|
|
|
6307
|
-
export { FontLoader, ModalIdContext, type ProductContext, type ThemeColors, type ThemeMode, type TypographyBodyVariant, type TypographyTokens, type TypographyVariant, XUIProvider, colors, defaultProductContext, fontFacesCSS, fonts, getTypographyTokens, getTypographyVariant, isAndroid, isIOS, isNative, isWeb, radius, shadow, spacing, themeConfig, typography, typographyTokens, useDesignSystem, useId, useModalId };
|
|
6447
|
+
export { FontLoader, ModalIdContext, type ProductContext, type ThemeColors, type ThemeMode, type TypographyBodyVariant, type TypographyTokens, type TypographyVariant, XUIProvider, colors, defaultProductContext, fontFacesCSS, fonts, getFonts, getTypographyTokens, getTypographyVariant, isAndroid, isIOS, isNative, isWeb, radius, shadow, spacing, themeConfig, typography, typographyTokens, useDesignSystem, useId, useModalId };
|