@fattureincloud-mobile/fic-mobile-ds 1.2.1 → 1.2.2

package/lib/module/components/buttons/FicButton/FicButtonPrimary.js

@@ -1,12 +1,15 @@
+"use strict";
+
 import * as React from 'react';
 import { useCallback, useMemo, useState } from 'react';
 import { Platform, Pressable, View } from 'react-native';
 import { TouchableHighlight } from 'react-native-gesture-handler';
-import { useTheme } from '../../../hooks/useTheme';
-import { Icon } from '../../../providers/IconProvider';
-import { BORDER_RADIUS, PADDING } from '../../../styles/space';
-import { Body } from '../../typographies/Body';
-import { BUTTON_INTERNAL_PADDING_HORIZONTAL, DEFAULT_ICON, DEFAULT_ICON_SIZE, DEFAULT_TITLE, ICON_HORIZONTAL_MARGIN } from './constants';
+import { useTheme } from "../../../hooks/useTheme.js";
+import { Icon } from "../../../providers/IconProvider/index.js";
+import { BORDER_RADIUS, PADDING } from "../../../styles/space.js";
+import { Body } from "../../typographies/Body/index.js";
+import { BUTTON_INTERNAL_PADDING_HORIZONTAL, DEFAULT_ICON, DEFAULT_ICON_SIZE, DEFAULT_TITLE, ICON_HORIZONTAL_MARGIN } from "./constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const FicButtonPrimary = ({
   title,
   iconName,
