@kivid/native-components 1.0.0-alpha.2 → 1.0.0-alpha.21

package/README.md

@@ -1,57 +1 @@
-![picture of storybook](https://github.com/user-attachments/assets/cf98766d-8b90-44ab-b718-94ab16e63205)
-
-# getting started
-
-```sh
-npx create-expo-app --template expo-template-storybook AwesomeStorybook
-```
-
-or
-
-```sh
-yarn create expo-app --template expo-template-storybook AwesomeStorybook
-```
-
-# app
-
-```sh
-yarn start
-```
-
-# RN Storybook (ondevice)
-
-In this template you can now run `yarn storybook` to start ondevice storybook or `yarn start` to start your expo app.
-This works via env variables and expo constants.
-
-```sh
-# either
-yarn storybook
-
-# ios
-yarn storybook:ios
-
-# android
-yarn storybook:android
-```
-
-If you add new stories on the native (ondevice version) you either need to have the watcher running or run the stories loader
-
-To update the stories one time
-
-```sh
-yarn storybook-generate
-```
-
-# Web
-
-Start react native web storybook:
-
-```
-yarn storybook:web
-```
-
-build react native web storybook:
-
-```sh
-yarn build-storybook
-```
+TBD

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

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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", "relative", "min-h-[120px]", "p-[12px]", "overflow-hidden"], {
+  variants: {
+    variant: {
+      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"],
+      chia: ["bg-chia-700", "disabled:bg-chia-400"],
+      outline: ["border-100 border-chia-400", "disabled:border-chia-300"]
+    },
+    corners: {
+      [_index.CornersEnum.SMALL]: "rounded-700",
+      [_index.CornersEnum.MEDIUM]: "rounded-[16px]",
+      [_index.CornersEnum.LARGE]: "rounded-700"
+    }
+  },
+  defaultVariants: {
+    variant: "grape",
+    corners: _index.CornersEnum.MEDIUM
+  }
+});
+const textVariants = exports.textVariants = (0, _classVarianceAuthority.cva)("", {
+  variants: {
+    variant: {
+      grape: "text-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"
+    }
+  },
+  defaultVariants: {
+    variant: "grape"
+  }
+});
+//# sourceMappingURL=class-variants.js.map

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

