@xsolla/xui-core 0.219.0 → 0.221.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 +251 -1
- package/index.d.ts +251 -1
- package/index.js +137 -1
- package/index.js.map +1 -1
- package/index.mjs +134 -1
- package/index.mjs.map +1 -1
- package/package.json +1 -1
package/index.d.mts
CHANGED
|
@@ -225,6 +225,14 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
225
225
|
};
|
|
226
226
|
};
|
|
227
227
|
control: {
|
|
228
|
+
disable: {
|
|
229
|
+
bg: string;
|
|
230
|
+
bgActive: string;
|
|
231
|
+
border: string;
|
|
232
|
+
borderActive: string;
|
|
233
|
+
content: string;
|
|
234
|
+
contentActive: string;
|
|
235
|
+
};
|
|
228
236
|
brand: {
|
|
229
237
|
primary: {
|
|
230
238
|
bg: string;
|
|
@@ -657,6 +665,14 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
657
665
|
};
|
|
658
666
|
};
|
|
659
667
|
control: {
|
|
668
|
+
disable: {
|
|
669
|
+
bg: string;
|
|
670
|
+
bgActive: string;
|
|
671
|
+
border: string;
|
|
672
|
+
borderActive: string;
|
|
673
|
+
content: string;
|
|
674
|
+
contentActive: string;
|
|
675
|
+
};
|
|
660
676
|
brand: {
|
|
661
677
|
primary: {
|
|
662
678
|
bg: string;
|
|
@@ -1089,6 +1105,14 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
1089
1105
|
};
|
|
1090
1106
|
};
|
|
1091
1107
|
control: {
|
|
1108
|
+
disable: {
|
|
1109
|
+
bg: string;
|
|
1110
|
+
bgActive: string;
|
|
1111
|
+
border: string;
|
|
1112
|
+
borderActive: string;
|
|
1113
|
+
content: string;
|
|
1114
|
+
contentActive: string;
|
|
1115
|
+
};
|
|
1092
1116
|
brand: {
|
|
1093
1117
|
primary: {
|
|
1094
1118
|
bg: string;
|
|
@@ -1521,6 +1545,14 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
1521
1545
|
};
|
|
1522
1546
|
};
|
|
1523
1547
|
control: {
|
|
1548
|
+
disable: {
|
|
1549
|
+
bg: string;
|
|
1550
|
+
bgActive: string;
|
|
1551
|
+
border: string;
|
|
1552
|
+
borderActive: string;
|
|
1553
|
+
content: string;
|
|
1554
|
+
contentActive: string;
|
|
1555
|
+
};
|
|
1524
1556
|
brand: {
|
|
1525
1557
|
primary: {
|
|
1526
1558
|
bg: string;
|
|
@@ -1953,6 +1985,14 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
1953
1985
|
};
|
|
1954
1986
|
};
|
|
1955
1987
|
control: {
|
|
1988
|
+
disable: {
|
|
1989
|
+
bg: string;
|
|
1990
|
+
bgActive: string;
|
|
1991
|
+
border: string;
|
|
1992
|
+
borderActive: string;
|
|
1993
|
+
content: string;
|
|
1994
|
+
contentActive: string;
|
|
1995
|
+
};
|
|
1956
1996
|
brand: {
|
|
1957
1997
|
primary: {
|
|
1958
1998
|
bg: string;
|
|
@@ -2385,6 +2425,14 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
2385
2425
|
};
|
|
2386
2426
|
};
|
|
2387
2427
|
control: {
|
|
2428
|
+
disable: {
|
|
2429
|
+
bg: string;
|
|
2430
|
+
bgActive: string;
|
|
2431
|
+
border: string;
|
|
2432
|
+
borderActive: string;
|
|
2433
|
+
content: string;
|
|
2434
|
+
contentActive: string;
|
|
2435
|
+
};
|
|
2388
2436
|
brand: {
|
|
2389
2437
|
primary: {
|
|
2390
2438
|
bg: string;
|
|
@@ -2817,6 +2865,14 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
2817
2865
|
};
|
|
2818
2866
|
};
|
|
2819
2867
|
control: {
|
|
2868
|
+
disable: {
|
|
2869
|
+
bg: string;
|
|
2870
|
+
bgActive: string;
|
|
2871
|
+
border: string;
|
|
2872
|
+
borderActive: string;
|
|
2873
|
+
content: string;
|
|
2874
|
+
contentActive: string;
|
|
2875
|
+
};
|
|
2820
2876
|
brand: {
|
|
2821
2877
|
primary: {
|
|
2822
2878
|
bg: string;
|
|
@@ -4846,6 +4902,50 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
4846
4902
|
paginationGap: number;
|
|
4847
4903
|
paginationPaddingHorizontal: number;
|
|
4848
4904
|
};
|
|
4905
|
+
slider: (size: "xl" | "lg" | "md" | "sm") => {
|
|
4906
|
+
trackHeight: 4;
|
|
4907
|
+
} | {
|
|
4908
|
+
trackHeight: 4;
|
|
4909
|
+
} | {
|
|
4910
|
+
trackHeight: 4;
|
|
4911
|
+
} | {
|
|
4912
|
+
trackHeight: 4;
|
|
4913
|
+
};
|
|
4914
|
+
tooltip: (size: "xl" | "lg" | "md" | "sm") => {
|
|
4915
|
+
minHeight: number;
|
|
4916
|
+
} | {
|
|
4917
|
+
minHeight: number;
|
|
4918
|
+
} | {
|
|
4919
|
+
minHeight: number;
|
|
4920
|
+
} | {
|
|
4921
|
+
minHeight: number;
|
|
4922
|
+
};
|
|
4923
|
+
markdown: () => {
|
|
4924
|
+
h1: {
|
|
4925
|
+
paddingTop: 40;
|
|
4926
|
+
paddingBottom: 8;
|
|
4927
|
+
};
|
|
4928
|
+
h2: {
|
|
4929
|
+
paddingTop: 32;
|
|
4930
|
+
paddingBottom: 8;
|
|
4931
|
+
};
|
|
4932
|
+
h3: {
|
|
4933
|
+
paddingTop: 16;
|
|
4934
|
+
paddingBottom: 8;
|
|
4935
|
+
};
|
|
4936
|
+
h4: {
|
|
4937
|
+
paddingTop: 8;
|
|
4938
|
+
paddingBottom: 8;
|
|
4939
|
+
};
|
|
4940
|
+
p: {
|
|
4941
|
+
paddingTop: number;
|
|
4942
|
+
paddingBottom: 16;
|
|
4943
|
+
};
|
|
4944
|
+
image: {
|
|
4945
|
+
paddingTop: number;
|
|
4946
|
+
paddingBottom: 24;
|
|
4947
|
+
};
|
|
4948
|
+
};
|
|
4849
4949
|
};
|
|
4850
4950
|
};
|
|
4851
4951
|
/**
|
|
@@ -5122,6 +5222,14 @@ var data = {
|
|
|
5122
5222
|
}
|
|
5123
5223
|
};
|
|
5124
5224
|
var control = {
|
|
5225
|
+
disable: {
|
|
5226
|
+
bg: "rgba(178, 242, 255, 0.25)",
|
|
5227
|
+
bgActive: "rgba(178, 242, 255, 0.4)",
|
|
5228
|
+
border: "rgba(255, 255, 255, 0)",
|
|
5229
|
+
borderActive: "rgba(255, 255, 255, 0)",
|
|
5230
|
+
content: "rgba(255, 255, 255, 0.36)",
|
|
5231
|
+
contentActive: "rgba(255, 255, 255, 0.6)"
|
|
5232
|
+
},
|
|
5125
5233
|
brand: {
|
|
5126
5234
|
primary: {
|
|
5127
5235
|
bg: "#80eaff",
|
|
@@ -5576,6 +5684,14 @@ declare const colors: {
|
|
|
5576
5684
|
};
|
|
5577
5685
|
};
|
|
5578
5686
|
control: {
|
|
5687
|
+
disable: {
|
|
5688
|
+
bg: string;
|
|
5689
|
+
bgActive: string;
|
|
5690
|
+
border: string;
|
|
5691
|
+
borderActive: string;
|
|
5692
|
+
content: string;
|
|
5693
|
+
contentActive: string;
|
|
5694
|
+
};
|
|
5579
5695
|
brand: {
|
|
5580
5696
|
primary: {
|
|
5581
5697
|
bg: string;
|
|
@@ -6009,6 +6125,14 @@ declare const colors: {
|
|
|
6009
6125
|
};
|
|
6010
6126
|
};
|
|
6011
6127
|
control: {
|
|
6128
|
+
disable: {
|
|
6129
|
+
bg: string;
|
|
6130
|
+
bgActive: string;
|
|
6131
|
+
border: string;
|
|
6132
|
+
borderActive: string;
|
|
6133
|
+
content: string;
|
|
6134
|
+
contentActive: string;
|
|
6135
|
+
};
|
|
6012
6136
|
brand: {
|
|
6013
6137
|
primary: {
|
|
6014
6138
|
bg: string;
|
|
@@ -6442,6 +6566,14 @@ declare const colors: {
|
|
|
6442
6566
|
};
|
|
6443
6567
|
};
|
|
6444
6568
|
control: {
|
|
6569
|
+
disable: {
|
|
6570
|
+
bg: string;
|
|
6571
|
+
bgActive: string;
|
|
6572
|
+
border: string;
|
|
6573
|
+
borderActive: string;
|
|
6574
|
+
content: string;
|
|
6575
|
+
contentActive: string;
|
|
6576
|
+
};
|
|
6445
6577
|
brand: {
|
|
6446
6578
|
primary: {
|
|
6447
6579
|
bg: string;
|
|
@@ -6875,6 +7007,14 @@ declare const colors: {
|
|
|
6875
7007
|
};
|
|
6876
7008
|
};
|
|
6877
7009
|
control: {
|
|
7010
|
+
disable: {
|
|
7011
|
+
bg: string;
|
|
7012
|
+
bgActive: string;
|
|
7013
|
+
border: string;
|
|
7014
|
+
borderActive: string;
|
|
7015
|
+
content: string;
|
|
7016
|
+
contentActive: string;
|
|
7017
|
+
};
|
|
6878
7018
|
brand: {
|
|
6879
7019
|
primary: {
|
|
6880
7020
|
bg: string;
|
|
@@ -7308,6 +7448,14 @@ declare const colors: {
|
|
|
7308
7448
|
};
|
|
7309
7449
|
};
|
|
7310
7450
|
control: {
|
|
7451
|
+
disable: {
|
|
7452
|
+
bg: string;
|
|
7453
|
+
bgActive: string;
|
|
7454
|
+
border: string;
|
|
7455
|
+
borderActive: string;
|
|
7456
|
+
content: string;
|
|
7457
|
+
contentActive: string;
|
|
7458
|
+
};
|
|
7311
7459
|
brand: {
|
|
7312
7460
|
primary: {
|
|
7313
7461
|
bg: string;
|
|
@@ -7741,6 +7889,14 @@ declare const colors: {
|
|
|
7741
7889
|
};
|
|
7742
7890
|
};
|
|
7743
7891
|
control: {
|
|
7892
|
+
disable: {
|
|
7893
|
+
bg: string;
|
|
7894
|
+
bgActive: string;
|
|
7895
|
+
border: string;
|
|
7896
|
+
borderActive: string;
|
|
7897
|
+
content: string;
|
|
7898
|
+
contentActive: string;
|
|
7899
|
+
};
|
|
7744
7900
|
brand: {
|
|
7745
7901
|
primary: {
|
|
7746
7902
|
bg: string;
|
|
@@ -8174,6 +8330,14 @@ declare const colors: {
|
|
|
8174
8330
|
};
|
|
8175
8331
|
};
|
|
8176
8332
|
control: {
|
|
8333
|
+
disable: {
|
|
8334
|
+
bg: string;
|
|
8335
|
+
bgActive: string;
|
|
8336
|
+
border: string;
|
|
8337
|
+
borderActive: string;
|
|
8338
|
+
content: string;
|
|
8339
|
+
contentActive: string;
|
|
8340
|
+
};
|
|
8177
8341
|
brand: {
|
|
8178
8342
|
primary: {
|
|
8179
8343
|
bg: string;
|
|
@@ -8607,6 +8771,14 @@ declare const colors: {
|
|
|
8607
8771
|
};
|
|
8608
8772
|
};
|
|
8609
8773
|
control: {
|
|
8774
|
+
disable: {
|
|
8775
|
+
bg: string;
|
|
8776
|
+
bgActive: string;
|
|
8777
|
+
border: string;
|
|
8778
|
+
borderActive: string;
|
|
8779
|
+
content: string;
|
|
8780
|
+
contentActive: string;
|
|
8781
|
+
};
|
|
8610
8782
|
brand: {
|
|
8611
8783
|
primary: {
|
|
8612
8784
|
bg: string;
|
|
@@ -9040,6 +9212,14 @@ declare const colors: {
|
|
|
9040
9212
|
};
|
|
9041
9213
|
};
|
|
9042
9214
|
control: {
|
|
9215
|
+
disable: {
|
|
9216
|
+
bg: string;
|
|
9217
|
+
bgActive: string;
|
|
9218
|
+
border: string;
|
|
9219
|
+
borderActive: string;
|
|
9220
|
+
content: string;
|
|
9221
|
+
contentActive: string;
|
|
9222
|
+
};
|
|
9043
9223
|
brand: {
|
|
9044
9224
|
primary: {
|
|
9045
9225
|
bg: string;
|
|
@@ -9408,6 +9588,76 @@ declare const radiusScale: {
|
|
|
9408
9588
|
readonly "400": 32;
|
|
9409
9589
|
readonly "999": 999;
|
|
9410
9590
|
};
|
|
9591
|
+
/**
|
|
9592
|
+
* Primitive control-size scale. Mirrors Figma "Scale / control-size/*"
|
|
9593
|
+
* variables (XUITSD-71). Values are px heights/widths for controls.
|
|
9594
|
+
*/
|
|
9595
|
+
declare const controlSizeScale: {
|
|
9596
|
+
readonly "25": 6;
|
|
9597
|
+
readonly "50": 8;
|
|
9598
|
+
readonly "75": 10;
|
|
9599
|
+
readonly "100": 12;
|
|
9600
|
+
readonly "125": 14;
|
|
9601
|
+
readonly "150": 16;
|
|
9602
|
+
readonly "175": 18;
|
|
9603
|
+
readonly "200": 20;
|
|
9604
|
+
readonly "250": 24;
|
|
9605
|
+
readonly "300": 28;
|
|
9606
|
+
readonly "350": 32;
|
|
9607
|
+
readonly "400": 36;
|
|
9608
|
+
readonly "450": 40;
|
|
9609
|
+
readonly "500": 44;
|
|
9610
|
+
readonly "550": 48;
|
|
9611
|
+
readonly "650": 56;
|
|
9612
|
+
readonly "750": 64;
|
|
9613
|
+
readonly "850": 72;
|
|
9614
|
+
readonly "950": 80;
|
|
9615
|
+
};
|
|
9616
|
+
/**
|
|
9617
|
+
* Primitive icon-size scale. Mirrors Figma "Scale / icon-size/*" variables
|
|
9618
|
+
* (XUITSD-71). Values are px.
|
|
9619
|
+
*/
|
|
9620
|
+
declare const iconSizeScale: {
|
|
9621
|
+
readonly "50": 14;
|
|
9622
|
+
readonly "100": 16;
|
|
9623
|
+
readonly "150": 18;
|
|
9624
|
+
readonly "200": 20;
|
|
9625
|
+
readonly "250": 22;
|
|
9626
|
+
readonly "300": 24;
|
|
9627
|
+
readonly "400": 28;
|
|
9628
|
+
readonly "500": 32;
|
|
9629
|
+
};
|
|
9630
|
+
/**
|
|
9631
|
+
* Primitive component typography scale. Mirrors Figma
|
|
9632
|
+
* "Scale / typography-scale/*" variables (XUITSD-71) — font size and line
|
|
9633
|
+
* height in px for component-level text.
|
|
9634
|
+
*/
|
|
9635
|
+
declare const componentTypographyScale: {
|
|
9636
|
+
readonly "100": {
|
|
9637
|
+
readonly fontSize: 10;
|
|
9638
|
+
readonly lineHeight: 12;
|
|
9639
|
+
};
|
|
9640
|
+
readonly "200": {
|
|
9641
|
+
readonly fontSize: 12;
|
|
9642
|
+
readonly lineHeight: 14;
|
|
9643
|
+
};
|
|
9644
|
+
readonly "300": {
|
|
9645
|
+
readonly fontSize: 14;
|
|
9646
|
+
readonly lineHeight: 16;
|
|
9647
|
+
};
|
|
9648
|
+
readonly "400": {
|
|
9649
|
+
readonly fontSize: 16;
|
|
9650
|
+
readonly lineHeight: 18;
|
|
9651
|
+
};
|
|
9652
|
+
readonly "500": {
|
|
9653
|
+
readonly fontSize: 18;
|
|
9654
|
+
readonly lineHeight: 20;
|
|
9655
|
+
};
|
|
9656
|
+
readonly "600": {
|
|
9657
|
+
readonly fontSize: 20;
|
|
9658
|
+
readonly lineHeight: 22;
|
|
9659
|
+
};
|
|
9660
|
+
};
|
|
9411
9661
|
/** Primitive border-width scale. Mirrors Figma "Scale / stroke/*" variables. */
|
|
9412
9662
|
declare const stroke: {
|
|
9413
9663
|
readonly "1": 1;
|
|
@@ -9905,4 +10155,4 @@ declare const cssVar: {
|
|
|
9905
10155
|
readonly lhText: (step: string) => string;
|
|
9906
10156
|
};
|
|
9907
10157
|
|
|
9908
|
-
export { type BreakpointKey, type ComponentSize, DISPLAY_SCALE_STEPS, type DesignSystemContextType, type DisplayScaleStep, FontLoader, LAYER_OFFSET, MOBILE_MAX_WIDTH, MODAL_LAYER_STEP, ModalIdContext, ModalStackProvider, OVERLAY_LAYER_BASE, OverlayLayerProvider, type ProductContext, type ResponsiveValue, SCALE_STEPS, type ScaleStep, TOAST_LAYER, type Theme, type ThemeColorScheme, type ThemeColors, type ThemeFonts, type ThemeMode, type ThemeOverrideProps, type ThemeShadow, type ThemeShape, type ThemeSizing, type ThemeSpacing, type ThemeTypographyRoles, type TypographyBodyVariant, TypographyStyleLoader, type TypographyTokens, type TypographyVariant, XUIProvider, breakpoints, colors, cssVar, defaultProductContext, fontFacesCSS, fontSize, fonts, generateTypographyCSS, getFonts, getTypographyTokens, getTypographyVariant, isAndroid, isIOS, isNative, isWeb, lineHeightCompact, lineHeightDisplay, lineHeightText, radius, radiusScale, responsiveTypographyScale, shadow, shape, spacing, spacingScale, stroke, themeConfig, typography, typographyTokens, useDesignSystem, useId, useModalId, useModalStackDepth, useOverlayLayer, useResolvedTheme };
|
|
10158
|
+
export { type BreakpointKey, type ComponentSize, DISPLAY_SCALE_STEPS, type DesignSystemContextType, type DisplayScaleStep, FontLoader, LAYER_OFFSET, MOBILE_MAX_WIDTH, MODAL_LAYER_STEP, ModalIdContext, ModalStackProvider, OVERLAY_LAYER_BASE, OverlayLayerProvider, type ProductContext, type ResponsiveValue, SCALE_STEPS, type ScaleStep, TOAST_LAYER, type Theme, type ThemeColorScheme, type ThemeColors, type ThemeFonts, type ThemeMode, type ThemeOverrideProps, type ThemeShadow, type ThemeShape, type ThemeSizing, type ThemeSpacing, type ThemeTypographyRoles, type TypographyBodyVariant, TypographyStyleLoader, type TypographyTokens, type TypographyVariant, XUIProvider, breakpoints, colors, componentTypographyScale, controlSizeScale, cssVar, defaultProductContext, fontFacesCSS, fontSize, fonts, generateTypographyCSS, getFonts, getTypographyTokens, getTypographyVariant, iconSizeScale, isAndroid, isIOS, isNative, isWeb, lineHeightCompact, lineHeightDisplay, lineHeightText, radius, radiusScale, responsiveTypographyScale, shadow, shape, spacing, spacingScale, stroke, themeConfig, typography, typographyTokens, useDesignSystem, useId, useModalId, useModalStackDepth, useOverlayLayer, useResolvedTheme };
|