@kivid/native-components 1.0.0-alpha.11 → 1.0.0-alpha.13

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.textVariants = exports.menuCardVariants = void 0;
 var _classVarianceAuthority = require("class-variance-authority");
 var _index = require("../../../enums/index.js");
-const menuCardVariants = exports.menuCardVariants = (0, _classVarianceAuthority.cva)(["flex-col justify-between items-start gap-400", "relative", "min-h-[120px]"], {
+const menuCardVariants = exports.menuCardVariants = (0, _classVarianceAuthority.cva)(["flex-col justify-between items-start", "relative", "min-h-[120px]", "p-[16px]", "overflow-hidden"], {
   variants: {
     variant: {
       grape: ["bg-grape-500", "disabled:bg-grape-200"],
@@ -19,7 +19,7 @@ const menuCardVariants = exports.menuCardVariants = (0, _classVarianceAuthority.
     },
     corners: {
       [_index.CornersEnum.SMALL]: "rounded-700",
-      [_index.CornersEnum.MEDIUM]: "rounded-700",
+      [_index.CornersEnum.MEDIUM]: "rounded-[16px]",
       [_index.CornersEnum.LARGE]: "rounded-700"
     }
   },

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,8CAA8C,EAC9C,UAAU,EACV,eAAe,CAChB,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,aAAa;MACnC,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,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":[]}

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

@@ -40,6 +40,11 @@ function ActionButton(props) {
     corners = _index.CornersEnum.MEDIUM,
     disabled = false,
     className,
+    iconClassName,
+    labelClassName,
+    subtitleClassName,
+    labelWeight = _index.FontWeightEnum.MEDIUM,
+    subtitleWeight = _index.FontWeightEnum.MEDIUM,
     onPress,
     accessibilityLabel,
     ref,
@@ -49,10 +54,6 @@ function ActionButton(props) {
   } = props;
   const [isPressed, setIsPressed] = _react.default.useState(false);
 
-  // Figma design system specifies Corner 400: 16px and Space 600: 16px for all ActionButton variants
-  const borderRadius = 16;
-  const padding = 16;
-
   // Map pressed state colors according to Figma design (darker variants)
   const pressedColorMap = {
     grape: "bg-grape-700",
@@ -99,11 +100,6 @@ function ActionButton(props) {
     ref: ref,
     disabled: disabled,
     className: containerStyle,
-    style: {
-      borderRadius,
-      padding,
-      overflow: 'hidden'
-    },
     onPress: onPress,
     onPressIn: handlePressIn,
     onPressOut: handlePressOut,
@@ -115,19 +111,19 @@ function ActionButton(props) {
     pointerEvents: disabled ? "none" : "auto",
     ...rest,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      className: (0, _tailwindPreset.merge)("flex items-start shrink-0", disabled && "opacity-60"),
+      className: (0, _tailwindPreset.merge)("flex items-start shrink-0", disabled && "opacity-60", iconClassName),
       children: iconWithColor
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       className: "shrink-0",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
         variant: "label_large",
-        weight: "500",
-        className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60"),
+        weight: labelWeight,
+        className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60", labelClassName),
         children: label
       }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
         variant: "label_large",
-        weight: "500",
-        className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60"),
+        weight: subtitleWeight,
+        className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60", subtitleClassName),
         children: subtitle
       })]
     })]

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","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","isPressed","setIsPressed","React","useState","borderRadius","padding","pressedColorMap","grape","java","pear","tangerine","blackberry","chia","outline","containerStyle","merge","menuCardVariants","textStyle","textVariants","iconColorMap","iconWithColor","isValidElement","cloneElement","color","handlePressIn","event","handlePressOut","jsxs","Pressable","style","overflow","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","_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":[]}

package/dist/commonjs/enums/font-weight.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FontWeightEnum = void 0;
+let FontWeightEnum = exports.FontWeightEnum = /*#__PURE__*/function (FontWeightEnum) {
+  FontWeightEnum["LIGHT"] = "100";
+  FontWeightEnum["THIN"] = "200";
+  FontWeightEnum["REGULAR"] = "400";
+  FontWeightEnum["MEDIUM"] = "500";
+  FontWeightEnum["SEMIBOLD"] = "600";
+  FontWeightEnum["BOLD"] = "700";
+  FontWeightEnum["EXTRA_BOLD"] = "800";
+  FontWeightEnum["BLACK"] = "900";
+  return FontWeightEnum;
+}({});
+//# sourceMappingURL=font-weight.js.map

package/dist/commonjs/enums/font-weight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FontWeightEnum","exports"],"sourceRoot":"../../../src","sources":["enums/font-weight.ts"],"mappings":";;;;;;IAAYA,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}

package/dist/commonjs/enums/index.js

@@ -3,25 +3,36 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _size = require("./size.js");
-Object.keys(_size).forEach(function (key) {
+var _corners = require("./corners.js");
+Object.keys(_corners).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _size[key]) return;
+  if (key in exports && exports[key] === _corners[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _size[key];
+      return _corners[key];
     }
   });
 });
