@pagopa/io-app-design-system 2.0.3 → 2.1.0-2

package/src/components/typography/H5.tsx

@@ -1,11 +1,17 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { IOTheme, useIOTheme } from "../../core";
-import { IOFontSize } from "../../utils/fonts";
+import { IOTheme, useIOExperimentalDesign, useIOTheme } from "../../core";
+import { IOFontFamily, IOFontSize, IOFontWeight } from "../../utils/fonts";
 import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 
 const defaultColor: keyof IOTheme = "textHeading-default";
 
+const fontName: IOFontFamily = "Titillio";
+const fontWeight: IOFontWeight = "Semibold";
+
+const legacyFontName: IOFontFamily = "TitilliumSansPro";
+const legacyFontWeight: IOFontWeight = "Semibold";
+
 export const h5FontSize: IOFontSize = 14;
 export const h5LineHeight = 16;
 
@@ -15,12 +21,13 @@ export const h5LineHeight = 16;
 export const H5 = forwardRef<View, TypographicStyleProps>(
   ({ color: customColor, ...props }, ref?: ForwardedRef<View>) => {
     const theme = useIOTheme();
+    const { isExperimental } = useIOExperimentalDesign();
 
     const H5Props: IOTextProps = {
       ...props,
       dynamicTypeRamp: "subheadline", // iOS only
-      font: "TitilliumSansPro",
-      weight: "Semibold",
+      font: isExperimental ? fontName : legacyFontName,
+      weight: isExperimental ? fontWeight : legacyFontWeight,
       size: h5FontSize,
       lineHeight: h5LineHeight,
       color: customColor ?? theme[defaultColor],

package/src/components/typography/H6.tsx

@@ -6,14 +6,12 @@ import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 
 const defaultColor: keyof IOTheme = "textHeading-default";
 
-export const h6FontSize: IOFontSize = 16;
+export const h6FontSize: IOFontSize = 18;
 export const h6LineHeight = 24;
-const fontName: IOFontFamily = "ReadexPro";
-const fontWeight: IOFontWeight = "Regular";
+const fontName: IOFontFamily = "Titillio";
+const fontWeight: IOFontWeight = "Semibold";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyFontSize: IOFontSize = 18;
-const legacyLineHeight = 25;
 const legacyFontName: IOFontFamily = "TitilliumSansPro";
 const legacyFontWeight: IOFontWeight = "Semibold";
 
@@ -29,8 +27,8 @@ export const H6 = forwardRef<View, TypographicStyleProps>(
       ...props,
       dynamicTypeRamp: "headline", // iOS only
       font: isExperimental ? fontName : legacyFontName,
-      size: isExperimental ? h6FontSize : legacyFontSize,
-      lineHeight: isExperimental ? h6LineHeight : legacyLineHeight,
+      size: h6FontSize,
+      lineHeight: h6LineHeight,
       weight: isExperimental ? fontWeight : legacyFontWeight,
       color: customColor ?? theme[defaultColor]
     };

package/src/components/typography/Hero.tsx

@@ -8,8 +8,8 @@ const defaultColor: keyof IOTheme = "textHeading-default";
 
 export const heroFontSize: IOFontSize = 32;
 export const heroLineHeight = 48;
-const fontName: IOFontFamily = "ReadexPro";
-const fontWeight: IOFontWeight = "Regular";
+const fontName: IOFontFamily = "Titillio";
+const fontWeight: IOFontWeight = "Semibold";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const legacyHeroFontSize: IOFontSize = 35;

package/src/components/typography/Label.tsx

@@ -1,7 +1,7 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIOTheme } from "../../core";
-import { IOFontWeight } from "../../utils/fonts";
+import { useIOExperimentalDesign, useIOTheme } from "../../core";
+import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
 import {
   IOText,
   IOTextProps,
@@ -13,6 +13,12 @@ type LabelProps = TypographicStyleProps & {
   weight?: Extract<IOFontWeight, "Regular" | "Semibold" | "Bold">;
 } & TypographicStyleAsLinkProps;
 
+const fontName: IOFontFamily = "Titillio";
+const fontWeight: IOFontWeight = "Semibold";
+
+const legacyFontName: IOFontFamily = "TitilliumSansPro";
+const legacyFontWeight: IOFontWeight = "Semibold";
+
 /**
  * `LabelSmall` typographic style
  */
@@ -22,6 +28,7 @@ export const Label = forwardRef<View, LabelProps>(
     ref?: ForwardedRef<View>
   ) => {
     const theme = useIOTheme();
+    const { isExperimental } = useIOExperimentalDesign();
 
     const defaultColor = asLink
       ? theme["interactiveElem-default"]
@@ -29,8 +36,12 @@ export const Label = forwardRef<View, LabelProps>(
 
     const LabelProps: IOTextProps = {
       ...props,
-      font: "TitilliumSansPro",
-      weight: customWeight ?? "Semibold",
+      font: isExperimental ? fontName : legacyFontName,
+      weight: customWeight
+        ? customWeight
+        : isExperimental
+        ? fontWeight
+        : legacyFontWeight,
       size: 16,
       lineHeight: 24,
       color: customColor ?? defaultColor,

package/src/components/typography/LabelMini.tsx

@@ -1,7 +1,7 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIOTheme } from "../../core";
-import { IOFontWeight } from "../../utils/fonts";
+import { useIOExperimentalDesign, useIOTheme } from "../../core";
+import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
 import {
   IOText,
   IOTextProps,
@@ -13,6 +13,12 @@ type LabelMiniProps = TypographicStyleProps & {
   weight?: Extract<IOFontWeight, "Regular" | "Semibold" | "Bold">;
 } & TypographicStyleAsLinkProps;
 
+const fontName: IOFontFamily = "Titillio";
+const fontWeight: IOFontWeight = "Semibold";
+
+const legacyFontName: IOFontFamily = "TitilliumSansPro";
+const legacyFontWeight: IOFontWeight = "Semibold";
+
 /**
  * `LabelMini` typographic style
  */
@@ -22,6 +28,7 @@ export const LabelMini = forwardRef<View, LabelMiniProps>(
     ref?: ForwardedRef<View>
   ) => {
     const theme = useIOTheme();
+    const { isExperimental } = useIOExperimentalDesign();
 
     const defaultColor = asLink
       ? theme["interactiveElem-default"]
@@ -30,8 +37,12 @@ export const LabelMini = forwardRef<View, LabelMiniProps>(
     const LabelMiniProps: IOTextProps = {
       ...props,
       dynamicTypeRamp: "footnote" /* iOS only */,
-      font: "TitilliumSansPro",
-      weight: customWeight ?? "Semibold",
+      font: isExperimental ? fontName : legacyFontName,
+      weight: customWeight
+        ? customWeight
+        : isExperimental
+        ? fontWeight
+        : legacyFontWeight,
       size: 12,
       lineHeight: 18,
       color: customColor ?? defaultColor,

package/src/components/typography/LabelSmall.tsx

@@ -1,7 +1,7 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIOTheme } from "../../core";
-import { IOFontWeight } from "../../utils/fonts";
+import { useIOExperimentalDesign, useIOTheme } from "../../core";
+import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
 import {
   IOText,
   IOTextProps,
@@ -13,6 +13,12 @@ type LabelSmallProps = TypographicStyleProps & {
   weight?: Extract<IOFontWeight, "Regular" | "Semibold" | "Bold">;
 } & TypographicStyleAsLinkProps;
 
+const fontName: IOFontFamily = "Titillio";
+const fontWeight: IOFontWeight = "Semibold";
+
+const legacyFontName: IOFontFamily = "TitilliumSansPro";
+const legacyFontWeight: IOFontWeight = "Semibold";
+
 /**
  * `LabelSmall` typographic style
  */
@@ -22,6 +28,7 @@ export const LabelSmall = forwardRef<View, LabelSmallProps>(
     ref?: ForwardedRef<View>
   ) => {
     const theme = useIOTheme();
+    const { isExperimental } = useIOExperimentalDesign();
 
     const defaultColor = asLink
       ? theme["interactiveElem-default"]
@@ -30,8 +37,12 @@ export const LabelSmall = forwardRef<View, LabelSmallProps>(
     const LabelSmallProps: IOTextProps = {
       ...props,
       dynamicTypeRamp: "footnote" /* iOS only */,
-      font: "TitilliumSansPro",
-      weight: customWeight ?? "Semibold",
+      font: isExperimental ? fontName : legacyFontName,
+      weight: customWeight
+        ? customWeight
+        : isExperimental
+        ? fontWeight
+        : legacyFontWeight,
       size: 14,
       lineHeight: 21,
       color: customColor ?? defaultColor,

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

@@ -81,10 +81,10 @@ exports[`Test Typography Components H1 Snapshot 1`] = `
       {
         "color": "#0E0F13",
         "fontFamily": "Titillium Sans Pro",
-        "fontSize": 31,
+        "fontSize": 28,
         "fontStyle": "normal",
         "fontWeight": "600",
-        "lineHeight": 43,
+        "lineHeight": 42,
       },
     ]
   }
@@ -104,10 +104,10 @@ exports[`Test Typography Components H1 Snapshot 2`] = `
       {
         "color": "#FFFFFF",
         "fontFamily": "Titillium Sans Pro",
-        "fontSize": 31,
+        "fontSize": 28,
         "fontStyle": "normal",
         "fontWeight": "600",
-        "lineHeight": 43,
+        "lineHeight": 42,
       },
     ]
   }
@@ -441,7 +441,7 @@ exports[`Test Typography Components H6 Snapshot 1`] = `
         "fontSize": 18,
         "fontStyle": "normal",
         "fontWeight": "600",
-        "lineHeight": 25,
+        "lineHeight": 24,
       },
     ]
   }

package/src/components/typography/index.tsx

@@ -14,7 +14,6 @@ export * from "./H6";
 export * from "./Hero";
 export * from "./Label";
 export * from "./LabelSmall";
-export * from "./LabelSmallAlt";
 export * from "./LabelMini";
 export * from "./BodyMonospace";
 export * from "./common";

package/src/components/typography/markdown/MdH1.tsx

@@ -14,8 +14,8 @@ export const MdH1 = forwardRef<View, TypographicStyleProps>(
 
     const MdH1Props: IOTextProps = {
       ...props,
-      font: isExperimental ? "ReadexPro" : "TitilliumSansPro",
-      weight: isExperimental ? "Regular" : "Semibold",
+      font: isExperimental ? "Titillio" : "TitilliumSansPro",
+      weight: "Semibold",
       size: 20,
       lineHeight: 24,
       color: customColor ?? theme["textHeading-tertiary"]

package/src/components/typography/markdown/MdH2.tsx

@@ -13,11 +13,9 @@ export const MdH2 = forwardRef<View, TypographicStyleProps>(
 
     const MdH2Props: IOTextProps = {
       ...props,
-      font: isExperimental ? "ReadexPro" : "TitilliumSansPro",
-      weight: isExperimental ? "Regular" : "Semibold",
-      /* We set 18 instead of 16 to diffrentiate from the H3 typographic style.
-It should be 16 with `SemiBold` font weight. */
-      size: 18,
+      font: isExperimental ? "Titillio" : "TitilliumSansPro",
+      weight: "Semibold",
+      size: 16,
       lineHeight: 24,
       color: customColor ?? theme["textHeading-tertiary"]
     };

package/src/components/typography/markdown/MdH3.tsx

@@ -13,8 +13,8 @@ export const MdH3 = forwardRef<View, TypographicStyleProps>(
 
     const MdH3Props: IOTextProps = {
       ...props,
-      font: isExperimental ? "ReadexPro" : "TitilliumSansPro",
-      weight: isExperimental ? "Regular" : "Semibold",
+      font: isExperimental ? "Titillio" : "TitilliumSansPro",
+      weight: "Regular",
       size: 16,
       lineHeight: 24,
       color: customColor ?? theme["textHeading-tertiary"]

package/src/utils/fonts.ts

@@ -16,11 +16,11 @@ const fonts = {
     ios: "Titillium Sans Pro",
     default: "TitilliumSansPro"
   }),
-  ReadexPro: Platform.select({
-    android: "ReadexPro",
-    web: "ReadexPro",
-    ios: "Readex Pro",
-    default: "ReadexPro"
+  Titillio: Platform.select({
+    android: "Titillio",
+    web: "Titillio",
+    ios: "Titillio",
+    default: "Titillio"
   }),
   DMMono: Platform.select({
     android: "DMMono",
@@ -28,7 +28,7 @@ const fonts = {
     ios: "DM Mono",
     default: "DMMono"
   })
-};
+} as const;
 
 export type IOFontFamily = keyof typeof fonts;
 
@@ -44,10 +44,18 @@ export type IOFontSize = (typeof allFontSizes)[number];
  * Font Weights
  */
 
-const weights = ["Light", "Regular", "Medium", "Semibold", "Bold"] as const;
+const weights = [
+  "Thin",
+  "Light",
+  "Regular",
+  "Medium",
+  "Semibold",
+  "Bold",
+  "Black"
+] as const;
 export type IOFontWeight = (typeof weights)[number];
 
-const weightValues = ["300", "400", "500", "600", "700"] as const;
+const weightValues = ["200", "300", "400", "500", "600", "700", "900"] as const;
 export type IOFontWeightNumeric = (typeof weightValues)[number];
 
 /**
@@ -55,11 +63,13 @@ export type IOFontWeightNumeric = (typeof weightValues)[number];
  * used on iOS
  */
 export const fontWeights: Record<IOFontWeight, IOFontWeightNumeric> = {
+  Thin: "200",
   Light: "300",
   Regular: "400",
   Medium: "500",
   Semibold: "600",
-  Bold: "700"
+  Bold: "700",
+  Black: "900"
 };
 
 type FontStyleObject = {
@@ -96,7 +106,7 @@ export const makeFontFamilyName = (
   font: IOFontFamily,
   weight: IOFontWeight = defaultWeight,
   fontStyle: TextStyle["fontStyle"] = "normal"
-): FontStyleObject["fontFamily"] =>
+): string =>
   Platform.select({
     web: fonts[font],
     android: `${fonts[font]}-${weight || "Regular"}${

package/lib/commonjs/components/typography/LabelSmallAlt.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LabelSmallAlt = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _core = require("../../core");
-var _IOText = require("./IOText");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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); }
-const fontSize = 14;
-const lineHeight = 21;
-const fontName = "ReadexPro";
-const fontWeight = "Regular";
-
-// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyFontSize = 16;
-const legacyFontName = "TitilliumSansPro";
-const legacyFontWeight = "Semibold";
-
-/**
- * `LabelSmallAlt` typographic style. It's referenced as `LabelSmallReadex` in the design projects.
- */
-const LabelSmallAlt = /*#__PURE__*/(0, _react.forwardRef)(({
-  color: customColor,
-  ...props
-}, ref) => {
-  const theme = (0, _core.useIOTheme)();
-  const {
-    isExperimental
-  } = (0, _core.useIOExperimentalDesign)();
-  const LabelSmallAltProps = {
-    ...props,
-    dynamicTypeRamp: "footnote" /* iOS only */,
-    font: isExperimental ? fontName : legacyFontName,
-    weight: isExperimental ? fontWeight : legacyFontWeight,
-    size: isExperimental ? fontSize : legacyFontSize,
-    lineHeight,
-    color: customColor ?? theme["textBody-tertiary"]
-  };
-  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
-    ref: ref
-  }, LabelSmallAltProps), props.children);
-});
-exports.LabelSmallAlt = LabelSmallAlt;
-//# sourceMappingURL=LabelSmallAlt.js.map

package/lib/commonjs/components/typography/LabelSmallAlt.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","fontSize","lineHeight","fontName","fontWeight","legacyFontSize","legacyFontName","legacyFontWeight","LabelSmallAlt","forwardRef","color","customColor","props","ref","theme","useIOTheme","isExperimental","useIOExperimentalDesign","LabelSmallAltProps","dynamicTypeRamp","font","weight","size","createElement","IOText","children","exports"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmallAlt.tsx"],"mappings":"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"}

package/lib/module/components/typography/LabelSmallAlt.js

@@ -1,39 +0,0 @@
-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, { forwardRef } from "react";
-import { useIOExperimentalDesign, useIOTheme } from "../../core";
-import { IOText } from "./IOText";
-const fontSize = 14;
-const lineHeight = 21;
-const fontName = "ReadexPro";
-const fontWeight = "Regular";
-
-// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyFontSize = 16;
-const legacyFontName = "TitilliumSansPro";
-const legacyFontWeight = "Semibold";
-
-/**
- * `LabelSmallAlt` typographic style. It's referenced as `LabelSmallReadex` in the design projects.
- */
-export const LabelSmallAlt = /*#__PURE__*/forwardRef(({
-  color: customColor,
-  ...props
-}, ref) => {
-  const theme = useIOTheme();
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
-  const LabelSmallAltProps = {
-    ...props,
-    dynamicTypeRamp: "footnote" /* iOS only */,
-    font: isExperimental ? fontName : legacyFontName,
-    weight: isExperimental ? fontWeight : legacyFontWeight,
-    size: isExperimental ? fontSize : legacyFontSize,
-    lineHeight,
-    color: customColor ?? theme["textBody-tertiary"]
-  };
-  return /*#__PURE__*/React.createElement(IOText, _extends({
-    ref: ref
-  }, LabelSmallAltProps), props.children);
-});
-//# sourceMappingURL=LabelSmallAlt.js.map

package/lib/module/components/typography/LabelSmallAlt.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","useIOTheme","IOText","fontSize","lineHeight","fontName","fontWeight","legacyFontSize","legacyFontName","legacyFontWeight","LabelSmallAlt","color","customColor","props","ref","theme","isExperimental","LabelSmallAltProps","dynamicTypeRamp","font","weight","size","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmallAlt.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,uBAAuB,EAAEC,UAAU,QAAQ,YAAY;AAEhE,SAASC,MAAM,QAA4C,UAAU;AAErE,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,QAAsB,GAAG,WAAW;AAC1C,MAAMC,UAAwB,GAAG,SAAS;;AAE1C;AACA,MAAMC,cAAc,GAAG,EAAE;AACzB,MAAMC,cAA4B,GAAG,kBAAkB;AACvD,MAAMC,gBAA8B,GAAG,UAAU;;AAEjD;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGX,UAAU,CACrC,CAAC;EAAEY,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGd,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEe;EAAe,CAAC,GAAGhB,uBAAuB,CAAC,CAAC;EAEpD,MAAMiB,kBAA+B,GAAG;IACtC,GAAGJ,KAAK;IACRK,eAAe,EAAE,UAAU,CAAC;IAC5BC,IAAI,EAAEH,cAAc,GAAGX,QAAQ,GAAGG,cAAc;IAChDY,MAAM,EAAEJ,cAAc,GAAGV,UAAU,GAAGG,gBAAgB;IACtDY,IAAI,EAAEL,cAAc,GAAGb,QAAQ,GAAGI,cAAc;IAChDH,UAAU;IACVO,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,mBAAmB;EACjD,CAAC;EAED,oBACEjB,KAAA,CAAAwB,aAAA,CAACpB,MAAM,EAAAqB,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,kBAAkB,GACrCJ,KAAK,CAACW,QACD,CAAC;AAEb,CACF,CAAC"}

package/lib/typescript/components/typography/LabelSmallAlt.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-import { IOTextProps } from "./IOText";
-/**
- * `LabelSmallAlt` typographic style. It's referenced as `LabelSmallReadex` in the design projects.
- */
-export declare const LabelSmallAlt: 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=LabelSmallAlt.d.ts.map

package/lib/typescript/components/typography/LabelSmallAlt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabelSmallAlt.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelSmallAlt.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAYtE;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;8BAqBzB,CAAC"}

package/src/components/typography/LabelSmallAlt.tsx

@@ -1,41 +0,0 @@
-import React, { ForwardedRef, forwardRef } from "react";
-import { View } from "react-native";
-import { useIOExperimentalDesign, useIOTheme } from "../../core";
-import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
-import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
-
-const fontSize = 14;
-const lineHeight = 21;
-const fontName: IOFontFamily = "ReadexPro";
-const fontWeight: IOFontWeight = "Regular";
-
-// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyFontSize = 16;
-const legacyFontName: IOFontFamily = "TitilliumSansPro";
-const legacyFontWeight: IOFontWeight = "Semibold";
-
-/**
- * `LabelSmallAlt` typographic style. It's referenced as `LabelSmallReadex` in the design projects.
- */
-export const LabelSmallAlt = forwardRef<View, TypographicStyleProps>(
-  ({ color: customColor, ...props }, ref?: ForwardedRef<View>) => {
-    const theme = useIOTheme();
-    const { isExperimental } = useIOExperimentalDesign();
-
-    const LabelSmallAltProps: IOTextProps = {
-      ...props,
-      dynamicTypeRamp: "footnote" /* iOS only */,
-      font: isExperimental ? fontName : legacyFontName,
-      weight: isExperimental ? fontWeight : legacyFontWeight,
-      size: isExperimental ? fontSize : legacyFontSize,
-      lineHeight,
-      color: customColor ?? theme["textBody-tertiary"]
-    };
-
-    return (
-      <IOText ref={ref} {...LabelSmallAltProps}>
-        {props.children}
-      </IOText>
-    );
-  }
-);