@pagopa/io-app-design-system 7.0.1 → 7.1.0

package/lib/typescript/components/searchInput/SearchInput.d.ts

@@ -1,3 +1,4 @@
+import { Ref } from "react";
 import { GestureResponderEvent, TextInputProps } from "react-native";
 import { WithTestID } from "src/utils/types";
 type SearchInputPressableProps = {
@@ -17,6 +18,7 @@ type SearchInputActionProps = {
     value: string;
 };
 type SearchInputProps = WithTestID<{
+    ref?: Ref<SearchInputRef>;
     accessibilityLabel: TextInputProps["accessibilityLabel"];
     cancelButtonLabel: string;
     clearAccessibilityLabel: string;
@@ -26,6 +28,6 @@ type SearchInputProps = WithTestID<{
 export type SearchInputRef = {
     focus: () => void;
 };
-export declare const SearchInput: import("react").ForwardRefExoticComponent<SearchInputProps & import("react").RefAttributes<SearchInputRef>>;
+export declare const SearchInput: ({ accessibilityLabel, cancelButtonLabel, clearAccessibilityLabel, placeholder, autoFocus, keepCancelVisible, onCancel, onChangeText, pressable, testID, value, ref }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SearchInput.d.ts.map

package/lib/typescript/components/searchInput/SearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/searchInput/SearchInput.tsx"],"names":[],"mappings":"AAQA,OAAO,EAGL,qBAAqB,EAOrB,cAAc,EAEf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA2B7C,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,KAAK,sBAAsB,GACvB;IACE,SAAS,EAAE,yBAAyB,CAAC;IACrC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,KAAK,gBAAgB,GAAG,UAAU,CAAC;IACjC,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;IACzD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC,GACA,sBAAsB,CAAC;AAEzB,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAUF,eAAO,MAAM,WAAW,6GA+OvB,CAAC"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/searchInput/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAsD,MAAM,OAAO,CAAC;AAChF,OAAO,EAGL,qBAAqB,EAOrB,cAAc,EAEf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA2B7C,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,KAAK,sBAAsB,GACvB;IACE,SAAS,EAAE,yBAAyB,CAAC;IACrC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,KAAK,gBAAgB,GAAG,UAAU,CAAC;IACjC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;IACzD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC,GACA,sBAAsB,CAAC;AAEzB,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAUF,eAAO,MAAM,WAAW,GAAI,sKAazB,gBAAgB,4CA8NlB,CAAC"}

package/lib/typescript/components/tabs/TabItem.d.ts

@@ -1,8 +1,10 @@
+import { Ref } from "react";
 import { GestureResponderEvent, View } from "react-native";
 import { WithTestID } from "../../utils/types";
 import { IOIcons } from "../icons";
 type ColorMode = "light" | "dark";
 export type TabItem = WithTestID<{
+    ref?: Ref<View>;
     label: string;
     color?: ColorMode;
     selected?: boolean;
@@ -13,16 +15,6 @@ export type TabItem = WithTestID<{
     onPress?: (event: GestureResponderEvent) => void;
     disabled?: boolean;
 }>;
-declare const TabItem: import("react").ForwardRefExoticComponent<{
-    label: string;
-    color?: ColorMode;
-    selected?: boolean;
-    icon?: IOIcons;
-    iconSelected?: IOIcons;
-    accessibilityLabel: string;
-    accessibilityHint?: string;
-    onPress?: (event: GestureResponderEvent) => void;
-    disabled?: boolean;
-} & import("../../utils/types").TestID & import("react").RefAttributes<View>>;
+declare const TabItem: ({ label, color, selected, accessibilityLabel, accessibilityHint, testID, onPress, disabled, icon, iconSelected, ref }: TabItem) => import("react/jsx-runtime").JSX.Element;
 export { TabItem };
 //# sourceMappingURL=TabItem.d.ts.map

package/lib/typescript/components/tabs/TabItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/TabItem.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EAGrB,IAAI,EACL,MAAM,cAAc,CAAC;AAYtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAGzC,KAAK,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAIlC,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAoBH,QAAA,MAAM,OAAO;WAhCJ,MAAM;YACL,SAAS;eACN,OAAO;WAEX,OAAO;mBACC,OAAO;wBAEF,MAAM;wBACN,MAAM;cAEhB,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;eACrC,OAAO;6EAyKnB,CAAC;AAgBF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAwB,MAAM,OAAO,CAAC;AAClD,OAAO,EACL,qBAAqB,EAGrB,IAAI,EACL,MAAM,cAAc,CAAC;AAYtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAGzC,KAAK,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAIlC,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC;IAC/B,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAoBH,QAAA,MAAM,OAAO,GAAI,uHAYd,OAAO,4CAoIT,CAAC;AAgBF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/lib/typescript/components/textInput/TextInputValidation.d.ts

@@ -1,31 +1,12 @@
+import { ComponentProps, Ref } from "react";
 import { TextInputValidationRefProps } from "../../utils/types";
-import { IOColors } from "../../core/IOColors";
-import { IOIcons } from "../icons";
+import { TextInputBase } from "./TextInputBase";
 export type ValidationWithOptions = {
     isValid: boolean;
     errorMessage: string;
 };
-export declare const TextInputValidation: import("react").ForwardRefExoticComponent<Omit<{
-    placeholder: string;
-    value: string;
-    onChangeText: (value: string) => void;
-    accessibilityLabel?: string;
-    accessibilityHint?: string;
-    textInputProps?: import("../../utils/textInput").RNTextInputProps;
-    inputType?: import("../../utils/types").InputType;
-    status?: "disabled" | "error" | "initial" | "focused";
-    icon?: IOIcons;
-    rightElement?: import("react").ReactNode;
-    counterLimit?: number;
-    accessibilityAnnounceLimitReached?: string;
-    bottomMessage?: string;
-    bottomMessageColor?: IOColors;
-    disabled?: boolean;
-    isPassword?: boolean;
-    onBlur?: () => void;
-    onFocus?: () => void;
-    autoFocus?: boolean;
-} & import("../../utils/types").TestID, "status" | "rightElement" | "bottomMessageColor" | "isPassword"> & {
+type TextInputValidationProps = Omit<ComponentProps<typeof TextInputBase>, "rightElement" | "status" | "bottomMessageColor" | "isPassword"> & {
+    ref?: Ref<TextInputValidationRefProps>;
     /**
      * This function can return either a `boolean` or a `ValidationWithOptions` object.
      * If a `boolean` is returned and the field is not valid, the value of the errorMessage prop will be displayed/announced.
@@ -44,5 +25,7 @@ export declare const TextInputValidation: import("react").ForwardRefExoticCompon
      * A string that will be read by screen readers when the field is not valid.
      */
     accessibilityErrorLabel?: string;
-} & import("react").RefAttributes<TextInputValidationRefProps>>;
+};
+export declare const TextInputValidation: ({ onValidate, errorMessage, value, bottomMessage, onBlur, onFocus, validationMode, accessibilityErrorLabel, ref, ...props }: TextInputValidationProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=TextInputValidation.d.ts.map

package/lib/typescript/components/textInput/TextInputValidation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputValidation.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInputValidation.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAM/C,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAG1D,MAAM,MAAM,qBAAqB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAC;AAsC/E,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;IAhC9B;;;;OAIG;gBACS,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,qBAAqB;IAC9D;;OAEG;kBACW,MAAM;IACpB;;OAEG;qBACc,QAAQ,GAAG,YAAY;IACxC;;OAEG;8BACuB,MAAM;+DA+IjC,CAAC"}
+{"version":3,"file":"TextInputValidation.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInputValidation.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,GAAG,EAKJ,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAShE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,qBAAqB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/E,KAAK,wBAAwB,GAAG,IAAI,CAClC,cAAc,CAAC,OAAO,aAAa,CAAC,EACpC,cAAc,GAAG,QAAQ,GAAG,oBAAoB,GAAG,YAAY,CAChE,GAAG;IACF,GAAG,CAAC,EAAE,GAAG,CAAC,2BAA2B,CAAC,CAAC;IACvC;;;;OAIG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,qBAAqB,CAAC;IAC/D;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC;IACzC;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAcF,eAAO,MAAM,mBAAmB,GAAI,6HAWjC,wBAAwB,4CA8G1B,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Body.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,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,IAAI,iGAyDhB,CAAC"}
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Body.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,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,6IAUlB,cAAc,4CA6ChB,CAAC"}

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

@@ -1,12 +1,6 @@
-import { View } from "react-native";
-import { IOTextProps } from "./IOText";
+import { TypographicStyleProps } from "./IOText";
 /**
  * `BodyMonospace` typographic style
  */
-export declare const BodyMonospace: 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 BodyMonospace: ({ color: customColor, ...props }: TypographicStyleProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BodyMonospace.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BodyMonospace.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BodyMonospace.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAEtE;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;wCAuBzB,CAAC"}
+{"version":3,"file":"BodyMonospace.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BodyMonospace.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtE;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,kCAG3B,qBAAqB,4CAiBvB,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"BodySmall.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BodySmall.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,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,SAAS,iGAyDrB,CAAC"}
+{"version":3,"file":"BodySmall.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BodySmall.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,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,6IAUvB,cAAc,4CA6ChB,CAAC"}

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"}