@pagopa/io-app-design-system 4.4.4 → 5.0.0-1

package/lib/module/components/numberpad/NumberButton.js

@@ -1,7 +1,7 @@
-import React, { memo, useCallback, useMemo } from "react";
+import React, { memo, useCallback } from "react";
 import { Pressable } from "react-native";
 import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
-import { IOColors, IONumberPadButtonStyles, hexToRgba, useIOExperimentalDesign } from "../../core";
+import { IOColors, IONumberPadButtonStyles } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 import { H3 } from "../typography";
 const colorMap = {
@@ -16,18 +16,7 @@ const colorMap = {
     foreground: "white"
   }
 };
-const legacyColorMap = {
-  light: {
-    background: IOColors["grey-100"],
-    pressed: IOColors["grey-200"],
-    foreground: "blue"
-  },
-  dark: {
-    background: hexToRgba(IOColors.black, 0.1),
-    pressed: hexToRgba(IOColors.white, 0.5),
-    foreground: "white"
-  }
-};
+
 /**
  * Based on a `Pressable` element, it displays a number button with animations on press In and Out.
  *
@@ -45,14 +34,10 @@ export const NumberButton = /*#__PURE__*/memo(({
     scaleAnimatedStyle
   } = useScaleAnimation("slight");
   const reducedMotion = useReducedMotion();
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
-  const colors = useMemo(() => isExperimental ? colorMap[variant] : legacyColorMap[variant], [variant, isExperimental]);
 
   // Interpolate animation values from `isPressed` values
   const pressedAnimationStyle = useAnimatedStyle(() => ({
-    backgroundColor: interpolateColor(progress.value, [0, 1], [colors.background, colors.pressed])
+    backgroundColor: interpolateColor(progress.value, [0, 1], [colorMap[variant].background, colorMap[variant].pressed])
   }));
   const handleOnPress = useCallback(() => {
     onPress(number);
@@ -66,7 +51,7 @@ export const NumberButton = /*#__PURE__*/memo(({
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: [IONumberPadButtonStyles.button, IONumberPadButtonStyles.circularShape, IONumberPadButtonStyles.buttonSize, pressedAnimationStyle, !reducedMotion && scaleAnimatedStyle]
   }, /*#__PURE__*/React.createElement(H3, {
-    color: colors.foreground
+    color: colorMap[variant].foreground
   }, number)));
 });
 //# sourceMappingURL=NumberButton.js.map

package/lib/module/components/numberpad/NumberButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","useMemo","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOColors","IONumberPadButtonStyles","hexToRgba","useIOExperimentalDesign","useScaleAnimation","H3","colorMap","light","background","pressed","foreground","dark","legacyColorMap","black","white","NumberButton","number","variant","onPress","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","isExperimental","colors","pressedAnimationStyle","backgroundColor","value","handleOnPress","createElement","accessible","accessibilityRole","View","style","button","circularShape","buttonSize","color"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
+{"version":3,"names":["React","memo","useCallback","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOColors","IONumberPadButtonStyles","useScaleAnimation","H3","colorMap","light","background","pressed","foreground","dark","NumberButton","number","variant","onPress","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","pressedAnimationStyle","backgroundColor","value","handleOnPress","createElement","accessible","accessibilityRole","View","style","button","circularShape","buttonSize","color"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAChD,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAChC,SAASC,QAAQ,EAAEC,uBAAuB,QAAQ,YAAY;AAC9D,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,EAAE,QAAQ,eAAe;AA2BlC,MAAMC,QAA0D,GAAG;EACjEC,KAAK,EAAE;IACLC,UAAU,EAAEN,QAAQ,CAAC,SAAS,CAAC;IAC/BO,OAAO,EAAEP,QAAQ,CAAC,UAAU,CAAC;IAC7BQ,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJH,UAAU,EAAEN,QAAQ,CAAC,YAAY,CAAC;IAClCO,OAAO,EAAEP,QAAQ,CAAC,YAAY,CAAC;IAC/BQ,UAAU,EAAE;EACd;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,YAAY,gBAAGjB,IAAI,CAC9B,CAAC;EAAEkB,MAAM;EAAEC,OAAO;EAAEC;AAA2B,CAAC,KAAK;EACnD,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAC3Df,iBAAiB,CAAC,QAAQ,CAAC;EAC7B,MAAMgB,aAAa,GAAGnB,gBAAgB,CAAC,CAAC;;EAExC;EACA,MAAMoB,qBAAqB,GAAGrB,gBAAgB,CAAC,OAAO;IACpDsB,eAAe,EAAEvB,gBAAgB,CAC/BiB,QAAQ,CAACO,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACjB,QAAQ,CAACQ,OAAO,CAAC,CAACN,UAAU,EAAEF,QAAQ,CAACQ,OAAO,CAAC,CAACL,OAAO,CAC1D;EACF,CAAC,CAAC,CAAC;EAEH,MAAMe,aAAa,GAAG5B,WAAW,CAAC,MAAM;IACtCmB,OAAO,CAACF,MAAM,CAAC;EACjB,CAAC,EAAE,CAACA,MAAM,EAAEE,OAAO,CAAC,CAAC;EAErB,oBACErB,KAAA,CAAA+B,aAAA,CAAC5B,SAAS;IACR6B,UAAU;IACVC,iBAAiB,EAAC,QAAQ;IAC1BV,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBH,OAAO,EAAES;EAAc,gBAEvB9B,KAAA,CAAA+B,aAAA,CAAC3B,QAAQ,CAAC8B,IAAI;IACZC,KAAK,EAAE,CACL1B,uBAAuB,CAAC2B,MAAM,EAC9B3B,uBAAuB,CAAC4B,aAAa,EACrC5B,uBAAuB,CAAC6B,UAAU,EAClCX,qBAAqB,EACrB,CAACD,aAAa,IAAID,kBAAkB;EACpC,gBAEFzB,KAAA,CAAA+B,aAAA,CAACpB,EAAE;IAAC4B,KAAK,EAAE3B,QAAQ,CAACQ,OAAO,CAAC,CAACJ;EAAW,GAAEG,MAAW,CACxC,CACN,CAAC;AAEhB,CACF,CAAC"}

package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap

@@ -100,7 +100,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Titillium Sans Pro",
+                  "fontFamily": "Titillio",
                   "fontSize": 22,
                   "fontStyle": "normal",
                   "fontWeight": "600",
@@ -181,7 +181,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Titillium Sans Pro",
+                  "fontFamily": "Titillio",
                   "fontSize": 22,
                   "fontStyle": "normal",
                   "fontWeight": "600",
@@ -262,7 +262,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Titillium Sans Pro",
+                  "fontFamily": "Titillio",
                   "fontSize": 22,
                   "fontStyle": "normal",
                   "fontWeight": "600",
@@ -359,7 +359,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Titillium Sans Pro",
+                  "fontFamily": "Titillio",
                   "fontSize": 22,
                   "fontStyle": "normal",
                   "fontWeight": "600",
@@ -440,7 +440,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Titillium Sans Pro",
+                  "fontFamily": "Titillio",
                   "fontSize": 22,
                   "fontStyle": "normal",
                   "fontWeight": "600",
@@ -521,7 +521,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Titillium Sans Pro",
+                  "fontFamily": "Titillio",
                   "fontSize": 22,
                   "fontStyle": "normal",
                   "fontWeight": "600",
@@ -618,7 +618,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Titillium Sans Pro",
+                  "fontFamily": "Titillio",
                   "fontSize": 22,
                   "fontStyle": "normal",
                   "fontWeight": "600",
@@ -699,7 +699,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Titillium Sans Pro",
+                  "fontFamily": "Titillio",
                   "fontSize": 22,
                   "fontStyle": "normal",
                   "fontWeight": "600",
@@ -780,7 +780,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Titillium Sans Pro",
+                  "fontFamily": "Titillio",
                   "fontSize": 22,
                   "fontStyle": "normal",
                   "fontWeight": "600",
@@ -1018,7 +1018,7 @@ exports[`NumberPad Should match the snapshot 1`] = `
                 {},
                 {
                   "color": "#FFFFFF",
-                  "fontFamily": "Titillium Sans Pro",
+                  "fontFamily": "Titillio",
                   "fontSize": 22,
                   "fontStyle": "normal",
                   "fontWeight": "600",

package/lib/module/components/radio/AnimatedRadio.js

@@ -1,10 +1,9 @@
 import React, { useEffect } from "react";
 import { Pressable, StyleSheet, View } from "react-native";
 import Animated, { Easing, interpolate, useAnimatedStyle, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
-import { useIOExperimentalDesign } from "../../core";
 import { IOSpringValues } from "../../core/IOAnimations";
 import { IOColors } from "../../core/IOColors";
-import { IOSelectionTickLegacyVisualParams, IOSelectionTickVisualParams } from "../../core/IOStyles";
+import { IOSelectionTickVisualParams } from "../../core/IOStyles";
 import { AnimatedTick } from "../common/AnimatedTick";
 const styles = StyleSheet.create({
   radioBorder: {
@@ -31,17 +30,8 @@ export const AnimatedRadio = ({
   disabled
 }) => {
   const isChecked = checked ?? false;
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
-  const borderColorOffState = IOColors[IOSelectionTickVisualParams.borderColorOffState];
-  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-  const legacyBorderColorOffState = IOColors[IOSelectionTickLegacyVisualParams.borderColorOffState];
-  const borderColorProp = isExperimental ? borderColorOffState : legacyBorderColorOffState;
-  const backgroundColorOnState = IOColors[IOSelectionTickVisualParams.bgColorOnState];
-  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-  const legacyBackgroundColorOnState = IOColors[IOSelectionTickLegacyVisualParams.bgColorOnState];
-  const backgroundColorProp = isExperimental ? backgroundColorOnState : legacyBackgroundColorOnState;
+  const borderColor = IOColors[IOSelectionTickVisualParams.borderColorOffState];
+  const backgroundColor = IOColors[IOSelectionTickVisualParams.bgColorOnState];
   const circleAnimationProgress = useSharedValue(checked ? 1 : 0);
   const tickAnimationProgress = useSharedValue(checked ? 1 : 0);
   const radioButtonSizeStyle = {
@@ -80,11 +70,11 @@ export const AnimatedRadio = ({
     style: radioButtonWrapperSizeStyle
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.radioBorder, radioButtonSizeStyle, {
-      borderColor: borderColorProp
+      borderColor
     }]
   }), /*#__PURE__*/React.createElement(Animated.View, {
     style: [styles.radioCircle, radioButtonSizeStyle, {
-      backgroundColor: backgroundColorProp
+      backgroundColor
     }, animatedCheckboxSquare]
   }), isChecked && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(AnimatedTick, {
     size: size,

package/lib/module/components/radio/AnimatedRadio.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","Pressable","StyleSheet","View","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","useIOExperimentalDesign","IOSpringValues","IOColors","IOSelectionTickLegacyVisualParams","IOSelectionTickVisualParams","AnimatedTick","styles","create","radioBorder","position","left","top","borderWidth","radioCircle","AnimatedRadio","size","checked","onPress","disabled","isChecked","isExperimental","borderColorOffState","legacyBorderColorOffState","borderColorProp","backgroundColorOnState","bgColorOnState","legacyBackgroundColorOnState","backgroundColorProp","circleAnimationProgress","tickAnimationProgress","radioButtonSizeStyle","width","height","borderRadius","radioButtonWrapperSizeStyle","value","selection","duration","easing","elastic","animatedCheckboxSquare","scale","opacity","transform","createElement","accessible","testID","style","borderColor","backgroundColor","progress","stroke","tickColor"],"sourceRoot":"../../../../src","sources":["components/radio/AnimatedRadio.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","Pressable","StyleSheet","View","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","IOSpringValues","IOColors","IOSelectionTickVisualParams","AnimatedTick","styles","create","radioBorder","position","left","top","borderWidth","radioCircle","AnimatedRadio","size","checked","onPress","disabled","isChecked","borderColor","borderColorOffState","backgroundColor","bgColorOnState","circleAnimationProgress","tickAnimationProgress","radioButtonSizeStyle","width","height","borderRadius","radioButtonWrapperSizeStyle","value","selection","duration","easing","elastic","animatedCheckboxSquare","scale","opacity","transform","createElement","accessible","testID","style","progress","stroke","tickColor"],"sourceRoot":"../../../../src","sources":["components/radio/AnimatedRadio.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SACEC,SAAS,EAETC,UAAU,EACVC,IAAI,QAEC,cAAc;AACrB,OAAOC,QAAQ,IACbC,MAAM,EACNC,WAAW,EACXC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAChC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,2BAA2B,QAAQ,qBAAqB;AACjE,SAASC,YAAY,QAAQ,wBAAwB;AASrD,MAAMC,MAAM,GAAGb,UAAU,CAACc,MAAM,CAAC;EAC/BC,WAAW,EAAE;IACXC,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE,CAAC;IACNC,WAAW,EAAER,2BAA2B,CAACQ;EAC3C,CAAC;EACDC,WAAW,EAAE;IACXJ,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE;EACP;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,OAAO,MAAMG,aAAa,GAAGA,CAAC;EAC5BC,IAAI;EACJC,OAAO;EACPC,OAAO;EACPC;AACQ,CAAC,KAAK;EACd,MAAMC,SAAS,GAAGH,OAAO,IAAI,KAAK;EAElC,MAAMI,WAAW,GAAGjB,QAAQ,CAACC,2BAA2B,CAACiB,mBAAmB,CAAC;EAC7E,MAAMC,eAAe,GAAGnB,QAAQ,CAACC,2BAA2B,CAACmB,cAAc,CAAC;EAE5E,MAAMC,uBAAuB,GAAGzB,cAAc,CAACiB,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;EAC/D,MAAMS,qBAAqB,GAAG1B,cAAc,CAACiB,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;EAE7D,MAAMU,oBAA+B,GAAG;IACtCC,KAAK,EAAEZ,IAAI;IACXa,MAAM,EAAEb,IAAI;IACZc,YAAY,EAAEd,IAAI,GAAG;EACvB,CAAC;EAED,MAAMe,2BAAsC,GAAG;IAC7CH,KAAK,EAAEZ,IAAI;IACXa,MAAM,EAAEb;EACV,CAAC;EAEDxB,SAAS,CAAC,MAAM;IACd;IACAiC,uBAAuB,CAACO,KAAK,GAAG/B,UAAU,CACxCgB,OAAO,GAAG,CAAC,GAAG,CAAC,EACfd,cAAc,CAAC8B,SACjB,CAAC;IACD;IACAP,qBAAqB,CAACM,KAAK,GAAG9B,UAAU,CAACe,OAAO,GAAG,CAAC,GAAG,CAAC,EAAE;MACxDiB,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAEtC,MAAM,CAACuC,OAAO,CAAC,CAAC;IAC1B,CAAC,CAAC;EACJ,CAAC,EAAE,CAACnB,OAAO,EAAEQ,uBAAuB,EAAEC,qBAAqB,CAAC,CAAC;EAE7D,MAAMW,sBAAsB,GAAGtC,gBAAgB,CAAC,MAAM;IACpD,MAAMuC,KAAK,GAAGxC,WAAW,CAAC2B,uBAAuB,CAACO,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAC1E,MAAMO,OAAO,GAAGd,uBAAuB,CAACO,KAAK;IAE7C,OAAO;MACLO,OAAO;MACPC,SAAS,EAAE,CAAC;QAAEF;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,oBACE/C,KAAA,CAAAkD,aAAA,CAAChD,SAAS;IACRiD,UAAU,EAAE,KAAM;IAClBvB,QAAQ,EAAEA,QAAS;IACnBwB,MAAM,EAAC,oBAAoB;IAC3BzB,OAAO,EAAEA,OAAQ;IACjB0B,KAAK,EAAEb;EAA4B,gBAEnCxC,KAAA,CAAAkD,aAAA,CAAC9C,IAAI;IACHiD,KAAK,EAAE,CAACrC,MAAM,CAACE,WAAW,EAAEkB,oBAAoB,EAAE;MAAEN;IAAY,CAAC;EAAE,CACpE,CAAC,eACF9B,KAAA,CAAAkD,aAAA,CAAC7C,QAAQ,CAACD,IAAI;IACZiD,KAAK,EAAE,CACLrC,MAAM,CAACO,WAAW,EAClBa,oBAAoB,EACpB;MAAEJ;IAAgB,CAAC,EACnBc,sBAAsB;EACtB,CACH,CAAC,EACDjB,SAAS,iBACR7B,KAAA,CAAAkD,aAAA,CAAC9C,IAAI,qBACHJ,KAAA,CAAAkD,aAAA,CAACnC,YAAY;IACXU,IAAI,EAAEA,IAAK;IACX6B,QAAQ,EAAEnB,qBAAsB;IAChCoB,MAAM,EAAE1C,QAAQ,CAACC,2BAA2B,CAAC0C,SAAS;EAAE,CACzD,CACG,CAEC,CAAC;AAEhB,CAAC"}

package/lib/module/components/searchInput/SearchInput.js

@@ -2,7 +2,7 @@
 import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState } from "react";
 import { Dimensions, Platform, Pressable, StyleSheet, TextInput, View } from "react-native";
 import Animated, { Easing, Extrapolation, interpolate, interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
-import { IOColors, IOVisualCostants, useIOExperimentalDesign, useIOTheme } from "../../core";
+import { IOColors, IOVisualCostants, useIONewTypeface, useIOTheme } from "../../core";
 import { makeFontStyleObject } from "../../utils/fonts";
 import { ButtonLink } from "../buttons";
 import { Icon } from "../icons";
@@ -43,12 +43,12 @@ export const SearchInput = /*#__PURE__*/forwardRef(({
   value = ""
 }, ref) => {
   const searchInputRef = useRef(null);
+  const {
+    newTypefaceEnabled
+  } = useIONewTypeface();
 
   /* Component visual attributes */
   const theme = useIOTheme();
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
   const inputCaretColor = IOColors[theme["interactiveElem-default"]];
 
   /* Widths used for the transition:
@@ -139,7 +139,9 @@ export const SearchInput = /*#__PURE__*/forwardRef(({
     returnKeyType: "search",
     accessibilityRole: "search",
     accessibilityLabel: accessibilityLabel,
-    style: [styles.textInput, Platform.OS === "ios" ? styles.textInputIOS : styles.textInputAndroid, isExperimental ? styles.placeholder : styles.placeholderLegacy],
+    style: [{
+      ...makeFontStyleObject(inputFontSizePlaceholder, newTypefaceEnabled ? "Titillio" : "TitilliumSansPro", undefined, "Regular")
+    }, styles.textInput, Platform.OS === "ios" ? styles.textInputIOS : styles.textInputAndroid],
     selectionColor: inputCaretColor,
     cursorColor: inputCaretColor,
     placeholder: placeholder,
@@ -201,12 +203,6 @@ const styles = StyleSheet.create({
   iconContainer: {
     marginRight: iconMargin
   },
-  placeholder: {
-    ...makeFontStyleObject(inputFontSizePlaceholder, "Titillio", undefined, "Medium")
-  },
-  placeholderLegacy: {
-    ...makeFontStyleObject(inputFontSizePlaceholder, "TitilliumSansPro", undefined, "Semibold")
-  },
   cancelButton: {
     position: "absolute",
     right: 0,

package/lib/module/components/searchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useCallback","useImperativeHandle","useRef","useState","Dimensions","Platform","Pressable","StyleSheet","TextInput","View","Animated","Easing","Extrapolation","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOVisualCostants","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","ButtonLink","Icon","inputPaddingHorizontal","inputPaddingClearButton","inputRadius","inputBgColorDefault","inputBgColorFocused","inputColorPlaceholder","iconMargin","iconColor","iconSize","iconCloseSize","inputFontSizePlaceholder","cancelButtonMargin","inputTransitionDuration","inputHeightIOS","inputHeightAndroid","AnimatedTextInput","createAnimatedComponent","AnimatedPressable","inputWithTimingConfig","duration","easing","inOut","cubic","SearchInput","accessibilityLabel","cancelButtonLabel","clearAccessibilityLabel","placeholder","autoFocus","keepCancelVisible","onCancel","onChangeText","pressable","testID","value","ref","searchInputRef","theme","isExperimental","inputCaretColor","inputWidth","get","width","appMarginDefault","cancelButtonWidth","setCancelButtonWidth","getCancelButtonWidth","nativeEvent","layout","inputWidthWithCancel","focus","_searchInputRef$curre","current","inputAnimatedWidth","isFocused","animatedStyle","backgroundColor","cancelButtonAnimatedStyle","showCancelButton","transform","translateX","CLAMP","opacity","clearButtonAnimatedStyle","showClearButton","length","scale","handleFocus","handleBlur","cancel","event","clear","_searchInputRef$curre2","handleChangeText","text","renderSearchBar","createElement","style","styles","searchBar","searchInput","pointerEvents","iconContainer","allowFontScaling","name","size","color","inputMode","returnKeyType","accessibilityRole","textInput","OS","textInputIOS","textInputAndroid","placeholderLegacy","selectionColor","cursorColor","placeholderTextColor","onFocus","onBlur","clearButton","onPress","hitSlop","onLayout","cancelButton","label","create","flexDirection","justifyContent","alignItems","flexShrink","borderRadius","borderCurve","paddingLeft","paddingRight","flexGrow","height","marginRight","undefined","position","right","marginLeft"],"sourceRoot":"../../../../src","sources":["components/searchInput/SearchInput.tsx"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","useCallback","useImperativeHandle","useRef","useState","Dimensions","Platform","Pressable","StyleSheet","TextInput","View","Animated","Easing","Extrapolation","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOVisualCostants","useIONewTypeface","useIOTheme","makeFontStyleObject","ButtonLink","Icon","inputPaddingHorizontal","inputPaddingClearButton","inputRadius","inputBgColorDefault","inputBgColorFocused","inputColorPlaceholder","iconMargin","iconColor","iconSize","iconCloseSize","inputFontSizePlaceholder","cancelButtonMargin","inputTransitionDuration","inputHeightIOS","inputHeightAndroid","AnimatedTextInput","createAnimatedComponent","AnimatedPressable","inputWithTimingConfig","duration","easing","inOut","cubic","SearchInput","accessibilityLabel","cancelButtonLabel","clearAccessibilityLabel","placeholder","autoFocus","keepCancelVisible","onCancel","onChangeText","pressable","testID","value","ref","searchInputRef","newTypefaceEnabled","theme","inputCaretColor","inputWidth","get","width","appMarginDefault","cancelButtonWidth","setCancelButtonWidth","getCancelButtonWidth","nativeEvent","layout","inputWidthWithCancel","focus","_searchInputRef$curre","current","inputAnimatedWidth","isFocused","animatedStyle","backgroundColor","cancelButtonAnimatedStyle","showCancelButton","transform","translateX","CLAMP","opacity","clearButtonAnimatedStyle","showClearButton","length","scale","handleFocus","handleBlur","cancel","event","clear","_searchInputRef$curre2","handleChangeText","text","renderSearchBar","createElement","style","styles","searchBar","searchInput","pointerEvents","iconContainer","allowFontScaling","name","size","color","inputMode","returnKeyType","accessibilityRole","undefined","textInput","OS","textInputIOS","textInputAndroid","selectionColor","cursorColor","placeholderTextColor","onFocus","onBlur","clearButton","onPress","hitSlop","onLayout","cancelButton","label","create","flexDirection","justifyContent","alignItems","flexShrink","borderRadius","borderCurve","paddingLeft","paddingRight","flexGrow","height","marginRight","position","right","marginLeft"],"sourceRoot":"../../../../src","sources":["components/searchInput/SearchInput.tsx"],"mappings":"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"}

package/lib/module/components/stepper/Stepper.js

@@ -1,23 +1,14 @@
 import * as React from "react";
 import { Dimensions, View } from "react-native";
-// import { useCallback } from "react";
-import { useMemo } from "react";
-import { IOColors, IOStyles, IOVisualCostants, useIOExperimentalDesign } from "../../core";
+import { IOColors, IOStyles, IOVisualCostants } from "../../core";
 const STEPPER_SPACE = 4;
 const colorMap = {
   active: "blueIO-500"
 };
-const legacyColorMap = {
-  active: "blue"
-};
 export const Stepper = ({
   steps,
   currentStep
 }) => {
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
-  const colors = useMemo(() => isExperimental ? colorMap : legacyColorMap, [isExperimental]);
   const [stepWidth, setStepWidth] = React.useState(Dimensions.get("window").width / steps);
   const onLayout = e => {
     setStepWidth(e.nativeEvent.layout.width / steps);
@@ -33,7 +24,7 @@ export const Stepper = ({
     key: i,
     style: {
       borderRadius: 2,
-      borderBottomColor: IOColors[i > currentStep - 1 ? "grey-200" : colors.active],
+      borderBottomColor: IOColors[i > currentStep - 1 ? "grey-200" : colorMap.active],
       borderBottomWidth: 2,
       width: stepWidth - STEPPER_SPACE
     }

package/lib/module/components/stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dimensions","View","useMemo","IOColors","IOStyles","IOVisualCostants","useIOExperimentalDesign","STEPPER_SPACE","colorMap","active","legacyColorMap","Stepper","steps","currentStep","isExperimental","colors","stepWidth","setStepWidth","useState","get","width","onLayout","e","nativeEvent","layout","createElement","style","paddingHorizontal","appMarginDefault","flex","rowSpaceBetween","Array","map","_","i","key","borderRadius","borderBottomColor","borderBottomWidth"],"sourceRoot":"../../../../src","sources":["components/stepper/Stepper.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAqBC,IAAI,QAAQ,cAAc;AAClE;AACA,SAASC,OAAO,QAAQ,OAAO;AAC/B,SACEC,QAAQ,EAERC,QAAQ,EACRC,gBAAgB,EAChBC,uBAAuB,QAClB,YAAY;AAMnB,MAAMC,aAAuB,GAAG,CAAC;AAEjC,MAAMC,QAAkC,GAAG;EACzCC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,cAAwC,GAAG;EAC/CD,MAAM,EAAE;AACV,CAAC;AAED,OAAO,MAAME,OAAO,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA0B,CAAC,KAAK;EAC/D,MAAM;IAAEC;EAAe,CAAC,GAAGR,uBAAuB,CAAC,CAAC;EACpD,MAAMS,MAAM,GAAGb,OAAO,CACpB,MAAOY,cAAc,GAAGN,QAAQ,GAAGE,cAAe,EAClD,CAACI,cAAc,CACjB,CAAC;EAED,MAAM,CAACE,SAAS,EAAEC,YAAY,CAAC,GAAGlB,KAAK,CAACmB,QAAQ,CAC9ClB,UAAU,CAACmB,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK,GAAGR,KACnC,CAAC;EACD,MAAMS,QAAQ,GAAIC,CAAoB,IAAK;IACzCL,YAAY,CAACK,CAAC,CAACC,WAAW,CAACC,MAAM,CAACJ,KAAK,GAAGR,KAAK,CAAC;EAClD,CAAC;EAED,oBACEb,KAAA,CAAA0B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAE;MAAEC,iBAAiB,EAAEtB,gBAAgB,CAACuB;IAAiB;EAAE,gBACpE7B,KAAA,CAAA0B,aAAA,CAACxB,IAAI;IACHoB,QAAQ,EAAEA,QAAS;IACnBK,KAAK,EAAE,CAACtB,QAAQ,CAACyB,IAAI,EAAEzB,QAAQ,CAAC0B,eAAe;EAAE,GAEhD,CAAC,GAAGC,KAAK,CAACnB,KAAK,CAAC,CAAC,CAACoB,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBAC1BnC,KAAA,CAAA0B,aAAA,CAACxB,IAAI;IACHkC,GAAG,EAAED,CAAE;IACPR,KAAK,EAAE;MACLU,YAAY,EAAE,CAAC;MACfC,iBAAiB,EACflC,QAAQ,CAAC+B,CAAC,GAAGrB,WAAW,GAAG,CAAC,GAAG,UAAU,GAAGE,MAAM,CAACN,MAAM,CAAC;MAC5D6B,iBAAiB,EAAE,CAAC;MACpBlB,KAAK,EAAEJ,SAAS,GAAGT;IACrB;EAAE,CACH,CACF,CACG,CACF,CAAC;AAEX,CAAC"}
+{"version":3,"names":["React","Dimensions","View","IOColors","IOStyles","IOVisualCostants","STEPPER_SPACE","colorMap","active","Stepper","steps","currentStep","stepWidth","setStepWidth","useState","get","width","onLayout","e","nativeEvent","layout","createElement","style","paddingHorizontal","appMarginDefault","flex","rowSpaceBetween","Array","map","_","i","key","borderRadius","borderBottomColor","borderBottomWidth"],"sourceRoot":"../../../../src","sources":["components/stepper/Stepper.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAqBC,IAAI,QAAQ,cAAc;AAClE,SAASC,QAAQ,EAAYC,QAAQ,EAAEC,gBAAgB,QAAQ,YAAY;AAM3E,MAAMC,aAAuB,GAAG,CAAC;AAEjC,MAAMC,QAAkC,GAAG;EACzCC,MAAM,EAAE;AACV,CAAC;AAED,OAAO,MAAMC,OAAO,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA0B,CAAC,KAAK;EAC/D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGb,KAAK,CAACc,QAAQ,CAC9Cb,UAAU,CAACc,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK,GAAGN,KACnC,CAAC;EACD,MAAMO,QAAQ,GAAIC,CAAoB,IAAK;IACzCL,YAAY,CAACK,CAAC,CAACC,WAAW,CAACC,MAAM,CAACJ,KAAK,GAAGN,KAAK,CAAC;EAClD,CAAC;EAED,oBACEV,KAAA,CAAAqB,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAE;MAAEC,iBAAiB,EAAElB,gBAAgB,CAACmB;IAAiB;EAAE,gBACpExB,KAAA,CAAAqB,aAAA,CAACnB,IAAI;IACHe,QAAQ,EAAEA,QAAS;IACnBK,KAAK,EAAE,CAAClB,QAAQ,CAACqB,IAAI,EAAErB,QAAQ,CAACsB,eAAe;EAAE,GAEhD,CAAC,GAAGC,KAAK,CAACjB,KAAK,CAAC,CAAC,CAACkB,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBAC1B9B,KAAA,CAAAqB,aAAA,CAACnB,IAAI;IACH6B,GAAG,EAAED,CAAE;IACPR,KAAK,EAAE;MACLU,YAAY,EAAE,CAAC;MACfC,iBAAiB,EACf9B,QAAQ,CAAC2B,CAAC,GAAGnB,WAAW,GAAG,CAAC,GAAG,UAAU,GAAGJ,QAAQ,CAACC,MAAM,CAAC;MAC9D0B,iBAAiB,EAAE,CAAC;MACpBlB,KAAK,EAAEJ,SAAS,GAAGN;IACrB;EAAE,CACH,CACF,CACG,CACF,CAAC;AAEX,CAAC"}

package/lib/module/components/switch/NativeSwitch.js

@@ -1,39 +1,26 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from "react";
-import { Platform, Switch } from "react-native";
-import { useIOExperimentalDesign } from "../../core";
+import { Switch } from "react-native";
 import { IOColors } from "../../core/IOColors";
 import { IOSwitchVisualParams } from "../../core/IOStyles";
-// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const bgLegacyTrackColorAndroid = Platform.OS === "android" ? IOColors["grey-300"] : IOColors.greyUltraLight;
 export const NativeSwitch = ({
   onValueChange,
   value,
   ...accessibility
 }) => {
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
   const trackColor = {
     false: IOColors[IOSwitchVisualParams.bgColorOffState],
     true: IOColors[IOSwitchVisualParams.bgColorOnState]
   };
-
-  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-  const legacyTrackColor = {
-    false: bgLegacyTrackColorAndroid,
-    true: IOColors.blue
-  };
-  const trackColorComponent = isExperimental ? trackColor : legacyTrackColor;
   return /*#__PURE__*/React.createElement(Switch, _extends({}, accessibility, {
     accessibilityRole: "switch",
     accessibilityState: {
       checked: value,
       disabled: accessibility.disabled
     },
-    trackColor: trackColorComponent,
+    trackColor: trackColor,
     thumbColor: IOColors[IOSwitchVisualParams.bgCircle],
-    ios_backgroundColor: isExperimental ? IOColors[IOSwitchVisualParams.bgColorOffState] : bgLegacyTrackColorAndroid,
+    ios_backgroundColor: IOColors[IOSwitchVisualParams.bgColorOffState],
     onValueChange: onValueChange,
     value: value
   }));

package/lib/module/components/switch/NativeSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Switch","useIOExperimentalDesign","IOColors","IOSwitchVisualParams","bgLegacyTrackColorAndroid","OS","greyUltraLight","NativeSwitch","onValueChange","value","accessibility","isExperimental","trackColor","false","bgColorOffState","true","bgColorOnState","legacyTrackColor","blue","trackColorComponent","createElement","_extends","accessibilityRole","accessibilityState","checked","disabled","thumbColor","bgCircle","ios_backgroundColor"],"sourceRoot":"../../../../src","sources":["components/switch/NativeSwitch.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,MAAM,QAAqB,cAAc;AAC5D,SAASC,uBAAuB,QAAQ,YAAY;AACpD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,oBAAoB,QAAQ,qBAAqB;AAc1D;AACA,MAAMC,yBAAyB,GAC7BL,QAAQ,CAACM,EAAE,KAAK,SAAS,GAAGH,QAAQ,CAAC,UAAU,CAAC,GAAGA,QAAQ,CAACI,cAAc;AAE5E,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,aAAa;EACbC,KAAK;EACL,GAAGC;AACK,CAAC,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAGV,uBAAuB,CAAC,CAAC;EACpD,MAAMW,UAAU,GAAG;IACjBC,KAAK,EAAEX,QAAQ,CAACC,oBAAoB,CAACW,eAAe,CAAC;IACrDC,IAAI,EAAEb,QAAQ,CAACC,oBAAoB,CAACa,cAAc;EACpD,CAAC;;EAED;EACA,MAAMC,gBAAgB,GAAG;IACvBJ,KAAK,EAAET,yBAAyB;IAChCW,IAAI,EAAEb,QAAQ,CAACgB;EACjB,CAAC;EAED,MAAMC,mBAAmB,GAAGR,cAAc,GAAGC,UAAU,GAAGK,gBAAgB;EAE1E,oBACEnB,KAAA,CAAAsB,aAAA,CAACpB,MAAM,EAAAqB,QAAA,KACDX,aAAa;IACjBY,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEC,OAAO,EAAEf,KAAK;MAAEgB,QAAQ,EAAEf,aAAa,CAACe;IAAS,CAAE;IACzEb,UAAU,EAAEO,mBAAoB;IAChCO,UAAU,EAAExB,QAAQ,CAACC,oBAAoB,CAACwB,QAAQ,CAAE;IACpDC,mBAAmB,EACjBjB,cAAc,GACVT,QAAQ,CAACC,oBAAoB,CAACW,eAAe,CAAC,GAC9CV,yBACL;IACDI,aAAa,EAAEA,aAAc;IAC7BC,KAAK,EAAEA;EAAM,EACd,CAAC;AAEN,CAAC"}
+{"version":3,"names":["React","Switch","IOColors","IOSwitchVisualParams","NativeSwitch","onValueChange","value","accessibility","trackColor","false","bgColorOffState","true","bgColorOnState","createElement","_extends","accessibilityRole","accessibilityState","checked","disabled","thumbColor","bgCircle","ios_backgroundColor"],"sourceRoot":"../../../../src","sources":["components/switch/NativeSwitch.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAqB,cAAc;AAClD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,oBAAoB,QAAQ,qBAAqB;AAc1D,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,aAAa;EACbC,KAAK;EACL,GAAGC;AACK,CAAC,KAAK;EACd,MAAMC,UAAU,GAAG;IACjBC,KAAK,EAAEP,QAAQ,CAACC,oBAAoB,CAACO,eAAe,CAAC;IACrDC,IAAI,EAAET,QAAQ,CAACC,oBAAoB,CAACS,cAAc;EACpD,CAAC;EAED,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,MAAM,EAAAa,QAAA,KACDP,aAAa;IACjBQ,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEC,OAAO,EAAEX,KAAK;MAAEY,QAAQ,EAAEX,aAAa,CAACW;IAAS,CAAE;IACzEV,UAAU,EAAEA,UAAW;IACvBW,UAAU,EAAEjB,QAAQ,CAACC,oBAAoB,CAACiB,QAAQ,CAAE;IACpDC,mBAAmB,EAAEnB,QAAQ,CAACC,oBAAoB,CAACO,eAAe,CAAE;IACpEL,aAAa,EAAEA,aAAc;IAC7BC,KAAK,EAAEA;EAAM,EACd,CAAC;AAEN,CAAC"}

package/lib/module/components/tabs/TabItem.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo } from "react";
 import { Pressable, StyleSheet } from "react-native";
 import Animated, { interpolateColor, useAnimatedStyle, useDerivedValue, useReducedMotion, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOColors, IOSpringValues, hexToRgba, useIOExperimentalDesign } from "../../core";
+import { IOColors, IOSpringValues, hexToRgba } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 import { Icon } from "../icons";
 import { BodySmall } from "../typography";
@@ -41,42 +41,6 @@ const mapColorStates = {
     }
   }
 };
-const mapLegacyColorStates = {
-  light: {
-    border: {
-      default: IOColors["grey-300"],
-      selected: IOColors.blue,
-      disabled: hexToRgba(IOColors.white)
-    },
-    background: {
-      default: IOColors.white,
-      selected: hexToRgba(IOColors.blue, 0.1),
-      pressed: IOColors.white
-    },
-    foreground: {
-      default: "black",
-      selected: "blue",
-      disabled: "grey-700"
-    }
-  },
-  dark: {
-    border: {
-      default: hexToRgba(IOColors.white, 0),
-      selected: IOColors.white,
-      disabled: hexToRgba(IOColors.white, 0.5)
-    },
-    background: {
-      default: "#ffffff00",
-      selected: IOColors.white,
-      pressed: IOColors.white
-    },
-    foreground: {
-      default: "white",
-      selected: "black",
-      disabled: "white"
-    }
-  }
-};
 const TabItem = ({
   label,
   color = "light",
@@ -97,13 +61,9 @@ const TabItem = ({
     scaleAnimatedStyle
   } = useScaleAnimation();
   const reducedMotion = useReducedMotion();
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
-  const colors = useMemo(() => isExperimental ? mapColorStates[color] : mapLegacyColorStates[color], [isExperimental, color]);
-  const foregroundColor = useMemo(() => colors.foreground[selected ? "selected" : disabled ? "disabled" : "default"], [colors.foreground, selected, disabled]);
-  const borderColor = useMemo(() => colors.border[selected ? "selected" : disabled ? "disabled" : "default"], [colors.border, selected, disabled]);
-  const opaquePressedBackgroundColor = hexToRgba(colors.background.pressed, 0.1);
+  const foregroundColor = useMemo(() => mapColorStates[color].foreground[selected ? "selected" : disabled ? "disabled" : "default"], [color, selected, disabled]);
+  const borderColor = useMemo(() => mapColorStates[color].border[selected ? "selected" : disabled ? "disabled" : "default"], [color, selected, disabled]);
+  const opaquePressedBackgroundColor = hexToRgba(mapColorStates[color].background.pressed, 0.1);
   const isSelected = useSharedValue(0);
   const progressSelected = useDerivedValue(() => withSpring(isSelected.value, IOSpringValues.selection));
   useEffect(() => {
@@ -114,9 +74,9 @@ const TabItem = ({
   // Interpolate animation values from `pressed` values
   const animatedStyle = useAnimatedStyle(() => {
     // Link color states to the pressed states
-    const pressedBackgroundColor = interpolateColor(progress.value, [0, 1], [colors.background.default, opaquePressedBackgroundColor]);
-    const selectedBackgroundColor = interpolateColor(progressSelected.value, [0, 1], [opaquePressedBackgroundColor, colors.background.selected]);
-    const selectedBorderColor = interpolateColor(progressSelected.value, [0, 1], [colors.border.default, colors.border.selected]);
+    const pressedBackgroundColor = interpolateColor(progress.value, [0, 1], [mapColorStates[color].background.default, opaquePressedBackgroundColor]);
+    const selectedBackgroundColor = interpolateColor(progressSelected.value, [0, 1], [opaquePressedBackgroundColor, mapColorStates[color].background.selected]);
+    const selectedBorderColor = interpolateColor(progressSelected.value, [0, 1], [mapColorStates[color].border.default, mapColorStates[color].border.selected]);
     return {
       backgroundColor: selected ? selectedBackgroundColor : pressedBackgroundColor,
       borderColor: selected ? selectedBorderColor : borderColor

package/lib/module/components/tabs/TabItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","Pressable","StyleSheet","Animated","interpolateColor","useAnimatedStyle","useDerivedValue","useReducedMotion","useSharedValue","withSpring","IOColors","IOSpringValues","hexToRgba","useIOExperimentalDesign","useScaleAnimation","Icon","BodySmall","mapColorStates","light","border","default","selected","disabled","background","white","pressed","foreground","dark","mapLegacyColorStates","blue","TabItem","label","color","fullWidth","accessibilityLabel","accessibilityHint","testID","onPress","icon","iconSelected","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","isExperimental","colors","foregroundColor","borderColor","opaquePressedBackgroundColor","isSelected","progressSelected","value","selection","animatedStyle","pressedBackgroundColor","selectedBackgroundColor","selectedBorderColor","backgroundColor","activeIcon","createElement","accessibilityRole","accessibilityState","accessible","View","style","styles","container","columnGap","name","size","weight","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf","opacity"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useMemo","Pressable","StyleSheet","Animated","interpolateColor","useAnimatedStyle","useDerivedValue","useReducedMotion","useSharedValue","withSpring","IOColors","IOSpringValues","hexToRgba","useScaleAnimation","Icon","BodySmall","mapColorStates","light","border","default","selected","disabled","background","white","pressed","foreground","dark","TabItem","label","color","fullWidth","accessibilityLabel","accessibilityHint","testID","onPress","icon","iconSelected","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","foregroundColor","borderColor","opaquePressedBackgroundColor","isSelected","progressSelected","value","selection","animatedStyle","pressedBackgroundColor","selectedBackgroundColor","selectedBorderColor","backgroundColor","activeIcon","createElement","accessibilityRole","accessibilityState","accessible","View","style","styles","container","columnGap","name","size","weight","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf","opacity"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}

package/lib/module/components/tag/Tag.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Platform, StyleSheet, View } from "react-native";
-import { IOColors, IOTagRadius, IOThemeLight, useIOExperimentalDesign, useIOTheme } from "../../core";
+import { IOColors, IOTagRadius, IOThemeLight, useIONewTypeface, useIOTheme } from "../../core";
 import { IOTagHSpacing, IOTagVSpacing } from "../../core/IOSpacing";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { Icon } from "../icons";
@@ -101,13 +101,13 @@ export const Tag = ({
   forceLightMode = false
 }) => {
   const theme = useIOTheme();
+  const {
+    newTypefaceEnabled
+  } = useIONewTypeface();
   const {
     dynamicFontScale,
     spacingScaleMultiplier
   } = useIOFontDynamicScale();
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
   const variantProps = getVariantProps(variant, icon);
   const borderColor = forceLightMode ? IOColors[IOThemeLight["cardBorder-default"]] : IOColors[theme["cardBorder-default"]];
   const backgroundColor = forceLightMode ? IOColors[IOThemeLight["appBackground-primary"]] : IOColors[theme["appBackground-primary"]];
@@ -134,7 +134,7 @@ export const Tag = ({
     accessibilityLabel: iconAccessibilityLabel
   })), text && /*#__PURE__*/React.createElement(IOText, {
     allowFontScaling: allowFontScaling,
-    font: isExperimental ? "Titillio" : "TitilliumSansPro",
+    font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
     weight: "Semibold",
     size: 12,
     lineHeight: 16,