@xsolla/xui-image-thumbnail 0.127.0 → 0.129.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/native/index.d.mts +2 -1
- package/native/index.d.ts +2 -1
- package/native/index.js +12 -2
- package/native/index.js.map +1 -1
- package/native/index.mjs +13 -3
- package/native/index.mjs.map +1 -1
- package/package.json +3 -3
- package/web/index.d.mts +2 -1
- package/web/index.d.ts +2 -1
- package/web/index.js +6 -2
- package/web/index.js.map +1 -1
- package/web/index.mjs +7 -3
- package/web/index.mjs.map +1 -1
package/native/index.mjs
CHANGED
|
@@ -2701,6 +2701,10 @@ var Box = ({
|
|
|
2701
2701
|
left,
|
|
2702
2702
|
right,
|
|
2703
2703
|
width,
|
|
2704
|
+
minWidth,
|
|
2705
|
+
minHeight,
|
|
2706
|
+
maxWidth,
|
|
2707
|
+
maxHeight,
|
|
2704
2708
|
flex,
|
|
2705
2709
|
overflow,
|
|
2706
2710
|
zIndex,
|
|
@@ -2732,6 +2736,10 @@ var Box = ({
|
|
|
2732
2736
|
zIndex,
|
|
2733
2737
|
height,
|
|
2734
2738
|
width,
|
|
2739
|
+
minWidth,
|
|
2740
|
+
minHeight,
|
|
2741
|
+
maxWidth,
|
|
2742
|
+
maxHeight,
|
|
2735
2743
|
padding,
|
|
2736
2744
|
paddingHorizontal,
|
|
2737
2745
|
paddingVertical,
|
|
@@ -5384,7 +5392,7 @@ var LinearGradient2 = ({
|
|
|
5384
5392
|
};
|
|
5385
5393
|
|
|
5386
5394
|
// src/ImageThumbnail.tsx
|
|
5387
|
-
import {
|
|
5395
|
+
import { useResolvedTheme, isWeb } from "@xsolla/xui-core";
|
|
5388
5396
|
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
5389
5397
|
var ratioMap = {
|
|
5390
5398
|
"1:1": 1,
|
|
@@ -5411,9 +5419,11 @@ var ImageThumbnail = ({
|
|
|
5411
5419
|
onPress,
|
|
5412
5420
|
className,
|
|
5413
5421
|
tagPadding = 8,
|
|
5414
|
-
tagGap = 4
|
|
5422
|
+
tagGap = 4,
|
|
5423
|
+
themeMode,
|
|
5424
|
+
themeProductContext
|
|
5415
5425
|
}) => {
|
|
5416
|
-
const { theme } =
|
|
5426
|
+
const { theme } = useResolvedTheme({ themeMode, themeProductContext });
|
|
5417
5427
|
const aspectRatio = ratio === "custom" ? customRatio : ratioMap[ratio];
|
|
5418
5428
|
const wrapperProps = onPress ? { onPress } : {};
|
|
5419
5429
|
const containerStyle = isWeb ? {
|