@pagopa/io-app-design-system 5.0.0-3 → 5.0.0-4

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

@@ -1,67 +1,10 @@
 import React, { forwardRef } from "react";
 import { Pressable, StyleSheet } from "react-native";
 import Animated, { interpolateColor, useAnimatedProps, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
-import { IOButtonStyles, IOColors, hexToRgba, useIONewTypeface } from "../../core/";
+import { IOButtonStyles, IOColors, hexToRgba, useIONewTypeface, useIOTheme } from "../../core/";
 import { useScaleAnimation } from "../../hooks";
 import { AnimatedIcon, IconClassComponent } from "../icons";
 import { IOText, buttonTextFontSize } from "../typography";
-const mapColorStates = {
-  // Primary button
-  primary: {
-    border: {
-      default: IOColors["blueIO-500"],
-      pressed: IOColors["blueIO-600"],
-      disabled: IOColors["grey-200"]
-    },
-    background: {
-      default: hexToRgba(IOColors["blueIO-50"], 0),
-      pressed: hexToRgba(IOColors["blueIO-50"], 1),
-      disabled: "transparent"
-    },
-    label: {
-      default: IOColors["blueIO-500"],
-      pressed: IOColors["blueIO-600"],
-      disabled: IOColors["grey-700"]
-    }
-  },
-  // Contrast button
-  contrast: {
-    border: {
-      default: IOColors.white,
-      pressed: IOColors.white,
-      disabled: IOColors["blueIO-200"]
-    },
-    background: {
-      default: hexToRgba(IOColors["blueIO-600"], 0),
-      pressed: IOColors["blueIO-600"],
-      disabled: "transparent"
-    },
-    label: {
-      default: IOColors.white,
-      pressed: IOColors.white,
-      disabled: IOColors["blueIO-200"]
-    }
-  },
-  // Danger button
-  danger: {
-    border: {
-      default: IOColors["error-600"],
-      pressed: IOColors["error-600"],
-      disabled: IOColors["grey-200"]
-    },
-    background: {
-      default: hexToRgba(IOColors["error-600"], 0),
-      pressed: hexToRgba(IOColors["error-600"], 0.15),
-      disabled: "transparent"
-    },
-    label: {
-      default: IOColors["error-600"],
-      pressed: IOColors["error-600"],
-      disabled: IOColors["grey-450"]
-    }
-  }
-};
-
 // Icon size
 const iconSize = 20;
 const DISABLED_OPACITY = 0.5;
@@ -84,6 +27,7 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
   testID
 }, ref) => {
   var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3, _mapColorStates$color4, _mapColorStates$color5, _mapColorStates$color6, _mapColorStates$color7;
+  const theme = useIOTheme();
   const {
     newTypefaceEnabled
   } = useIONewTypeface();
@@ -95,24 +39,52 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
   } = useScaleAnimation();
   const reducedMotion = useReducedMotion();
   const AnimatedIOText = Animated.createAnimatedComponent(IOText);
+  const mapColorStates = {
+    // Primary button
+    primary: {
+      foreground: {
+        default: IOColors[theme["interactiveElem-default"]],
+        pressed: IOColors[theme["interactiveElem-pressed"]],
+        disabled: IOColors[theme["interactiveOutline-disabled"]]
+      },
+      background: {
+        default: hexToRgba(IOColors[theme["interactiveElem-pressed"]], 0),
+        pressed: hexToRgba(IOColors[theme["interactiveElem-pressed"]], 0.1),
+        disabled: "transparent"
+      }
+    },
+    // Contrast button
+    contrast: {
+      foreground: {
+        default: IOColors.white,
+        pressed: IOColors.white,
+        disabled: IOColors["blueIO-200"]
+      },
+      background: {
+        default: hexToRgba(IOColors["blueIO-600"], 0),
+        pressed: hexToRgba(IOColors["blueIO-600"], 0.5),
+        disabled: "transparent"
+      }
+    }
+  };
 
   // 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]);
