@pagopa/io-app-design-system 1.42.0 → 2.0.0-1

package/lib/typescript/components/typography/markdown/MdH3.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { IOColors, IOTheme } from "../../../core";
-import { IOFontWeight } from "../../../utils/fonts";
-import { ExternalTypographyProps, TypographyProps } from "../common";
-type AllowedColors = Extract<IOTheme, "textHeading-default"> | IOColors;
-type AllowedWeight = Extract<IOFontWeight, "Regular">;
-type MdH3Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+import React from "react";
+import { View } from "react-native";
+import { IOTextProps } from "../IOText";
 /**
  * `MdH3` typographic style
  */
-export declare const MdH3: (props: MdH3Props) => import("react").JSX.Element;
-export {};
+export declare const MdH3: React.ForwardRefExoticComponent<Omit<IOTextProps, "style" | "size" | "color" | "font" | "fontStyle" | "lineHeight" | "weight"> & {
+    textStyle?: import("../IOText").IOTextStyle | undefined;
+    style?: import("../IOText").IOTextStyle | undefined;
+} & {
+    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "bluegrey" | "bluegreyDark" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "orange" | "red" | "green" | "greenLight" | undefined;
+} & React.RefAttributes<View>>;
 //# sourceMappingURL=MdH3.d.ts.map

package/lib/typescript/components/typography/markdown/MdH3.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MdH3.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH3.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAc,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrE,KAAK,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC;AACxE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEtD,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAUjC,CAAC"}
+{"version":3,"file":"MdH3.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAU,WAAW,EAAyB,MAAM,WAAW,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;8BAoBhB,CAAC"}

package/lib/typescript/core/IOColors.d.ts

@@ -180,27 +180,9 @@ export declare const IOColorsExtra: {
     "blue-50": string;
 };
 export type IOColorsExtra = keyof typeof IOColorsExtra;
+declare const themeKeys: readonly ["appBackground-primary", "appBackground-secondary", "appBackground-tertiary", "appBackground-accent", "interactiveElem-default", "interactiveElem-pressed", "listItem-pressed", "textHeading-default", "textHeading-secondary", "textHeading-tertiary", "textBody-default", "textBody-secondary", "textBody-tertiary", "cardBorder-default", "icon-default", "icon-decorative", "divider-default", "errorIcon", "errorText", "pictogram-hands", "pictogram-tint-main", "pictogram-tint-secondary"];
 export type IOTheme = {
-    "appBackground-primary": IOColors;
-    "appBackground-secondary": IOColors;
-    "appBackground-tertiary": IOColors;
-    "appBackground-accent": IOColors;
-    "interactiveElem-default": IOColors;
-    "interactiveElem-pressed": IOColors;
-    "listItem-pressed": IOColors;
-    "textHeading-default": IOColors;
-    "textBody-default": IOColors;
-    "textBody-secondary": IOColors;
-    "textBody-tertiary": IOColors;
-    "cardBorder-default": IOColors;
-    "icon-default": IOColors;
-    "icon-decorative": IOColors;
-    "divider-default": IOColors;
-    errorIcon: IOColors;
-    errorText: IOColors;
-    "pictogram-hands": IOColors;
-    "pictogram-tint-main": IOColors;
-    "pictogram-tint-secondary": IOColors;
+    [K in (typeof themeKeys)[number]]: IOColors;
 };
 export declare const IOThemeLight: IOTheme;
 export declare const IOThemeLightLegacy: IOTheme;
@@ -232,4 +214,5 @@ Return the color value with RGBA format (RGB + Alpha transparency), starting fro
 @param opacity Opacity value that range from 0 to 1. Default value = 1.
  */
 export declare const hexToRgba: (hexCode: ColorValue, opacity?: number) => string;
+export {};
 //# sourceMappingURL=IOColors.d.ts.map

