@pagopa/io-app-design-system 1.7.0 → 1.8.0

package/lib/module/components/listitems/ListItemInfo.js

@@ -1,8 +1,17 @@
 import React from "react";
-import { View } from "react-native";
-import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
+import { StyleSheet, Text, View } from "react-native";
+import { IOColors, IOListItemStyles, IOListItemVisualParams, IOStyles, useIOExperimentalDesign, useIOTheme } from "../../core";
+import { makeFontStyleObject } from "../../utils/fonts";
 import { Icon } from "../icons";
-import { H6, LabelSmall } from "../typography";
+import { Body, H6, LabelSmall } from "../typography";
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyStyles = StyleSheet.create({
+  textValue: {
+    fontSize: 18,
+    lineHeight: 24,
+    ...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
+  }
+});
 export const ListItemInfo = _ref => {
   let {
     label,
@@ -13,7 +22,28 @@ export const ListItemInfo = _ref => {
     accessibilityLabel,
     testID
   } = _ref;
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
   const theme = useIOTheme();
+
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  const legacyItemInfoText = /*#__PURE__*/React.createElement(React.Fragment, null, typeof label === "string" ? /*#__PURE__*/React.createElement(Body, {
+    weight: "Regular"
+  }, label) : label, typeof value === "string" ? /*#__PURE__*/React.createElement(Text, {
+    style: [legacyStyles.textValue, {
+      color: IOColors.bluegreyDark
+    }],
+    numberOfLines: numberOfLines
+  }, value) : value);
+  const itemInfoText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelSmall, {
+    weight: "Regular",
+    color: theme["textBody-tertiary"]
+  }, label), /*#__PURE__*/React.createElement(H6, {
+    color: theme["textBody-default"],
+    numberOfLines: numberOfLines
+  }, value));
+  const itemInfoTextComponent = isExperimental ? itemInfoText : legacyItemInfoText;
   return /*#__PURE__*/React.createElement(View, {
     style: IOListItemStyles.listItem,
     testID: testID,
@@ -31,13 +61,7 @@ export const ListItemInfo = _ref => {
     size: IOListItemVisualParams.iconSize
   })), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.flex