@@ -25,20 +28,16 @@ const FicButtonPrimary = ({
   duotone,
   containerStyle
 }) => {
-  var _themeProps$pressedSt3;
   const {
     ficButton: theme
   } = useTheme() || {};
-  const buttonTheme = (theme === null || theme === void 0 ? void 0 : theme['primary']) || {};
+  const buttonTheme = theme?.['primary'] || {};
   const themeProps = disabled ? buttonTheme.disabled : error ? buttonTheme.error : buttonTheme.default;
   const containerStyleObj = containerStyle ?? {};
   const [isPressed, setIsPressed] = useState(false);
-  const styleBasedOnPress = useMemo(() => {
-    var _themeProps$pressedSt;
-    return {
-      ...(isPressed && !disabled ? themeProps === null || themeProps === void 0 || (_themeProps$pressedSt = themeProps.pressedStyle) === null || _themeProps$pressedSt === void 0 ? void 0 : _themeProps$pressedSt.container : themeProps === null || themeProps === void 0 ? void 0 : themeProps.container)
-    };
-  }, [disabled, themeProps, isPressed]);
+  const styleBasedOnPress = useMemo(() => ({
+    ...(isPressed && !disabled ? themeProps?.pressedStyle?.container : themeProps?.container)
+  }), [disabled, themeProps, isPressed]);
   const ficPrimaryViewStyle = useMemo(() => ({
     paddingHorizontal: BUTTON_INTERNAL_PADDING_HORIZONTAL,
     paddingVertical: small ? PADDING.SM : PADDING.LG,
@@ -47,14 +46,11 @@ const FicButtonPrimary = ({
     alignItems: 'center',
     justifyContent: 'center'
   }), [fullWidth, small]);
-  const bodyStyle = useMemo(() => {
-    var _themeProps$pressedSt2;
-    return {
-      marginLeft: iconPosition === 'left' ? ICON_HORIZONTAL_MARGIN : 0,
-      marginRight: iconPosition === 'right' ? ICON_HORIZONTAL_MARGIN : 0,
-      ...(isPressed && !disabled ? themeProps === null || themeProps === void 0 || (_themeProps$pressedSt2 = themeProps.pressedStyle) === null || _themeProps$pressedSt2 === void 0 ? void 0 : _themeProps$pressedSt2.text : themeProps === null || themeProps === void 0 ? void 0 : themeProps.text)
-    };
-  }, [iconPosition, themeProps, disabled, isPressed]);
+  const bodyStyle = useMemo(() => ({
+    marginLeft: iconPosition === 'left' ? ICON_HORIZONTAL_MARGIN : 0,
+    marginRight: iconPosition === 'right' ? ICON_HORIZONTAL_MARGIN : 0,
+    ...(isPressed && !disabled ? themeProps?.pressedStyle?.text : themeProps?.text)
+  }), [iconPosition, themeProps, disabled, isPressed]);
   const handleOnPressIn = e => {
     if (onPressIn) onPressIn(e);
     setIsPressed(true);
@@ -69,30 +65,31 @@ const FicButtonPrimary = ({
     }
   };
   const FicPrimary = useCallback(() => {
-    return /*#__PURE__*/React.createElement(View, {
-      style: ficPrimaryViewStyle
-    }, iconPosition === 'left' ? /*#__PURE__*/React.createElement(Icon, {
-      name: iconName || DEFAULT_ICON,
-      size: iconSize ?? DEFAULT_ICON_SIZE,
-      color: themeProps === null || themeProps === void 0 ? void 0 : themeProps.icon.color,
-      solid: solid,
-      regular: regular,
-      light: light,
-      duotone: duotone
-    }) : null, /*#__PURE__*/React.createElement(Body, {
-      text: title ?? DEFAULT_TITLE,
-      style: bodyStyle
-    }), iconPosition === 'right' ? /*#__PURE__*/React.createElement(Icon, {
-      name: iconName || DEFAULT_ICON,
-      size: iconSize ?? DEFAULT_ICON_SIZE,
-      color: themeProps === null || themeProps === void 0 ? void 0 : themeProps.icon.color,
-      solid: solid,
-      regular: regular,
-      light: light,
-      duotone: duotone
-    }) : null);
+    return /*#__PURE__*/_jsxs(View, {
+      style: ficPrimaryViewStyle,
+      children: [iconPosition === 'left' ? /*#__PURE__*/_jsx(Icon, {
+        name: iconName || DEFAULT_ICON,
+        size: iconSize ?? DEFAULT_ICON_SIZE,
+        color: themeProps?.icon.color,
+        solid: solid,
+        regular: regular,
+        light: light,
+        duotone: duotone
+      }) : null, /*#__PURE__*/_jsx(Body, {
+        text: title ?? DEFAULT_TITLE,
+        style: bodyStyle
+      }), iconPosition === 'right' ? /*#__PURE__*/_jsx(Icon, {
+        name: iconName || DEFAULT_ICON,
+        size: iconSize ?? DEFAULT_ICON_SIZE,
+        color: themeProps?.icon.color,
+        solid: solid,
+        regular: regular,
+        light: light,
+        duotone: duotone
+      }) : null]
+    });
   }, [iconPosition, iconName, iconSize, bodyStyle, title, ficPrimaryViewStyle, themeProps, solid, regular, light, duotone]);
-  return Platform.OS === 'android' ? /*#__PURE__*/React.createElement(TouchableHighlight, {
+  return Platform.OS === 'android' ? /*#__PURE__*/_jsx(TouchableHighlight, {
     disabled: disabled,
     containerStyle: [containerStyleObj],
     style: [{
@@ -101,14 +98,16 @@ const FicButtonPrimary = ({
     onPress: handleOnPress,
     onPressIn: handleOnPressIn,
     onPressOut: handleOnPressOut,
-    underlayColor: themeProps === null || themeProps === void 0 || (_themeProps$pressedSt3 = themeProps.pressedStyle) === null || _themeProps$pressedSt3 === void 0 ? void 0 : _themeProps$pressedSt3.container.backgroundColor
-  }, FicPrimary()) : /*#__PURE__*/React.createElement(Pressable, {
+    underlayColor: themeProps?.pressedStyle?.container.backgroundColor,
+    children: FicPrimary()
+  }) : /*#__PURE__*/_jsx(Pressable, {
     disabled: disabled,
     style: [styleBasedOnPress, containerStyleObj],
     onPress: handleOnPress,
     onPressIn: handleOnPressIn,
-    onPressOut: handleOnPressOut
-  }, FicPrimary());
+    onPressOut: handleOnPressOut,
+    children: FicPrimary()
+  });
 };
 export default FicButtonPrimary;
 //# sourceMappingURL=FicButtonPrimary.js.map

package/lib/module/components/buttons/FicButton/FicButtonPrimary.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","useState","Platform","Pressable","View","TouchableHighlight","useTheme","Icon","BORDER_RADIUS","PADDING","Body","BUTTON_INTERNAL_PADDING_HORIZONTAL","DEFAULT_ICON","DEFAULT_ICON_SIZE","DEFAULT_TITLE","ICON_HORIZONTAL_MARGIN","FicButtonPrimary","title","iconName","iconSize","onPress","onPressIn","onPressOut","disabled","error","iconPosition","fullWidth","small","solid","regular","light","duotone","containerStyle","_themeProps$pressedSt3","ficButton","theme","buttonTheme","themeProps","default","containerStyleObj","isPressed","setIsPressed","styleBasedOnPress","_themeProps$pressedSt","pressedStyle","container","ficPrimaryViewStyle","paddingHorizontal","paddingVertical","SM","LG","width","flexDirection","alignItems","justifyContent","bodyStyle","_themeProps$pressedSt2","marginLeft","marginRight","text","handleOnPressIn","e","handleOnPressOut","handleOnPress","FicPrimary","createElement","style","name","size","color","icon","OS","borderRadius","underlayColor","backgroundColor"],"sourceRoot":"../../../../../src","sources":["components/buttons/FicButton/FicButtonPrimary.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","useState","Platform","Pressable","View","TouchableHighlight","useTheme","Icon","BORDER_RADIUS","PADDING","Body","BUTTON_INTERNAL_PADDING_HORIZONTAL","DEFAULT_ICON","DEFAULT_ICON_SIZE","DEFAULT_TITLE","ICON_HORIZONTAL_MARGIN","jsx","_jsx","jsxs","_jsxs","FicButtonPrimary","title","iconName","iconSize","onPress","onPressIn","onPressOut","disabled","error","iconPosition","fullWidth","small","solid","regular","light","duotone","containerStyle","ficButton","theme","buttonTheme","themeProps","default","containerStyleObj","isPressed","setIsPressed","styleBasedOnPress","pressedStyle","container","ficPrimaryViewStyle","paddingHorizontal","paddingVertical","SM","LG","width","flexDirection","alignItems","justifyContent","bodyStyle","marginLeft","marginRight","text","handleOnPressIn","e","handleOnPressOut","handleOnPress","FicPrimary","style","children","name","size","color","icon","OS","borderRadius","underlayColor","backgroundColor"],"sourceRoot":"../../../../../src","sources":["components/buttons/FicButton/FicButtonPrimary.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/buttons/FicButton/FicButtonSecondary.js

@@ -1,12 +1,15 @@
+"use strict";
+
 import * as React from 'react';
 import { useCallback, useMemo, useState } from 'react';
 import { Platform, Pressable, View } from 'react-native';
 import { TouchableHighlight } from 'react-native-gesture-handler';
-import { useTheme } from '../../../hooks/useTheme';
-import { Icon } from '../../../providers/IconProvider';
-import { BORDER_RADIUS, PADDING } from '../../../styles/space';
-import { Body } from '../../typographies/Body';
-import { BUTTON_INTERNAL_PADDING_HORIZONTAL, DEFAULT_ICON, DEFAULT_ICON_SIZE, DEFAULT_TITLE, ICON_HORIZONTAL_MARGIN } from './constants';
+import { useTheme } from "../../../hooks/useTheme.js";
+import { Icon } from "../../../providers/IconProvider/index.js";
+import { BORDER_RADIUS, PADDING } from "../../../styles/space.js";
+import { Body } from "../../typographies/Body/index.js";
+import { BUTTON_INTERNAL_PADDING_HORIZONTAL, DEFAULT_ICON, DEFAULT_ICON_SIZE, DEFAULT_TITLE, ICON_HORIZONTAL_MARGIN } from "./constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const FicButtonSecondary = ({
   title,
   iconName,
@@ -25,40 +28,30 @@ const FicButtonSecondary = ({
   duotone,
   containerStyle
 }) => {
-  var _themeProps$pressedSt3;
   const {
     ficButton: theme
   } = useTheme() || {};
-  const buttonTheme = (theme === null || theme === void 0 ? void 0 : theme['secondary']) || {};
+  const buttonTheme = theme?.['secondary'] || {};
   const themeProps = disabled ? buttonTheme.disabled : error ? buttonTheme.error : buttonTheme.default;
   const containerStyleObj = containerStyle ?? {};
   const [isPressed, setIsPressed] = useState(false);
-  const styleBasedOnPress = useMemo(() => {
-    var _themeProps$pressedSt;
-    return {
-      ...(isPressed && !disabled ? themeProps === null || themeProps === void 0 || (_themeProps$pressedSt = themeProps.pressedStyle) === null || _themeProps$pressedSt === void 0 ? void 0 : _themeProps$pressedSt.container : themeProps === null || themeProps === void 0 ? void 0 : themeProps.container)
-    };
-  }, [themeProps, disabled, isPressed]);
-  const ficSecondaryViewStyle = useMemo(() => {
-    var _themeProps$container;
-    return {
-      paddingHorizontal: BUTTON_INTERNAL_PADDING_HORIZONTAL,
-      width: fullWidth ? '100%' : 'auto',
-      // removing 1 borderWidth to match primary button height
-      paddingVertical: (small ? PADDING.SM : PADDING.LG) - ((themeProps === null || themeProps === void 0 || (_themeProps$container = themeProps.container) === null || _themeProps$container === void 0 ? void 0 : _themeProps$container.borderWidth) || 0),
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'center'
-    };
-  }, [fullWidth, themeProps]);
-  const bodyStyle = useMemo(() => {
-    var _themeProps$pressedSt2;
-    return {
-      marginLeft: iconPosition === 'left' ? ICON_HORIZONTAL_MARGIN : 0,
-      marginRight: iconPosition === 'right' ? ICON_HORIZONTAL_MARGIN : 0,
-      ...(isPressed && !disabled ? themeProps === null || themeProps === void 0 || (_themeProps$pressedSt2 = themeProps.pressedStyle) === null || _themeProps$pressedSt2 === void 0 ? void 0 : _themeProps$pressedSt2.text : themeProps === null || themeProps === void 0 ? void 0 : themeProps.text)
-    };
-  }, [themeProps, iconPosition, disabled, isPressed]);
+  const styleBasedOnPress = useMemo(() => ({
+    ...(isPressed && !disabled ? themeProps?.pressedStyle?.container : themeProps?.container)
+  }), [themeProps, disabled, isPressed]);
+  const ficSecondaryViewStyle = useMemo(() => ({
+    paddingHorizontal: BUTTON_INTERNAL_PADDING_HORIZONTAL,
+    width: fullWidth ? '100%' : 'auto',
+    // removing 1 borderWidth to match primary button height
+    paddingVertical: (small ? PADDING.SM : PADDING.LG) - (themeProps?.container?.borderWidth || 0),
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }), [fullWidth, themeProps]);
+  const bodyStyle = useMemo(() => ({
+    marginLeft: iconPosition === 'left' ? ICON_HORIZONTAL_MARGIN : 0,
+    marginRight: iconPosition === 'right' ? ICON_HORIZONTAL_MARGIN : 0,
+    ...(isPressed && !disabled ? themeProps?.pressedStyle?.text : themeProps?.text)
+  }), [themeProps, iconPosition, disabled, isPressed]);
   const handleOnPressIn = e => {
     if (onPressIn) onPressIn(e);
     setIsPressed(true);
@@ -71,30 +64,31 @@ const FicButtonSecondary = ({
     if (onPress) onPress(e);
   };
   const FicSecondary = useCallback(() => {
-    return /*#__PURE__*/React.createElement(View, {
-      style: ficSecondaryViewStyle
-    }, iconPosition === 'left' ? /*#__PURE__*/React.createElement(Icon, {
-      name: iconName || DEFAULT_ICON,
-      size: iconSize ?? DEFAULT_ICON_SIZE,
-      color: themeProps === null || themeProps === void 0 ? void 0 : themeProps.icon.color,
-      solid: solid,
-      regular: regular,
-      light: light,
-      duotone: duotone
-    }) : null, /*#__PURE__*/React.createElement(Body, {
-      text: title ?? DEFAULT_TITLE,
-      style: bodyStyle
-    }), iconPosition === 'right' ? /*#__PURE__*/React.createElement(Icon, {
-      name: iconName || DEFAULT_ICON,
-      size: iconSize ?? DEFAULT_ICON_SIZE,
-      color: themeProps === null || themeProps === void 0 ? void 0 : themeProps.icon.color,
-      solid: solid,
-      regular: regular,
-      light: light,
-      duotone: duotone
-    }) : null);
+    return /*#__PURE__*/_jsxs(View, {
+      style: ficSecondaryViewStyle,
+      children: [iconPosition === 'left' ? /*#__PURE__*/_jsx(Icon, {
+        name: iconName || DEFAULT_ICON,
+        size: iconSize ?? DEFAULT_ICON_SIZE,
+        color: themeProps?.icon.color,
+        solid: solid,
+        regular: regular,
+        light: light,
+        duotone: duotone
+      }) : null, /*#__PURE__*/_jsx(Body, {
+        text: title ?? DEFAULT_TITLE,
+        style: bodyStyle
+      }), iconPosition === 'right' ? /*#__PURE__*/_jsx(Icon, {
+        name: iconName || DEFAULT_ICON,
+        size: iconSize ?? DEFAULT_ICON_SIZE,
+        color: themeProps?.icon.color,
+        solid: solid,
+        regular: regular,
+        light: light,
+        duotone: duotone
+      }) : null]
+    });
   }, [iconPosition, iconName, iconSize, bodyStyle, title]);
-  return Platform.OS === 'android' ? /*#__PURE__*/React.createElement(TouchableHighlight, {
+  return Platform.OS === 'android' ? /*#__PURE__*/_jsx(TouchableHighlight, {
     disabled: disabled,
     containerStyle: containerStyleObj,
     style: [{
@@ -103,14 +97,16 @@ const FicButtonSecondary = ({
     onPress: handleOnPress,
     onPressIn: handleOnPressIn,
     onPressOut: handleOnPressOut,
-    underlayColor: themeProps === null || themeProps === void 0 || (_themeProps$pressedSt3 = themeProps.pressedStyle) === null || _themeProps$pressedSt3 === void 0 ? void 0 : _themeProps$pressedSt3.container.backgroundColor
-  }, FicSecondary()) : /*#__PURE__*/React.createElement(Pressable, {
+    underlayColor: themeProps?.pressedStyle?.container.backgroundColor,
+    children: FicSecondary()
+  }) : /*#__PURE__*/_jsx(Pressable, {
     style: [styleBasedOnPress, containerStyleObj],
     onPress: handleOnPress,
     onPressIn: handleOnPressIn,
     onPressOut: handleOnPressOut,
-    disabled: disabled
-  }, FicSecondary());
+    disabled: disabled,
+    children: FicSecondary()
+  });
 };
 export default FicButtonSecondary;
 //# sourceMappingURL=FicButtonSecondary.js.map

package/lib/module/components/buttons/FicButton/FicButtonSecondary.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","useState","Platform","Pressable","View","TouchableHighlight","useTheme","Icon","BORDER_RADIUS","PADDING","Body","BUTTON_INTERNAL_PADDING_HORIZONTAL","DEFAULT_ICON","DEFAULT_ICON_SIZE","DEFAULT_TITLE","ICON_HORIZONTAL_MARGIN","FicButtonSecondary","title","iconName","iconSize","onPress","onPressIn","onPressOut","disabled","error","iconPosition","fullWidth","small","solid","regular","light","duotone","containerStyle","_themeProps$pressedSt3","ficButton","theme","buttonTheme","themeProps","default","containerStyleObj","isPressed","setIsPressed","styleBasedOnPress","_themeProps$pressedSt","pressedStyle","container","ficSecondaryViewStyle","_themeProps$container","paddingHorizontal","width","paddingVertical","SM","LG","borderWidth","flexDirection","alignItems","justifyContent","bodyStyle","_themeProps$pressedSt2","marginLeft","marginRight","text","handleOnPressIn","e","handleOnPressOut","handleOnPress","FicSecondary","createElement","style","name","size","color","icon","OS","borderRadius","underlayColor","backgroundColor"],"sourceRoot":"../../../../../src","sources":["components/buttons/FicButton/FicButtonSecondary.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","useState","Platform","Pressable","View","TouchableHighlight","useTheme","Icon","BORDER_RADIUS","PADDING","Body","BUTTON_INTERNAL_PADDING_HORIZONTAL","DEFAULT_ICON","DEFAULT_ICON_SIZE","DEFAULT_TITLE","ICON_HORIZONTAL_MARGIN","jsx","_jsx","jsxs","_jsxs","FicButtonSecondary","title","iconName","iconSize","onPress","onPressIn","onPressOut","disabled","error","iconPosition","fullWidth","small","solid","regular","light","duotone","containerStyle","ficButton","theme","buttonTheme","themeProps","default","containerStyleObj","isPressed","setIsPressed","styleBasedOnPress","pressedStyle","container","ficSecondaryViewStyle","paddingHorizontal","width","paddingVertical","SM","LG","borderWidth","flexDirection","alignItems","justifyContent","bodyStyle","marginLeft","marginRight","text","handleOnPressIn","e","handleOnPressOut","handleOnPress","FicSecondary","style","children","name","size","color","icon","OS","borderRadius","underlayColor","backgroundColor"],"sourceRoot":"../../../../../src","sources":["components/buttons/FicButton/FicButtonSecondary.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/buttons/FicButton/FicButtonTertiary.js

@@ -1,12 +1,16 @@
+"use strict";
+
 import * as React from 'react';
-import { useCallback, useMemo, useState } from 'react';
+import { useCallback, useMemo } from 'react';
 import { Platform, Pressable as PressableIOS, View } from 'react-native';
 import { TouchableHighlight } from 'react-native-gesture-handler';
-import { useTheme } from '../../../hooks/useTheme';
-import { Icon } from '../../../providers/IconProvider';
-import { PADDING } from '../../../styles/space';
-import { Body } from '../../typographies/Body';
-import { DEFAULT_ICON, DEFAULT_ICON_SIZE, DEFAULT_TITLE, HIT_SLOP, ICON_HORIZONTAL_MARGIN } from './constants';
+import Animated, { runOnUI, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useTheme } from "../../../hooks/useTheme.js";
+import { Icon } from "../../../providers/IconProvider/index.js";
+import { PADDING } from "../../../styles/space.js";
+import { Body } from "../../typographies/Body/index.js";
+import { DEFAULT_ICON, DEFAULT_ICON_SIZE, DEFAULT_TITLE, HIT_SLOP, ICON_HORIZONTAL_MARGIN } from "./constants.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const FicButtonTertiary = ({
   title,
   iconName,
@@ -30,108 +34,91 @@ const FicButtonTertiary = ({
     ficButton: theme
   } = useTheme() || {};
   const Pressable = Platform.OS === 'ios' ? PressableIOS : TouchableHighlight;
-  const buttonTheme = (theme === null || theme === void 0 ? void 0 : theme['tertiary']) || {};
+  const buttonTheme = theme?.['tertiary'] || {};
   const themeProps = disabled ? buttonTheme.disabled : error ? buttonTheme.error : buttonTheme.default;
   const _containerStyle = containerStyle ?? {};
-  const [isPressed, setIsPressed] = useState(false);
+  const pressedOpacity = useSharedValue(0);
   const iconColor = useMemo(() => {
-    return colorContrastForLightTheme && !error ? themeProps !== null && themeProps !== void 0 && themeProps.icon.colorContrastForLightTheme ? themeProps === null || themeProps === void 0 ? void 0 : themeProps.icon.colorContrastForLightTheme : themeProps === null || themeProps === void 0 ? void 0 : themeProps.icon.color : themeProps === null || themeProps === void 0 ? void 0 : themeProps.icon.color;
+    return colorContrastForLightTheme && !error ? themeProps?.icon.colorContrastForLightTheme ? themeProps?.icon.colorContrastForLightTheme : themeProps?.icon.color : themeProps?.icon.color;
   }, [themeProps, colorContrastForLightTheme, error]);
   const bodyColor = useMemo(() => {
-    return colorContrastForLightTheme && !error ? themeProps !== null && themeProps !== void 0 && themeProps.text.colorContrastForLightTheme ? themeProps === null || themeProps === void 0 ? void 0 : themeProps.text.colorContrastForLightTheme : themeProps === null || themeProps === void 0 ? void 0 : themeProps.text.color : themeProps === null || themeProps === void 0 ? void 0 : themeProps.text.color;
+    return colorContrastForLightTheme && !error ? themeProps?.text.colorContrastForLightTheme ? themeProps?.text.colorContrastForLightTheme : themeProps?.text.color : themeProps?.text.color;
   }, [themeProps, colorContrastForLightTheme, error]);
   const bodyStyle = useMemo(() => ({
     marginLeft: iconPosition === 'left' ? ICON_HORIZONTAL_MARGIN : 0,
     marginRight: iconPosition === 'right' ? ICON_HORIZONTAL_MARGIN : 0,
-    textDecorationLine: (themeProps === null || themeProps === void 0 ? void 0 : themeProps.text.textDecorationLine) ?? 'underline'
-  }), [themeProps, iconPosition, isPressed, disabled]);
-  const tertiaryPressedAreaStyle = useMemo(() => {
-    var _themeProps$pressedSt;
-    return {
-      top: small ? -PADDING.SM : -PADDING.LG,
-      bottom: small ? -PADDING.SM : -PADDING.LG,
-      left: fullWidth ? 0 : PADDING.LG * -1,
-      right: fullWidth ? 0 : PADDING.LG * -1,
-      position: 'absolute',
-      ...(themeProps === null || themeProps === void 0 || (_themeProps$pressedSt = themeProps.pressedStyle) === null || _themeProps$pressedSt === void 0 ? void 0 : _themeProps$pressedSt.container)
-    };
-  }, [small, themeProps, fullWidth]);
-  const dynamicContainerStyle = useMemo(() => {
-    var _themeProps$pressedSt2;
-    return {
-      paddingTop: small ? PADDING.SM : PADDING.LG,
-      paddingBottom: small ? PADDING.SM : PADDING.LG,
-      width: '100%',
-      ...(isPressed ? themeProps === null || themeProps === void 0 || (_themeProps$pressedSt2 = themeProps.pressedStyle) === null || _themeProps$pressedSt2 === void 0 ? void 0 : _themeProps$pressedSt2.container : themeProps === null || themeProps === void 0 ? void 0 : themeProps.container)
-    };
-  }, [disabled, themeProps, isPressed]);
-  const dynamicContainerStyleContainer = useMemo(() => {
-    var _themeProps$pressedSt3;
-    return {
-      width: '100%',
-      ...(isPressed ? themeProps === null || themeProps === void 0 || (_themeProps$pressedSt3 = themeProps.pressedStyle) === null || _themeProps$pressedSt3 === void 0 ? void 0 : _themeProps$pressedSt3.container : themeProps === null || themeProps === void 0 ? void 0 : themeProps.container)
-    };
-  }, [disabled, themeProps, isPressed]);
-  const handleOnPressIn = e => {
-    if (onPressIn) onPressIn(e);
-    setIsPressed(true);
+    textDecorationLine: themeProps?.text.textDecorationLine ?? 'underline'
+  }), [themeProps, iconPosition, disabled]);
+  const pressableAreaStyle = useAnimatedStyle(() => ({
+    top: small ? -PADDING.SM : -PADDING.LG,
+    bottom: small ? -PADDING.SM : -PADDING.LG,
+    left: fullWidth ? 0 : PADDING.LG * -1,
+    right: fullWidth ? 0 : PADDING.LG * -1,
+    position: 'absolute',
+    opacity: pressedOpacity.value,
+    ...themeProps?.pressedStyle?.container
+  }));
+  const animate = value => {
+    'worklet';
+
+    pressedOpacity.value = withTiming(value, {
+      duration: 0
+    });
   };
-  const handleOnPressOut = e => {
+  const handleOnPressIn = useCallback(e => {
+    runOnUI(animate)(1);
+    if (onPressIn) onPressIn(e);
+  }, [pressedOpacity, onPressIn]);
+  const handleOnPressOut = useCallback(e => {
+    runOnUI(animate)(0);
     if (onPressOut) onPressOut(e);
-    setIsPressed(false);
-  };
+  }, [pressedOpacity, onPressOut]);
   const handleOnPress = e => {
     if (onPress) onPress(e);
   };
   const FicTertiary = useCallback(() => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, iconPosition === 'left' ? /*#__PURE__*/React.createElement(Icon, {
-      name: iconName || DEFAULT_ICON,
-      size: iconSize ?? DEFAULT_ICON_SIZE,
-      color: iconColor,
-      solid: solid,
-      regular: regular,
-      light: light,
-      duotone: duotone
-    }) : null, /*#__PURE__*/React.createElement(Body, {
-      text: title ?? DEFAULT_TITLE,
-      style: bodyStyle,
-      color: bodyColor
-    }), iconPosition === 'right' ? /*#__PURE__*/React.createElement(Icon, {
-      name: iconName || DEFAULT_ICON,
-      size: iconSize ?? DEFAULT_ICON_SIZE,
-      color: iconColor,
-      solid: solid,
-      regular: regular,
-      light: light,
-      duotone: duotone
-    }) : null);
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [iconPosition === 'left' ? /*#__PURE__*/_jsx(Icon, {
+        name: iconName || DEFAULT_ICON,
+        size: iconSize ?? DEFAULT_ICON_SIZE,
+        color: iconColor,
+        solid: solid,
+        regular: regular,
+        light: light,
+        duotone: duotone
+      }) : null, /*#__PURE__*/_jsx(Body, {
+        text: title ?? DEFAULT_TITLE,
+        style: bodyStyle,
+        color: bodyColor
+      }), iconPosition === 'right' ? /*#__PURE__*/_jsx(Icon, {
+        name: iconName || DEFAULT_ICON,
+        size: iconSize ?? DEFAULT_ICON_SIZE,
+        color: iconColor,
+        solid: solid,
+        regular: regular,
+        light: light,
+        duotone: duotone
+      }) : null]
+    });
   }, [iconPosition, iconName, iconSize, buttonTheme, disabled, error, bodyStyle, title]);
-  return fullWidth ? /*#__PURE__*/React.createElement(Pressable, {
-    style: [dynamicContainerStyle, Platform.OS === 'ios' ? _containerStyle : {}],
-    containerStyle: [dynamicContainerStyleContainer, _containerStyle],
-    onPress: handleOnPress,
-    onPressIn: handleOnPressIn,
-    onPressOut: handleOnPressOut,
-    disabled: disabled,
-    hitSlop: HIT_SLOP,
-    underlayColor: 'transparent'
-  }, FicTertiary()) : /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/_jsxs(View, {
     style: [{
-      position: 'relative',
-      alignSelf: 'flex-start',
-      width: fullWidth ? '100%' : 'auto'
-    }, _containerStyle]
-  }, isPressed ? /*#__PURE__*/React.createElement(View, {
-    style: [tertiaryPressedAreaStyle]
-  }) : null, /*#__PURE__*/React.createElement(Pressable, {
-    style: themeProps === null || themeProps === void 0 ? void 0 : themeProps.container,
-    onPress: handleOnPress,
-    onPressIn: handleOnPressIn,
-    onPressOut: handleOnPressOut,
-    disabled: disabled,
-    hitSlop: HIT_SLOP,
-    underlayColor: 'transparent'
-  }, FicTertiary()));
+      width: fullWidth ? '100%' : 'auto',
+      alignSelf: fullWidth ? 'stretch' : 'flex-start'
+    }, _containerStyle],
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: pressableAreaStyle
+    }), /*#__PURE__*/_jsx(Pressable, {
+      style: themeProps?.container,
+      onPress: handleOnPress,
+      onPressIn: handleOnPressIn,
+      onPressOut: handleOnPressOut,
+      disabled: disabled,
+      hitSlop: HIT_SLOP,
+      underlayColor: 'transparent',
+      children: FicTertiary()
+    })]
+  });
 };
 export default FicButtonTertiary;
 //# sourceMappingURL=FicButtonTertiary.js.map