@@ -0,0 +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,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

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionButton = ActionButton;
+var _tailwindPreset = require("@kivid/tailwind-preset");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+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");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ActionButton(props) {
+  const {
+    icon,
+    primaryText,
+    secondaryText,
+    primaryTextProps = {},
+    secondaryTextProps = {},
+    variant = "grape",
+    corners = _index.CornersEnum.MEDIUM,
+    disabled = false,
+    className,
+    iconContainerClassName,
+    onPress,
+    accessibilityLabel,
+    ref,
+    onPressIn,
+    onPressOut,
+    ...rest
+  } = props;
+  const [isPressed, setIsPressed] = _react.default.useState(false);
+
+  // Map pressed state colors according to Figma design (darker variants)
+  const pressedColorMap = {
+    grape: "bg-grape-700",
+    java: "bg-java-700",
+    pear: "bg-pear-700",
+    tangerine: "bg-tangerine-700",
+    blackberry: "bg-blackberry-700",
+    chia: "bg-chia-800",
+    outline: "border-chia-600"
+  };
+  const containerStyle = (0, _tailwindPreset.merge)((0, _classVariants.menuCardVariants)({
+    variant,
+    corners
+  }), isPressed && !disabled && pressedColorMap[variant], className);
+
+  // Define icon colors based on variant
+  const iconColorMap = {
+    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 = /*#__PURE__*/_react.default.isValidElement(icon) ? /*#__PURE__*/_react.default.cloneElement(icon, {
+    className: (0, _tailwindPreset.merge)(iconColorMap[variant], icon.props?.className || "")
+  }) : icon;
+  const handlePressIn = event => {
+    setIsPressed(true);
+    onPressIn?.(event);
+  };
+  const handlePressOut = event => {
+    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,
+    className: containerStyle,
+    onPress: onPress,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    accessibilityRole: "button",
+    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", iconContainerClassName),
+      children: iconWithColor
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      className: "shrink-0",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
+        ...mergedPrimaryTextProps,
+        children: primaryText
+      }), secondaryText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
+        ...mergedSecondaryTextProps,
+        children: secondaryText
+      })]
+    })]
+  });
+}
+ActionButton.displayName = "ActionButton";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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":"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","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/ActionButton/types.ts"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.avatarVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+var _index = require("../../../enums/index.js");
+const avatarVariants = exports.avatarVariants = (0, _classVarianceAuthority.cva)("border-[1px] border-chia-400 flex items-center justify-center bg-chia-300", {
+  variants: {
+    size: {
+      [_index.SizeEnum.XLARGE]: "w-[96px] h-[96px] rounded-1000",
+      [_index.SizeEnum.LARGE]: "w-[72px] h-[72px] rounded-900",
+      [_index.SizeEnum.MEDIUM]: "w-[56px] h-[56px] rounded-800",
+      [_index.SizeEnum.SMALL]: "w-[40px] h-[40px] rounded-700",
+      [_index.SizeEnum.XSMALL]: "w-[32px] h-[32px] rounded-600",
+      [_index.SizeEnum.XXSMALL]: "w-[24px] h-[24px] rounded-600"
+    }
+  },
+  defaultVariants: {
+    size: _index.SizeEnum.MEDIUM
+  }
+});
+//# sourceMappingURL=class-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_classVarianceAuthority","require","_index","avatarVariants","exports","cva","variants","size","SizeEnum","XLARGE","LARGE","MEDIUM","SMALL","XSMALL","XXSMALL","defaultVariants"],"sourceRoot":"../../../../../src","sources":["components/Avatar/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,MAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,2BAAG,EACxB,2EAA2E,EAC3E;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,CAACC,eAAQ,CAACC,MAAM,GAAG,gCAAgC;MACnD,CAACD,eAAQ,CAACE,KAAK,GAAG,+BAA+B;MACjD,CAACF,eAAQ,CAACG,MAAM,GAAG,+BAA+B;MAClD,CAACH,eAAQ,CAACI,KAAK,GAAG,+BAA+B;MACjD,CAACJ,eAAQ,CAACK,MAAM,GAAG,+BAA+B;MAClD,CAACL,eAAQ,CAACM,OAAO,GAAG;IACtB;EACF,CAAC;EACDC,eAAe,EAAE;IACfR,IAAI,EAAEC,eAAQ,CAACG;EACjB;AACF,CACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Avatar = Avatar;
+var _native = require("@kivid/icons/native");
+var _reactNative = require("react-native");
+var _index = require("../../enums/index.js");
+var _classVariants = require("./assets/class-variants.js");
+var _tailwindPreset = require("@kivid/tailwind-preset");
+var _index2 = _interopRequireDefault(require("../Typography/index.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Avatar(props) {
+  const {
+    src,
+    name,
+    size = _index.SizeEnum.MEDIUM,
+    className
+  } = props;
+  const personMappedSize = {
+    [_index.SizeEnum.XLARGE]: 56,
+    [_index.SizeEnum.LARGE]: 48,
+    [_index.SizeEnum.MEDIUM]: 40,
+    [_index.SizeEnum.SMALL]: 32,
+    [_index.SizeEnum.XSMALL]: 24,
+    [_index.SizeEnum.XXSMALL]: 16
+  }[size];
+  const personMappedStrokeWidth = {
+    [_index.SizeEnum.XLARGE]: 1.6,
+    [_index.SizeEnum.LARGE]: 1.6,
+    [_index.SizeEnum.MEDIUM]: 1.6,
+    [_index.SizeEnum.SMALL]: 1.6,
+    [_index.SizeEnum.XSMALL]: 1.5,
+    [_index.SizeEnum.XXSMALL]: 1.125
+  }[size];
+  const avatarStyle = (0, _classVariants.avatarVariants)({
+    size
+  });
+  const avatarTextStyleMap = {
+    [_index.SizeEnum.XXSMALL]: {
+      variant: "body_small",
+      fontWeight: "700",
+      className: "h-[15px]"
+    },
+    [_index.SizeEnum.XSMALL]: {
+      variant: "body_small",
+      fontWeight: "700",
+      className: "h-[16px]"
+    },
+    [_index.SizeEnum.SMALL]: {
+      variant: "title_small",
+      fontWeight: "700",
+      className: "h-[18px]"
+    },
+    [_index.SizeEnum.MEDIUM]: {
+      variant: "title_large",
+      fontWeight: "700",
+      className: "h-[18px]"
+    },
+    [_index.SizeEnum.LARGE]: {
+      variant: "headline_small",
+      fontWeight: "700",
+      className: "h-[29px]"
+    },
+    [_index.SizeEnum.XLARGE]: {
+      variant: "headline_medium",
+      fontWeight: "700",
+      className: "h-[30px]"
+    }
+  };
+  function renderFallbackType() {
+    if (name && !!name.trim()) {
+      const [firstName, surname] = name.split(" ");
+      const hasSurname = !!surname;
+      const hasName = !!firstName;
+      const firstLetterOfFirstName = hasName ? firstName?.at(0) : "";
+      const firstLetterOfSurname = hasSurname ? surname?.at(0) : "";
+      const firstLetters = `${firstLetterOfFirstName}${firstLetterOfSurname}`.toUpperCase();
+
+      //TODO: line height add spaces on font, and element cant be centered
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        className: (0, _tailwindPreset.merge)(avatarStyle, className),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+          className: (0, _tailwindPreset.merge)(avatarTextStyleMap[size].className, "text-chia-600"),
+          variant: avatarTextStyleMap[size].variant,
+          weight: avatarTextStyleMap[size].fontWeight,
+          children: firstLetters
+        })
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: (0, _tailwindPreset.merge)(avatarStyle, className),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.ProfileUserStroke, {
+        color: "#B6C2C2",
+        size: personMappedSize,
+        strokeWidth: personMappedStrokeWidth
+      })
+    });
+  }
+  if (!src) {
+    return renderFallbackType();
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: (0, _tailwindPreset.merge)(avatarStyle, "overflow-hidden", className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri: src
+      },
+      className: "object-cover w-full h-full",
+      accessibilityLabel: "Profile Avatar"
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_native","require","_reactNative","_index","_classVariants","_tailwindPreset","_index2","_interopRequireDefault","_jsxRuntime","e","__esModule","default","Avatar","props","src","name","size","SizeEnum","MEDIUM","className","personMappedSize","XLARGE","LARGE","SMALL","XSMALL","XXSMALL","personMappedStrokeWidth","avatarStyle","avatarVariants","avatarTextStyleMap","variant","fontWeight","renderFallbackType","trim","firstName","surname","split","hasSurname","hasName","firstLetterOfFirstName","at","firstLetterOfSurname","firstLetters","toUpperCase","jsx","View","merge","children","weight","ProfileUserStroke","color","strokeWidth","Image","source","uri","accessibilityLabel"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/Avatar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Avatar/types.ts"],"mappings":"","ignoreList":[]}

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

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.textVariants = exports.selectedVariants = exports.buttonVariants = void 0;
 var _classVarianceAuthority = require("class-variance-authority");
