@kivid/native-components 1.0.0-alpha.15 → 1.0.0-alpha.16

package/dist/commonjs/components/ActionButton/assets/class-variants.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","_index","menuCardVariants","exports","cva","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","corners","CornersEnum","SMALL","MEDIUM","LARGE","defaultVariants","textVariants"],"sourceRoot":"../../../../../src","sources":["components/ActionButton/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CACE,sCAAsC,EACtC,UAAU,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,CAClB,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,cAAc,EAAE,uBAAuB,CAAC;MAChDC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,SAAS,EAAE,CACT,kBAAkB,EAClB,2BAA2B,CAC5B;MACDC,UAAU,EAAE,CACV,mBAAmB,EACnB,4BAA4B,CAC7B;MACDC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,OAAO,EAAE,CACP,4BAA4B,EAC5B,0BAA0B;IAE9B,CAAC;IACDC,OAAO,EAAE;MACP,CAACC,kBAAW,CAACC,KAAK,GAAG,aAAa;MAClC,CAACD,kBAAW,CAACE,MAAM,GAAG,gBAAgB;MACtC,CAACF,kBAAW,CAACG,KAAK,GAAG;IACvB;EACF,CAAC;EACDC,eAAe,EAAE;IACfb,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAEC,kBAAW,CAACE;EACvB;AACF,CACF,CAAC;AAEM,MAAMG,YAAY,GAAAjB,OAAA,CAAAiB,YAAA,GAAG,IAAAhB,2BAAG,EAAC,EAAE,EAAE;EAClCC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,eAAe;MACtBC,IAAI,EAAE,eAAe;MACrBC,IAAI,EAAE,eAAe;MACrBC,SAAS,EAAE,eAAe;MAC1BC,UAAU,EAAE,eAAe;MAC3BC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE;IACX;EACF,CAAC;EACDM,eAAe,EAAE;IACfb,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","_index","menuCardVariants","exports","cva","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","corners","CornersEnum","SMALL","MEDIUM","LARGE","defaultVariants","textVariants"],"sourceRoot":"../../../../../src","sources":["components/ActionButton/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CACE,sCAAsC,EACtC,UAAU,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,CAClB,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,cAAc,EAAE,uBAAuB,CAAC;MAChDC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,SAAS,EAAE,CAAC,kBAAkB,EAAE,2BAA2B,CAAC;MAC5DC,UAAU,EAAE,CAAC,mBAAmB,EAAE,4BAA4B,CAAC;MAC/DC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,OAAO,EAAE,CAAC,4BAA4B,EAAE,0BAA0B;IACpE,CAAC;IACDC,OAAO,EAAE;MACP,CAACC,kBAAW,CAACC,KAAK,GAAG,aAAa;MAClC,CAACD,kBAAW,CAACE,MAAM,GAAG,gBAAgB;MACtC,CAACF,kBAAW,CAACG,KAAK,GAAG;IACvB;EACF,CAAC;EACDC,eAAe,EAAE;IACfb,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAEC,kBAAW,CAACE;EACvB;AACF,CACF,CAAC;AAEM,MAAMG,YAAY,GAAAjB,OAAA,CAAAiB,YAAA,GAAG,IAAAhB,2BAAG,EAAC,EAAE,EAAE;EAClCC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,eAAe;MACtBC,IAAI,EAAE,eAAe;MACrBC,IAAI,EAAE,eAAe;MACrBC,SAAS,EAAE,eAAe;MAC1BC,UAAU,EAAE,eAAe;MAC3BC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE;IACX;EACF,CAAC;EACDM,eAAe,EAAE;IACfb,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/components/ActionButton/index.js

@@ -4,24 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionButton = ActionButton;
-Object.defineProperty(exports, "ActionButtonCorners", {
-  enumerable: true,
-  get: function () {
-    return _types.ActionButtonCorners;
-  }
-});
-Object.defineProperty(exports, "ActionButtonProps", {
-  enumerable: true,
-  get: function () {
-    return _types.ActionButtonProps;
-  }
-});
-Object.defineProperty(exports, "ActionButtonVariant", {
-  enumerable: true,
-  get: function () {
-    return _types.ActionButtonVariant;
-  }
-});
 var _tailwindPreset = require("@kivid/tailwind-preset");
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
@@ -29,22 +11,19 @@ var _index = require("../../enums/index.js");
 var _index2 = require("../Typography/index.js");
 var _classVariants = require("./assets/class-variants.js");
 var _jsxRuntime = require("react/jsx-runtime");
