@pagopa/io-app-design-system 5.11.12 → 5.11.13

package/lib/module/components/buttons/ButtonSolid.js

@@ -1,188 +0,0 @@
-"use strict";
-
-import React, { forwardRef, useCallback, useEffect, useRef } from "react";
-import { Pressable } from "react-native";
-import ReactNativeHapticFeedback from "react-native-haptic-feedback";
-import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
-import { useIOTheme } from "../../context";
-import { IOButtonStyles, IOColors, enterTransitionInnerContent, enterTransitionInnerContentSmall, exitTransitionInnerContent } from "../../core";
-import { useScaleAnimation } from "../../hooks";
-import { Icon } from "../icons";
-import { LoadingSpinner } from "../loadingSpinner";
-import { ButtonText } from "../typography/ButtonText";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ICON_MARGIN = 8;
-const DISABLED_OPACITY = 0.5;
-
-// Icon size
-const iconSize = 20;
-/**
- * @deprecated Use `Button` with variant `solid` instead
- */
-export const ButtonSolid = /*#__PURE__*/forwardRef(({
-  color = "primary",
-  label,
-  fullWidth = false,
-  disabled = false,
-  loading = false,
-  icon,
-  iconPosition = "start",
-  onPress,
-  accessibilityLabel,
-  accessibilityHint,
-  testID
-}, ref) => {
-  const theme = useIOTheme();
-  const {
-    progress,
-    onPressIn,
-    onPressOut,
-    scaleAnimatedStyle
-  } = useScaleAnimation();
-  const reducedMotion = useReducedMotion();
-  const mapColorStates = {
-    // Primary button
-    primary: {
-      background: {
-        default: IOColors[theme["interactiveElem-default"]],
-        pressed: IOColors[theme["interactiveElem-pressed"]],
-        disabled: IOColors[theme["interactiveElem-disabled"]]
-      },
-      foreground: {
-        default: theme["buttonText-default"],
-        disabled: theme["buttonText-disabled"]
-      }
-    },
-    // Danger button
-    danger: {
-      background: {
-        default: IOColors["error-600"],
-        pressed: IOColors["error-500"],
-        disabled: IOColors[theme["interactiveElem-disabled"]]
-      },
-      foreground: {
-        default: theme["buttonText-danger"],
-        disabled: theme["buttonText-disabled"]
-      }
-    },
-    // Contrast button
-    contrast: {
-      background: {
-        default: IOColors.white,
-        pressed: IOColors["blueIO-50"],
-        disabled: IOColors["blueIO-50"]
-      },
-      foreground: {
-        default: "blueIO-500",
-        disabled: "blueIO-500"
-      }
-    }
-  };
-
-  /* Prevent the component from triggering the `isEntering' transition
-     on the on the first render. Solution from this discussion:
-     https://github.com/software-mansion/react-native-reanimated/discussions/2513
-  */
-  const isMounted = useRef(false);
-  useEffect(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isMounted.current = true;
-  }, []);
-
-  // Interpolate animation values from `isPressed` values
-  const pressedAnimationStyle = useAnimatedStyle(() => {
-    // Link color states to the pressed states
-    const backgroundColor = interpolateColor(progress.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.pressed]);
-    return {
-      backgroundColor
-    };
-  });
-  const handleOnPress = useCallback(event => {
-    /* Don't call `onPress` if the button is
-    in loading state */
-    if (loading) {
-      return;
-    }
-    ReactNativeHapticFeedback.trigger("impactLight");
-    onPress(event);
-  }, [loading, onPress]);
-
-  // Background
-  const backgroundColor = disabled ? mapColorStates[color]?.background?.disabled : mapColorStates[color]?.background?.default;
-
-  // Label & Icons colors
-  const foregroundColor = disabled ? mapColorStates[color]?.foreground?.disabled : mapColorStates[color]?.foreground?.default;
-  return /*#__PURE__*/_jsx(Pressable, {
-    testID: testID,
-    ref: ref,
-    accessible: true
-    // Using || operator because empty string is not an accepted value
-    ,
-    accessibilityLabel: accessibilityLabel || label,
-    accessibilityHint: accessibilityHint,
-    accessibilityState: {
-      busy: loading,
-      disabled: disabled || false
-    },
-    accessibilityRole: "button",
-    onPress: handleOnPress,
-    onPressIn: onPressIn,
-    onPressOut: onPressOut,
-    disabled: disabled,
-    style: fullWidth ? {
-      flexShrink: 0,
-      alignSelf: "stretch"
-    } : {
-      flexShrink: 1,
-      alignSelf: "auto"
-    },
-    children: /*#__PURE__*/_jsxs(Animated.View, {
-      style: [IOButtonStyles.button, IOButtonStyles.buttonSizeDefault, {
-        backgroundColor,
-        overflow: "hidden"
-      }, fullWidth && {
-        paddingHorizontal: 16
-      }, disabled ? {
-        opacity: DISABLED_OPACITY
-      } : {},
-      /* Prevent Reanimated from overriding background colors
-        if button is disabled */
-      !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && pressedAnimationStyle],
-      children: [loading && /*#__PURE__*/_jsx(Animated.View, {
-        style: IOButtonStyles.buttonInner,
-        entering: isMounted.current ? enterTransitionInnerContentSmall : undefined,
-        exiting: exitTransitionInnerContent,
-        children: /*#__PURE__*/_jsx(LoadingSpinner, {
-          color: IOColors[foregroundColor]
-        })
-      }), !loading && /*#__PURE__*/_jsxs(Animated.View, {
-        style: [IOButtonStyles.buttonInner, {
-          columnGap: ICON_MARGIN
-        },
-        /* If 'iconPosition' is set to 'end', we use 
-           reverse flex property to invert the position */
-        iconPosition === "end" && {
-          flexDirection: "row-reverse"
-        }],
-        entering: isMounted.current ? enterTransitionInnerContent : undefined,
-        children: [icon && /*#__PURE__*/_jsx(Icon, {
-          allowFontScaling: true,
-          name: icon,
-          size: iconSize,
-          color: foregroundColor
-        }), /*#__PURE__*/_jsx(ButtonText, {
-          color: foregroundColor,
-          style: IOButtonStyles.label,
-          numberOfLines: 1,
-          ellipsizeMode: "tail",
-          accessible: false,
-          accessibilityElementsHidden: true,
-          importantForAccessibility: "no-hide-descendants",
-          children: label
-        })]
-      })]
-    })
-  });
-});
-export default ButtonSolid;
-//# sourceMappingURL=ButtonSolid.js.map