-    const borderColor = interpolateColor(progress.value, [0, 1], [mapColorStates[color].border.default, mapColorStates[color].border.pressed]);
+    const borderColor = interpolateColor(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed]);
     return {
       borderColor,
       backgroundColor
     };
   });
   const pressedColorLabelAnimationStyle = useAnimatedStyle(() => ({
-    color: interpolateColor(progress.value, [0, 1], [mapColorStates[color].border.default, mapColorStates[color].border.pressed])
+    color: interpolateColor(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed])
   }));
 
   // Animate the <Icon> color prop
   const pressedColorIconAnimationStyle = useAnimatedProps(() => ({
-    color: interpolateColor(progress.value, [0, 1], [mapColorStates[color].label.default, mapColorStates[color].label.pressed])
+    color: interpolateColor(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed])
   }));
   const AnimatedIconClassComponent = Animated.createAnimatedComponent(IconClassComponent);
   return /*#__PURE__*/React.createElement(Pressable, {
@@ -139,11 +111,11 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
       flexDirection: "row-reverse"
     }, disabled ? {
       backgroundColor: (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 || (_mapColorStates$color = _mapColorStates$color.background) === null || _mapColorStates$color === void 0 ? void 0 : _mapColorStates$color.disabled,
-      borderColor: (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.border) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.disabled,
+      borderColor: (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.foreground) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.disabled,
       opacity: DISABLED_OPACITY
     } : {
       backgroundColor: (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 || (_mapColorStates$color3 = _mapColorStates$color3.background) === null || _mapColorStates$color3 === void 0 ? void 0 : _mapColorStates$color3.default,
-      borderColor: (_mapColorStates$color4 = mapColorStates[color]) === null || _mapColorStates$color4 === void 0 ? void 0 : _mapColorStates$color4.border.default
+      borderColor: (_mapColorStates$color4 = mapColorStates[color]) === null || _mapColorStates$color4 === void 0 ? void 0 : _mapColorStates$color4.foreground.default
     },
     /* Prevent Reanimated from overriding background colors
             if button is disabled */
@@ -152,12 +124,12 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
     allowFontScaling: true,
     name: icon,
     animatedProps: pressedColorIconAnimationStyle,
-    color: (_mapColorStates$color5 = mapColorStates[color]) === null || _mapColorStates$color5 === void 0 || (_mapColorStates$color5 = _mapColorStates$color5.label) === null || _mapColorStates$color5 === void 0 ? void 0 : _mapColorStates$color5.default,
+    color: (_mapColorStates$color5 = mapColorStates[color]) === null || _mapColorStates$color5 === void 0 || (_mapColorStates$color5 = _mapColorStates$color5.foreground) === null || _mapColorStates$color5 === void 0 ? void 0 : _mapColorStates$color5.default,
     size: iconSize
   }) : /*#__PURE__*/React.createElement(AnimatedIcon, {
     allowFontScaling: true,
     name: icon,
-    color: (_mapColorStates$color6 = mapColorStates[color]) === null || _mapColorStates$color6 === void 0 || (_mapColorStates$color6 = _mapColorStates$color6.label) === null || _mapColorStates$color6 === void 0 ? void 0 : _mapColorStates$color6.disabled,
+    color: (_mapColorStates$color6 = mapColorStates[color]) === null || _mapColorStates$color6 === void 0 || (_mapColorStates$color6 = _mapColorStates$color6.foreground) === null || _mapColorStates$color6 === void 0 ? void 0 : _mapColorStates$color6.disabled,
     size: iconSize
   })), /*#__PURE__*/React.createElement(AnimatedIOText, {
     font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
@@ -169,7 +141,7 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: [IOButtonStyles.label, disabled ? {
-      color: (_mapColorStates$color7 = mapColorStates[color]) === null || _mapColorStates$color7 === void 0 || (_mapColorStates$color7 = _mapColorStates$color7.label) === null || _mapColorStates$color7 === void 0 ? void 0 : _mapColorStates$color7.disabled
+      color: (_mapColorStates$color7 = mapColorStates[color]) === null || _mapColorStates$color7 === void 0 || (_mapColorStates$color7 = _mapColorStates$color7.foreground) === null || _mapColorStates$color7 === void 0 ? void 0 : _mapColorStates$color7.disabled
     } : {
       ...pressedColorLabelAnimationStyle
     }]

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","Pressable","StyleSheet","Animated","interpolateColor","useAnimatedProps","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","hexToRgba","useIONewTypeface","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","mapColorStates","primary","border","default","pressed","disabled","background","label","contrast","white","danger","iconSize","DISABLED_OPACITY","ICON_MARGIN","IOButtonStylesLocal","create","buttonWithBorder","borderWidth","ButtonOutline","color","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","_mapColorStates$color4","_mapColorStates$color5","_mapColorStates$color6","_mapColorStates$color7","newTypefaceEnabled","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","AnimatedIOText","createAnimatedComponent","pressedAnimationStyle","backgroundColor","value","borderColor","pressedColorLabelAnimationStyle","pressedColorIconAnimationStyle","AnimatedIconClassComponent","createElement","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","button","buttonSizeDefault","paddingHorizontal","columnGap","flexDirection","opacity","allowFontScaling","name","animatedProps","size","font","weight","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonOutline.tsx"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","Pressable","StyleSheet","Animated","interpolateColor","useAnimatedProps","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","hexToRgba","useIONewTypeface","useIOTheme","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","iconSize","DISABLED_OPACITY","ICON_MARGIN","IOButtonStylesLocal","create","buttonWithBorder","borderWidth","ButtonOutline","color","label","fullWidth","disabled","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","_mapColorStates$color4","_mapColorStates$color5","_mapColorStates$color6","_mapColorStates$color7","theme","newTypefaceEnabled","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","AnimatedIOText","createAnimatedComponent","mapColorStates","primary","foreground","default","pressed","background","contrast","white","pressedAnimationStyle","backgroundColor","value","borderColor","pressedColorLabelAnimationStyle","pressedColorIconAnimationStyle","AnimatedIconClassComponent","createElement","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","button","buttonSizeDefault","paddingHorizontal","columnGap","flexDirection","opacity","allowFontScaling","name","animatedProps","size","font","weight","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonOutline.tsx"],"mappings":"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"}

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

