@xsolla/xui-game-card 0.118.0 → 0.119.0

package/native/index.d.mts

@@ -23,6 +23,8 @@ interface GameCardProps {
     buttonText?: string;
     /** Button click handler (used if trailing is not provided) */
     onButtonClick?: () => void;
+    /** Whether the button is disabled (used if trailing is not provided) */
+    buttonDisabled?: boolean;
     /** Card click handler */
     onPress?: () => void;
     /** Alt text for game image */

package/native/index.d.ts

@@ -23,6 +23,8 @@ interface GameCardProps {
     buttonText?: string;
     /** Button click handler (used if trailing is not provided) */
     onButtonClick?: () => void;
+    /** Whether the button is disabled (used if trailing is not provided) */
+    buttonDisabled?: boolean;
     /** Card click handler */
     onPress?: () => void;
     /** Alt text for game image */

package/native/index.js

@@ -5427,12 +5427,14 @@ var getSizeConfig = (size) => {
         subtitleFontSize: 12,
         subtitleLineHeight: 18,
         padding: 8,
+        footerPadding: 12,
+        footerGap: 12,
         tagGap: 4,
         buttonHeight: 32,
         buttonPaddingX: 20,
         buttonFontSize: 12,
         buttonLineHeight: 14,
-        borderRadius: 4,
+        borderRadius: 8,
         fadeHeight: 64,
         lootBadgeFontSize: 12,
         lootBadgeLineHeight: 16,
@@ -5447,12 +5449,14 @@ var getSizeConfig = (size) => {
         subtitleFontSize: 11,
         subtitleLineHeight: 16,
         padding: 6,
+        footerPadding: 8,
+        footerGap: 8,
         tagGap: 3,
         buttonHeight: 28,
         buttonPaddingX: 16,
         buttonFontSize: 11,
         buttonLineHeight: 13,
-        borderRadius: 4,
+        borderRadius: 8,
         fadeHeight: 48,
         lootBadgeFontSize: 11,
         lootBadgeLineHeight: 14,
@@ -5467,12 +5471,14 @@ var getSizeConfig = (size) => {
         subtitleFontSize: 10,
         subtitleLineHeight: 14,
         padding: 4,
+        footerPadding: 6,
+        footerGap: 6,
         tagGap: 2,
         buttonHeight: 24,
         buttonPaddingX: 12,
         buttonFontSize: 10,
         buttonLineHeight: 12,
-        borderRadius: 4,
+        borderRadius: 8,
         fadeHeight: 32,
         lootBadgeFontSize: 10,
         lootBadgeLineHeight: 12,
@@ -5511,6 +5517,7 @@ var GameCard = ({
   trailing,
   buttonText,
   onButtonClick,
+  buttonDisabled,
   onPress,
   imageAlt,
   className
@@ -5645,11 +5652,11 @@ var GameCard = ({
             /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
               Box,
               {
-                backgroundColor: theme.colors.background.primary,
-                padding: config.padding,
+                backgroundColor: theme.colors.overlay.mono,
+                padding: config.footerPadding,
                 flexDirection: "row",
                 alignItems: "center",
-                gap: 8,
+                gap: config.footerGap,
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Box, { flex: 1, flexDirection: "column", style: { minWidth: 0 }, children: [
                     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -5689,18 +5696,19 @@ var GameCard = ({
                   !trailing && buttonText && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     Box,
                     {
-                      onPress: onButtonClick,
+                      onPress: buttonDisabled ? void 0 : onButtonClick,
                       backgroundColor: theme.colors.control.mono.secondary.bg,
                       borderRadius: config.borderRadius,
                       height: config.buttonHeight,
                       paddingHorizontal: config.buttonPaddingX,
                       alignItems: "center",
                       justifyContent: "center",
+                      opacity: buttonDisabled ? 0.4 : 1,
                       style: import_xui_core.isWeb ? {
                         backdropFilter: "blur(30px)",
                         WebkitBackdropFilter: "blur(30px)",
                         border: `1px solid ${theme.colors.control.mono.secondary.border}`,
-                        cursor: onButtonClick ? "pointer" : "default"
+                        cursor: buttonDisabled ? "not-allowed" : onButtonClick ? "pointer" : "default"
                       } : void 0,
                       children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                         Text,

package/native/index.js.flow

@@ -59,6 +59,11 @@ declare interface GameCardProps {
    */
   onButtonClick?: () => void;
 
+  /**
+   * Whether the button is disabled (used if trailing is not provided)
+   */
+  buttonDisabled?: boolean;
+
   /**
    * Card click handler
    */