-var _types = require("./types.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ActionButton(props) {
   const {
     icon,
-    label,
-    subtitle,
+    primaryText,
+    secondaryText,
+    primaryTextProps = {},
+    secondaryTextProps = {},
     variant = "grape",
     corners = _index.CornersEnum.MEDIUM,
     disabled = false,
     className,
-    iconClassName,
-    labelClassName,
-    subtitleClassName,
-    labelWeight = _index.FontWeightEnum.MEDIUM,
-    subtitleWeight = _index.FontWeightEnum.MEDIUM,
+    iconContainerClassName,
     onPress,
     accessibilityLabel,
     ref,
@@ -68,25 +47,22 @@ function ActionButton(props) {
     variant,
     corners
   }), isPressed && !disabled && pressedColorMap[variant], className);
-  const textStyle = (0, _tailwindPreset.merge)((0, _classVariants.textVariants)({
-    variant
-  }));
 
   // Define icon colors based on variant
   const iconColorMap = {
-    grape: "#FAFCFC",
+    grape: "text-chia-100",
     // chia-100
-    java: "#FAFCFC",
-    pear: "#FAFCFC",
-    tangerine: "#FAFCFC",
-    blackberry: "#FAFCFC",
-    chia: "#FAFCFC",
-    outline: "#393E3E" // chia-900
+    java: "text-chia-100",
+    pear: "text-chia-100",
+    tangerine: "text-chia-100",
+    blackberry: "text-chia-100",
+    chia: "text-chia-100",
+    outline: "text-chia-900" // chia-900
   };
 
   // Clone icon element to pass color prop
   const iconWithColor = /*#__PURE__*/_react.default.isValidElement(icon) ? /*#__PURE__*/_react.default.cloneElement(icon, {
-    color: iconColorMap[variant]
+    className: (0, _tailwindPreset.merge)(iconColorMap[variant], icon.props?.className || "")
   }) : icon;
   const handlePressIn = event => {
     setIsPressed(true);
@@ -96,6 +72,21 @@ function ActionButton(props) {
     setIsPressed(false);
     onPressOut?.(event);
   };
+  const textStyle = (0, _tailwindPreset.merge)((0, _classVariants.textVariants)({
+    variant
+  }));
+  const mergedPrimaryTextProps = {
+    variant: "label_large",
+    weight: _index.FontWeightEnum.MEDIUM,
+    ...primaryTextProps,
+    className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60", primaryTextProps.className)
+  };
+  const mergedSecondaryTextProps = {
+    variant: "label_large",
+    weight: _index.FontWeightEnum.BOLD,
+    ...secondaryTextProps,
+    className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60", secondaryTextProps.className)
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
     ref: ref,
     disabled: disabled,
@@ -104,27 +95,23 @@ function ActionButton(props) {
     onPressIn: handlePressIn,
     onPressOut: handlePressOut,
     accessibilityRole: "button",
-    accessibilityLabel: accessibilityLabel || `${label}${subtitle ? ` ${subtitle}` : ""}`,
+    accessibilityLabel: accessibilityLabel || `${primaryText}${secondaryText ? ` ${secondaryText}` : ""}`,
     accessibilityState: {
       disabled: disabled
     },
     pointerEvents: disabled ? "none" : "auto",
     ...rest,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      className: (0, _tailwindPreset.merge)("flex items-start shrink-0", disabled && "opacity-60", iconClassName),
+      className: (0, _tailwindPreset.merge)("flex items-start shrink-0", disabled && "opacity-60", iconContainerClassName),
       children: iconWithColor
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       className: "shrink-0",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
-        variant: "label_large",
-        weight: labelWeight,
-        className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60", labelClassName),
-        children: label
-      }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
-        variant: "label_large",
-        weight: subtitleWeight,
-        className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60", subtitleClassName),
-        children: subtitle
+        ...mergedPrimaryTextProps,
+        children: primaryText
+      }), secondaryText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
+        ...mergedSecondaryTextProps,
+        children: secondaryText
       })]
     })]
   });