-  }, /*#__PURE__*/React.createElement(LabelSmall, {
-    weight: "Regular",
-    color: theme["textBody-tertiary"]
-  }, label), /*#__PURE__*/React.createElement(H6, {
-    color: theme["textBody-default"],
-    numberOfLines: numberOfLines
-  }, value)), action && /*#__PURE__*/React.createElement(View, {
+  }, itemInfoTextComponent), action && /*#__PURE__*/React.createElement(View, {
     style: {
       marginLeft: IOListItemVisualParams.actionMargin
     }

package/lib/module/components/listitems/ListItemInfo.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Icon","H6","LabelSmall","ListItemInfo","_ref","label","value","numberOfLines","icon","action","accessibilityLabel","testID","theme","createElement","style","listItem","accessible","listItemInner","marginRight","actionMargin","name","color","size","iconSize","flex","weight","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SACEC,gBAAgB,EAChBC,sBAAsB,EACtBC,QAAQ,EACRC,UAAU,QACL,YAAY;AAEnB,SAASC,IAAI,QAAiB,UAAU;AACxC,SAASC,EAAE,EAAEC,UAAU,QAAQ,eAAe;AAc9C,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAQR;EAAA,IARS;IAC3BC,KAAK;IACLC,KAAK;IACLC,aAAa,GAAG,CAAC;IACjBC,IAAI;IACJC,MAAM;IACNC,kBAAkB;IAClBC;EACY,CAAC,GAAAP,IAAA;EACb,MAAMQ,KAAK,GAAGb,UAAU,CAAC,CAAC;EAC1B,oBACEL,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IACHmB,KAAK,EAAElB,gBAAgB,CAACmB,QAAS;IACjCJ,MAAM,EAAEA,MAAO;IACfK,UAAU,EAAE,IAAK;IACjBN,kBAAkB,EAAEA;EAAmB,gBAEvChB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAElB,gBAAgB,CAACqB;EAAc,GACzCT,IAAI,iBACHd,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAE;MAAEI,WAAW,EAAErB,sBAAsB,CAACsB;IAAa;EAAE,gBAChEzB,KAAA,CAAAmB,aAAA,CAACb,IAAI;IACHoB,IAAI,EAAEZ,IAAK;IACXa,KAAK,EAAC,UAAU;IAChBC,IAAI,EAAEzB,sBAAsB,CAAC0B;EAAS,CACvC,CACG,CACP,eACD7B,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAEhB,QAAQ,CAAC0B;EAAK,gBACzB9B,KAAA,CAAAmB,aAAA,CAACX,UAAU;IAACuB,MAAM,EAAC,SAAS;IAACJ,KAAK,EAAET,KAAK,CAAC,mBAAmB;EAAE,GAC5DP,KACS,CAAC,eACbX,KAAA,CAAAmB,aAAA,CAACZ,EAAE;IAACoB,KAAK,EAAET,KAAK,CAAC,kBAAkB,CAAE;IAACL,aAAa,EAAEA;EAAc,GAChED,KACC,CACA,CAAC,EACNG,MAAM,iBACLf,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAE;MAAEY,UAAU,EAAE7B,sBAAsB,CAACsB;IAAa;EAAE,GAC9DV,MACG,CAEJ,CACF,CAAC;AAEX,CAAC;AAED,eAAeN,YAAY"}
+{"version":3,"names":["React","StyleSheet","Text","View","IOColors","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","Icon","Body","H6","LabelSmall","legacyStyles","create","textValue","fontSize","lineHeight","undefined","ListItemInfo","_ref","label","value","numberOfLines","icon","action","accessibilityLabel","testID","isExperimental","theme","legacyItemInfoText","createElement","Fragment","weight","style","color","bluegreyDark","itemInfoText","itemInfoTextComponent","listItem","accessible","listItemInner","marginRight","actionMargin","name","size","iconSize","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}

package/lib/module/components/listitems/ListItemInfoCopy.js

@@ -1,9 +1,19 @@
 import React, { useCallback } from "react";
-import { Pressable, View } from "react-native";
+import { Pressable, StyleSheet, Text, View } from "react-native";
 import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
+import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
+import { makeFontStyleObject } from "../../utils/fonts";
 import { Icon } from "../icons";
-import { H6, LabelSmall } from "../typography";
+import { VSpacer } from "../spacer";
+import { Body, H6, LabelSmall } from "../typography";
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyStyles = StyleSheet.create({
+  textValue: {
+    fontSize: 18,
+    lineHeight: 24,
+    ...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
+  }
+});
 export const ListItemInfoCopy = _ref => {
   var _IOScaleValues$basicB;
   let {
@@ -16,7 +26,35 @@ export const ListItemInfoCopy = _ref => {
     testID
   } = _ref;
   const isPressed = useSharedValue(0);
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
   const theme = useIOTheme();
+
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  const legacyInfoCopyText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Body, {
+    weight: "Regular"
+  }, label), /*#__PURE__*/React.createElement(VSpacer, {
+    size: 4
+  }), typeof value === "string" ? /*#__PURE__*/React.createElement(Text, {
+    style: [legacyStyles.textValue, {
+      color: IOColors.blue
+    }],
+    numberOfLines: numberOfLines
+  }, value) : {
+    value
+  });
+  const infoCopyText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelSmall, {
+    weight: "Regular",
+    color: theme["textBody-tertiary"]
+  }, label), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
+    color: theme["interactiveElem-default"],
+    numberOfLines: numberOfLines
+  }, value) : {
+    value
+  });
+  const infoCopyTextComponent = isExperimental ? infoCopyText : legacyInfoCopyText;
+  const iconColor = isExperimental ? theme["interactiveElem-default"] : "blue";
   const mapBackgroundStates = {
     default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
     pressed: IOColors[theme["listItem-pressed"]]
@@ -71,21 +109,13 @@ export const ListItemInfoCopy = _ref => {
     size: IOListItemVisualParams.iconSize
   })), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.flex
-  }, /*#__PURE__*/React.createElement(LabelSmall, {
-    weight: "Regular",
-    color: theme["textBody-tertiary"]
-  }, label), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
-    color: theme["interactiveElem-default"],
-    numberOfLines: numberOfLines
-  }, value) : {
-    value
-  }), /*#__PURE__*/React.createElement(View, {
+  }, infoCopyTextComponent), /*#__PURE__*/React.createElement(View, {
     style: {
       marginLeft: IOListItemVisualParams.iconMargin
     }
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "copy",
-    color: theme["interactiveElem-default"],
+    color: iconColor,
     size: IOListItemVisualParams.chevronSize
   })))));
 };

package/lib/module/components/listitems/ListItemInfoCopy.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","H6","LabelSmall","ListItemInfoCopy","_ref","_IOScaleValues$basicB","label","value","numberOfLines","onPress","icon","accessibilityLabel","testID","isPressed","theme","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","accessible","accessibilityRole","style","listItem","listItemInner","marginRight","iconMargin","name","color","size","iconSize","flex","weight","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","Icon","VSpacer","Body","H6","LabelSmall","legacyStyles","create","textValue","fontSize","lineHeight","undefined","ListItemInfoCopy","_ref","_IOScaleValues$basicB","label","value","numberOfLines","onPress","icon","accessibilityLabel","testID","isPressed","isExperimental","theme","legacyInfoCopyText","createElement","Fragment","weight","size","style","color","blue","infoCopyText","infoCopyTextComponent","iconColor","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","listItem","listItemInner","marginRight","iconMargin","name","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}