-const buttonVariants = exports.buttonVariants = (0, _classVarianceAuthority.cva)(["flex-row items-center justify-center", "font-bold", "relative overflow-hidden"], {
+var _index = require("../../../enums/index.js");
+const buttonVariants = exports.buttonVariants = (0, _classVarianceAuthority.cva)(["flex-row justify-center items-center", "font-bold", "relative overflow-hidden"], {
   variants: {
     variant: {
       grape: ["bg-grape-500", "disabled:bg-grape-500 disabled:opacity-30"],
@@ -19,13 +20,13 @@ const buttonVariants = exports.buttonVariants = (0, _classVarianceAuthority.cva)
       ghost: ["bg-transparent", "disabled:opacity-30"]
     },
     size: {
-      small: ["px-400 h-800"],
-      medium: ["px-600 h-900"],
-      large: ["px-600 h-1000"]
+      [_index.SizeEnum.SMALL]: ["px-400 h-800"],
+      [_index.SizeEnum.MEDIUM]: ["px-600 h-900"],
+      [_index.SizeEnum.LARGE]: ["px-600 h-1000"]
     },
     corners: {
-      small: "rounded-500",
-      medium: "rounded-700"
+      [_index.CornersEnum.SMALL]: "rounded-600",
+      [_index.CornersEnum.MEDIUM]: "rounded-700"
     },
     fullWidth: {
       true: "w-full"
@@ -36,8 +37,8 @@ const buttonVariants = exports.buttonVariants = (0, _classVarianceAuthority.cva)
   },
   defaultVariants: {
     variant: "grape",
-    size: "medium",
-    corners: "medium",
+    size: _index.SizeEnum.MEDIUM,
+    corners: _index.CornersEnum.MEDIUM,
     fullWidth: false
   }
 });
@@ -54,13 +55,11 @@ const textVariants = exports.textVariants = (0, _classVarianceAuthority.cva)("",
       glass: "text-chia-900",
       ghost: "text-chia-900"
     },
-    size: {
-      small: "text-label_small_700",
-      medium: "text-label_medium_700",
-      large: "text-label_large_700"
-    },
     selected: {
       true: ""
+    },
+    disabled: {
+      true: ""
     }
   },
   compoundVariants: [{
@@ -71,6 +70,18 @@ const textVariants = exports.textVariants = (0, _classVarianceAuthority.cva)("",
     variant: "ghost",
     selected: true,
     class: "text-chia-900"
+  }, {
+    variant: "outline",
+    disabled: true,
+    class: "text-chia-700"
+  }, {
+    variant: "glass",
+    disabled: true,
+    class: "text-chia-700"
+  }, {
+    variant: "ghost",
+    disabled: true,
+    class: "text-chia-700"
   }]
 });
 const selectedVariants = exports.selectedVariants = (0, _classVarianceAuthority.cva)("", {

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

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","buttonVariants","exports","cva","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","size","small","medium","large","corners","fullWidth","true","selected","defaultVariants","textVariants","compoundVariants","class","selectedVariants"],"sourceRoot":"../../../../../src","sources":["components/Button/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEA,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,2BAAG,EACxB,CACE,sCAAsC,EACtC,WAAW,EACX,0BAA0B,CAC3B,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,cAAc,EAAE,2CAA2C,CAAC;MACpEC,IAAI,EAAE,CAAC,aAAa,EAAE,0CAA0C,CAAC;MACjEC,IAAI,EAAE,CAAC,aAAa,EAAE,0CAA0C,CAAC;MACjEC,SAAS,EAAE,CACT,kBAAkB,EAClB,+CAA+C,CAChD;MACDC,UAAU,EAAE,CACV,mBAAmB,EACnB,gDAAgD,CACjD;MACDC,IAAI,EAAE,CAAC,aAAa,EAAE,0CAA0C,CAAC;MACjEC,OAAO,EAAE,CACP,wCAAwC,EACxC,0CAA0C,CAC3C;MACDC,KAAK,EAAE,CACL,0CAA0C,EAC1C,6CAA6C,CAC9C;MACDC,KAAK,EAAE,CAAC,gBAAgB,EAAE,qBAAqB;IACjD,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAE,CAAC,cAAc,CAAC;MACvBC,MAAM,EAAE,CAAC,cAAc,CAAC;MACxBC,KAAK,EAAE,CAAC,eAAe;IACzB,CAAC;IACDC,OAAO,EAAE;MACPH,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE;IACV,CAAC;IACDG,SAAS,EAAE;MACTC,IAAI,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACRD,IAAI,EAAE;IACR;EACF,CAAC;EACDE,eAAe,EAAE;IACflB,OAAO,EAAE,OAAO;IAChBU,IAAI,EAAE,QAAQ;IACdI,OAAO,EAAE,QAAQ;IACjBC,SAAS,EAAE;EACb;AACF,CACF,CAAC;AAED,MAAMI,YAAY,GAAAtB,OAAA,CAAAsB,YAAA,GAAG,IAAArB,2BAAG,EAAC,EAAE,EAAE;EAC3BC,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,eAAe;MACxBC,KAAK,EAAE,eAAe;MACtBC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAE,sBAAsB;MAC7BC,MAAM,EAAE,uBAAuB;MAC/BC,KAAK,EAAE;IACT,CAAC;IACDI,QAAQ,EAAE;MACRD,IAAI,EAAE;IACR;EACF,CAAC;EACDI,gBAAgB,EAAE,CAChB;IACEpB,OAAO,EAAE,SAAS;IAClBiB,QAAQ,EAAE,IAAI;IACdI,KAAK,EAAE;EACT,CAAC,EACD;IACErB,OAAO,EAAE,OAAO;IAChBiB,QAAQ,EAAE,IAAI;IACdI,KAAK,EAAE;EACT,CAAC;AAEL,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAAzB,OAAA,CAAAyB,gBAAA,GAAG,IAAAxB,2BAAG,EAAC,EAAE,EAAE;EAC/BC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,cAAc;MACrBC,IAAI,EAAE,aAAa;MACnBC,IAAI,EAAE,aAAa;MACnBC,SAAS,EAAE,kBAAkB;MAC7BC,UAAU,EAAE,mBAAmB;MAC/BC,IAAI,EAAE,aAAa;MACnBC,OAAO,EAAE,0CAA0C;MACnDC,KAAK,EAAE,gBAAgB;MACvBC,KAAK,EAAE;IACT;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","_index","buttonVariants","exports","cva","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","size","SizeEnum","SMALL","MEDIUM","LARGE","corners","CornersEnum","fullWidth","true","selected","defaultVariants","textVariants","disabled","compoundVariants","class","selectedVariants"],"sourceRoot":"../../../../../src","sources":["components/Button/assets/class-variants.ts"],"mappings":"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","ignoreList":[]}

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

@@ -4,19 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Button = Button;
-exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _tailwindPreset = require("@kivid/tailwind-preset");
 var _index = require("../LoadingDots/index.js");
+var _index2 = require("../Typography/index.js");
 var _classVariants = require("./assets/class-variants.js");
+var _index3 = require("../../enums/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
 function Button(props) {
   const {
     variant = "grape",
-    size = "large",
-    corners = "medium",
+    size = _index3.SizeEnum.LARGE,
+    corners = _index3.CornersEnum.MEDIUM,
     fullWidth = false,
     loading = false,
     selected = false,
@@ -42,11 +44,17 @@ function Button(props) {
     glass: "grape",
     ghost: "grape"
   };
+  const typographyVariantMap = {
+    small: "label_small",
+    medium: "label_medium",
+    large: "label_large"
+  };
+  const typographyVariant = typographyVariantMap[size ?? _index3.SizeEnum.MEDIUM];
   function renderContent() {
     const textStyle = (0, _tailwindPreset.merge)((0, _classVariants.textVariants)({
       variant,
-      size,
-      selected: selected && (variant === "outline" || variant === "ghost")
+      selected: selected && (variant === "outline" || variant === "ghost"),
+      disabled
     }));
     if (loading) {
       const _variant = loadingDotsVariantsMap[variant ?? "grape"];
@@ -57,7 +65,9 @@ function Button(props) {
         })
       });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
+      variant: typographyVariant,
+      weight: "700",
       className: textStyle,
       numberOfLines: 1,
       children: children
@@ -87,30 +97,27 @@ function Button(props) {
     }).start();
     onPressOut?.(event);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedPressable, {
+    ref: ref,
+    disabled: disabled,
+    className: buttonStyle,
     style: {
-      opacity: animatedValue
+      opacity: disabled ? 0.3 : animatedValue
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-      ref: ref,
-      className: buttonStyle,
+    onPress: onPress,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel || (typeof children === "string" ? children : "Button"),
+    accessibilityState: {
       disabled: disabled,
-      onPress: onPress,
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
-      accessibilityRole: "button",
-      accessibilityLabel: accessibilityLabel || (typeof children === "string" ? children : "Button"),
-      accessibilityState: {
-        disabled: disabled,
-        selected: selected,
-        busy: loading
-      },
-      pointerEvents: loading || disabled ? "none" : "auto",
-      ...rest,
-      children: renderContent()
-    })
+      selected: selected,
+      busy: loading
+    },
+    pointerEvents: loading || disabled ? "none" : "auto",
+    ...rest,
+    children: renderContent()
   });
 }
 Button.displayName = "Button";
-var _default = exports.default = Button;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tailwindPreset","_index","_classVariants","_jsxRuntime","e","__esModule","default","Button","props","variant","size","corners","fullWidth","loading","selected","disabled","className","children","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","animatedValue","React","useRef","Animated","Value","current","loadingDotsVariantsMap","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","renderContent","textStyle","merge","textVariants","_variant","jsx","Fragment","LoadingDots","Text","numberOfLines","buttonStyle","buttonVariants","undefined","selectedVariants","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","View","style","opacity","Pressable","accessibilityRole","accessibilityState","busy","pointerEvents","displayName","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tailwindPreset","_index","_index2","_classVariants","_index3","_jsxRuntime","e","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","Button","props","variant","size","SizeEnum","LARGE","corners","CornersEnum","MEDIUM","fullWidth","loading","selected","disabled","className","children","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","animatedValue","React","useRef","Value","current","loadingDotsVariantsMap","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","typographyVariantMap","small","medium","large","typographyVariant","renderContent","textStyle","merge","textVariants","_variant","jsx","Fragment","LoadingDots","Typography","weight","numberOfLines","buttonStyle","buttonVariants","undefined","selectedVariants","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","style","opacity","accessibilityRole","accessibilityState","busy","pointerEvents","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}