-var _corners = require("./corners.js");
-Object.keys(_corners).forEach(function (key) {
+var _fontWeight = require("./font-weight.js");
+Object.keys(_fontWeight).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _corners[key]) return;
+  if (key in exports && exports[key] === _fontWeight[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _corners[key];
+      return _fontWeight[key];
+    }
+  });
+});
+var _size = require("./size.js");
+Object.keys(_size).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _size[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _size[key];
     }
   });
 });

package/dist/commonjs/enums/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_size","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_corners","_stateVariant"],"sourceRoot":"../../../src","sources":["enums/index.ts"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,QAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,QAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,QAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,QAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,aAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_corners","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_fontWeight","_size","_stateVariant"],"sourceRoot":"../../../src","sources":["enums/index.ts"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,KAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,KAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,KAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,KAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,aAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,aAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,aAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,aAAA,CAAAP,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

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

@@ -2,7 +2,7 @@
 
 import { cva } from "class-variance-authority";
 import { CornersEnum } from "../../../enums/index.js";
-export const menuCardVariants = cva(["flex-col justify-between items-start gap-400", "relative", "min-h-[120px]"], {
+export const menuCardVariants = cva(["flex-col justify-between items-start", "relative", "min-h-[120px]", "p-[16px]", "overflow-hidden"], {
   variants: {
     variant: {
       grape: ["bg-grape-500", "disabled:bg-grape-200"],
@@ -15,7 +15,7 @@ export const menuCardVariants = cva(["flex-col justify-between items-start gap-4
     },
     corners: {
       [CornersEnum.SMALL]: "rounded-700",
-      [CornersEnum.MEDIUM]: "rounded-700",
+      [CornersEnum.MEDIUM]: "rounded-[16px]",
       [CornersEnum.LARGE]: "rounded-700"
     }
   },

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,8CAA8C,EAC9C,UAAU,EACV,eAAe,CAChB,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,aAAa;MACnC,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,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":[]}

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

@@ -3,7 +3,7 @@
 import { merge } from "@kivid/tailwind-preset";
 import React from "react";
 import { Pressable, View } from "react-native";
-import { CornersEnum } from "../../enums/index.js";
+import { CornersEnum, FontWeightEnum } from "../../enums/index.js";
 import { Typography } from "../Typography/index.js";
 import { menuCardVariants, textVariants } from "./assets/class-variants.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -16,6 +16,11 @@ export function ActionButton(props) {
     corners = CornersEnum.MEDIUM,
     disabled = false,
     className,
+    iconClassName,
+    labelClassName,
+    subtitleClassName,
+    labelWeight = FontWeightEnum.MEDIUM,
+    subtitleWeight = FontWeightEnum.MEDIUM,
     onPress,
     accessibilityLabel,
     ref,
@@ -25,10 +30,6 @@ export function ActionButton(props) {
   } = props;
   const [isPressed, setIsPressed] = React.useState(false);
 
-  // Figma design system specifies Corner 400: 16px and Space 600: 16px for all ActionButton variants
-  const borderRadius = 16;
-  const padding = 16;
-
   // Map pressed state colors according to Figma design (darker variants)
   const pressedColorMap = {
     grape: "bg-grape-700",
@@ -75,11 +76,6 @@ export function ActionButton(props) {
     ref: ref,
     disabled: disabled,
     className: containerStyle,
-    style: {
-      borderRadius,
-      padding,
-      overflow: 'hidden'
-    },
     onPress: onPress,
     onPressIn: handlePressIn,
     onPressOut: handlePressOut,
@@ -91,19 +87,19 @@ export function ActionButton(props) {
     pointerEvents: disabled ? "none" : "auto",
     ...rest,
     children: [/*#__PURE__*/_jsx(View, {
-      className: merge("flex items-start shrink-0", disabled && "opacity-60"),
+      className: merge("flex items-start shrink-0", disabled && "opacity-60", iconClassName),
       children: iconWithColor
     }), /*#__PURE__*/_jsxs(View, {
       className: "shrink-0",
       children: [/*#__PURE__*/_jsx(Typography, {
         variant: "label_large",
-        weight: "500",
-        className: merge(textStyle, disabled && "opacity-60"),
+        weight: labelWeight,
+        className: merge(textStyle, disabled && "opacity-60", labelClassName),
         children: label
       }), subtitle && /*#__PURE__*/_jsx(Typography, {
         variant: "label_large",
-        weight: "500",
-        className: merge(textStyle, disabled && "opacity-60"),
+        weight: subtitleWeight,
+        className: merge(textStyle, disabled && "opacity-60", subtitleClassName),
         children: subtitle
       })]
     })]

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

@@ -1 +1 @@
-{"version":3,"names":["merge","React","Pressable","View","CornersEnum","Typography","menuCardVariants","textVariants","jsx","_jsx","jsxs","_jsxs","ActionButton","props","icon","label","subtitle","variant","corners","MEDIUM","disabled","className","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","isPressed","setIsPressed","useState","borderRadius","padding","pressedColorMap","grape","java","pear","tangerine","blackberry","chia","outline","containerStyle","textStyle","iconColorMap","iconWithColor","isValidElement","cloneElement","color","handlePressIn","event","handlePressOut","style","overflow","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","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":";;AAAA,SAASA,KAAK,QAAQ,wBAAwB;AAC9C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,WAAW,EAAEC,cAAc,QAAQ,sBAAa;AACzD,SAASC,UAAU,QAAQ,wBAAe;AAC1C,SACEC,gBAAgB,EAChBC,YAAY,QACP,4BAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjC,OAAO,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAM;IACJC,IAAI;IACJC,KAAK;IACLC,QAAQ;IACRC,OAAO,GAAG,OAAO;IACjBC,OAAO,GAAGf,WAAW,CAACgB,MAAM;IAC5BC,QAAQ,GAAG,KAAK;IAChBC,SAAS;IACTC,aAAa;IACbC,cAAc;IACdC,iBAAiB;IACjBC,WAAW,GAAGrB,cAAc,CAACe,MAAM;IACnCO,cAAc,GAAGtB,cAAc,CAACe,MAAM;IACtCQ,OAAO;IACPC,kBAAkB;IAClBC,GAAG;IACHC,SAAS;IACTC,UAAU;IACV,GAAGC;EACL,CAAC,GAAGnB,KAAK;EAET,MAAM,CAACoB,SAAS,EAAEC,YAAY,CAAC,GAAGlC,KAAK,CAACmC,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,GAAG7C,KAAK,CAC1BO,gBAAgB,CAAC;IACfW,OAAO;IACPC;EACF,CAAC,CAAC,EACFe,SAAS,IAAI,CAACb,QAAQ,IAAIgB,eAAe,CAACnB,OAAO,CAAC,EAClDI,SACF,CAAC;EAED,MAAMwB,SAAS,GAAG9C,KAAK,CAACQ,YAAY,CAAC;IAAEU;EAAQ,CAAC,CAAC,CAAC;;EAElD;EACA,MAAM6B,YAAY,GAAG;IACnBT,KAAK,EAAE,SAAS;IAAE;IAClBC,IAAI,EAAE,SAAS;IACfC,IAAI,EAAE,SAAS;IACfC,SAAS,EAAE,SAAS;IACpBC,UAAU,EAAE,SAAS;IACrBC,IAAI,EAAE,SAAS;IACfC,OAAO,EAAE,SAAS,CAAE;EACtB,CAAC;;EAED;EACA,MAAMI,aAAa,GAAG,aAAA/C,KAAK,CAACgD,cAAc,CAAClC,IAAI,CAAC,gBAC5Cd,KAAK,CAACiD,YAAY,CAACnC,IAAI,EAA6B;IAClDoC,KAAK,EAAEJ,YAAY,CAAC7B,OAAO;EAC7B,CAAC,CAAC,GACFH,IAAI;EAER,MAAMqC,aAAa,GAAIC,KAAU,IAAK;IACpClB,YAAY,CAAC,IAAI,CAAC;IAClBJ,SAAS,GAAGsB,KAAK,CAAC;EACpB,CAAC;EAED,MAAMC,cAAc,GAAID,KAAU,IAAK;IACrClB,YAAY,CAAC,KAAK,CAAC;IACnBH,UAAU,GAAGqB,KAAK,CAAC;EACrB,CAAC;EAED,oBACEzC,KAAA,CAACV,SAAS;IACR4B,GAAG,EAAEA,GAAI;IACTT,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEuB,cAAe;IAC1BjB,OAAO,EAAEA,OAAQ;IACjBG,SAAS,EAAEqB,aAAc;IACzBpB,UAAU,EAAEsB,cAAe;IAC3BC,iBAAiB,EAAC,QAAQ;IAC1B1B,kBAAkB,EAAEA,kBAAkB,IAAI,GAAGb,KAAK,GAAGC,QAAQ,GAAG,IAAIA,QAAQ,EAAE,GAAG,EAAE,EAAG;IACtFuC,kBAAkB,EAAE;MAClBnC,QAAQ,EAAEA;IACZ,CAAE;IACFoC,aAAa,EAAEpC,QAAQ,GAAG,MAAM,GAAG,MAAO;IAAA,GACtCY,IAAI;IAAAyB,QAAA,gBAGRhD,IAAA,CAACP,IAAI;MAACmB,SAAS,EAAEtB,KAAK,CAAC,2BAA2B,EAAEqB,QAAQ,IAAI,YAAY,EAAEE,aAAa,CAAE;MAAAmC,QAAA,EAC1FV;IAAa,CACV,CAAC,eAGPpC,KAAA,CAACT,IAAI;MAACmB,SAAS,EAAC,UAAU;MAAAoC,QAAA,gBACxBhD,IAAA,CAACJ,UAAU;QACTY,OAAO,EAAC,aAAa;QACrByC,MAAM,EAAEjC,WAAmB;QAC3BJ,SAAS,EAAEtB,KAAK,CAAC8C,SAAS,EAAEzB,QAAQ,IAAI,YAAY,EAAEG,cAAc,CAAE;QAAAkC,QAAA,EAErE1C;MAAK,CACI,CAAC,EACZC,QAAQ,iBACPP,IAAA,CAACJ,UAAU;QACTY,OAAO,EAAC,aAAa;QACrByC,MAAM,EAAEhC,cAAsB;QAC9BL,SAAS,EAAEtB,KAAK,CAAC8C,SAAS,EAAEzB,QAAQ,IAAI,YAAY,EAAEI,iBAAiB,CAAE;QAAAiC,QAAA,EAExEzC;MAAQ,CACC,CACb;IAAA,CACG,CAAC;EAAA,CACE,CAAC;AAEhB;AAEAJ,YAAY,CAAC+C,WAAW,GAAG,cAAc;AAEzC,SAASC,mBAAmB,EAAEC,iBAAiB,EAAEC,mBAAmB,QAAQ,YAAS","ignoreList":[]}

package/dist/module/enums/font-weight.js

@@ -0,0 +1,14 @@
+"use strict";
+
+export let FontWeightEnum = /*#__PURE__*/function (FontWeightEnum) {
+  FontWeightEnum["LIGHT"] = "100";
+  FontWeightEnum["THIN"] = "200";
+  FontWeightEnum["REGULAR"] = "400";
+  FontWeightEnum["MEDIUM"] = "500";
+  FontWeightEnum["SEMIBOLD"] = "600";
+  FontWeightEnum["BOLD"] = "700";
+  FontWeightEnum["EXTRA_BOLD"] = "800";
+  FontWeightEnum["BLACK"] = "900";
+  return FontWeightEnum;
+}({});
+//# sourceMappingURL=font-weight.js.map

package/dist/module/enums/font-weight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FontWeightEnum"],"sourceRoot":"../../../src","sources":["enums/font-weight.ts"],"mappings":";;AAAA,WAAYA,cAAc,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}

package/dist/module/enums/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
-export * from "./size.js";
 export * from "./corners.js";
+export * from "./font-weight.js";
+export * from "./size.js";
 export * from "./state-variant.js";
 //# sourceMappingURL=index.js.map

package/dist/module/enums/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["enums/index.ts"],"mappings":";;AAAA,cAAc,WAAQ;AACtB,cAAc,cAAW;AACzB,cAAc,oBAAiB","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["enums/index.ts"],"mappings":";;AAAA,cAAc,cAAW;AACzB,cAAc,kBAAe;AAC7B,cAAc,WAAQ;AACtB,cAAc,oBAAiB","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import type { VariantProps } from "class-variance-authority";
 import { PressableProps, View } from "react-native";
-import { CornersEnum } from "../../enums";
+import { CornersEnum, FontWeightEnum } from "../../enums";
 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;
@@ -30,9 +30,31 @@ export interface ActionButtonProps extends VariantProps<typeof menuCardVariants>
      */
     disabled?: boolean;
     /**
-     * Additional class names
+     * Additional class names for the main container
      */
     className?: string;
+    /**
+     * 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;
     /**
      * Callback when card is pressed
      */

package/dist/typescript/components/Typography/assets/class-variants.d.ts

@@ -1,4 +1,4 @@
 export declare const typographyVariants: (props?: ({
     variant?: "label_small" | "label_medium" | "label_large" | "body_small" | "body_medium" | "body_large" | "title_small" | "title_medium" | "title_large" | "headline_small" | "headline_medium" | "headline_large" | "display_small" | "display_medium" | "display_large" | null | undefined;
-    weight?: "400" | "200" | "300" | "500" | "600" | "700" | "800" | "900" | null | undefined;
+    weight?: "200" | "400" | "500" | "600" | "700" | "800" | "900" | "300" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/typescript/enums/font-weight.d.ts

@@ -0,0 +1,10 @@
+export declare enum FontWeightEnum {
+    LIGHT = "100",
+    THIN = "200",
+    REGULAR = "400",
+    MEDIUM = "500",
+    SEMIBOLD = "600",
+    BOLD = "700",
+    EXTRA_BOLD = "800",
+    BLACK = "900"
+}

package/dist/typescript/enums/index.d.ts

@@ -1,3 +1,4 @@
-export * from "./size";
 export * from "./corners";
+export * from "./font-weight";
+export * from "./size";
 export * from "./state-variant";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kivid/native-components",
-  "version": "1.0.0-alpha.11",
+  "version": "1.0.0-alpha.13",
   "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/icons": "1.0.0-alpha.10",
-    "@kivid/tailwind-preset": "1.0.0-alpha.10"
+    "@kivid/tailwind-preset": "1.0.0-alpha.10",
+    "@kivid/icons": "1.0.0-alpha.10"
   },
   "peerDependencies": {
     "@lottiefiles/dotlottie-react": "^0.15.1",

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

@@ -3,9 +3,11 @@ import { CornersEnum } from "../../../enums";
 
 export const menuCardVariants = cva(
   [
-    "flex-col justify-between items-start gap-400",
+    "flex-col justify-between items-start",
     "relative",
     "min-h-[120px]",
+    "p-[16px]",
+    "overflow-hidden",
   ],
   {
     variants: {
@@ -29,7 +31,7 @@ export const menuCardVariants = cva(
       },
       corners: {
         [CornersEnum.SMALL]: "rounded-700",
-        [CornersEnum.MEDIUM]: "rounded-700",
+        [CornersEnum.MEDIUM]: "rounded-[16px]",
         [CornersEnum.LARGE]: "rounded-700",
       },
     },

package/src/components/ActionButton/index.tsx

@@ -1,7 +1,7 @@
 import { merge } from "@kivid/tailwind-preset";
 import React from "react";
 import { Pressable, View } from "react-native";
-import { CornersEnum } from "../../enums";
+import { CornersEnum, FontWeightEnum } from "../../enums";
 import { Typography } from "../Typography";
 import {
   menuCardVariants,
@@ -18,6 +18,11 @@ export function ActionButton(props: ActionButtonProps) {
     corners = CornersEnum.MEDIUM,
     disabled = false,
     className,
+    iconClassName,
+    labelClassName,
+    subtitleClassName,
+    labelWeight = FontWeightEnum.MEDIUM,
+    subtitleWeight = FontWeightEnum.MEDIUM,
     onPress,
     accessibilityLabel,
     ref,
@@ -28,10 +33,6 @@ export function ActionButton(props: ActionButtonProps) {
 
   const [isPressed, setIsPressed] = React.useState(false);
 
-  // Figma design system specifies Corner 400: 16px and Space 600: 16px for all ActionButton variants
-  const borderRadius = 16;
-  const padding = 16;
-
   // Map pressed state colors according to Figma design (darker variants)
   const pressedColorMap: Record<typeof variant, string> = {
     grape: "bg-grape-700",
@@ -87,11 +88,6 @@ export function ActionButton(props: ActionButtonProps) {
       ref={ref}
       disabled={disabled}
       className={containerStyle}
-      style={{
-        borderRadius,
-        padding,
-        overflow: 'hidden',
-      }}
       onPress={onPress}
       onPressIn={handlePressIn}
       onPressOut={handlePressOut}
@@ -104,15 +100,25 @@ export function ActionButton(props: ActionButtonProps) {
       {...rest}
     >
       {/* Icon Container */}
-      <View className={merge("flex items-start shrink-0", disabled && "opacity-60")}>{iconWithColor}</View>
+      <View className={merge("flex items-start shrink-0", disabled && "opacity-60", iconClassName)}>
+        {iconWithColor}
+      </View>
 
       {/* Label Container */}
       <View className="shrink-0">
-        <Typography variant="label_large" weight="500" className={merge(textStyle, disabled && "opacity-60")}>
+        <Typography
+          variant="label_large"
+          weight={labelWeight as any}
+          className={merge(textStyle, disabled && "opacity-60", labelClassName)}
+        >
           {label}
         </Typography>
         {subtitle && (
-          <Typography variant="label_large" weight="500" className={merge(textStyle, disabled && "opacity-60")}>
+          <Typography
+            variant="label_large"
+            weight={subtitleWeight as any}
+            className={merge(textStyle, disabled && "opacity-60", subtitleClassName)}
+          >
             {subtitle}
           </Typography>
         )}

package/src/components/ActionButton/types.ts

@@ -1,6 +1,6 @@
 import type { VariantProps } from "class-variance-authority";
 import { PressableProps, View } from "react-native";
-import { CornersEnum } from "../../enums";
+import { CornersEnum, FontWeightEnum } from "../../enums";
 import { menuCardVariants } from "./assets/class-variants";
 
 export type ActionButtonVariant =
@@ -45,9 +45,31 @@ export interface ActionButtonProps
    */
   disabled?: boolean;
   /**
-   * Additional class names
+   * Additional class names for the main container
    */
   className?: string;
+  /**
+   * 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;
   /**
    * Callback when card is pressed
    */

package/src/enums/font-weight.ts

@@ -0,0 +1,10 @@
+export enum FontWeightEnum {
+    LIGHT = "100",
+    THIN = "200",
+    REGULAR = "400",
+    MEDIUM = "500",
+    SEMIBOLD = "600",
+    BOLD = "700",
+    EXTRA_BOLD = "800",
+    BLACK = "900",
+}

package/src/enums/index.ts

@@ -1,3 +1,5 @@
-export * from "./size";
 export * from "./corners";
+export * from "./font-weight";
+export * from "./size";
 export * from "./state-variant";
+