package/lib/module/components/listitems/ListItemNav.js

@@ -1,9 +1,20 @@
 import React, { useCallback } from "react";
-import { Pressable, View } from "react-native";
+import { Pressable, StyleSheet, Text, View } from "react-native";
 import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
+import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
+import { makeFontStyleObject } from "../../utils/fonts";
 import { Icon } from "../icons";
-import { H6, LabelSmall } from "../typography";
+import { Body, H6, LabelSmall } from "../typography";
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyStyles = StyleSheet.create({
+  textValue: {
+    fontSize: 18,
+    lineHeight: 24,
+    color: IOColors.bluegreyDark,
+    ...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
+  }
+});
 export const ListItemNav = _ref => {
   var _IOScaleValues$basicB;
   let {
@@ -15,11 +26,29 @@ export const ListItemNav = _ref => {
     testID
   } = _ref;
   const isPressed = useSharedValue(0);
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
   const theme = useIOTheme();
+
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  const legacyNavText = /*#__PURE__*/React.createElement(React.Fragment, null, typeof value === "string" ? /*#__PURE__*/React.createElement(Text, {
+    style: legacyStyles.textValue
+  }, value) : value, description && /*#__PURE__*/React.createElement(React.Fragment, null, typeof description === "string" ? /*#__PURE__*/React.createElement(Body, {
+    weight: "Regular"
+  }, description) : description));
+  const navText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(H6, {
+    color: theme["textBody-default"]
+  }, value), description && /*#__PURE__*/React.createElement(LabelSmall, {
+    weight: "Regular",
+    color: theme["textBody-tertiary"]
+  }, description));
+  const navTextComponent = isExperimental ? navText : legacyNavText;
   const mapBackgroundStates = {
     default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
     pressed: IOColors[theme["listItem-pressed"]]
   };
+  const iconColor = isExperimental ? theme["interactiveElem-default"] : "blue";
 
   // Scaling transformation applied when the button is pressed
   const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
@@ -70,18 +99,13 @@ export const ListItemNav = _ref => {
     size: IOListItemVisualParams.iconSize
   })), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.flex
-  }, /*#__PURE__*/React.createElement(H6, {
-    color: theme["textBody-default"]
-  }, value), description && /*#__PURE__*/React.createElement(LabelSmall, {
-    weight: "Regular",
-    color: theme["textBody-tertiary"]
-  }, description)), /*#__PURE__*/React.createElement(View, {
+  }, navTextComponent), /*#__PURE__*/React.createElement(View, {
     style: {
       marginLeft: IOListItemVisualParams.iconMargin
     }
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "chevronRightListItem",
-    color: theme["interactiveElem-default"],
+    color: iconColor,
     size: IOListItemVisualParams.chevronSize
   })))));
 };

package/lib/module/components/listitems/ListItemNav.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","H6","LabelSmall","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","accessibilityLabel","testID","isPressed","theme","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","accessible","accessibilityRole","style","listItem","listItemInner","marginRight","iconMargin","name","color","size","iconSize","flex","weight","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","Icon","Body","H6","LabelSmall","legacyStyles","create","textValue","fontSize","lineHeight","color","bluegreyDark","undefined","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","accessibilityLabel","testID","isPressed","isExperimental","theme","legacyNavText","createElement","Fragment","style","weight","navText","navTextComponent","mapBackgroundStates","default","pressed","iconColor","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","listItem","listItemInner","marginRight","iconMargin","name","size","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}

package/lib/module/components/listitems/ListItemNavAlert.js

@@ -1,9 +1,18 @@
 import React, { useCallback } from "react";
-import { Pressable, View } from "react-native";
+import { Pressable, StyleSheet, Text, View } from "react-native";
 import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
+import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
+import { makeFontStyleObject } from "../../utils/fonts";
 import { Icon } from "../icons";