package/lib/module/components/buttons/ButtonSolid.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","forwardRef","useCallback","useEffect","useRef","Pressable","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","useIOTheme","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useScaleAnimation","Icon","LoadingSpinner","ButtonText","jsx","_jsx","jsxs","_jsxs","ICON_MARGIN","DISABLED_OPACITY","iconSize","ButtonSolid","color","label","fullWidth","disabled","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","theme","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","mapColorStates","primary","background","default","pressed","foreground","danger","contrast","white","isMounted","current","pressedAnimationStyle","backgroundColor","value","handleOnPress","event","trigger","foregroundColor","accessible","accessibilityState","busy","accessibilityRole","style","flexShrink","alignSelf","children","View","button","buttonSizeDefault","overflow","paddingHorizontal","opacity","buttonInner","entering","undefined","exiting","columnGap","flexDirection","allowFontScaling","name","size","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/components/buttons/ButtonLink.d.ts

@@ -1,36 +0,0 @@
-import React from "react";
-import { AccessibilityRole, GestureResponderEvent, TextStyle, View } from "react-native";
-import { WithTestID } from "../../utils/types";
-import { IOIcons } from "../icons";
-export type ColorButtonLink = "primary" | "contrast";
-export type ButtonLinkProps = WithTestID<{
-    color?: ColorButtonLink;
-    label: string;
-    disabled?: boolean;
-    icon?: IOIcons;
-    iconPosition?: "start" | "end";
-    accessibilityLabel?: string;
-    accessibilityRole?: Extract<AccessibilityRole, "button" | "link">;
-    accessibilityHint?: string;
-    numberOfLines?: number;
-    textAlign?: TextStyle["textAlign"];
-    onPress: (event: GestureResponderEvent) => void;
-}>;
-/**
- * @deprecated Use `Button` with variant `link` instead
- */
-export declare const ButtonLink: React.ForwardRefExoticComponent<{
-    color?: ColorButtonLink;
-    label: string;
-    disabled?: boolean;
-    icon?: IOIcons;
-    iconPosition?: "start" | "end";
-    accessibilityLabel?: string;
-    accessibilityRole?: Extract<AccessibilityRole, "button" | "link">;
-    accessibilityHint?: string;
-    numberOfLines?: number;
-    textAlign?: TextStyle["textAlign"];
-    onPress: (event: GestureResponderEvent) => void;
-} & import("../../utils/types").TestID & React.RefAttributes<View>>;
-export default ButtonLink;
-//# sourceMappingURL=ButtonLink.d.ts.map