package/lib/typescript/core/IOColors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IOColors.d.ts","sourceRoot":"","sources":["../../../src/core/IOColors.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"IOColors.d.ts","sourceRoot":"","sources":["../../../src/core/IOColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,cAAc,MAAM,8BAA8B,CAAC;AAyB/D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EnB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAgB3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE7D,eAAO,MAAM,sBAAsB,eACrB,gBAAgB,KAC3B,eAAe,qBAAqB,CAAC,CAAC,QAAQ,CAGhD,CAAC;AA0BF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;CAkB1B,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAExD,eAAO,MAAM,eAAe;;;;;;;;;;;CAW1B,CAAC;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAE3D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CAexB,CAAC;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAEvD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;CAqBzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AACzD,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,cAAc,EACd,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,aAAa,CACzD,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,cAAc,EACd,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,aAAa,CACzD,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;CAQzB,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAMvD,QAAA,MAAM,SAAS,8eA6BL,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG;KACnB,CAAC,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,GAAG,QAAQ;CAC5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OA6B1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,OAKhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OA4BzB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;CAiBrC,CAAC;AAEH,MAAM,MAAM,0BAA0B,GACpC,MAAM,OAAO,0BAA0B,CAAC;AAE1C,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,WAAW,CAAC,0BAA0B,CAAC,EACvC,cAAc,CAkBf,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,MAAM,OAAO,yBAAyB,CAAC;AAM/E;;;;GAIG;AAEH,eAAO,MAAM,SAAS,YAAa,UAAU,YAAW,MAAM,WAQ7D,CAAC"}

package/lib/typescript/core/IOStyles.d.ts

@@ -1,5 +1,3 @@
-import { Text } from "react-native";
-import { ComponentProps } from "react";
 import { IOIconSizeScale } from "../components/icons";
 import { IOColors } from "./IOColors";
 import { IOAppMargin, IOSpacer, IOSpacingScale } from "./IOSpacing";
@@ -9,7 +7,6 @@ import { IOAppMargin, IOSpacer, IOSpacingScale } from "./IOSpacing";
 interface IOVisualCostants {
     appMarginDefault: IOAppMargin;
     headerHeight: number;
-    maxFontSizeMultiplier: ComponentProps<typeof Text>["maxFontSizeMultiplier"];
     avatarSizeSmall: number;
     avatarSizeMedium: number;
     avatarRadiusSizeSmall: number;

package/lib/typescript/core/IOStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IOStyles.d.ts","sourceRoot":"","sources":["../../../src/core/IOStyles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"IOStyles.d.ts","sourceRoot":"","sources":["../../../src/core/IOStyles.ts"],"names":[],"mappings":"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"}

package/lib/typescript/utils/accessibility.d.ts

@@ -3,4 +3,9 @@
  * with the correct minus symbol pronunciation.
  */
 export declare const getAccessibleAmountText: (amount?: string) => string | undefined;
+/**
+ * Query whether a bold text is currently enabled. The result is true
+ * when bold text is enabled and false otherwise.
+ */
+export declare const useBoldTextEnabled: () => boolean;
 //# sourceMappingURL=accessibility.d.ts.map