-import { H6, LabelSmall } from "../typography";
+import { Body, H6, LabelSmall } from "../typography";
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyStyles = StyleSheet.create({
+  textValue: {
+    fontSize: 18,
+    lineHeight: 24,
+    ...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
+  }
+});
 export const ListItemNavAlert = _ref => {
   var _IOScaleValues$basicB;
   let {
@@ -15,7 +24,28 @@ export const ListItemNavAlert = _ref => {
     testID
   } = _ref;
   const isPressed = useSharedValue(0);
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
   const theme = useIOTheme();
+
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  const legacyNavAlertText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    style: [legacyStyles.textValue, {
+      color: IOColors.bluegreyDark
+    }]
+  }, value), description && /*#__PURE__*/React.createElement(Body, {
+    weight: "SemiBold",
+    color: theme.errorText
+  }, description));
+  const navAlertText = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(H6, {
+    color: theme["textBody-default"]
+  }, value), description && /*#__PURE__*/React.createElement(LabelSmall, {
+    weight: "SemiBold",
+    color: theme.errorText
+  }, description));
+  const navAlertTextComponent = isExperimental ? navAlertText : legacyNavAlertText;
+  const iconColor = isExperimental ? theme["interactiveElem-default"] : "blue";
   const mapBackgroundStates = {
     default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
     pressed: IOColors[theme["listItem-pressed"]]
@@ -70,18 +100,13 @@ export const ListItemNavAlert = _ref => {
     size: IOListItemVisualParams.iconSize
   })), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.flex
-  }, /*#__PURE__*/React.createElement(H6, {
-    color: theme["textBody-default"]
-  }, value), description && /*#__PURE__*/React.createElement(LabelSmall, {
-    weight: "SemiBold",
-    color: theme.errorText
-  }, description)), /*#__PURE__*/React.createElement(View, {
+  }, navAlertTextComponent), /*#__PURE__*/React.createElement(View, {
     style: {
       marginLeft: IOListItemVisualParams.iconMargin
     }
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "chevronRightListItem",
-    color: theme["interactiveElem-default"],
+    color: iconColor,
     size: IOListItemVisualParams.chevronSize
   })))));
 };

package/lib/module/components/listitems/ListItemNavAlert.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","H6","LabelSmall","ListItemNavAlert","_ref","_IOScaleValues$basicB","value","description","withoutIcon","onPress","accessibilityLabel","testID","isPressed","theme","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","accessible","accessibilityRole","style","listItem","listItemInner","marginRight","iconMargin","name","color","errorIcon","size","iconSize","flex","weight","errorText","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNavAlert.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","Icon","Body","H6","LabelSmall","legacyStyles","create","textValue","fontSize","lineHeight","undefined","ListItemNavAlert","_ref","_IOScaleValues$basicB","value","description","withoutIcon","onPress","accessibilityLabel","testID","isPressed","isExperimental","theme","legacyNavAlertText","createElement","Fragment","style","color","bluegreyDark","weight","errorText","navAlertText","navAlertTextComponent","iconColor","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","listItem","listItemInner","marginRight","iconMargin","name","errorIcon","size","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNavAlert.tsx"],"mappings":"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"}

package/lib/module/components/listitems/ListItemSwitch.js

@@ -3,7 +3,7 @@ import { View } from "react-native";
 import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOStyles, useIOTheme } from "../../core";
 import { Icon } from "../icons";
 import { HSpacer, VSpacer } from "../spacer";
-import { H6, LabelSmall, Link } from "../typography";
+import { H6, LabelSmall, LabelLink } from "../typography";
 import { NativeSwitch } from "../switch/NativeSwitch";
 const DISABLED_OPACITY = 0.5;
 export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
@@ -56,7 +56,7 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
     color: theme["textBody-tertiary"]
   }, description)), action && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
     size: IOSelectionListItemVisualParams.actionMargin
-  }), /*#__PURE__*/React.createElement(Link, {
+  }), /*#__PURE__*/React.createElement(LabelLink, {
     fontSize: "small",
     onPress: action.onPress
   }, action.label))), /*#__PURE__*/React.createElement(HSpacer, {

package/lib/module/components/listitems/ListItemSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOStyles","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","Link","NativeSwitch","DISABLED_OPACITY","ListItemSwitch","memo","_ref","label","description","icon","value","disabled","action","onSwitchValueChange","theme","createElement","testID","style","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","listItemInner","alignItems","flexShrink","row","marginRight","iconMargin","name","color","size","iconSize","Fragment","descriptionMargin","weight","actionMargin","fontSize","onPress","alignSelf","onValueChange"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOStyles","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","LabelLink","NativeSwitch","DISABLED_OPACITY","ListItemSwitch","memo","_ref","label","description","icon","value","disabled","action","onSwitchValueChange","theme","createElement","testID","style","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","listItemInner","alignItems","flexShrink","row","marginRight","iconMargin","name","color","size","iconSize","Fragment","descriptionMargin","weight","actionMargin","fontSize","onPress","alignSelf","onValueChange"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":"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"}