@xsolla/xui-image-thumbnail 0.128.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.d.mts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ThemeOverrideProps } from '@xsolla/xui-core';
|
|
2
3
|
|
|
3
4
|
type ImageThumbnailRatio = "1:1" | "16:9" | "4:3" | "3:2" | "2:3" | "9:16" | "custom";
|
|
4
5
|
type ImageThumbnailOverlay = "none" | "fade" | "dark";
|
|
5
|
-
interface ImageThumbnailProps {
|
|
6
|
+
interface ImageThumbnailProps extends ThemeOverrideProps {
|
|
6
7
|
/** Image source URL */
|
|
7
8
|
src: string;
|
|
8
9
|
/** Alt text for the image */
|
package/native/index.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ThemeOverrideProps } from '@xsolla/xui-core';
|
|
2
3
|
|
|
3
4
|
type ImageThumbnailRatio = "1:1" | "16:9" | "4:3" | "3:2" | "2:3" | "9:16" | "custom";
|
|
4
5
|
type ImageThumbnailOverlay = "none" | "fade" | "dark";
|
|
5
|
-
interface ImageThumbnailProps {
|
|
6
|
+
interface ImageThumbnailProps extends ThemeOverrideProps {
|
|
6
7
|
/** Image source URL */
|
|
7
8
|
src: string;
|
|
8
9
|
/** Alt text for the image */
|
package/native/index.js
CHANGED
|
@@ -2705,6 +2705,10 @@ var Box = ({
|
|
|
2705
2705
|
left,
|
|
2706
2706
|
right,
|
|
2707
2707
|
width,
|
|
2708
|
+
minWidth,
|
|
2709
|
+
minHeight,
|
|
2710
|
+
maxWidth,
|
|
2711
|
+
maxHeight,
|
|
2708
2712
|
flex,
|
|
2709
2713
|
overflow,
|
|
2710
2714
|
zIndex,
|
|
@@ -2736,6 +2740,10 @@ var Box = ({
|
|
|
2736
2740
|
zIndex,
|
|
2737
2741
|
height,
|
|
2738
2742
|
width,
|
|
2743
|
+
minWidth,
|
|
2744
|
+
minHeight,
|
|
2745
|
+
maxWidth,
|
|
2746
|
+
maxHeight,
|
|
2739
2747
|
padding,
|
|
2740
2748
|
paddingHorizontal,
|
|
2741
2749
|
paddingVertical,
|
|
@@ -5415,9 +5423,11 @@ var ImageThumbnail = ({
|
|
|
5415
5423
|
onPress,
|
|
5416
5424
|
className,
|
|
5417
5425
|
tagPadding = 8,
|
|
5418
|
-
tagGap = 4
|
|
5426
|
+
tagGap = 4,
|
|
5427
|
+
themeMode,
|
|
5428
|
+
themeProductContext
|
|
5419
5429
|
}) => {
|
|
5420
|
-
const { theme } = (0, import_xui_core.
|
|
5430
|
+
const { theme } = (0, import_xui_core.useResolvedTheme)({ themeMode, themeProductContext });
|
|
5421
5431
|
const aspectRatio = ratio === "custom" ? customRatio : ratioMap[ratio];
|
|
5422
5432
|
const wrapperProps = onPress ? { onPress } : {};
|
|
5423
5433
|
const containerStyle = import_xui_core.isWeb ? {
|