chore: [IOPLT-1298] Remove useIONewTypeface by enabling just the Titillio typeface

example/src/App.tsx

@@ -1,6 +1,5 @@
 import {
   IODSExperimentalContextProvider,
-  IONewTypefaceContextProvider,
   IOThemeContextProvider,
   ToastProvider
 } from "@pagopa/io-app-design-system";
@@ -18,15 +17,13 @@ export default function App() {
     <GestureHandlerRootView style={{ flex: 1 }}>
       <SafeAreaProvider>
         <IODSExperimentalContextProvider>
-          <IONewTypefaceContextProvider>
-            <IOThemeContextProvider theme={colorScheme}>
-              <StatusBannerProvider>
-                <ToastProvider>
-                  <AppNavigator />
-                </ToastProvider>
-              </StatusBannerProvider>
-            </IOThemeContextProvider>
-          </IONewTypefaceContextProvider>
+          <IOThemeContextProvider theme={colorScheme}>
+            <StatusBannerProvider>
+              <ToastProvider>
+                <AppNavigator />
+              </ToastProvider>
+            </StatusBannerProvider>
+          </IOThemeContextProvider>
         </IODSExperimentalContextProvider>
       </SafeAreaProvider>
     </GestureHandlerRootView>

example/src/pages/MainScreen.tsx

@@ -8,7 +8,6 @@ import {
   ListItemSwitch,
   VSpacer,
   useIOExperimentalDesign,
-  useIONewTypeface,
   useIOThemeContext
 } from "@pagopa/io-app-design-system";
 import * as React from "react";
@@ -59,7 +58,7 @@ const DESIGN_SYSTEM_SECTION_DATA = [
 const MainScreen = (props: Props) => {
   const { setTheme, themeType, theme } = useIOThemeContext();
   const { isExperimental, setExperimental } = useIOExperimentalDesign();
-  const { newTypefaceEnabled, setNewTypefaceEnabled } = useIONewTypeface();
+
   const renderDSNavItem = ({
     item: { title, route }
   }: {
@@ -98,11 +97,6 @@ const MainScreen = (props: Props) => {
           value={isExperimental}
           onSwitchValueChange={setExperimental}
         />
-        <ListItemSwitch
-          label="Abilita nuovo carattere"
-          value={newTypefaceEnabled}
-          onSwitchValueChange={setNewTypefaceEnabled}
-        />
         <VSpacer size={4} />
         <ListItemSwitch
           label="Abilita Dark Mode"

src/components/badge/Badge.tsx

@@ -6,7 +6,7 @@ import {
   View,
   ViewStyle
 } from "react-native";
-import { useIONewTypeface, useIOThemeContext } from "../../context";
+import { useIOThemeContext } from "../../context";
 import {
   hexToRgba,
   IOBadgeHSpacing,
@@ -68,7 +68,6 @@ export const Badge = ({
 }: Badge) => {
   const { dynamicFontScale } = useIOFontDynamicScale();
   const { themeType } = useIOThemeContext();
-  const { newTypefaceEnabled } = useIONewTypeface();
 
   const bgOpacityDarkMode = 0.2;
 
@@ -212,7 +211,7 @@ export const Badge = ({
     >
       <IOText
         allowFontScaling={allowFontScaling}
-        font={newTypefaceEnabled ? "Titillio" : "TitilliumSansPro"}
+        font={"Titillio"}
         weight={"Semibold"}
         size={12}
         lineHeight={16}

src/components/banner/Banner.tsx

@@ -8,7 +8,7 @@ import {
   ViewStyle
 } from "react-native";
 import Animated from "react-native-reanimated";
-import { useIONewTypeface, useIOTheme, useIOThemeContext } from "../../context";
+import { useIOTheme, useIOThemeContext } from "../../context";
 import { IOBannerBigSpacing, IOBannerRadius } from "../../core";
 import { hexToRgba, IOColors } from "../../core/IOColors";
 import { useScaleAnimation } from "../../hooks";
@@ -141,7 +141,6 @@ export const Banner = forwardRef<View, Banner>(
     }: Banner,
     viewRef
   ) => {
-    const { newTypefaceEnabled } = useIONewTypeface();
     const { onPressIn, onPressOut, scaleAnimatedStyle } =
       useScaleAnimation("medium");
     const { themeType } = useIOThemeContext();
@@ -198,7 +197,7 @@ export const Banner = forwardRef<View, Banner>(
             >
               <VSpacer size={8} />
               <IOText
-                font={newTypefaceEnabled ? "Titillio" : "TitilliumSansPro"}
+                font={"Titillio"}
                 weight="Semibold"
                 color={colorMainButton}
                 size={buttonTextFontSize}

src/components/buttons/ButtonLink.tsx

@@ -12,7 +12,7 @@ import Animated, {
   useAnimatedStyle,
   useReducedMotion
 } from "react-native-reanimated";
-import { useIONewTypeface, useIOTheme } from "../../context";
+import { useIOTheme } from "../../context";
 import {
   IOButtonStyles,
   IOColors,
@@ -85,7 +85,6 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
     ref
   ) => {
     const theme = useIOTheme();
-    const { newTypefaceEnabled } = useIONewTypeface();
     const { progress, onPressIn, onPressOut, scaleAnimatedStyle } =
       useScaleAnimation();
     const reducedMotion = useReducedMotion();
@@ -198,7 +197,7 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
             accessible={false}
             accessibilityElementsHidden
             importantForAccessibility="no-hide-descendants"
-            font={newTypefaceEnabled ? "Titillio" : "TitilliumSansPro"}
+            font={"Titillio"}
             weight={"Semibold"}
             size={buttonTextFontSize}
             lineHeight={buttonTextLineHeight}

src/components/buttons/ButtonOutline.tsx

@@ -11,7 +11,7 @@ import Animated, {
   useAnimatedStyle,
   useReducedMotion
 } from "react-native-reanimated";
-import { useIONewTypeface, useIOTheme } from "../../context";
+import { useIOTheme } from "../../context";
 import { IOButtonStyles, IOColors, hexToRgba } from "../../core/";
 import { useScaleAnimation } from "../../hooks";
 import { WithTestID } from "../../utils/types";
@@ -85,7 +85,6 @@ export const ButtonOutline = forwardRef<View, ButtonOutline>(
     ref
   ) => {
     const theme = useIOTheme();
-    const { newTypefaceEnabled } = useIONewTypeface();
     const { progress, onPressIn, onPressOut, scaleAnimatedStyle } =
       useScaleAnimation();
     const reducedMotion = useReducedMotion();
@@ -235,7 +234,7 @@ export const ButtonOutline = forwardRef<View, ButtonOutline>(
               />
             ))}
           <AnimatedIOText
-            font={newTypefaceEnabled ? "Titillio" : "TitilliumSansPro"}
+            font={"Titillio"}
             weight={"Semibold"}
             size={buttonTextFontSize}
             accessible={false}

src/components/buttons/IOButton/IOButton.tsx

@@ -22,7 +22,6 @@ import Animated, {
   LayoutAnimationConfig,
   useReducedMotion
 } from "react-native-reanimated";
-import { useIONewTypeface } from "../../../context";
 import {
   enterTransitionInnerContent,
   enterTransitionInnerContentSmall,
@@ -139,7 +138,6 @@ export const IOButton = forwardRef<View, IOButtonProps>(
     const { buttonAnimatedStyle, labelAnimatedStyle, iconColorAnimatedStyle } =
       useButtonAnimatedStyles(variant, color, progress);
     const reducedMotion = useReducedMotion();
-    const { newTypefaceEnabled } = useIONewTypeface();
 
     const isLinkButton = variant === "link";
 
@@ -268,7 +266,7 @@ export const IOButton = forwardRef<View, IOButtonProps>(
                 />
               ))}
             <AnimatedIOText
-              font={newTypefaceEnabled ? "Titillio" : "TitilliumSansPro"}
+              font={"Titillio"}
               weight={"Semibold"}
               size={buttonTextFontSize}
               lineHeight={isLinkButton ? buttonTextLineHeight : undefined}

src/components/headers/HeaderSecondLevel.tsx

@@ -23,7 +23,7 @@ import Animated, {
   withTiming
 } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { useIONewTypeface, useIOTheme } from "../../context";
+import { useIOTheme } from "../../context";
 import {
   IOColors,
   IOSpringValues,
@@ -164,8 +164,6 @@ export const HeaderSecondLevel = ({
 
   const titleRef = createRef<View>();
 
-  const { newTypefaceEnabled } = useIONewTypeface();
-
   const theme = useIOTheme();
   const insets = useSafeAreaInsets();
   const isTitleAccessible = useMemo(() => !!title.trim(), [title]);
@@ -338,7 +336,7 @@ export const HeaderSecondLevel = ({
             size={14}
             numberOfLines={1}
             accessible={false}
-            font={newTypefaceEnabled ? "Titillio" : "TitilliumSansPro"}
+            font={"Titillio"}
             weight={"Semibold"}
             style={[
               { color: titleColor, textAlign: "center" },

src/components/modules/ModuleIDP.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Image, ImageSourcePropType, StyleSheet } from "react-native";
-import { useIONewTypeface, useIOThemeContext, useIOTheme } from "../../context";
+import { useIOThemeContext, useIOTheme } from "../../context";
 import { IOListItemLogoMargin } from "../../core";
 import { addCacheTimestampToUri } from "../../utils/image";
 import { IOText } from "../typography";
@@ -50,7 +50,6 @@ export const ModuleIDP = ({
   testID,
   accessibilityLabel
 }: ModuleIDP) => {
-  const { newTypefaceEnabled } = useIONewTypeface();
   const theme = useIOTheme();
   const IDPLogoSource = useIDPLogo(logo);
 
@@ -61,7 +60,7 @@ export const ModuleIDP = ({
       withLooseSpacing={withLooseSpacing}
     >
       <IOText
-        font={newTypefaceEnabled ? "Titillio" : "TitilliumSansPro"}
+        font={"Titillio"}
         weight={"Semibold"}
         size={12}
         lineHeight={16}

src/components/numberpad/NumberButton.tsx

@@ -6,7 +6,7 @@ import Animated, {
   useAnimatedStyle,
   useReducedMotion
 } from "react-native-reanimated";
-import { useIONewTypeface, useIOTheme } from "../../context";
+import { useIOTheme } from "../../context";
 import { hexToRgba, IOColors } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 import { IOText } from "../typography";
@@ -50,7 +50,6 @@ export const NumberButton = memo(
     const { progress, onPressIn, onPressOut, scaleAnimatedStyle } =
       useScaleAnimation("medium");
     const reducedMotion = useReducedMotion();
-    const { newTypefaceEnabled } = useIONewTypeface();
 
     const colorMap: Record<NumberButtonVariantType, ColorMapVariant> = useMemo(
       () => ({
@@ -103,7 +102,7 @@ export const NumberButton = memo(
         >
           <IOText
             size={22}
-            font={newTypefaceEnabled ? "Titillio" : "TitilliumSansPro"}
+            font={"Titillio"}
             weight="Semibold"
             color={colorMap[variant].foreground}
             style={{

src/components/searchInput/SearchInput.tsx

@@ -29,7 +29,7 @@ import Animated, {
   withTiming
 } from "react-native-reanimated";
 import { WithTestID } from "src/utils/types";
-import { useIONewTypeface, useIOTheme } from "../../context";
+import { useIOTheme } from "../../context";
 import { IOColors, IOSpacingScale, IOVisualCostants } from "../../core";
 import {
   IOFontSize,
@@ -114,7 +114,6 @@ export const SearchInput = forwardRef<SearchInputRef, SearchInputProps>(
     ref
   ) => {
     const searchInputRef = useRef<TextInput>(null);
-    const { newTypefaceEnabled } = useIONewTypeface();
 
     /* Component visual attributes */
     const theme = useIOTheme();
@@ -264,7 +263,7 @@ export const SearchInput = forwardRef<SearchInputRef, SearchInputProps>(
                 color: IOColors[theme["textBody-default"]],
                 ...makeFontStyleObject(
                   inputFontSizePlaceholder,
-                  newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
+                  "Titillio",
                   undefined,
                   "Regular"
                 )
@@ -307,7 +306,7 @@ export const SearchInput = forwardRef<SearchInputRef, SearchInputProps>(
           >
             <IOText
               color={theme["interactiveElem-default"]}
-              font={newTypefaceEnabled ? "Titillio" : "TitilliumSansPro"}
+              font={"Titillio"}
               weight={"Semibold"}
               size={buttonTextFontSize}
               lineHeight={buttonTextLineHeight}

src/components/tabs/TabItem.tsx

@@ -13,7 +13,7 @@ import Animated, {
   useReducedMotion,
   withSpring
 } from "react-native-reanimated";
-import { useIONewTypeface, useIOTheme } from "../../context";
+import { useIOTheme } from "../../context";
 import { IOColors, IOSpringValues, hexToRgba } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 import { WithTestID } from "../../utils/types";
@@ -77,7 +77,6 @@ const TabItem = forwardRef(
       useScaleAnimation("medium");
     const theme = useIOTheme();
     const reducedMotion = useReducedMotion();
-    const { newTypefaceEnabled } = useIONewTypeface();
 
     const mapColorStates: Record<
       NonNullable<TabItem["color"]>,
@@ -201,7 +200,7 @@ const TabItem = forwardRef(
           )}
           <IOText
             size={14}
-            font={newTypefaceEnabled ? "Titillio" : "TitilliumSansPro"}
+            font={"Titillio"}
             weight="Semibold"
             color={foregroundColor}
           >

src/components/tag/Tag.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Platform, StyleSheet, View, ViewStyle } from "react-native";
-import { useIONewTypeface, useIOTheme } from "../../context";
+import { useIOTheme } from "../../context";
 import {
   IOColors,
   IOSpacingScale,
@@ -156,7 +156,6 @@ export const Tag = ({
   forceLightMode = false
 }: Tag) => {
   const theme = useIOTheme();
-  const { newTypefaceEnabled } = useIONewTypeface();
   const { dynamicFontScale, spacingScaleMultiplier } = useIOFontDynamicScale();
 
   const variantProps = getVariantProps(variant, icon);
@@ -204,7 +203,7 @@ export const Tag = ({
       {text && (
         <IOText
           allowFontScaling={allowFontScaling}
-          font={newTypefaceEnabled ? "Titillio" : "TitilliumSansPro"}
+          font={"Titillio"}
           weight={"Semibold"}
           size={12}
           lineHeight={16}

src/components/textInput/TextInputBase.tsx

@@ -27,7 +27,7 @@ import Animated, {
   useSharedValue,
   withTiming
 } from "react-native-reanimated";
-import { useIONewTypeface, useIOTheme } from "../../context";
+import { useIOTheme } from "../../context";
 import { IOColors, IOSpacingScale, hexToRgba } from "../../core";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 import {
@@ -237,7 +237,6 @@ export const TextInputBase = ({
   );
   const focusedState = useSharedValue<number>(0);
 
-  const { newTypefaceEnabled } = useIONewTypeface();
   const { dynamicFontScale, spacingScaleMultiplier } = useIOFontDynamicScale();
 
   const theme = useIOTheme();
@@ -472,7 +471,7 @@ export const TextInputBase = ({
             {
               ...makeFontStyleObject(
                 inputLabelFontSize,
-                newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
+                "Titillio",
                 undefined,
                 "Regular"
               )
@@ -516,7 +515,7 @@ export const TextInputBase = ({
               {
                 ...makeFontStyleObject(
                   inputLabelFontSize,
-                  newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
+                  "Titillio",
                   undefined,
                   "Regular"
                 ),