@nativetail/ui 0.3.4 → 0.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativetail/ui",
-	"version": "0.3.4",
+	"version": "0.3.6",
 	"description": "",
 	"main": "src/index.ts",
 	"scripts": {},
@@ -24,7 +24,7 @@
 	},
 	"dependencies": {
 		"@hookform/resolvers": "^3.6.0",
-		"@nativetail/core": "^0.0.8",
+		"@nativetail/core": "^0.0.9",
 		"@shopify/flash-list": "^1.7.1",
 		"countries-list": "^3.1.0",
 		"expo-linear-gradient": "~13.0.2",

package/src/components/button/index.tsx

@@ -1,11 +1,9 @@
 import React, { useMemo } from "react";
 
 import {
-	ActivityIndicator,
 	cn,
 	ConfigVariants,
 	cva,
-	mergeClasses,
 	Pressable,
 	separateClasses,
 	useColor,
@@ -13,6 +11,7 @@ import {
 	VariantProps,
 } from "@nativetail/core";
 import { MotiPressableProps } from "moti/interactions";
+import { ActivityIndicator } from "react-native";
 import { useComponentTheme } from "../../utils/component-theme";
 
 const buttonVariants = cva(
@@ -140,11 +139,11 @@ const Button = (passedProps: ButtonProps) => {
 				{leftElement}
 				{loading && (
 					<ActivityIndicator
-						className={mergeClasses(
-							"mr-2 h-5 w-5 text-primary-foreground ",
-							textClasses,
-							loadingIndicatorClassName
-						)}
+						style={{
+							marginRight: 8,
+						}}
+						size="small"
+						color={useColor("primary-foreground")}
 					/>
 				)}
 				{children}

package/src/components/loader-dialog/index.tsx

@@ -1,5 +1,6 @@
-import { ActivityIndicator, cn, useColor } from "@nativetail/core";
+import { cn, useColor } from "@nativetail/core";
 import { forwardRef } from "react";
+import { ActivityIndicator } from "react-native";
 import { Dialog, DialogMethods, DialogProps } from "../dialog";
 
 export type LoaderProps = Omit<DialogProps, "children"> & {