@xsolla/xui-core 0.138.0 → 0.138.1-pr235.1776777591
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/README.md +0 -2
- package/index.js +10 -10
- package/index.js.map +1 -1
- package/index.mjs +10 -10
- package/index.mjs.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -85,8 +85,6 @@ For custom components, use `useResolvedTheme` instead of `useDesignSystem`.
|
|
|
85
85
|
- `radius` — Border-radius tokens (button, card, input, tag, avatar variants)
|
|
86
86
|
- `shadow` — Shadow tokens
|
|
87
87
|
- `fonts` — Font-family definitions
|
|
88
|
-
- `useResolvedTheme` — Hook that merges per-component `themeMode`/`themeProductContext` overrides with global context; returns same shape as `useDesignSystem`
|
|
89
|
-
- `ThemeOverrideProps` — Interface adding optional `themeMode` and `themeProductContext` to component props
|
|
90
88
|
- `isWeb` / `isNative` / `isIOS` / `isAndroid` — Platform detection booleans
|
|
91
89
|
|
|
92
90
|
## Per-Component Theme Override
|
package/index.js
CHANGED
|
@@ -2569,37 +2569,37 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
|
|
|
2569
2569
|
xl: {
|
|
2570
2570
|
size: 64,
|
|
2571
2571
|
fontSize: 20,
|
|
2572
|
-
iconSize:
|
|
2572
|
+
iconSize: 32,
|
|
2573
2573
|
badgeSize: 20,
|
|
2574
2574
|
badgeOffsetCircle: { right: -4, top: -4 },
|
|
2575
2575
|
badgeOffsetSquare: { right: -8, top: -8 },
|
|
2576
|
-
borderRadiusSquare:
|
|
2576
|
+
borderRadiusSquare: 8,
|
|
2577
2577
|
borderRadiusCircle: radius.avatarCircle
|
|
2578
2578
|
},
|
|
2579
2579
|
lg: {
|
|
2580
2580
|
size: 56,
|
|
2581
2581
|
fontSize: 20,
|
|
2582
|
-
iconSize:
|
|
2582
|
+
iconSize: 28,
|
|
2583
2583
|
badgeSize: 20,
|
|
2584
2584
|
badgeOffsetCircle: { right: -4, top: -4 },
|
|
2585
2585
|
badgeOffsetSquare: { right: -8, top: -8 },
|
|
2586
|
-
borderRadiusSquare:
|
|
2586
|
+
borderRadiusSquare: 6,
|
|
2587
2587
|
borderRadiusCircle: radius.avatarCircle
|
|
2588
2588
|
},
|
|
2589
2589
|
md: {
|
|
2590
2590
|
size: 48,
|
|
2591
2591
|
fontSize: 18,
|
|
2592
|
-
iconSize:
|
|
2592
|
+
iconSize: 24,
|
|
2593
2593
|
badgeSize: 20,
|
|
2594
2594
|
badgeOffsetCircle: { right: -5, top: -5 },
|
|
2595
2595
|
badgeOffsetSquare: { right: -8, top: -8 },
|
|
2596
|
-
borderRadiusSquare:
|
|
2596
|
+
borderRadiusSquare: 6,
|
|
2597
2597
|
borderRadiusCircle: radius.avatarCircle
|
|
2598
2598
|
},
|
|
2599
2599
|
sm: {
|
|
2600
2600
|
size: 40,
|
|
2601
2601
|
fontSize: 16,
|
|
2602
|
-
iconSize:
|
|
2602
|
+
iconSize: 20,
|
|
2603
2603
|
badgeSize: 20,
|
|
2604
2604
|
badgeOffsetCircle: { right: -6, top: -6 },
|
|
2605
2605
|
badgeOffsetSquare: { right: -8, top: -8 },
|
|
@@ -2609,7 +2609,7 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
|
|
|
2609
2609
|
xs: {
|
|
2610
2610
|
size: 32,
|
|
2611
2611
|
fontSize: 12,
|
|
2612
|
-
iconSize:
|
|
2612
|
+
iconSize: 16,
|
|
2613
2613
|
badgeSize: 8,
|
|
2614
2614
|
badgeOffsetCircle: { right: -1, top: -1 },
|
|
2615
2615
|
badgeOffsetSquare: { right: -3, top: -3 },
|
|
@@ -2619,11 +2619,11 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
|
|
|
2619
2619
|
xxs: {
|
|
2620
2620
|
size: 24,
|
|
2621
2621
|
fontSize: 10,
|
|
2622
|
-
iconSize:
|
|
2622
|
+
iconSize: 12,
|
|
2623
2623
|
badgeSize: 6,
|
|
2624
2624
|
badgeOffsetCircle: { right: -1, top: -1 },
|
|
2625
2625
|
badgeOffsetSquare: { right: -2, top: -2 },
|
|
2626
|
-
borderRadiusSquare:
|
|
2626
|
+
borderRadiusSquare: 2,
|
|
2627
2627
|
borderRadiusCircle: radius.avatarCircle
|
|
2628
2628
|
}
|
|
2629
2629
|
};
|