@@ -1,54 +1,18 @@
-import React, { useCallback, useEffect, useRef } from "react";
-import { Pressable, StyleSheet } from "react-native";
+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 { IOButtonStyles, IOColors, enterTransitionInnerContent, enterTransitionInnerContentSmall, exitTransitionInnerContent } from "../../core";
+import { IOButtonStyles, IOColors, enterTransitionInnerContent, enterTransitionInnerContentSmall, exitTransitionInnerContent, useIOTheme } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 import { Icon } from "../icons";
 import { LoadingSpinner } from "../loadingSpinner";
 import { ButtonText } from "../typography/ButtonText";
-const colorPrimaryButtonDisabled = "grey-200";
 const ICON_MARGIN = 8;
 const DISABLED_OPACITY = 0.5;
 
 // Icon size
 const iconSize = 20;
-const styles = StyleSheet.create({
-  backgroundDisabled: {
-    backgroundColor: IOColors[colorPrimaryButtonDisabled],
-    opacity: DISABLED_OPACITY
-  }
-});
-const mapColorStates = {
-  // Primary button
-  primary: {
-    default: IOColors["blueIO-500"],
-    pressed: IOColors["blueIO-600"],
-    label: {
-      default: "white",
-      disabled: "grey-700"
-    }
-  },
-  // Danger button
-  danger: {
-    default: IOColors["error-600"],
-    pressed: IOColors["error-500"],
-    label: {
-      default: "white",
-      disabled: "grey-700"
-    }
-  },
-  // Contrast button
-  contrast: {
-    default: IOColors.white,
-    pressed: IOColors["blueIO-50"],
-    label: {
-      default: "blueIO-500",
-      disabled: "grey-700"
-    }
-  }
-};
-export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
+export const ButtonSolid = /*#__PURE__*/forwardRef(({
   color = "primary",
   label,
   fullWidth = false,
@@ -61,7 +25,8 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
   accessibilityHint,
   testID
 }, ref) => {
-  var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3;
+  var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3, _mapColorStates$color4;
+  const theme = useIOTheme();
   const {
     progress,
     onPressIn,
@@ -69,6 +34,44 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
     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-default"],
+        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:
@@ -83,7 +86,7 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
   // 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].default, mapColorStates[color].pressed]);
+    const backgroundColor = interpolateColor(progress.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.pressed]);
     return {
       backgroundColor
     };
@@ -98,8 +101,11 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
     onPress(event);
   }, [loading, onPress]);
 
