@pagopa/io-app-design-system 7.0.2 → 7.1.1

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

@@ -1,15 +1,9 @@
-import { View } from "react-native";
 import { IOFontSize } from "../../utils/fonts";
-import { IOTextProps } from "./IOText";
+import { TypographicStyleProps } from "./IOText";
 export declare const buttonTextFontSize: IOFontSize;
 export declare const buttonTextLineHeight = 20;
 /**
  * `ButtonText` typographic style
  */
-export declare const ButtonText: import("react").ForwardRefExoticComponent<Omit<IOTextProps, "style" | "lineHeight" | "fontStyle" | "size" | "color" | "font" | "weight"> & {
-    textStyle?: import("./IOText").IOTextStyle;
-    style?: import("./IOText").IOTextStyle;
-} & {
-    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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-300" | "blueItalia-100" | "blueItalia-50" | undefined;
-} & import("react").RefAttributes<View>>;
+export declare const ButtonText: ({ color: customColor, ...props }: TypographicStyleProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ButtonText.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/ButtonText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,kBAAkB,EAAE,UAAe,CAAC;AACjD,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAMvC;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;wCAkBtB,CAAC"}
+{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/ButtonText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAuB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,kBAAkB,EAAE,UAAe,CAAC;AACjD,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAMvC;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,kCAGxB,qBAAqB,4CAYvB,CAAC"}

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

@@ -1,14 +1,8 @@
-import { View } from "react-native";
 import { IOFontSize } from "../../utils/fonts";
-import { IOTextProps } from "./IOText";
+import { TypographicStyleProps } from "./IOText";
 export declare const captionFontSize: IOFontSize;
 /**
  * `Caption` typographic style
  */
-export declare const Caption: import("react").ForwardRefExoticComponent<Omit<IOTextProps, "style" | "lineHeight" | "fontStyle" | "size" | "color" | "font" | "weight"> & {
-    textStyle?: import("./IOText").IOTextStyle;
-    style?: import("./IOText").IOTextStyle;
-} & {
-    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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-300" | "blueItalia-100" | "blueItalia-50" | undefined;
-} & import("react").RefAttributes<View>>;
+export declare const Caption: ({ color: customColor, ...props }: TypographicStyleProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Caption.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Caption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,eAAe,EAAE,UAAe,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,OAAO;;;;;wCAsBnB,CAAC"}
+{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Caption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAuB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,eAAe,EAAE,UAAe,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,kCAGrB,qBAAqB,4CAgBvB,CAAC"}

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

@@ -1,15 +1,9 @@
-import { View } from "react-native";
 import { IOFontSize } from "../../utils/fonts";
-import { IOTextProps } from "./IOText";
+import { TypographicStyleProps } from "./IOText";
 export declare const h1FontSize: IOFontSize;
 export declare const h1LineHeight = 42;
 /**
  * `H1` typographic style
  */
-export declare const H1: import("react").ForwardRefExoticComponent<Omit<IOTextProps, "style" | "lineHeight" | "fontStyle" | "size" | "color" | "font" | "weight"> & {
-    textStyle?: import("./IOText").IOTextStyle;
-    style?: import("./IOText").IOTextStyle;
-} & {
-    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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-300" | "blueItalia-100" | "blueItalia-50" | undefined;
-} & import("react").RefAttributes<View>>;
+export declare const H1: ({ color: customColor, ...props }: TypographicStyleProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=H1.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H1.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H1.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,UAAU,EAAE,UAAe,CAAC;AACzC,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,EAAE;;;;;wCAmBd,CAAC"}
+{"version":3,"file":"H1.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H1.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAuB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,UAAU,EAAE,UAAe,CAAC;AACzC,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,EAAE,GAAI,kCAAkC,qBAAqB,4CAazE,CAAC"}

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

@@ -1,17 +1,13 @@
-import { View } from "react-native";
 import { IOFontSize, IOFontWeight } from "../../utils/fonts";
-import { IOTextProps } from "./IOText";
+import { TypographicStyleProps } from "./IOText";
+type H2StyleProps = TypographicStyleProps & {
+    weight?: Extract<IOFontWeight, "Semibold" | "Bold">;
+};
 export declare const h2FontSize: IOFontSize;
 export declare const h2LineHeight = 34;
 /**
  * `H2` typographic style
  */
-export declare const H2: import("react").ForwardRefExoticComponent<Omit<IOTextProps, "style" | "lineHeight" | "fontStyle" | "size" | "color" | "font" | "weight"> & {
-    textStyle?: import("./IOText").IOTextStyle;
-    style?: import("./IOText").IOTextStyle;
-} & {
-    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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-300" | "blueItalia-100" | "blueItalia-50" | undefined;
-} & {
-    weight?: Extract<IOFontWeight, "Semibold" | "Bold">;
-} & import("react").RefAttributes<View>>;
+export declare const H2: ({ weight: customWeight, color: customColor, ...props }: H2StyleProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=H2.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H2.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H2.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAMtE,eAAO,MAAM,UAAU,EAAE,UAAe,CAAC;AACzC,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,EAAE;;;;;;aATJ,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,MAAM,CAAC;wCA+BpD,CAAC"}
+{"version":3,"file":"H2.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H2.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAuB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtE,KAAK,YAAY,GAAG,qBAAqB,GAAG;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,UAAe,CAAC;AACzC,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,EAAE,GAAI,wDAIhB,YAAY,4CAad,CAAC"}

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

@@ -1,15 +1,9 @@
-import { View } from "react-native";
 import { IOFontSize } from "../../utils/fonts";
-import { IOTextProps } from "./IOText";
+import { TypographicStyleProps } from "./IOText";
 export declare const h3FontSize: IOFontSize;
 export declare const h3LineHeight = 33;
 /**
  * `H3` typographic style
  */
-export declare const H3: import("react").ForwardRefExoticComponent<Omit<IOTextProps, "style" | "lineHeight" | "fontStyle" | "size" | "color" | "font" | "weight"> & {
-    textStyle?: import("./IOText").IOTextStyle;
-    style?: import("./IOText").IOTextStyle;
-} & {
-    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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-300" | "blueItalia-100" | "blueItalia-50" | undefined;
-} & import("react").RefAttributes<View>>;
+export declare const H3: ({ color: customColor, ...props }: TypographicStyleProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=H3.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H3.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H3.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAGtE,eAAO,MAAM,UAAU,EAAE,UAAe,CAAC;AACzC,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,EAAE;;;;;wCAmBd,CAAC"}
+{"version":3,"file":"H3.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H3.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAuB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAGtE,eAAO,MAAM,UAAU,EAAE,UAAe,CAAC;AACzC,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,EAAE,GAAI,kCAAkC,qBAAqB,4CAazE,CAAC"}

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

@@ -1,15 +1,9 @@
-import { View } from "react-native";
 import { IOFontSize } from "../../utils/fonts";
-import { IOTextProps } from "./IOText";
+import { TypographicStyleProps } from "./IOText";
 export declare const h4FontSize: IOFontSize;
 export declare const h4LineHeight = 24;
 /**
  * `H4` typographic style
  */
-export declare const H4: import("react").ForwardRefExoticComponent<Omit<IOTextProps, "style" | "lineHeight" | "fontStyle" | "size" | "color" | "font" | "weight"> & {
-    textStyle?: import("./IOText").IOTextStyle;
-    style?: import("./IOText").IOTextStyle;
-} & {
-    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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-300" | "blueItalia-100" | "blueItalia-50" | undefined;
-} & import("react").RefAttributes<View>>;
+export declare const H4: ({ color: customColor, ...props }: TypographicStyleProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=H4.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H4.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,UAAU,EAAE,UAAe,CAAC;AACzC,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,EAAE;;;;;wCAmBd,CAAC"}
+{"version":3,"file":"H4.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAuB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,UAAU,EAAE,UAAe,CAAC;AACzC,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,EAAE,GAAI,kCAAkC,qBAAqB,4CAazE,CAAC"}

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

@@ -1,15 +1,9 @@
-import { View } from "react-native";
 import { IOFontSize } from "../../utils/fonts";
-import { IOTextProps } from "./IOText";
+import { TypographicStyleProps } from "./IOText";
 export declare const h5FontSize: IOFontSize;
 export declare const h5LineHeight = 16;
 /**
  * `H5` typographic style
  */
-export declare const H5: import("react").ForwardRefExoticComponent<Omit<IOTextProps, "style" | "lineHeight" | "fontStyle" | "size" | "color" | "font" | "weight"> & {
-    textStyle?: import("./IOText").IOTextStyle;
-    style?: import("./IOText").IOTextStyle;
-} & {
-    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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-300" | "blueItalia-100" | "blueItalia-50" | undefined;
-} & import("react").RefAttributes<View>>;
+export declare const H5: ({ color: customColor, ...props }: TypographicStyleProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=H5.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H5.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H5.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,UAAU,EAAE,UAAe,CAAC;AACzC,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,EAAE;;;;;wCAuBd,CAAC"}
+{"version":3,"file":"H5.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H5.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAuB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,UAAU,EAAE,UAAe,CAAC;AACzC,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,EAAE,GAAI,kCAAkC,qBAAqB,4CAiBzE,CAAC"}

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

@@ -1,15 +1,9 @@
-import { View } from "react-native";
 import { IOFontSize } from "../../utils/fonts";
-import { IOTextProps } from "./IOText";
+import { TypographicStyleProps } from "./IOText";
 export declare const h6FontSize: IOFontSize;
 export declare const h6LineHeight = 24;
 /**
  * `H6` typographic style
  */
-export declare const H6: import("react").ForwardRefExoticComponent<Omit<IOTextProps, "style" | "lineHeight" | "fontStyle" | "size" | "color" | "font" | "weight"> & {
-    textStyle?: import("./IOText").IOTextStyle;
-    style?: import("./IOText").IOTextStyle;
-} & {
-    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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-300" | "blueItalia-100" | "blueItalia-50" | undefined;
-} & import("react").RefAttributes<View>>;
+export declare const H6: ({ color: customColor, ...props }: TypographicStyleProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=H6.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H6.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H6.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,UAAU,EAAE,UAAe,CAAC;AACzC,eAAO,MAAM,YAAY,KAAK,CAAC;AAK/B;;GAEG;AACH,eAAO,MAAM,EAAE;;;;;wCAoBd,CAAC"}
+{"version":3,"file":"H6.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H6.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAuB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,UAAU,EAAE,UAAe,CAAC;AACzC,eAAO,MAAM,YAAY,KAAK,CAAC;AAK/B;;GAEG;AACH,eAAO,MAAM,EAAE,GAAI,kCAAkC,qBAAqB,4CAczE,CAAC"}

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

@@ -1,15 +1,9 @@
-import { View } from "react-native";
 import { IOFontSize } from "../../utils/fonts";
-import { IOTextProps } from "./IOText";
+import { TypographicStyleProps } from "./IOText";
 export declare const heroFontSize: IOFontSize;
 export declare const heroLineHeight = 48;
 /**
  * `Hero` typographic style
  */
-export declare const Hero: import("react").ForwardRefExoticComponent<Omit<IOTextProps, "style" | "lineHeight" | "fontStyle" | "size" | "color" | "font" | "weight"> & {
-    textStyle?: import("./IOText").IOTextStyle;
-    style?: import("./IOText").IOTextStyle;
-} & {
-    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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-300" | "blueItalia-100" | "blueItalia-50" | undefined;
-} & import("react").RefAttributes<View>>;
+export declare const Hero: ({ color: customColor, ...props }: TypographicStyleProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Hero.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Hero.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,YAAY,EAAE,UAAe,CAAC;AAC3C,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;wCAkBhB,CAAC"}
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Hero.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAuB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,YAAY,EAAE,UAAe,CAAC;AAC3C,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,kCAGlB,qBAAqB,4CAYvB,CAAC"}

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

@@ -1,5 +1,5 @@
-import { ComponentProps } from "react";
-import { AccessibilityRole, GestureResponderEvent, Text, TextStyle, View } from "react-native";
+import { ComponentPropsWithRef } from "react";
+import { AccessibilityRole, GestureResponderEvent, Text, TextStyle } from "react-native";
 import { IOColors } from "../../core";
 import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
 /**
@@ -28,7 +28,7 @@ type IOTextBaseProps = {
     textStyle?: IOTextStyle;
     style?: IOTextStyle;
 };
-type IOTextExcludedProps = Omit<ComponentProps<typeof Text>, "style">;
+type IOTextExcludedProps = Omit<ComponentPropsWithRef<typeof Text>, "style">;
 export type IOTextProps = IOTextBaseProps & IOTextExcludedProps;
 /**
  * Extend `TypographicStyleProps` with extra props for styles that
@@ -52,7 +52,7 @@ export type TypographicStyleAsLinkProps = {
  * @param props
  * @constructor
  */
-export declare const IOText: import("react").ForwardRefExoticComponent<IOTextBaseProps & IOTextExcludedProps & import("react").RefAttributes<View>>;
-export declare const AnimatedIOText: import("react-native-reanimated/lib/typescript/createAnimatedComponent").AnimatedComponentType<Readonly<IOTextBaseProps & IOTextExcludedProps & import("react").RefAttributes<View>>, import("react").ForwardRefExoticComponent<IOTextBaseProps & IOTextExcludedProps & import("react").RefAttributes<View>>>;
+export declare const IOText: ({ color, size, font, lineHeight, weight, fontStyle, textStyle, style, children, allowFontScaling, maxFontSizeMultiplier, ref, ...props }: IOTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AnimatedIOText: import("react-native-reanimated/lib/typescript/createAnimatedComponent").AnimatedComponentType<Readonly<IOTextBaseProps & IOTextExcludedProps>, ({ color, size, font, lineHeight, weight, fontStyle, textStyle, style, children, allowFontScaling, maxFontSizeMultiplier, ref, ...props }: IOTextProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
 //# sourceMappingURL=IOText.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IOText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/IOText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAC5D,OAAO,EACL,iBAAiB,EAEjB,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EACL,YAAY,EACZ,YAAY,EAGb,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,SAAS,EACT,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,CACtE,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,WAAW,EACX,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,CAC5E,GAAG;IAAE,SAAS,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,GAAG;IACrD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GACnC;IACE,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;CACnE,GACD;IAAE,KAAK,CAAC,EAAE,QAAQ,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,cAAc,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAejE;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,wHAuElB,CAAC;AAEF,eAAO,MAAM,cAAc,+SAA2C,CAAC"}
+{"version":3,"file":"IOText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/IOText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,qBAAqB,EAAW,MAAM,OAAO,CAAC;AACvE,OAAO,EACL,iBAAiB,EAEjB,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EACL,YAAY,EACZ,YAAY,EAGb,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,SAAS,EACT,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,CACtE,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,WAAW,EACX,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,CAC5E,GAAG;IAAE,SAAS,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,GAAG;IACrD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;AAE7E,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GACnC;IACE,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;CACnE,GACD;IAAE,KAAK,CAAC,EAAE,QAAQ,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,cAAc,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAejE;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,GAAI,0IAcpB,WAAW,4CAqDb,CAAC;AAEF,eAAO,MAAM,cAAc,6RAvDxB,WAAW,6CAuDwD,CAAC"}

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

@@ -1,12 +1,14 @@
+import { Ref } from "react";
 import { View } from "react-native";
 import { IOFontWeight } from "../../utils/fonts";
 import { TypographicStyleAsLinkProps, TypographicStyleProps } from "./IOText";
-type LabelMiniProps = TypographicStyleProps & {
+type LabelMiniProps = Omit<TypographicStyleProps, "ref"> & {
+    ref?: Ref<View>;
     weight?: Extract<IOFontWeight, "Regular" | "Semibold">;
 } & TypographicStyleAsLinkProps;
 /**
  * `LabelMini` typographic style
  */
-export declare const LabelMini: import("react").ForwardRefExoticComponent<LabelMiniProps & import("react").RefAttributes<View>>;
+export declare const LabelMini: ({ ref, weight: customWeight, color: customColor, asLink, accessibilityRole, textStyle: customTextStyle, onPress, ...props }: LabelMiniProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=LabelMini.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LabelMini.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelMini.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAGL,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAElB,KAAK,cAAc,GAAG,qBAAqB,GAAG;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;CACxD,GAAG,2BAA2B,CAAC;AAEhC;;GAEG;AACH,eAAO,MAAM,SAAS,iGAoDrB,CAAC"}
+{"version":3,"file":"LabelMini.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelMini.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAGL,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAElB,KAAK,cAAc,GAAG,IAAI,CAAC,qBAAqB,EAAE,KAAK,CAAC,GAAG;IACzD,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;CACxD,GAAG,2BAA2B,CAAC;AAEhC;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,6HASvB,cAAc,4CAsChB,CAAC"}

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

@@ -1,12 +1,6 @@
-import { View } from "react-native";
-import { IOTextProps } from "../IOText";
+import { TypographicStyleProps } from "../IOText";
 /**
  * `MdH1` typographic style
  */
-export declare const MdH1: import("react").ForwardRefExoticComponent<Omit<IOTextProps, "style" | "lineHeight" | "fontStyle" | "size" | "color" | "font" | "weight"> & {
-    textStyle?: import("../IOText").IOTextStyle;
-    style?: import("../IOText").IOTextStyle;
-} & {
-    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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-300" | "blueItalia-100" | "blueItalia-50" | undefined;
-} & import("react").RefAttributes<View>>;
+export declare const MdH1: ({ color: customColor, ...props }: TypographicStyleProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MdH1.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MdH1.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH1.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAU,WAAW,EAAyB,MAAM,WAAW,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;wCAkBhB,CAAC"}
+{"version":3,"file":"MdH1.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH1.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,kCAGlB,qBAAqB,4CAYvB,CAAC"}

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

@@ -1,12 +1,6 @@
-import { View } from "react-native";
-import { IOTextProps } from "../IOText";
+import { TypographicStyleProps } from "../IOText";
 /**
  * `MdH2` typographic style
  */
-export declare const MdH2: import("react").ForwardRefExoticComponent<Omit<IOTextProps, "style" | "lineHeight" | "fontStyle" | "size" | "color" | "font" | "weight"> & {
-    textStyle?: import("../IOText").IOTextStyle;
-    style?: import("../IOText").IOTextStyle;
-} & {
-    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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-300" | "blueItalia-100" | "blueItalia-50" | undefined;
-} & import("react").RefAttributes<View>>;
+export declare const MdH2: ({ color: customColor, ...props }: TypographicStyleProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MdH2.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MdH2.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH2.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAU,WAAW,EAAyB,MAAM,WAAW,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;wCAkBhB,CAAC"}
+{"version":3,"file":"MdH2.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH2.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,kCAGlB,qBAAqB,4CAYvB,CAAC"}

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

@@ -1,12 +1,6 @@
-import { View } from "react-native";
-import { IOTextProps } from "../IOText";
+import { TypographicStyleProps } from "../IOText";
 /**
  * `MdH3` typographic style
  */
-export declare const MdH3: import("react").ForwardRefExoticComponent<Omit<IOTextProps, "style" | "lineHeight" | "fontStyle" | "size" | "color" | "font" | "weight"> & {
-    textStyle?: import("../IOText").IOTextStyle;
-    style?: import("../IOText").IOTextStyle;
-} & {
-    color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "grey-900" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "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-300" | "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-300" | "blueItalia-100" | "blueItalia-50" | undefined;
-} & import("react").RefAttributes<View>>;
+export declare const MdH3: ({ color: customColor, ...props }: TypographicStyleProps) => import("react/jsx-runtime").JSX.Element;
 //# 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":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAU,WAAW,EAAyB,MAAM,WAAW,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;wCAkBhB,CAAC"}
+{"version":3,"file":"MdH3.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH3.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,kCAGlB,qBAAqB,4CAYvB,CAAC"}

package/lib/typescript/context/IOThemeContextProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IOThemeContextProvider.d.ts","sourceRoot":"","sources":["../../../src/context/IOThemeContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EAEP,iBAAiB,EAIlB,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,OAAO,EAA6B,MAAM,kBAAkB,CAAC;AAEtE,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,kBAAkB,CAMnD,CAAC;AAEL,eAAO,MAAM,iBAAiB,0BAAmC,CAAC;AAElE,eAAO,MAAM,UAAU,eAAkC,CAAC;AAE1D,KAAK,2BAA2B,GAAG;IACjC,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,qBAGpC,iBAAiB,CAAC,2BAA2B,CAAC,4CAyBhD,CAAC"}
+{"version":3,"file":"IOThemeContextProvider.d.ts","sourceRoot":"","sources":["../../../src/context/IOThemeContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EAEP,iBAAiB,EAIlB,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,OAAO,EAA6B,MAAM,kBAAkB,CAAC;AAEtE,eAAO,MAAM,QAAQ;;;CAA6C,CAAC;AAEnE,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,kBAAkB,CAMnD,CAAC;AAEL,eAAO,MAAM,iBAAiB,0BAAmC,CAAC;AAElE,eAAO,MAAM,UAAU,eAAkC,CAAC;AAE1D,KAAK,2BAA2B,GAAG;IACjC,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,qBAGpC,iBAAiB,CAAC,2BAA2B,CAAC,4CAoBhD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "7.0.2",
+  "version": "7.1.1",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -63,14 +63,13 @@
     "@react-native-community/eslint-config": "^3.0.2",
     "@react-native/babel-preset": "^0.82.1",
     "@release-it/conventional-changelog": "^5.0.0",
-    "@stylistic/eslint-plugin": "^2.12.1",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
     "@svgr/plugin-svgo": "^8.1.0",
     "@testing-library/react-native": "^13.2.0",
     "@types/jest": "^29.5.14",
     "@types/markdown-it": "^14.1.2",
-    "@types/react": "^19.2.0",
+    "@types/react": "^19.1.0",
     "@types/react-test-renderer": "19.1.0",
     "babel-jest": "^29.7.0",
     "babel-plugin-module-resolver": "^5.0.2",
@@ -87,16 +86,16 @@
     "jest": "^29.6.3",
     "pod-install": "^0.1.0",
     "prettier": "^2.0.5",
-    "react": "19.2.0",
-    "react-native": "0.83.4",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
     "react-native-builder-bob": "^0.38.0",
-    "react-test-renderer": "19.2.0",
+    "react-test-renderer": "19.1.0",
     "release-it": "^15.0.0",
     "svgo": "^3.0.2",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
-    "react": "*",
+    "react": "^19.0.0",
     "react-native": "*",
     "react-native-easing-gradient": "*",
     "react-native-gesture-handler": "*",