package/lib/typescript/components/buttons/ButtonLink.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EAErB,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AAetB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAIL,OAAO,EACR,MAAM,UAAU,CAAC;AAOlB,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;IACvC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAEnC,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAaH;;GAEG;AACH,eAAO,MAAM,UAAU;YA9Bb,eAAe;WAChB,MAAM;eACF,OAAO;WAEX,OAAO;mBACC,OAAO,GAAG,KAAK;yBAET,MAAM;wBACP,OAAO,CAAC,iBAAiB,EAAE,QAAQ,GAAG,MAAM,CAAC;wBAC7C,MAAM;oBACV,MAAM;gBACV,SAAS,CAAC,WAAW,CAAC;aAEzB,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;mEAwKhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/typescript/components/buttons/ButtonOutline.d.ts

@@ -1,26 +0,0 @@
-import React, { ComponentProps } from "react";
-import { GestureResponderEvent, Pressable, View } from "react-native";
-import { WithTestID } from "../../utils/types";
-import { IOIcons } from "../icons";
-type ColorButtonOutline = "primary" | "contrast";
-export type ButtonOutline = WithTestID<{
-    color?: ColorButtonOutline;
-    label: string;
-    fullWidth?: boolean;
-    icon?: IOIcons;
-    iconPosition?: "start" | "end";
-    onPress: (event: GestureResponderEvent) => void;
-} & Pick<ComponentProps<typeof Pressable>, "disabled" | "accessibilityLabel" | "accessibilityHint">>;
-/**
- * @deprecated Use `Button` with variant `outline` instead
- */
-export declare const ButtonOutline: React.ForwardRefExoticComponent<{
-    color?: ColorButtonOutline;
-    label: string;
-    fullWidth?: boolean;
-    icon?: IOIcons;
-    iconPosition?: "start" | "end";
-    onPress: (event: GestureResponderEvent) => void;
-} & Pick<import("react-native").PressableProps & React.RefAttributes<View>, "accessibilityLabel" | "accessibilityHint" | "disabled"> & import("../../utils/types").TestID & React.RefAttributes<View>>;
-export default ButtonOutline;
-//# sourceMappingURL=ButtonOutline.d.ts.map

package/lib/typescript/components/buttons/ButtonOutline.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonOutline.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAC1D,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,IAAI,EACL,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAIL,OAAO,EACR,MAAM,UAAU,CAAC;AAGlB,KAAK,kBAAkB,GAAG,SAAS,GAAG,UAAU,CAAC;AACjD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC;IACE,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CACxD,CACF,CAAC;AA2BF;;GAEG;AACH,eAAO,MAAM,aAAa;YA1Cd,kBAAkB;WACnB,MAAM;gBACD,OAAO;WAEZ,OAAO;mBACC,OAAO,GAAG,KAAK;aAErB,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;sMA+NlD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/typescript/components/buttons/ButtonSolid.d.ts