+  // Background
+  const backgroundColor = disabled ? (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 || (_mapColorStates$color = _mapColorStates$color.background) === null || _mapColorStates$color === void 0 ? void 0 : _mapColorStates$color.disabled : (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.background) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.default;
+
   // Label & Icons colors
-  const foregroundColor = disabled ? (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 || (_mapColorStates$color = _mapColorStates$color.label) === null || _mapColorStates$color === void 0 ? void 0 : _mapColorStates$color.disabled : (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.label) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.default;
+  const foregroundColor = disabled ? (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 || (_mapColorStates$color3 = _mapColorStates$color3.foreground) === null || _mapColorStates$color3 === void 0 ? void 0 : _mapColorStates$color3.disabled : (_mapColorStates$color4 = mapColorStates[color]) === null || _mapColorStates$color4 === void 0 || (_mapColorStates$color4 = _mapColorStates$color4.foreground) === null || _mapColorStates$color4 === void 0 ? void 0 : _mapColorStates$color4.default;
   return /*#__PURE__*/React.createElement(Pressable, {
     testID: testID,
     ref: ref,
@@ -120,12 +126,13 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
     style: !fullWidth ? IOButtonStyles.dimensionsDefault : {}
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: [IOButtonStyles.button, IOButtonStyles.buttonSizeDefault, {
+      backgroundColor,
       overflow: "hidden"
     }, fullWidth && {
       paddingHorizontal: 16
-    }, disabled ? styles.backgroundDisabled : {
-      backgroundColor: (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 ? void 0 : _mapColorStates$color3.default
-    },
+    }, disabled ? {
+      opacity: DISABLED_OPACITY
+    } : {},
     /* Prevent Reanimated from overriding background colors
       if button is disabled */
     !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && pressedAnimationStyle]

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useScaleAnimation","Icon","LoadingSpinner","ButtonText","colorPrimaryButtonDisabled","ICON_MARGIN","DISABLED_OPACITY","iconSize","styles","create","backgroundDisabled","backgroundColor","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","ButtonSolid","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","isMounted","current","pressedAnimationStyle","value","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","buttonSizeDefault","overflow","paddingHorizontal","buttonInner","entering","undefined","exiting","columnGap","flexDirection","allowFontScaling","name","size","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAoBC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC7E,SAEEC,SAAS,EACTC,UAAU,QAEL,cAAc;AACrB,OAAOC,yBAAyB,MAAM,8BAA8B;AACpE,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAChC,SACEC,cAAc,EACdC,QAAQ,EACRC,2BAA2B,EAC3BC,gCAAgC,EAChCC,0BAA0B,QACrB,YAAY;AACnB,SAASC,iBAAiB,QAAQ,aAAa;AAE/C,SAAmCC,IAAI,QAAQ,UAAU;AACzD,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,UAAU,QAAQ,0BAA0B;AAarD,MAAMC,0BAAoC,GAAG,UAAU;AACvD,MAAMC,WAAW,GAAG,CAAC;AACrB,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA,MAAMC,QAAyB,GAAG,EAAE;AAEpC,MAAMC,MAAM,GAAGnB,UAAU,CAACoB,MAAM,CAAC;EAC/BC,kBAAkB,EAAE;IAClBC,eAAe,EAAEf,QAAQ,CAACQ,0BAA0B,CAAC;IACrDQ,OAAO,EAAEN;EACX;AACF,CAAC,CAAC;AA6BF,MAAMO,cAGL,GAAG;EACF;EACAC,OAAO,EAAE;IACPC,OAAO,EAAEnB,QAAQ,CAAC,YAAY,CAAC;IAC/BoB,OAAO,EAAEpB,QAAQ,CAAC,YAAY,CAAC;IAC/BqB,KAAK,EAAE;MACLF,OAAO,EAAE,OAAO;MAChBG,QAAQ,EAAE;IACZ;EACF,CAAC;EACD;EACAC,MAAM,EAAE;IACNJ,OAAO,EAAEnB,QAAQ,CAAC,WAAW,CAAC;IAC9BoB,OAAO,EAAEpB,QAAQ,CAAC,WAAW,CAAC;IAC9BqB,KAAK,EAAE;MACLF,OAAO,EAAE,OAAO;MAChBG,QAAQ,EAAE;IACZ;EACF,CAAC;EACD;EACAE,QAAQ,EAAE;IACRL,OAAO,EAAEnB,QAAQ,CAACyB,KAAK;IACvBL,OAAO,EAAEpB,QAAQ,CAAC,WAAW,CAAC;IAC9BqB,KAAK,EAAE;MACLF,OAAO,EAAE,YAAY;MACrBG,QAAQ,EAAE;IACZ;EACF;AACF,CAAC;AAED,OAAO,MAAMI,WAAW,gBAAGtC,KAAK,CAACuC,UAAU,CACzC,CACE;EACEC,KAAK,GAAG,SAAS;EACjBP,KAAK;EACLQ,SAAS,GAAG,KAAK;EACjBP,QAAQ,GAAG,KAAK;EAChBQ,OAAO,GAAG,KAAK;EACfC,IAAI;EACJC,YAAY,GAAG,OAAO;EACtBC,OAAO;EACPC,kBAAkB;EAClBC,iBAAiB;EACjBC;AACF,CAAC,EACDC,GAAG,KACA;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EACH,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAC3DxC,iBAAiB,CAAC,CAAC;EACrB,MAAMyC,aAAa,GAAG/C,gBAAgB,CAAC,CAAC;;EAExC;AACJ;AACA;AACA;EACI,MAAMgD,SAAS,GAAGvD,MAAM,CAAC,KAAK,CAAC;EAE/BD,SAAS,CAAC,MAAM;IACd;IACAwD,SAAS,CAACC,OAAO,GAAG,IAAI;EAC1B,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAMC,qBAAqB,GAAGnD,gBAAgB,CAAC,MAAM;IACnD;IACA,MAAMkB,eAAe,GAAGnB,gBAAgB,CACtC6C,QAAQ,CAACQ,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAChC,cAAc,CAACW,KAAK,CAAC,CAACT,OAAO,EAAEF,cAAc,CAACW,KAAK,CAAC,CAACR,OAAO,CAC/D,CAAC;IAED,OAAO;MAAEL;IAAgB,CAAC;EAC5B,CAAC,CAAC;EAEF,MAAMmC,aAAa,GAAG7D,WAAW,CAC9B8D,KAA4B,IAAK;IAChC;AACR;IACQ,IAAIrB,OAAO,EAAE;MACX;IACF;IACApC,yBAAyB,CAAC0D,OAAO,CAAC,aAAa,CAAC;IAChDnB,OAAO,CAACkB,KAAK,CAAC;EAChB,CAAC,EACD,CAACrB,OAAO,EAAEG,OAAO,CACnB,CAAC;;EAED;EACA,MAAMoB,eAAyB,GAAG/B,QAAQ,IAAAgB,qBAAA,GACtCrB,cAAc,CAACW,KAAK,CAAC,cAAAU,qBAAA,gBAAAA,qBAAA,GAArBA,qBAAA,CAAuBjB,KAAK,cAAAiB,qBAAA,uBAA5BA,qBAAA,CAA8BhB,QAAQ,IAAAiB,sBAAA,GACtCtB,cAAc,CAACW,KAAK,CAAC,cAAAW,sBAAA,gBAAAA,sBAAA,GAArBA,sBAAA,CAAuBlB,KAAK,cAAAkB,sBAAA,uBAA5BA,sBAAA,CAA8BpB,OAAO;EAEzC,oBACE/B,KAAA,CAAAkE,aAAA,CAAC9D,SAAS;IACR4C,MAAM,EAAEA,MAAO;IACfC,GAAG,EAAEA,GAAI;IACTkB,UAAU,EAAE;IACZ;IAAA;IACArB,kBAAkB,EAAEA,kBAAkB,IAAIb,KAAM;IAChDc,iBAAiB,EAAEA,iBAAkB;IACrCqB,kBAAkB,EAAE;MAClBC,IAAI,EAAE3B,OAAO;MACbR,QAAQ,EAAEA,QAAQ,IAAI;IACxB,CAAE;IACFoC,iBAAiB,EAAE,QAAS;IAC5BzB,OAAO,EAAEiB,aAAc;IACvBR,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBrB,QAAQ,EAAEA,QAAS;IACnBqC,KAAK,EAAE,CAAC9B,SAAS,GAAG9B,cAAc,CAAC6D,iBAAiB,GAAG,CAAC;EAAE,gBAE1DxE,KAAA,CAAAkE,aAAA,CAAC3D,QAAQ,CAACkE,IAAI;IACZF,KAAK,EAAE,CACL5D,cAAc,CAAC+D,MAAM,EACrB/D,cAAc,CAACgE,iBAAiB,EAChC;MAAEC,QAAQ,EAAE;IAAS,CAAC,EACtBnC,SAAS,IAAI;MAAEoC,iBAAiB,EAAE;IAAG,CAAC,EACtC3C,QAAQ,GACJV,MAAM,CAACE,kBAAkB,GACzB;MAAEC,eAAe,GAAAyB,sBAAA,GAAEvB,cAAc,CAACW,KAAK,CAAC,cAAAY,sBAAA,uBAArBA,sBAAA,CAAuBrB;IAAQ,CAAC;IACvD;AACZ;IACY,CAACG,QAAQ,IAAI,CAACuB,aAAa,IAAID,kBAAkB,EACjD,CAACtB,QAAQ,IAAI0B,qBAAqB;EAClC,GAEDlB,OAAO,iBACN1C,KAAA,CAAAkE,aAAA,CAAC3D,QAAQ,CAACkE,IAAI;IACZF,KAAK,EAAE5D,cAAc,CAACmE,WAAY;IAClCC,QAAQ,EACNrB,SAAS,CAACC,OAAO,GAAG7C,gCAAgC,GAAGkE,SACxD;IACDC,OAAO,EAAElE;EAA2B,gBAEpCf,KAAA,CAAAkE,aAAA,CAAChD,cAAc;IAACsB,KAAK,EAAEyB;EAAgB,CAAE,CAC5B,CAChB,EAEA,CAACvB,OAAO,iBACP1C,KAAA,CAAAkE,aAAA,CAAC3D,QAAQ,CAACkE,IAAI;IACZF,KAAK,EAAE,CACL5D,cAAc,CAACmE,WAAW,EAC1B;MAAEI,SAAS,EAAE7D;IAAY,CAAC;IAC1B;AAChB;IACgBuB,YAAY,KAAK,KAAK,IAAI;MAAEuC,aAAa,EAAE;IAAc,CAAC,CAC1D;IACFJ,QAAQ,EACNrB,SAAS,CAACC,OAAO,GAAG9C,2BAA2B,GAAGmE;EACnD,GAEArC,IAAI,iBACH3C,KAAA,CAAAkE,aAAA,CAACjD,IAAI;IACHmE,gBAAgB;IAChBC,IAAI,EAAE1C,IAAK;IACX2C,IAAI,EAAE/D,QAAS;IACfiB,KAAK,EAAEyB;EAAgB,CACxB,CACF,eACDjE,KAAA,CAAAkE,aAAA,CAAC/C,UAAU;IACTqB,KAAK,EAAEyB,eAAgB;IACvBM,KAAK,EAAE5D,cAAc,CAACsB,KAAM;IAC5BsD,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC,MAAM;IACpBrB,UAAU,EAAE,KAAM;IAClBsB,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,GAE9CzD,KACS,CACC,CAEJ,CACN,CAAC;AAEhB,CACF,CAAC;AAED,eAAeK,WAAW"}
+{"version":3,"names":["React","forwardRef","useCallback","useEffect","useRef","Pressable","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOTheme","useScaleAnimation","Icon","LoadingSpinner","ButtonText","ICON_MARGIN","DISABLED_OPACITY","iconSize","ButtonSolid","color","label","fullWidth","disabled","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","_mapColorStates$color4","theme","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","mapColorStates","primary","background","default","pressed","foreground","danger","contrast","white","isMounted","current","pressedAnimationStyle","backgroundColor","value","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","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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"}

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

@@ -1,38 +1,13 @@
 import React from "react";
 import { Pressable } from "react-native";
 import Animated, { interpolateColor, useAnimatedProps, useReducedMotion } from "react-native-reanimated";
-import { IOColors, IOIconButtonStyles, IOStyles, hexToRgba } from "../../core";
+import { IOColors, IOIconButtonStyles, IOStyles, IOThemeLight, hexToRgba, useIOTheme } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 import { AnimatedIcon, IconClassComponent } from "../icons";
-const mapColorStates = {
-  // Primary button
-  primary: {
-    icon: {
-      default: IOColors["blueIO-500"],
-      pressed: IOColors["blueIO-600"],
-      disabled: hexToRgba(IOColors["blueIO-500"], 0.25)
-    }
-  },
-  // Neutral button
-  neutral: {
-    icon: {
-      default: IOColors.black,
-      pressed: IOColors["grey-850"],
-      disabled: IOColors["grey-450"]
-    }
-  },
-  // Contrast button
-  contrast: {
-    icon: {
-      default: IOColors.white,
-      pressed: hexToRgba(IOColors.white, 0.85),
-      disabled: hexToRgba(IOColors.white, 0.25)
-    }
-  }
-};
 const AnimatedIconClassComponent = Animated.createAnimatedComponent(IconClassComponent);
 export const IconButton = ({
   color = "primary",
+  persistentColorMode = false,
   icon,
   iconSize = 24,
   disabled = false,
@@ -42,6 +17,7 @@ export const IconButton = ({
   testID
 }) => {
   var _mapColorStates$color, _mapColorStates$color2;
+  const theme = useIOTheme();
   const {
     progress,
     onPressIn,
@@ -49,6 +25,32 @@ export const IconButton = ({
     scaleAnimatedStyle
   } = useScaleAnimation("exaggerated");
   const reducedMotion = useReducedMotion();
+  const mapColorStates = {
+    // Primary button
+    primary: {
+      icon: {
+        default: IOColors[theme["interactiveElem-default"]],
+        pressed: IOColors[theme["interactiveElem-pressed"]],
+        disabled: IOColors[theme["interactiveElem-disabled"]]
+      }
+    },
+    // Neutral button
+    neutral: {
+      icon: {
+        default: persistentColorMode ? IOColors[IOThemeLight["neutralButton-default"]] : IOColors[theme["neutralButton-default"]],
+        pressed: persistentColorMode ? IOColors[IOThemeLight["neutralButton-pressed"]] : IOColors[theme["neutralButton-pressed"]],
+        disabled: persistentColorMode ? IOColors[IOThemeLight["neutralButton-disabled"]] : IOColors[theme["neutralButton-disabled"]]
+      }
+    },
+    // Contrast button
+    contrast: {
+      icon: {
+        default: IOColors.white,
+        pressed: hexToRgba(IOColors.white, 0.85),
+        disabled: hexToRgba(IOColors.white, 0.25)
+      }
+    }
+  };
 
   // Animate the <Icon> color prop
   const animatedColor = useAnimatedProps(() => {

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

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedProps","useReducedMotion","IOColors","IOIconButtonStyles","IOStyles","hexToRgba","useScaleAnimation","AnimatedIcon","IconClassComponent","mapColorStates","primary","icon","default","pressed","disabled","neutral","black","contrast","white","AnimatedIconClassComponent","createAnimatedComponent","IconButton","color","iconSize","onPress","accessibilityLabel","accessibilityHint","testID","_mapColorStates$color","_mapColorStates$color2","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","animatedColor","iconColor","value","createElement","accessible","accessibilityRole","accessibilityState","hitSlop","View","style","buttonSizeSmall","alignCenter","centerJustified","allowFontScaling","name","size","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedProps","useReducedMotion","IOColors","IOIconButtonStyles","IOStyles","IOThemeLight","hexToRgba","useIOTheme","useScaleAnimation","AnimatedIcon","IconClassComponent","AnimatedIconClassComponent","createAnimatedComponent","IconButton","color","persistentColorMode","icon","iconSize","disabled","onPress","accessibilityLabel","accessibilityHint","testID","_mapColorStates$color","_mapColorStates$color2","theme","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","mapColorStates","primary","default","pressed","neutral","contrast","white","animatedColor","iconColor","value","createElement","accessible","accessibilityRole","accessibilityState","hitSlop","View","style","buttonSizeSmall","alignCenter","centerJustified","allowFontScaling","name","size","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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"}

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

@@ -1,35 +1,10 @@
 import * as React from "react";
 import { Pressable } from "react-native";
 import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
-import { IOButtonStyles, IOIconButtonStyles } from "../../core";
+import { IOButtonStyles, IOIconButtonStyles, useIOTheme } from "../../core";
 import { IOColors, hexToRgba } from "../../core/IOColors";
 import { useScaleAnimation } from "../../hooks";
 import { AnimatedIcon } from "../icons";
-const mapColorStates = {
-  // Primary button
-  primary: {
-    background: {
-      default: IOColors["blueIO-500"],
-      pressed: IOColors["blueIO-600"],
-      disabled: IOColors["grey-100"]
-    },
-    icon: {
-      default: IOColors.white,
-      disabled: IOColors["grey-450"]
-    }
-  },
-  contrast: {
-    background: {
-      default: IOColors.white,
-      pressed: IOColors["blueIO-50"],
-      disabled: hexToRgba(IOColors.white, 0.25)
-    },
-    icon: {
-      default: IOColors["blueIO-500"],
-      disabled: IOColors["blueIO-500"]
-    }
-  }
-};
 export const IconButtonSolid = ({
   icon,
   color = "primary",
@@ -40,6 +15,7 @@ export const IconButtonSolid = ({
   testID
 }) => {
   var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3, _mapColorStates$color4;
+  const theme = useIOTheme();
   const {
     progress,
     onPressIn,
@@ -47,6 +23,31 @@ export const IconButtonSolid = ({
     scaleAnimatedStyle
   } = useScaleAnimation("exaggerated");
   const reducedMotion = useReducedMotion();
+  const mapColorStates = {
+    // Primary button
+    primary: {
+      background: {
+        default: IOColors[theme["interactiveElem-default"]],
+        pressed: IOColors[theme["interactiveElem-pressed"]],
+        disabled: IOColors[theme["interactiveElem-disabled"]]
+      },
+      icon: {
+        default: IOColors[theme["buttonText-default"]],
+        disabled: IOColors[theme["buttonText-disabled"]]
+      }
+    },
+    contrast: {
+      background: {
+        default: IOColors.white,
+        pressed: IOColors["blueIO-50"],
+        disabled: hexToRgba(IOColors.white, 0.25)
+      },
+      icon: {
+        default: IOColors["blueIO-500"],
+        disabled: IOColors["blueIO-500"]
+      }
+    }
+  };
   const backgroundColorAnimationStyle = useAnimatedStyle(() => ({
     backgroundColor: interpolateColor(progress.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.pressed])
   }));