package/dist/commonjs/components/ActionButton/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_tailwindPreset","require","_react","_interopRequireDefault","_reactNative","_index","_index2","_classVariants","_jsxRuntime","_types","e","__esModule","default","ActionButton","props","icon","label","subtitle","variant","corners","CornersEnum","MEDIUM","disabled","className","iconClassName","labelClassName","subtitleClassName","labelWeight","FontWeightEnum","subtitleWeight","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","isPressed","setIsPressed","React","useState","pressedColorMap","grape","java","pear","tangerine","blackberry","chia","outline","containerStyle","merge","menuCardVariants","textStyle","textVariants","iconColorMap","iconWithColor","isValidElement","cloneElement","color","handlePressIn","event","handlePressOut","jsxs","Pressable","accessibilityRole","accessibilityState","pointerEvents","children","jsx","View","Typography","weight","displayName"],"sourceRoot":"../../../../src","sources":["components/ActionButton/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_tailwindPreset","require","_react","_interopRequireDefault","_reactNative","_index","_index2","_classVariants","_jsxRuntime","e","__esModule","default","ActionButton","props","icon","primaryText","secondaryText","primaryTextProps","secondaryTextProps","variant","corners","CornersEnum","MEDIUM","disabled","className","iconContainerClassName","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","isPressed","setIsPressed","React","useState","pressedColorMap","grape","java","pear","tangerine","blackberry","chia","outline","containerStyle","merge","menuCardVariants","iconColorMap","iconWithColor","isValidElement","cloneElement","handlePressIn","event","handlePressOut","textStyle","textVariants","mergedPrimaryTextProps","weight","FontWeightEnum","mergedSecondaryTextProps","BOLD","jsxs","Pressable","accessibilityRole","accessibilityState","pointerEvents","children","jsx","View","Typography","displayName"],"sourceRoot":"../../../../src","sources":["components/ActionButton/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAAyE,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAE,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGlE,SAASG,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAM;IACJC,IAAI;IACJC,WAAW;IACXC,aAAa;IACbC,gBAAgB,GAAG,CAAC,CAAC;IACrBC,kBAAkB,GAAG,CAAC,CAAC;IACvBC,OAAO,GAAG,OAAO;IACjBC,OAAO,GAAGC,kBAAW,CAACC,MAAM;IAC5BC,QAAQ,GAAG,KAAK;IAChBC,SAAS;IACTC,sBAAsB;IACtBC,OAAO;IACPC,kBAAkB;IAClBC,GAAG;IACHC,SAAS;IACTC,UAAU;IACV,GAAGC;EACL,CAAC,GAAGlB,KAAK;EAET,MAAM,CAACmB,SAAS,EAAEC,YAAY,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;;EAEvD;EACA,MAAMC,eAA+C,GAAG;IACtDC,KAAK,EAAE,cAAc;IACrBC,IAAI,EAAE,aAAa;IACnBC,IAAI,EAAE,aAAa;IACnBC,SAAS,EAAE,kBAAkB;IAC7BC,UAAU,EAAE,mBAAmB;IAC/BC,IAAI,EAAE,aAAa;IACnBC,OAAO,EAAE;EACX,CAAC;EAED,MAAMC,cAAc,GAAG,IAAAC,qBAAK,EAC1B,IAAAC,+BAAgB,EAAC;IACf3B,OAAO;IACPC;EACF,CAAC,CAAC,EACFY,SAAS,IAAI,CAACT,QAAQ,IAAIa,eAAe,CAACjB,OAAO,CAAC,EAClDK,SACF,CAAC;;EAED;EACA,MAAMuB,YAAY,GAAG;IACnBV,KAAK,EAAE,eAAe;IAAE;IACxBC,IAAI,EAAE,eAAe;IACrBC,IAAI,EAAE,eAAe;IACrBC,SAAS,EAAE,eAAe;IAC1BC,UAAU,EAAE,eAAe;IAC3BC,IAAI,EAAE,eAAe;IACrBC,OAAO,EAAE,eAAe,CAAE;EAC5B,CAAC;;EAED;EACA,MAAMK,aAAa,GAAG,aAAAd,cAAK,CAACe,cAAc,CAACnC,IAAI,CAAC,gBAC5CoB,cAAK,CAACgB,YAAY,CAACpC,IAAI,EAA6B;IAClDU,SAAS,EAAE,IAAAqB,qBAAK,EACdE,YAAY,CAAC5B,OAAO,CAAC,EACpBL,IAAI,CAA6BD,KAAK,EAAEW,SAAS,IAAI,EACxD;EACF,CAAC,CAAC,GACFV,IAAI;EAER,MAAMqC,aAAa,GAAIC,KAAU,IAAK;IACpCnB,YAAY,CAAC,IAAI,CAAC;IAClBJ,SAAS,GAAGuB,KAAK,CAAC;EACpB,CAAC;EAED,MAAMC,cAAc,GAAID,KAAU,IAAK;IACrCnB,YAAY,CAAC,KAAK,CAAC;IACnBH,UAAU,GAAGsB,KAAK,CAAC;EACrB,CAAC;EAED,MAAME,SAAS,GAAG,IAAAT,qBAAK,EAAC,IAAAU,2BAAY,EAAC;IAAEpC;EAAQ,CAAC,CAAC,CAAC;EAElD,MAAMqC,sBAAsB,GAAG;IAC7BrC,OAAO,EAAE,aAAsB;IAC/BsC,MAAM,EAAEC,qBAAc,CAACpC,MAAe;IACtC,GAAGL,gBAAgB;IACnBO,SAAS,EAAE,IAAAqB,qBAAK,EACdS,SAAS,EACT/B,QAAQ,IAAI,YAAY,EACxBN,gBAAgB,CAACO,SACnB;EACF,CAAC;EAED,MAAMmC,wBAAwB,GAAG;IAC/BxC,OAAO,EAAE,aAAsB;IAC/BsC,MAAM,EAAEC,qBAAc,CAACE,IAAa;IACpC,GAAG1C,kBAAkB;IACrBM,SAAS,EAAE,IAAAqB,qBAAK,EACdS,SAAS,EACT/B,QAAQ,IAAI,YAAY,EACxBL,kBAAkB,CAACM,SACrB;EACF,CAAC;EAED,oBACE,IAAAhB,WAAA,CAAAqD,IAAA,EAACzD,YAAA,CAAA0D,SAAS;IACRlC,GAAG,EAAEA,GAAI;IACTL,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEoB,cAAe;IAC1BlB,OAAO,EAAEA,OAAQ;IACjBG,SAAS,EAAEsB,aAAc;IACzBrB,UAAU,EAAEuB,cAAe;IAC3BU,iBAAiB,EAAC,QAAQ;IAC1BpC,kBAAkB,EAChBA,kBAAkB,IAClB,GAAGZ,WAAW,GAAGC,aAAa,GAAG,IAAIA,aAAa,EAAE,GAAG,EAAE,EAC1D;IACDgD,kBAAkB,EAAE;MAClBzC,QAAQ,EAAEA;IACZ,CAAE;IACF0C,aAAa,EAAE1C,QAAQ,GAAG,MAAM,GAAG,MAAO;IAAA,GACtCQ,IAAI;IAAAmC,QAAA,gBAGR,IAAA1D,WAAA,CAAA2D,GAAA,EAAC/D,YAAA,CAAAgE,IAAI;MACH5C,SAAS,EAAE,IAAAqB,qBAAK,EACd,2BAA2B,EAC3BtB,QAAQ,IAAI,YAAY,EACxBE,sBACF,CAAE;MAAAyC,QAAA,EAEDlB;IAAa,CACV,CAAC,eAGP,IAAAxC,WAAA,CAAAqD,IAAA,EAACzD,YAAA,CAAAgE,IAAI;MAAC5C,SAAS,EAAC,UAAU;MAAA0C,QAAA,gBACxB,IAAA1D,WAAA,CAAA2D,GAAA,EAAC7D,OAAA,CAAA+D,UAAU;QAAA,GAAKb,sBAAsB;QAAAU,QAAA,EAAGnD;MAAW,CAAa,CAAC,EACjEC,aAAa,iBACZ,IAAAR,WAAA,CAAA2D,GAAA,EAAC7D,OAAA,CAAA+D,UAAU;QAAA,GAAKV,wBAAwB;QAAAO,QAAA,EAAGlD;MAAa,CAAa,CACtE;IAAA,CACG,CAAC;EAAA,CACE,CAAC;AAEhB;AAEAJ,YAAY,CAAC0D,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/module/components/ActionButton/assets/class-variants.js.map