package/lib/typescript/utils/accessibility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../../src/utils/accessibility.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,uBAAuB,YAAa,MAAM,uBAQpD,CAAC"}
+{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../../src/utils/accessibility.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,eAAO,MAAM,uBAAuB,YAAa,MAAM,uBAQpD,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,kBAAkB,eAuB9B,CAAC"}

package/lib/typescript/utils/fonts.d.ts

@@ -3,39 +3,34 @@
  * Fonts are managed differently on Android and iOS. Read the Font section of the
  * README file included in this repository.
  */
+import { TextStyle } from "react-native";
 /**
  * Choose the font name based on the platform
  */
 declare const fonts: {
-    TitilliumSansPro: string | undefined;
-    ReadexPro: string | undefined;
-    DMMono: string | undefined;
+    TitilliumSansPro: string;
+    ReadexPro: string;
+    DMMono: string;
 };
 export type IOFontFamily = keyof typeof fonts;
+declare const allFontSizes: (22 | 16 | 12 | 20 | 32 | 14 | 18 | 28 | 26 | 31 | 35)[];
+export type IOFontSize = (typeof allFontSizes)[number];
 declare const weights: readonly ["Light", "Regular", "Medium", "Semibold", "Bold"];
 export type IOFontWeight = (typeof weights)[number];
 declare const weightValues: readonly ["300", "400", "500", "600", "700"];
-export type FontWeightValue = (typeof weightValues)[number];
+export type IOFontWeightNumeric = (typeof weightValues)[number];
 /**
  * Mapping between the nominal description of the weight (also the postfix used on Android) and the numeric value
  * used on iOS
  */
-export declare const fontWeights: Record<IOFontWeight, FontWeightValue>;
-export type FontFamily = keyof typeof fonts;
-export type FontWeight = keyof typeof fontWeights;
-/**
- * Mapping between the nominal description of the weight (also the postfix used on Android) and the numeric value
- * used on iOS
- */
-export declare const fontWeightsMap: Record<IOFontWeight, FontWeightValue>;
-export declare enum FontStyle {
-    "normal" = "normal",
-    "italic" = "italic"
-}
+export declare const fontWeights: Record<IOFontWeight, IOFontWeightNumeric>;
 type FontStyleObject = {
-    fontFamily: string;
-    fontWeight?: FontWeightValue;
-    fontStyle?: FontStyle;
+    fontSize: IOFontSize;
+    fontFamily: string | IOFontFamily;
+    fontWeight?: IOFontWeightNumeric;
+    lineHeight?: TextStyle["lineHeight"];
+    fontStyle?: TextStyle["fontStyle"];
+    boldEnabled?: boolean;
 };
 /**
  * Get the correct `fontFamily` name on both Android and iOS.
@@ -43,13 +38,14 @@ type FontStyleObject = {
  * @param weight
  * @param isItalic
  */
-export declare const makeFontFamilyName: (font: FontFamily, weight?: IOFontWeight, isItalic?: boolean) => string;
+export declare const makeFontFamilyName: (font: IOFontFamily, weight?: IOFontWeight, fontStyle?: TextStyle["fontStyle"]) => FontStyleObject["fontFamily"];
 /**
  * Return a {@link FontStyleObject} with the fields filled based on the platform (iOS or Android).
- * @param weight
- * @param isItalic
+ * @param size
  * @param font
+ * @param weight
+ * @param fontStyle
  */
-export declare const makeFontStyleObject: (weight?: IOFontWeight | undefined, isItalic?: boolean | undefined, font?: FontFamily | undefined) => FontStyleObject;
+export declare const makeFontStyleObject: (size: 22 | 16 | 12 | 20 | 32 | 14 | 18 | 28 | 26 | 31 | 35 | undefined, font: "TitilliumSansPro" | "ReadexPro" | "DMMono" | undefined, lineHeight: TextStyle["lineHeight"], weight?: IOFontWeight, fontStyle?: TextStyle["fontStyle"], boldEnabled?: boolean) => FontStyleObject;
 export {};
 //# sourceMappingURL=fonts.d.ts.map

package/lib/typescript/utils/fonts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/utils/fonts.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;GAEG;AACH,QAAA,MAAM,KAAK;;;;CAgBV,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,KAAK,CAAC;AAE9C,QAAA,MAAM,OAAO,6DAA8D,CAAC;AAC5E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,QAAA,MAAM,YAAY,8CAA+C,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,CAM7D,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,KAAK,CAAC;AAC5C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,CAMhE,CAAC;AAEF,oBAAY,SAAS;IACnB,QAAQ,WAAW;IACnB,QAAQ,WAAW;CACpB;AAED,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,SACvB,UAAU,WACP,YAAY,aACX,OAAO,KAChB,MAMC,CAAC;AAEL;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,YACtB,YAAY,GAAG,SAAS,aACtB,OAAO,GAAG,SAAS,SACvB,UAAU,GAAG,SAAS,KAC3B,eAiBC,CAAC"}
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/utils/fonts.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD;;GAEG;AACH,QAAA,MAAM,KAAK;;;;CAmBV,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,KAAK,CAAC;AAO9C,QAAA,MAAM,YAAY,0DAAmD,CAAC;AACtE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAMvD,QAAA,MAAM,OAAO,6DAA8D,CAAC;AAC5E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,QAAA,MAAM,YAAY,8CAA+C,CAAC;AAClE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAMjE,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,UAAU,CAAC;IAGrB,UAAU,EAAE,MAAM,GAAG,YAAY,CAAC;IAClC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAeF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,SACvB,YAAY,WACV,YAAY,cACT,SAAS,CAAC,WAAW,CAAC,KAChC,eAAe,CAAC,YAAY,CAQ3B,CAAC;AASL;;;;;;GAMG;AAEH,eAAO,MAAM,mBAAmB,sJAGlB,SAAS,CAAC,YAAY,CAAC,WAC3B,YAAY,cACT,SAAS,CAAC,WAAW,CAAC,gBACpB,OAAO,KACnB,eAkCF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "1.42.0",
+  "version": "2.0.0-1",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap

@@ -85,33 +85,21 @@ exports[`Test Advice Components - Experimental Enabled Advice Snapshot 1`] = `
   />
   <Text
     allowFontScaling={true}
-    color="bluegrey"
-    defaultColor="bluegrey"
-    defaultWeight="Regular"
     dynamicTypeRamp="body"
-    font="TitilliumSansPro"
-    fontStyle={
-      {
-        "fontSize": 16,
-        "lineHeight": 24,
-      }
-    }
     maxFontSizeMultiplier={1.25}
     style={
       [
+        {},
         {
-          "fontSize": 16,
-          "lineHeight": 24,
-        },
-        {
-          "color": "#475A6D",
+          "color": "#555C70",
           "fontFamily": "Titillium Sans Pro",
+          "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "400",
+          "lineHeight": 24,
         },
       ]
     }
-    weight="Regular"
   >
     Text
   </Text>
@@ -203,33 +191,21 @@ exports[`Test Advice Components Advice Snapshot 1`] = `
   />
   <Text
     allowFontScaling={false}
-    color="bluegrey"
-    defaultColor="bluegrey"
-    defaultWeight="Regular"
     dynamicTypeRamp="body"
-    font="TitilliumSansPro"
-    fontStyle={
-      {
-        "fontSize": 16,
-        "lineHeight": 24,
-      }
-    }
     maxFontSizeMultiplier={1.25}
     style={
       [
+        {},
         {
-          "fontSize": 16,
-          "lineHeight": 24,
-        },
-        {
-          "color": "#475A6D",
+          "color": "#555C70",
           "fontFamily": "Titillium Sans Pro",
+          "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "400",
+          "lineHeight": 24,
         },
       ]
     }
-    weight="Regular"
   >
     Text
   </Text>

package/src/components/accordion/AccordionItem.tsx

@@ -2,7 +2,6 @@ import React, { useState } from "react";
 import {
   LayoutChangeEvent,
   StyleSheet,
-  Text,
   TouchableWithoutFeedback,
   View
 } from "react-native";
@@ -19,9 +18,8 @@ import {
 } from "../../core";
 import { IOSpringValues } from "../../core/IOAnimations";
 import { IOColors, hexToRgba } from "../../core/IOColors";
-import { makeFontStyleObject } from "../../utils/fonts";
 import { IOIconSizeScale, IOIcons, Icon } from "../icons/Icon";
-import { H6 } from "../typography";
+import { Body, H6 } from "../typography";
 
 export type AccordionItem = {
   title: string;
@@ -158,11 +156,7 @@ export const AccordionItem = ({
       </TouchableWithoutFeedback>
 
       <AccordionBody expanded={expanded}>
-        {typeof body === "string" ? (
-          <Text style={styles.accordionBodyText}>{body}</Text>
-        ) : (
-          body
-        )}
+        {typeof body === "string" ? <Body>{body}</Body> : body}
       </AccordionBody>
       {/* This gradient adds a smooth end to the content. If it is missing,
       the content will be cut sharply during the height transition. */}
@@ -199,12 +193,6 @@ const styles = StyleSheet.create({
     padding: accordionBodySpacing,
     paddingTop: 0
   },
-  accordionBodyText: {
-    fontSize: 14,
-    lineHeight: 21,
-    color: IOColors["grey-700"],
-    ...makeFontStyleObject("Regular", undefined, "TitilliumSansPro")
-  },
   textContainer: {
     padding: accordionBodySpacing,
     flexDirection: "row",

package/src/components/alert/Alert.tsx

@@ -4,7 +4,6 @@ import {
   PixelRatio,
   Pressable,
   StyleSheet,
-  Text,
   View
 } from "react-native";
 import Animated, {
@@ -15,7 +14,7 @@ import Animated, {
   useSharedValue,
   withSpring
 } from "react-native-reanimated";
-import { IOVisualCostants, useIOExperimentalDesign } from "../../core";
+import { IOVisualCostants } from "../../core";
 import { IOScaleValues, IOSpringValues } from "../../core/IOAnimations";
 import {
   IOColors,
@@ -24,10 +23,10 @@ import {
 } from "../../core/IOColors";
 import { IOAlertRadius } from "../../core/IOShapes";
 import { IOAlertSpacing } from "../../core/IOSpacing";
-import { makeFontStyleObject } from "../../utils/fonts";
 import { WithTestID } from "../../utils/types";
 import { IOIconSizeScale, IOIcons, Icon } from "../icons";
 import { VSpacer } from "../spacer";
+import { ButtonText } from "../typography";
 import { H4 } from "../typography/H4";
 import { Label } from "../typography/Label";
 
@@ -48,14 +47,6 @@ const styles = StyleSheet.create({
   },
   spacingFullWidth: {
     padding: spacingFullWidth
-  },
-  label: {
-    fontSize: 16,
-    ...makeFontStyleObject("Regular", false, "ReadexPro")
-  },
-  labelLegacy: {
-    fontSize: 16,
-    ...makeFontStyleObject("Bold", false, "TitilliumSansPro")
   }
 });
 
@@ -129,7 +120,6 @@ export const Alert = React.forwardRef<View, AlertType>(
     viewRef
   ): JSX.Element => {
     const isPressed: Animated.SharedValue<number> = useSharedValue(0);
-    const { isExperimental } = useIOExperimentalDesign();
 
     // Scaling transformation applied when the button is pressed
     const animationScaleValue = IOScaleValues?.magnifiedButton?.pressedState;
@@ -198,16 +188,13 @@ export const Alert = React.forwardRef<View, AlertType>(
           {action && (
             <>
               <VSpacer size={8} />
-              <Text
-                style={[
-                  isExperimental ? styles.label : styles.labelLegacy,
-                  { color: IOColors[mapVariantStates[variant].foreground] }
-                ]}
+              <ButtonText
+                color={mapVariantStates[variant].foreground}
                 numberOfLines={1}
                 ellipsizeMode="tail"
               >
                 {action}
-              </Text>
+              </ButtonText>
             </>
           )}
         </View>

package/src/components/badge/Badge.tsx

@@ -1,16 +1,15 @@
 import React from "react";
-import { Platform, StyleSheet, Text, View } from "react-native";
+import { Platform, StyleSheet, View } from "react-native";
 import {
   IOBadgeHSpacing,
   IOBadgeRadius,
   IOBadgeVSpacing,
   IOColors,
-  IOVisualCostants,
   useIOExperimentalDesign,
   useIOTheme
 } from "../../core";
-import { makeFontStyleObject } from "../../utils/fonts";
 import { WithTestID } from "../../utils/types";
+import { IOText } from "../typography";
 
 export type Badge = WithTestID<{
   outline?: boolean;
@@ -52,20 +51,6 @@ const styles = StyleSheet.create({
     borderRadius: IOBadgeRadius,
     paddingHorizontal: IOBadgeHSpacing,
     paddingVertical: IOBadgeVSpacing
-  },
-  label: {
-    fontSize: 12,
-    lineHeight: 16,
-    alignSelf: "center",
-    textTransform: "uppercase",
-    flexShrink: 1
-  },
-  labelFont: {
-    ...makeFontStyleObject("Regular", false, "ReadexPro")
-  },
-  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-  legacyLabelFont: {
-    ...makeFontStyleObject("Semibold", false, "TitilliumSansPro")
   }
 });
 
@@ -177,21 +162,23 @@ export const Badge = ({ text, outline = false, variant, testID }: Badge) => {
             }
       ]}
     >
-      <Text
+      <IOText
+        font={isExperimental ? "ReadexPro" : "TitilliumSansPro"}
+        weight={isExperimental ? "Regular" : "Semibold"}
+        size={12}
+        lineHeight={16}
+        color={foreground}
         numberOfLines={1}
         ellipsizeMode="tail"
-        allowFontScaling={isExperimental}
-        maxFontSizeMultiplier={IOVisualCostants.maxFontSizeMultiplier}
-        style={[
-          styles.label,
-          isExperimental ? styles.labelFont : styles.legacyLabelFont,
-          {
-            color: IOColors[foreground]
-          }
-        ]}
+        style={{
+          alignSelf: "center",
+          textTransform: "uppercase",
+          letterSpacing: 0.5,
+          flexShrink: 1
+        }}
       >
         {text}
-      </Text>
+      </IOText>
     </View>
   );
 };

package/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap

@@ -26,20 +26,20 @@ exports[`Test Badge Components - Experimental Enabled Badge Snapshot 1`] = `
     numberOfLines={1}
     style={
       [
+        {},
         {
-          "alignSelf": "center",
-          "flexShrink": 1,
-          "fontSize": 12,
-          "lineHeight": 16,
-          "textTransform": "uppercase",
-        },
-        {
+          "color": "#555C70",
           "fontFamily": "Readex Pro",
+          "fontSize": 12,
           "fontStyle": "normal",
           "fontWeight": "400",
+          "lineHeight": 16,
         },
         {
-          "color": "#555C70",
+          "alignSelf": "center",
+          "flexShrink": 1,
+          "letterSpacing": 0.5,
+          "textTransform": "uppercase",
         },
       ]
     }
@@ -75,20 +75,20 @@ exports[`Test Badge Components Badge Snapshot 1`] = `
     numberOfLines={1}
     style={
       [
+        {},
         {
-          "alignSelf": "center",
-          "flexShrink": 1,
-          "fontSize": 12,
-          "lineHeight": 16,
-          "textTransform": "uppercase",
-        },
-        {
+          "color": "#555C70",
           "fontFamily": "Titillium Sans Pro",
+          "fontSize": 12,
           "fontStyle": "normal",
           "fontWeight": "600",
+          "lineHeight": 16,
         },
         {
-          "color": "#555C70",
+          "alignSelf": "center",
+          "flexShrink": 1,
+          "letterSpacing": 0.5,
+          "textTransform": "uppercase",
         },
       ]
     }

package/src/components/badge/__test__/badge.test.tsx

@@ -6,7 +6,7 @@ import { Badge } from "../Badge";
 describe("Test Badge Components", () => {
   it("Badge Snapshot", () => {
     const badge = TestRenderer.create(
-      <Badge text={"text"} variant={"default"}></Badge>
+      <Badge text={"text"} variant={"default"} />
     ).toJSON();
     expect(badge).toMatchSnapshot();
   });
@@ -15,7 +15,7 @@ describe("Test Badge Components", () => {
 describe("Test Badge Components - Experimental Enabled", () => {
   it("Badge Snapshot", () => {
     const badge = TestRendererWithExperimentalEnabledContextProvider(
-      <Badge text={"text"} variant={"default"}></Badge>
+      <Badge text={"text"} variant={"default"} />
     ).toJSON();
     expect(badge).toMatchSnapshot();
   });