@valpro-labs/ui 1.13.0 → 1.13.1
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.
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { type ImageStyle, type StyleProp } from 'react-native';
|
|
2
3
|
interface AccessoryCardProps {
|
|
3
4
|
/** Accessory display name. */
|
|
4
5
|
name: string;
|
|
5
6
|
/** Accessory icon. */
|
|
6
7
|
iconUrl?: string;
|
|
8
|
+
/** Optional image style merged onto the accessory icon. */
|
|
9
|
+
iconStyle?: StyleProp<ImageStyle>;
|
|
7
10
|
/** Tint the icon with the current `--color-foreground` token. Useful for title SVGs shipped as text masks. */
|
|
8
11
|
tinted?: boolean;
|
|
9
12
|
/** Currency icon next to the price. */
|
|
@@ -33,7 +36,7 @@ interface AccessoryCardProps {
|
|
|
33
36
|
* and hands them in. Pair with an `imageOverlay` slot to layer owned /
|
|
34
37
|
* sold-out states without forking the card.
|
|
35
38
|
*/
|
|
36
|
-
declare function AccessoryCard({ name, iconUrl, tinted, currencyIconUrl, price, variant, size, onPress, imageOverlay, isLoading, className, }: AccessoryCardProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
declare function AccessoryCard({ name, iconUrl, iconStyle, tinted, currencyIconUrl, price, variant, size, onPress, imageOverlay, isLoading, className, }: AccessoryCardProps): import("react/jsx-runtime").JSX.Element;
|
|
37
40
|
export { AccessoryCard };
|
|
38
41
|
export type { AccessoryCardProps };
|
|
39
42
|
//# sourceMappingURL=accessory-card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accessory-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/accessory-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"accessory-card.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/accessory-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmB,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAShF,UAAU,kBAAkB;IAC1B,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAClC,8GAA8G;IAC9G,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oFAAoF;IACpF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD;;;;;;;;;GASG;AACH,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,SAAS,EACT,MAAc,EACd,eAAe,EACf,KAAK,EACL,OAAgB,EAChB,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,SAAiB,EACjB,SAAS,GACV,EAAE,kBAAkB,2CA0FpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -19,7 +19,7 @@ function useColorVar(name) {
|
|
|
19
19
|
* and hands them in. Pair with an `imageOverlay` slot to layer owned /
|
|
20
20
|
* sold-out states without forking the card.
|
|
21
21
|
*/
|
|
22
|
-
function AccessoryCard({ name, iconUrl, tinted = false, currencyIconUrl, price, variant = 'list', size, onPress, imageOverlay, isLoading = false, className, }) {
|
|
22
|
+
function AccessoryCard({ name, iconUrl, iconStyle, tinted = false, currencyIconUrl, price, variant = 'list', size, onPress, imageOverlay, isLoading = false, className, }) {
|
|
23
23
|
const foreground = useColorVar('--color-foreground');
|
|
24
24
|
const isGrid = variant === 'grid';
|
|
25
25
|
const resolvedSize = size ?? (isGrid ? 'compact' : 'regular');
|
|
@@ -27,12 +27,15 @@ function AccessoryCard({ name, iconUrl, tinted = false, currencyIconUrl, price,
|
|
|
27
27
|
if (isLoading) {
|
|
28
28
|
return (_jsx(Skeleton, { className: cn('w-full rounded-xl', isGrid ? 'aspect-video' : 'aspect-10/4', className) }));
|
|
29
29
|
}
|
|
30
|
-
const card = (_jsxs(View, { className: cn('bg-card w-full overflow-hidden rounded-xl', isGrid ? 'aspect-video' : 'aspect-10/4', className), children: [_jsxs(View, { className: "bg-secondary relative flex-1 items-center justify-center overflow-hidden", children: [iconUrl ? (_jsx(Image, { source: iconUrl, style:
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
30
|
+
const card = (_jsxs(View, { className: cn('bg-card w-full overflow-hidden rounded-xl', isGrid ? 'aspect-video' : 'aspect-10/4', className), children: [_jsxs(View, { className: "bg-secondary relative flex-1 items-center justify-center overflow-hidden", children: [iconUrl ? (_jsx(Image, { source: iconUrl, style: [
|
|
31
|
+
{
|
|
32
|
+
width: '80%',
|
|
33
|
+
height: '80%',
|
|
34
|
+
borderRadius: 8,
|
|
35
|
+
tintColor: tinted ? foreground : undefined,
|
|
36
|
+
},
|
|
37
|
+
iconStyle,
|
|
38
|
+
], contentFit: "contain" })) : null, imageOverlay] }), _jsxs(View, { className: cn('flex-row items-center justify-between', isCompact ? 'px-2 py-1.5' : 'px-3 py-2'), children: [_jsx(Text, { className: cn('text-foreground flex-1 font-semibold tracking-tight uppercase', isCompact ? 'text-sm' : 'text-base'), numberOfLines: 1, children: name }), price !== undefined && (_jsxs(View, { className: cn('flex-row items-center', isCompact ? 'gap-0.5' : 'gap-1'), children: [currencyIconUrl ? (_jsx(Image, { source: currencyIconUrl, style: {
|
|
36
39
|
width: isCompact ? 12 : 16,
|
|
37
40
|
height: isCompact ? 12 : 16,
|
|
38
41
|
tintColor: foreground,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accessory-card.js","sourceRoot":"","sources":["../../../src/components/blocks/accessory-card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"accessory-card.js","sourceRoot":"","sources":["../../../src/components/blocks/accessory-card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAmC,MAAM,cAAc,CAAC;AAEhF,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AA6BjC,SAAS,WAAW,CAAC,IAAY;IAC/B,MAAM,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC/C,CAAC;AAED;;;;;;;;;GASG;AACH,SAAS,aAAa,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,SAAS,EACT,MAAM,GAAG,KAAK,EACd,eAAe,EACf,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,SAAS,GACU;IACnB,MAAM,UAAU,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,OAAO,KAAK,MAAM,CAAC;IAClC,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9D,MAAM,SAAS,GAAG,YAAY,KAAK,SAAS,CAAC;IAE7C,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,CAAC,GACtF,CACH,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,CACX,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,2CAA2C,EAC3C,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EACvC,SAAS,CACV,aAED,MAAC,IAAI,IAAC,SAAS,EAAC,0EAA0E,aACvF,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,KAAK,IACJ,MAAM,EAAE,OAAO,EACf,KAAK,EAAE;4BACL;gCACE,KAAK,EAAE,KAAK;gCACZ,MAAM,EAAE,KAAK;gCACb,YAAY,EAAE,CAAC;gCACf,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;6BAC3C;4BACD,SAAS;yBACV,EACD,UAAU,EAAC,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,IACR,EAGP,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,uCAAuC,EACvC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CACxC,aACD,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CACpC,EACD,aAAa,EAAE,CAAC,YACf,IAAI,GACA,EAEN,KAAK,KAAK,SAAS,IAAI,CACtB,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,aACtE,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,KAAK,IACJ,MAAM,EAAE,eAAe,EACvB,KAAK,EAAE;oCACL,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;oCAC1B,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;oCAC3B,SAAS,EAAE,UAAU;iCACtB,EACD,UAAU,EAAC,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CACpC,YACA,KAAK,CAAC,cAAc,EAAE,GAClB,IACF,CACR,IACI,IACF,CACR,CAAC;IAEF,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,YAClF,IAAI,GACK,CACb,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
|