@@ -1,52 +0,0 @@
-import React, { ComponentProps } from "react";
-import { GestureResponderEvent, Pressable, View } from "react-native";
-import { WithTestID } from "../../utils/types";
-import { IOIcons } from "../icons";
-export type ButtonSolidColor = "primary" | "danger" | "contrast";
-export type ButtonSolidProps = WithTestID<{
-    /**
-     * @default primary
-     */
-    color?: ButtonSolidColor;
-    label: string;
-    /**
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * @default false
-     */
-    loading?: boolean;
-    icon?: IOIcons;
-    /**
-     * @default start
-     */
-    iconPosition?: "start" | "end";
-    onPress: (event: GestureResponderEvent) => void;
-} & Pick<ComponentProps<typeof Pressable>, "disabled" | "accessibilityLabel" | "accessibilityHint">>;
-/**
- * @deprecated Use `Button` with variant `solid` instead
- */
-export declare const ButtonSolid: React.ForwardRefExoticComponent<{
-    /**
-     * @default primary
-     */
-    color?: ButtonSolidColor;
-    label: string;
-    /**
-     * @default false
-     */
-    fullWidth?: boolean;
-    /**
-     * @default false
-     */
-    loading?: boolean;
-    icon?: IOIcons;
-    /**
-     * @default start
-     */
-    iconPosition?: "start" | "end";
-    onPress: (event: GestureResponderEvent) => void;
-} & Pick<import("react-native").PressableProps & React.RefAttributes<View>, "accessibilityLabel" | "accessibilityHint" | "disabled"> & import("../../utils/types").TestID & React.RefAttributes<View>>;
-export default ButtonSolid;
-//# sourceMappingURL=ButtonSolid.d.ts.map

package/lib/typescript/components/buttons/ButtonSolid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,qBAAqB,EACrB,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AAgBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAI1D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAoBjE,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC;IACE;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CACxD,CACF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW;IA5BpB;;OAEG;YACK,gBAAgB;WACjB,MAAM;IACb;;OAEG;gBACS,OAAO;IACnB;;OAEG;cACO,OAAO;WACV,OAAO;IACd;;OAEG;mBACY,OAAO,GAAG,KAAK;aACrB,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;sMAiNlD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/src/components/buttons/ButtonLink.tsx