@@ -1 +1 @@
-{"version":3,"names":["cva","CornersEnum","menuCardVariants","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","corners","SMALL","MEDIUM","LARGE","defaultVariants","textVariants"],"sourceRoot":"../../../../../src","sources":["components/ActionButton/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,WAAW,QAAQ,yBAAgB;AAE5C,OAAO,MAAMC,gBAAgB,GAAGF,GAAG,CACjC,CACE,sCAAsC,EACtC,UAAU,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,cAAc,EAAE,uBAAuB,CAAC;MAChDC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,SAAS,EAAE,CACT,kBAAkB,EAClB,2BAA2B,CAC5B;MACDC,UAAU,EAAE,CACV,mBAAmB,EACnB,4BAA4B,CAC7B;MACDC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,OAAO,EAAE,CACP,4BAA4B,EAC5B,0BAA0B;IAE9B,CAAC;IACDC,OAAO,EAAE;MACP,CAACX,WAAW,CAACY,KAAK,GAAG,aAAa;MAClC,CAACZ,WAAW,CAACa,MAAM,GAAG,gBAAgB;MACtC,CAACb,WAAW,CAACc,KAAK,GAAG;IACvB;EACF,CAAC;EACDC,eAAe,EAAE;IACfZ,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAEX,WAAW,CAACa;EACvB;AACF,CACF,CAAC;AAED,OAAO,MAAMG,YAAY,GAAGjB,GAAG,CAAC,EAAE,EAAE;EAClCG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,eAAe;MACtBC,IAAI,EAAE,eAAe;MACrBC,IAAI,EAAE,eAAe;MACrBC,SAAS,EAAE,eAAe;MAC1BC,UAAU,EAAE,eAAe;MAC3BC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE;IACX;EACF,CAAC;EACDK,eAAe,EAAE;IACfZ,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","CornersEnum","menuCardVariants","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","corners","SMALL","MEDIUM","LARGE","defaultVariants","textVariants"],"sourceRoot":"../../../../../src","sources":["components/ActionButton/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,WAAW,QAAQ,yBAAgB;AAE5C,OAAO,MAAMC,gBAAgB,GAAGF,GAAG,CACjC,CACE,sCAAsC,EACtC,UAAU,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,cAAc,EAAE,uBAAuB,CAAC;MAChDC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,SAAS,EAAE,CAAC,kBAAkB,EAAE,2BAA2B,CAAC;MAC5DC,UAAU,EAAE,CAAC,mBAAmB,EAAE,4BAA4B,CAAC;MAC/DC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,OAAO,EAAE,CAAC,4BAA4B,EAAE,0BAA0B;IACpE,CAAC;IACDC,OAAO,EAAE;MACP,CAACX,WAAW,CAACY,KAAK,GAAG,aAAa;MAClC,CAACZ,WAAW,CAACa,MAAM,GAAG,gBAAgB;MACtC,CAACb,WAAW,CAACc,KAAK,GAAG;IACvB;EACF,CAAC;EACDC,eAAe,EAAE;IACfZ,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAEX,WAAW,CAACa;EACvB;AACF,CACF,CAAC;AAED,OAAO,MAAMG,YAAY,GAAGjB,GAAG,CAAC,EAAE,EAAE;EAClCG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,eAAe;MACtBC,IAAI,EAAE,eAAe;MACrBC,IAAI,EAAE,eAAe;MACrBC,SAAS,EAAE,eAAe;MAC1BC,UAAU,EAAE,eAAe;MAC3BC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE;IACX;EACF,CAAC;EACDK,eAAe,EAAE;IACfZ,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/components/ActionButton/index.js

@@ -10,17 +10,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ActionButton(props) {
   const {
     icon,
-    label,
-    subtitle,
+    primaryText,
+    secondaryText,
+    primaryTextProps = {},
+    secondaryTextProps = {},
     variant = "grape",
     corners = CornersEnum.MEDIUM,
     disabled = false,
     className,
-    iconClassName,
-    labelClassName,
-    subtitleClassName,
-    labelWeight = FontWeightEnum.MEDIUM,
-    subtitleWeight = FontWeightEnum.MEDIUM,
+    iconContainerClassName,
     onPress,
     accessibilityLabel,
     ref,
@@ -44,25 +42,22 @@ export function ActionButton(props) {
     variant,
     corners
   }), isPressed && !disabled && pressedColorMap[variant], className);
-  const textStyle = merge(textVariants({
-    variant
-  }));
 
   // Define icon colors based on variant
   const iconColorMap = {
-    grape: "#FAFCFC",
+    grape: "text-chia-100",
     // chia-100
-    java: "#FAFCFC",
-    pear: "#FAFCFC",
-    tangerine: "#FAFCFC",
-    blackberry: "#FAFCFC",
-    chia: "#FAFCFC",
-    outline: "#393E3E" // chia-900
+    java: "text-chia-100",
+    pear: "text-chia-100",
+    tangerine: "text-chia-100",
+    blackberry: "text-chia-100",
+    chia: "text-chia-100",
+    outline: "text-chia-900" // chia-900
   };
 
   // Clone icon element to pass color prop
   const iconWithColor = /*#__PURE__*/React.isValidElement(icon) ? /*#__PURE__*/React.cloneElement(icon, {
-    color: iconColorMap[variant]
+    className: merge(iconColorMap[variant], icon.props?.className || "")
   }) : icon;
   const handlePressIn = event => {
     setIsPressed(true);
@@ -72,6 +67,21 @@ export function ActionButton(props) {
     setIsPressed(false);
     onPressOut?.(event);
   };
+  const textStyle = merge(textVariants({
+    variant
+  }));
+  const mergedPrimaryTextProps = {
+    variant: "label_large",
+    weight: FontWeightEnum.MEDIUM,
+    ...primaryTextProps,
+    className: merge(textStyle, disabled && "opacity-60", primaryTextProps.className)
+  };
+  const mergedSecondaryTextProps = {
+    variant: "label_large",
+    weight: FontWeightEnum.BOLD,
+    ...secondaryTextProps,
+    className: merge(textStyle, disabled && "opacity-60", secondaryTextProps.className)
+  };
   return /*#__PURE__*/_jsxs(Pressable, {
     ref: ref,
     disabled: disabled,
@@ -80,31 +90,26 @@ export function ActionButton(props) {
     onPressIn: handlePressIn,
     onPressOut: handlePressOut,
     accessibilityRole: "button",
-    accessibilityLabel: accessibilityLabel || `${label}${subtitle ? ` ${subtitle}` : ""}`,
+    accessibilityLabel: accessibilityLabel || `${primaryText}${secondaryText ? ` ${secondaryText}` : ""}`,
     accessibilityState: {
       disabled: disabled
     },
     pointerEvents: disabled ? "none" : "auto",
     ...rest,
     children: [/*#__PURE__*/_jsx(View, {
-      className: merge("flex items-start shrink-0", disabled && "opacity-60", iconClassName),
+      className: merge("flex items-start shrink-0", disabled && "opacity-60", iconContainerClassName),
       children: iconWithColor
     }), /*#__PURE__*/_jsxs(View, {
       className: "shrink-0",
       children: [/*#__PURE__*/_jsx(Typography, {
-        variant: "label_large",
-        weight: labelWeight,
-        className: merge(textStyle, disabled && "opacity-60", labelClassName),
-        children: label
-      }), subtitle && /*#__PURE__*/_jsx(Typography, {
-        variant: "label_large",
-        weight: subtitleWeight,
-        className: merge(textStyle, disabled && "opacity-60", subtitleClassName),
-        children: subtitle
+        ...mergedPrimaryTextProps,
+        children: primaryText
+      }), secondaryText && /*#__PURE__*/_jsx(Typography, {
+        ...mergedSecondaryTextProps,
+        children: secondaryText
       })]
     })]
   });
 }
 ActionButton.displayName = "ActionButton";
-export { ActionButtonCorners, ActionButtonProps, ActionButtonVariant } from "./types.js";
 //# sourceMappingURL=index.js.map

package/dist/module/components/ActionButton/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["merge","React","Pressable","View","CornersEnum","FontWeightEnum","Typography","menuCardVariants","textVariants","jsx","_jsx","jsxs","_jsxs","ActionButton","props","icon","label","subtitle","variant","corners","MEDIUM","disabled","className","iconClassName","labelClassName","subtitleClassName","labelWeight","subtitleWeight","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","isPressed","setIsPressed","useState","pressedColorMap","grape","java","pear","tangerine","blackberry","chia","outline","containerStyle","textStyle","iconColorMap","iconWithColor","isValidElement","cloneElement","color","handlePressIn","event","handlePressOut","accessibilityRole","accessibilityState","pointerEvents","children","weight","displayName","ActionButtonCorners","ActionButtonProps","ActionButtonVariant"],"sourceRoot":"../../../../src","sources":["components/ActionButton/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["merge","React","Pressable","View","CornersEnum","FontWeightEnum","Typography","menuCardVariants","textVariants","jsx","_jsx","jsxs","_jsxs","ActionButton","props","icon","primaryText","secondaryText","primaryTextProps","secondaryTextProps","variant","corners","MEDIUM","disabled","className","iconContainerClassName","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","isPressed","setIsPressed","useState","pressedColorMap","grape","java","pear","tangerine","blackberry","chia","outline","containerStyle","iconColorMap","iconWithColor","isValidElement","cloneElement","handlePressIn","event","handlePressOut","textStyle","mergedPrimaryTextProps","weight","mergedSecondaryTextProps","BOLD","accessibilityRole","accessibilityState","pointerEvents","children","displayName"],"sourceRoot":"../../../../src","sources":["components/ActionButton/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/typescript/components/ActionButton/index.d.ts

@@ -4,4 +4,3 @@ export declare function ActionButton(props: ActionButtonProps): React.JSX.Elemen
 export declare namespace ActionButton {
     var displayName: string;
 }
-export { ActionButtonCorners, ActionButtonProps, ActionButtonVariant } from "./types";

package/dist/typescript/components/ActionButton/types.d.ts

@@ -1,6 +1,7 @@
 import type { VariantProps } from "class-variance-authority";
 import { PressableProps, View } from "react-native";
-import { CornersEnum, FontWeightEnum } from "../../enums";
+import { CornersEnum } from "../../enums";
+import { TypographyProps } from "../Typography/types";
 import { menuCardVariants } from "./assets/class-variants";
 export type ActionButtonVariant = "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline";
 export type ActionButtonCorners = CornersEnum.SMALL | CornersEnum.MEDIUM | CornersEnum.LARGE;
@@ -10,13 +11,21 @@ export interface ActionButtonProps extends VariantProps<typeof menuCardVariants>
      */
     icon: React.ReactNode;
     /**
-     * The main label text
+     * The primary text (main label)
      */
-    label: string;
+    primaryText: string;
     /**
-     * The subtitle text below the label
+     * The secondary text below the primary text
      */
-    subtitle?: string;
+    secondaryText?: string;
+    /**
+     * Props to pass to the primary text Typography component
+     */
+    primaryTextProps?: Omit<TypographyProps, "children">;
+    /**
+     * Props to pass to the secondary text Typography component
+     */
+    secondaryTextProps?: Omit<TypographyProps, "children">;
     /**
      * Visual style variant of the card
      */
@@ -36,25 +45,7 @@ export interface ActionButtonProps extends VariantProps<typeof menuCardVariants>
     /**
      * Additional class names for the icon container
      */
-    iconClassName?: string;
-    /**
-     * Additional class names for the label text
-     */
-    labelClassName?: string;
-    /**
-     * Additional class names for the subtitle text
-     */
-    subtitleClassName?: string;
-    /**
-     * Font weight for the label text
-     * @default FontWeightEnum.MEDIUM
-     */
-    labelWeight?: FontWeightEnum;
-    /**
-     * Font weight for the subtitle text
-     * @default FontWeightEnum.MEDIUM
-     */
-    subtitleWeight?: FontWeightEnum;
+    iconContainerClassName?: string;
     /**
      * Callback when card is pressed
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kivid/native-components",
-  "version": "1.0.0-alpha.15",
+  "version": "1.0.0-alpha.16",
   "description": "A React Native component library for the Butterfly Design System.",
   "repository": {
     "type": "git",
@@ -79,8 +79,8 @@
     "react": "19.0.0",
     "ts-jest": "^29.2.5",
     "typescript": "~5.8.3",
-    "@kivid/tailwind-preset": "1.0.0-alpha.15",
-    "@kivid/icons": "1.0.0-alpha.15"
+    "@kivid/tailwind-preset": "1.0.0-alpha.16",
+    "@kivid/icons": "1.0.0-alpha.16"
   },
   "peerDependencies": {
     "@lottiefiles/dotlottie-react": "^0.15.1",
@@ -90,8 +90,8 @@
     "react-native-svg": "^15.12.0",
     "react-native": "0.79.5",
     "react": "19.0.0",
-    "@kivid/tailwind-preset": "1.0.0-alpha.15",
-    "@kivid/icons": "1.0.0-alpha.15"
+    "@kivid/tailwind-preset": "1.0.0-alpha.16",
+    "@kivid/icons": "1.0.0-alpha.16"
   },
   "eslintIgnore": [
     "node_modules/",

package/src/components/ActionButton/assets/class-variants.ts

@@ -15,19 +15,10 @@ export const menuCardVariants = cva(
         grape: ["bg-grape-500", "disabled:bg-grape-200"],
         java: ["bg-java-500", "disabled:bg-java-200"],
         pear: ["bg-pear-500", "disabled:bg-pear-200"],
-        tangerine: [
-          "bg-tangerine-500",
-          "disabled:bg-tangerine-200",
-        ],
-        blackberry: [
-          "bg-blackberry-500",
-          "disabled:bg-blackberry-200",
-        ],
+        tangerine: ["bg-tangerine-500", "disabled:bg-tangerine-200"],
+        blackberry: ["bg-blackberry-500", "disabled:bg-blackberry-200"],
         chia: ["bg-chia-700", "disabled:bg-chia-400"],
-        outline: [
-          "border-100 border-chia-400",
-          "disabled:border-chia-300",
-        ],
+        outline: ["border-100 border-chia-400", "disabled:border-chia-300"],
       },
       corners: {
         [CornersEnum.SMALL]: "rounded-700",

package/src/components/ActionButton/index.tsx

@@ -3,26 +3,21 @@ import React from "react";
 import { Pressable, View } from "react-native";
 import { CornersEnum, FontWeightEnum } from "../../enums";
 import { Typography } from "../Typography";
-import {
-  menuCardVariants,
-  textVariants,
-} from "./assets/class-variants";
+import { menuCardVariants, textVariants } from "./assets/class-variants";
 import type { ActionButtonProps } from "./types";
 
 export function ActionButton(props: ActionButtonProps) {
   const {
     icon,
-    label,
-    subtitle,
+    primaryText,
+    secondaryText,
+    primaryTextProps = {},
+    secondaryTextProps = {},
     variant = "grape",
     corners = CornersEnum.MEDIUM,
     disabled = false,
     className,
-    iconClassName,
-    labelClassName,
-    subtitleClassName,
-    labelWeight = FontWeightEnum.MEDIUM,
-    subtitleWeight = FontWeightEnum.MEDIUM,
+    iconContainerClassName,
     onPress,
     accessibilityLabel,
     ref,
@@ -53,23 +48,24 @@ export function ActionButton(props: ActionButtonProps) {
     className
   );
 
-  const textStyle = merge(textVariants({ variant }));
-
   // Define icon colors based on variant
   const iconColorMap = {
-    grape: "#FAFCFC", // chia-100
-    java: "#FAFCFC",
-    pear: "#FAFCFC",
-    tangerine: "#FAFCFC",
-    blackberry: "#FAFCFC",
-    chia: "#FAFCFC",
-    outline: "#393E3E", // chia-900
+    grape: "text-chia-100", // chia-100
+    java: "text-chia-100",
+    pear: "text-chia-100",
+    tangerine: "text-chia-100",
+    blackberry: "text-chia-100",
+    chia: "text-chia-100",
+    outline: "text-chia-900", // chia-900
   };
 
   // Clone icon element to pass color prop
   const iconWithColor = React.isValidElement(icon)
     ? React.cloneElement(icon as React.ReactElement<any>, {
-        color: iconColorMap[variant],
+        className: merge(
+          iconColorMap[variant],
+          (icon as React.ReactElement<any>).props?.className || ""
+        ),
       })
     : icon;
 
@@ -83,6 +79,30 @@ export function ActionButton(props: ActionButtonProps) {
     onPressOut?.(event);
   };
 
+  const textStyle = merge(textVariants({ variant }));
+
+  const mergedPrimaryTextProps = {
+    variant: "label_large" as const,
+    weight: FontWeightEnum.MEDIUM as const,
+    ...primaryTextProps,
+    className: merge(
+      textStyle,
+      disabled && "opacity-60",
+      primaryTextProps.className
+    ),
+  };
+
+  const mergedSecondaryTextProps = {
+    variant: "label_large" as const,
+    weight: FontWeightEnum.BOLD as const,
+    ...secondaryTextProps,
+    className: merge(
+      textStyle,
+      disabled && "opacity-60",
+      secondaryTextProps.className
+    ),
+  };
+
   return (
     <Pressable
       ref={ref}
@@ -92,7 +112,10 @@ export function ActionButton(props: ActionButtonProps) {
       onPressIn={handlePressIn}
       onPressOut={handlePressOut}
       accessibilityRole="button"
-      accessibilityLabel={accessibilityLabel || `${label}${subtitle ? ` ${subtitle}` : ""}`}
+      accessibilityLabel={
+        accessibilityLabel ||
+        `${primaryText}${secondaryText ? ` ${secondaryText}` : ""}`
+      }
       accessibilityState={{
         disabled: disabled,
       }}
@@ -100,27 +123,21 @@ export function ActionButton(props: ActionButtonProps) {
       {...rest}
     >
       {/* Icon Container */}
-      <View className={merge("flex items-start shrink-0", disabled && "opacity-60", iconClassName)}>
+      <View
+        className={merge(
+          "flex items-start shrink-0",
+          disabled && "opacity-60",
+          iconContainerClassName
+        )}
+      >
         {iconWithColor}
       </View>
 
       {/* Label Container */}
       <View className="shrink-0">
-        <Typography
-          variant="label_large"
-          weight={labelWeight as any}
-          className={merge(textStyle, disabled && "opacity-60", labelClassName)}
-        >
-          {label}
-        </Typography>
-        {subtitle && (
-          <Typography
-            variant="label_large"
-            weight={subtitleWeight as any}
-            className={merge(textStyle, disabled && "opacity-60", subtitleClassName)}
-          >
-            {subtitle}
-          </Typography>
+        <Typography {...mergedPrimaryTextProps}>{primaryText}</Typography>
+        {secondaryText && (
+          <Typography {...mergedSecondaryTextProps}>{secondaryText}</Typography>
         )}
       </View>
     </Pressable>
@@ -128,6 +145,3 @@ export function ActionButton(props: ActionButtonProps) {
 }
 
 ActionButton.displayName = "ActionButton";
-
-export { ActionButtonCorners, ActionButtonProps, ActionButtonVariant } from "./types";
-

package/src/components/ActionButton/types.ts

@@ -1,6 +1,7 @@
 import type { VariantProps } from "class-variance-authority";
 import { PressableProps, View } from "react-native";
-import { CornersEnum, FontWeightEnum } from "../../enums";
+import { CornersEnum } from "../../enums";
+import { TypographyProps } from "../Typography/types";
 import { menuCardVariants } from "./assets/class-variants";
 
 export type ActionButtonVariant =
@@ -25,13 +26,21 @@ export interface ActionButtonProps
    */
   icon: React.ReactNode;
   /**
-   * The main label text
+   * The primary text (main label)
    */
-  label: string;
+  primaryText: string;
   /**
-   * The subtitle text below the label
+   * The secondary text below the primary text
    */
-  subtitle?: string;
+  secondaryText?: string;
+  /**
+   * Props to pass to the primary text Typography component
+   */
+  primaryTextProps?: Omit<TypographyProps, "children">;
+  /**
+   * Props to pass to the secondary text Typography component
+   */
+  secondaryTextProps?: Omit<TypographyProps, "children">;
   /**
    * Visual style variant of the card
    */
@@ -51,25 +60,7 @@ export interface ActionButtonProps
   /**
    * Additional class names for the icon container
    */
-  iconClassName?: string;
-  /**
-   * Additional class names for the label text
-   */
-  labelClassName?: string;
-  /**
-   * Additional class names for the subtitle text
-   */
-  subtitleClassName?: string;
-  /**
-   * Font weight for the label text
-   * @default FontWeightEnum.MEDIUM
-   */
-  labelWeight?: FontWeightEnum;
-  /**
-   * Font weight for the subtitle text
-   * @default FontWeightEnum.MEDIUM
-   */
-  subtitleWeight?: FontWeightEnum;
+  iconContainerClassName?: string;
   /**
    * Callback when card is pressed
    */