@@ -1,222 +0,0 @@
-import React, { forwardRef } from "react";
-import {
-  AccessibilityRole,
-  GestureResponderEvent,
-  Pressable,
-  TextStyle,
-  View
-} from "react-native";
-import Animated, {
-  interpolateColor,
-  useAnimatedProps,
-  useAnimatedStyle,
-  useReducedMotion
-} from "react-native-reanimated";
-import { useIONewTypeface, useIOTheme } from "../../context";
-import {
-  IOButtonStyles,
-  IOColors,
-  IOSpacingScale,
-  hexToRgba
-} from "../../core";
-import { useScaleAnimation } from "../../hooks";
-import { WithTestID } from "../../utils/types";
-import {
-  AnimatedIcon,
-  AnimatedIconWithColorTransition,
-  IOIconSizeScale,
-  IOIcons
-} from "../icons";
-import {
-  IOText,
-  buttonTextFontSize,
-  buttonTextLineHeight
-} from "../typography";
-
-export type ColorButtonLink = "primary" | "contrast";
-
-export type ButtonLinkProps = WithTestID<{
-  color?: ColorButtonLink;
-  label: string;
-  disabled?: boolean;
-  // Icons
-  icon?: IOIcons;
-  iconPosition?: "start" | "end";
-  // Accessibility
-  accessibilityLabel?: string;
-  accessibilityRole?: Extract<AccessibilityRole, "button" | "link">;
-  accessibilityHint?: string;
-  numberOfLines?: number;
-  textAlign?: TextStyle["textAlign"];
-  // Events
-  onPress: (event: GestureResponderEvent) => void;
-}>;
-
-type ColorStates = {
-  foreground: {
-    default: string;
-    pressed: string;
-    disabled: string;
-  };
-};
-
-const DISABLED_OPACITY = 0.5;
-const ICON_MARGIN = 8;
-
-/**
- * @deprecated Use `Button` with variant `link` instead
- */
-export const ButtonLink = forwardRef<View, ButtonLinkProps>(
-  (
-    {
-      color = "primary",
-      label,
-      disabled = false,
-      icon,
-      iconPosition = "start",
-      onPress,
-      accessibilityLabel,
-      accessibilityRole = "button",
-      accessibilityHint,
-      numberOfLines = 1,
-      textAlign = "auto",
-      testID
-    },
-    ref
-  ) => {
-    const theme = useIOTheme();
-    const { newTypefaceEnabled } = useIONewTypeface();
-    const { progress, onPressIn, onPressOut, scaleAnimatedStyle } =
-      useScaleAnimation();
-    const reducedMotion = useReducedMotion();
-
-    const mapColorStates: Record<
-      NonNullable<ButtonLinkProps["color"]>,
-      ColorStates
-    > = {
-      // Primary button
-      primary: {
-        foreground: {
-          default: IOColors[theme["interactiveElem-default"]],
-          pressed: IOColors[theme["interactiveElem-pressed"]],
-          disabled: hexToRgba(IOColors[theme["interactiveElem-default"]], 0.85)
-        }
-      },
-      contrast: {
-        foreground: {
-          default: IOColors.white,
-          pressed: hexToRgba(IOColors.white, 0.85),
-          disabled: hexToRgba(IOColors.white, 0.5)
-        }
-      }
-    };
-
-    const AnimatedIOText = Animated.createAnimatedComponent(IOText);
-
-    const pressedColorLabelAnimationStyle = useAnimatedStyle(() => {
-      // Link color states to the pressed states
-
-      const labelColor = interpolateColor(
-        progress.value,
-        [0, 1],
-        [
-          mapColorStates[color].foreground.default,
-          mapColorStates[color].foreground.pressed
-        ]
-      );
-
-      return {
-        color: labelColor
-      };
-    });
-
-    // Animate the <Icon> color prop
-    const pressedColorIconAnimationStyle = useAnimatedProps(() => {
-      const iconColor = interpolateColor(
-        progress.value,
-        [0, 1],
-        [
-          mapColorStates[color].foreground.default,
-          mapColorStates[color].foreground.pressed
-        ]
-      );
-
-      return { color: iconColor };
-    });
-
-    // Icon size
-    const iconSize: IOIconSizeScale = 24;
-    const iconMargin: IOSpacingScale = 8;
-
-    return (
-      <Pressable
-        ref={ref}
-        accessibilityLabel={accessibilityLabel || label}
-        accessibilityHint={accessibilityHint}
-        accessibilityRole={accessibilityRole}
-        accessibilityState={{ disabled }}
-        testID={testID}
-        onPress={onPress}
-        onPressIn={onPressIn}
-        onPressOut={onPressOut}
-        onTouchEnd={onPressOut}
-        accessible={true}
-        disabled={disabled}
-        hitSlop={{ top: 14, right: 24, bottom: 14, left: 24 }}
-        style={{ alignSelf: "flex-start" }}
-      >
-        <Animated.View
-          style={[
-            IOButtonStyles.buttonLink,
-            iconPosition === "end" && { flexDirection: "row-reverse" },
-            { columnGap: iconMargin },
-            disabled ? { opacity: DISABLED_OPACITY } : {},
-            { columnGap: ICON_MARGIN },
-            /* Prevent Reanimated from overriding background colors
-                    if button is disabled */
-            !disabled && !reducedMotion && scaleAnimatedStyle
-          ]}
-        >
-          {icon &&
-            (!disabled ? (
-              <AnimatedIconWithColorTransition
-                allowFontScaling
-                name={icon}
-                animatedProps={pressedColorIconAnimationStyle}
-                color={mapColorStates[color]?.foreground?.default}
-                size={iconSize}
-              />
-            ) : (
-              <AnimatedIcon
-                allowFontScaling
-                name={icon}
-                color={mapColorStates[color]?.foreground?.disabled}
-                size={iconSize}
-              />
-            ))}
-          <AnimatedIOText
-            accessible={false}
-            accessibilityElementsHidden
-            importantForAccessibility="no-hide-descendants"
-            font={newTypefaceEnabled ? "Titillio" : "TitilliumSansPro"}
-            weight={"Semibold"}
-            size={buttonTextFontSize}
-            lineHeight={buttonTextLineHeight}
-            style={[
-              disabled
-                ? { color: mapColorStates[color]?.foreground?.disabled }
-                : { ...pressedColorLabelAnimationStyle },
-              { textAlign }
-            ]}
-            numberOfLines={numberOfLines}
-            ellipsizeMode="tail"
-          >
-            {label}
-          </AnimatedIOText>
-        </Animated.View>
-      </Pressable>
-    );
-  }
-);
-
-export default ButtonLink;