@pagopa/io-app-design-system 1.36.11 → 1.36.12

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

@@ -1 +1 @@
-{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","heroFontSize","heroLineHeight","font","defaultColor","defaultWeight","legacyFont","legacyWeight","legacyHeroFontSize","legacyHeroLineHeight","Hero","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.tsx"],"mappings":"AAAA,SAASA,uBAAuB,QAAiB,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,kBAAkB,GAAG,EAAE;AAC7B,MAAMC,oBAAoB,GAAG,EAAE;;AAE/B;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACxC,MAAM;IAAEC;EAAe,CAAC,GAAGb,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGW,KAAK;IACRN,aAAa,EAAEO,cAAc,GAAGP,aAAa,GAAGE,YAAY;IAC5DH,YAAY;IACZD,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,UAAU;IACxCO,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGX,YAAY,GAAGO,kBAAkB;MAC5DO,UAAU,EAAEH,cAAc,GAAGV,cAAc,GAAGO;IAChD;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","heroFontSize","heroLineHeight","font","defaultColor","defaultWeight","legacyFont","legacyWeight","legacyHeroFontSize","legacyHeroLineHeight","Hero","forwardRef","props","ref","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,uBAAuB,QAAiB,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,kBAAkB,GAAG,EAAE;AAC7B,MAAMC,oBAAoB,GAAG,EAAE;;AAE/B;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGZ,KAAK,CAACa,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEC;EAAe,CAAC,GAAGf,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGY,KAAK;IACRP,aAAa,EAAES,cAAc,GAAGT,aAAa,GAAGE,YAAY;IAC5DH,YAAY;IACZD,IAAI,EAAEW,cAAc,GAAGX,IAAI,GAAGG,UAAU;IACxCS,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGb,YAAY,GAAGO,kBAAkB;MAC5DS,UAAU,EAAEH,cAAc,GAAGZ,cAAc,GAAGO;IAChD;EACF,CAAC,EACDI,GACF,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 import { fontSizeMapping, lineHeightMapping } from "./common";
@@ -9,7 +10,7 @@ const labelDefaultcolor = "black";
 /**
  * `Label` typographic style
  */
-export const Label = _ref => {
+export const Label = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     fontSize,
     ...props
@@ -26,6 +27,6 @@ export const Label = _ref => {
       fontSize: fontSize ? fontSizeMapping[fontSize] : fontSizeMapping.regular,
       lineHeight: fontSize ? lineHeightMapping[fontSize] : lineHeightMapping.regular
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=Label.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","fontSizeMapping","lineHeightMapping","fontName","legacyFontName","labelDefaultWeight","labelDefaultcolor","Label","_ref","fontSize","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","regular","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Label.tsx"],"mappings":"AAAA,SAGEA,uBAAuB,QAClB,YAAY;AAEnB,SAASC,oBAAoB,QAAQ,WAAW;AAChD,SAIEC,eAAe,EACfC,iBAAiB,QACZ,UAAU;AASjB,MAAMC,QAAoB,GAAG,kBAAkB;AAC/C,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,iBAAiB,GAAG,OAAO;;AAEjC;AACA;AACA;AACA,OAAO,MAAMC,KAAK,GAAGC,IAAA,IAAwC;EAAA,IAAvC;IAAEC,QAAQ;IAAE,GAAGC;EAAkB,CAAC,GAAAF,IAAA;EACtD,MAAM;IAAEG;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGU,KAAK;IACRE,aAAa,EAAEP,kBAAkB;IACjCQ,YAAY,EAAEP,iBAAiB;IAC/BQ,IAAI,EAAEH,cAAc,GAAGR,QAAQ,GAAGC,cAAc;IAChDW,SAAS,EAAE;MACTN,QAAQ,EAAEA,QAAQ,GAAGR,eAAe,CAACQ,QAAQ,CAAC,GAAGR,eAAe,CAACe,OAAO;MACxEC,UAAU,EAAER,QAAQ,GAChBP,iBAAiB,CAACO,QAAQ,CAAC,GAC3BP,iBAAiB,CAACc;IACxB;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","fontSizeMapping","lineHeightMapping","fontName","legacyFontName","labelDefaultWeight","labelDefaultcolor","Label","forwardRef","_ref","ref","fontSize","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","regular","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Label.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAGEC,uBAAuB,QAClB,YAAY;AAEnB,SAASC,oBAAoB,QAAQ,WAAW;AAChD,SAIEC,eAAe,EACfC,iBAAiB,QACZ,UAAU;AASjB,MAAMC,QAAoB,GAAG,kBAAkB;AAC/C,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,iBAAiB,GAAG,OAAO;;AAEjC;AACA;AACA;AACA,OAAO,MAAMC,KAAK,gBAAGT,KAAK,CAACU,UAAU,CACnC,CAAAC,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAAhC;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAAH,IAAA;EACrB,MAAM;IAAEI;EAAe,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGY,KAAK;IACRE,aAAa,EAAET,kBAAkB;IACjCU,YAAY,EAAET,iBAAiB;IAC/BU,IAAI,EAAEH,cAAc,GAAGV,QAAQ,GAAGC,cAAc;IAChDa,SAAS,EAAE;MACTN,QAAQ,EAAEA,QAAQ,GACdV,eAAe,CAACU,QAAQ,CAAC,GACzBV,eAAe,CAACiB,OAAO;MAC3BC,UAAU,EAAER,QAAQ,GAChBT,iBAAiB,CAACS,QAAQ,CAAC,GAC3BT,iBAAiB,CAACgB;IACxB;EACF,CAAC,EACDR,GACF,CAAC;AACH,CACF,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { IOThemeLight, useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 export const labelHeaderFontSize = 14;
@@ -13,7 +14,7 @@ const legacyLabelHeaderLineHeight = 20;
 /**
  * `LabelHeader` typographic style
  */
-export const LabelHeader = props => {
+export const LabelHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -27,6 +28,6 @@ export const LabelHeader = props => {
       fontSize: labelHeaderFontSize,
       lineHeight: isExperimental ? labelHeaderLineHeight : legacyLabelHeaderLineHeight
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=LabelHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["IOThemeLight","useIOExperimentalDesign","useTypographyFactory","labelHeaderFontSize","labelHeaderLineHeight","labelHeaderDefaultColor","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","legacyLabelHeaderWeight","legacyLabelHeaderLineHeight","LabelHeader","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":"AACA,SAAkBA,YAAY,EAAEC,uBAAuB,QAAQ,YAAY;AAC3E,SAASC,oBAAoB,QAAQ,WAAW;AAehD,OAAO,MAAMC,mBAAmB,GAAG,EAAE;AACrC,OAAO,MAAMC,qBAAqB,GAAG,EAAE;AACvC,OAAO,MAAMC,uBAAsC,GACjDL,YAAY,CAAC,kBAAkB,CAAC;AAClC,MAAMM,mBAAiC,GAAG,WAAW;AACrD,MAAMC,wBAAuC,GAAG,SAAS;;AAEzD;AACA,MAAMC,yBAAuC,GAAG,cAAc;AAC9D,MAAMC,uBAAsC,GAAG,UAAU;AACzD,MAAMC,2BAA2B,GAAG,EAAE;AACtC;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EACtD,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EACpD;EACA,OAAOC,oBAAoB,CAA+B;IACxD,GAAGU,KAAK;IACRE,aAAa,EAAED,cAAc,GACzBN,wBAAwB,GACxBE,uBAAuB;IAC3BM,YAAY,EAAEV,uBAAuB;IACrCW,IAAI,EAAEH,cAAc,GAAGP,mBAAmB,GAAGE,yBAAyB;IACtES,SAAS,EAAE;MACTC,QAAQ,EAAEf,mBAAmB;MAC7BgB,UAAU,EAAEN,cAAc,GACtBT,qBAAqB,GACrBM;IACN;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","IOThemeLight","useIOExperimentalDesign","useTypographyFactory","labelHeaderFontSize","labelHeaderLineHeight","labelHeaderDefaultColor","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","legacyLabelHeaderWeight","legacyLabelHeaderLineHeight","LabelHeader","forwardRef","props","ref","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,YAAY,EAAEC,uBAAuB,QAAQ,YAAY;AAC3E,SAASC,oBAAoB,QAAQ,WAAW;AAehD,OAAO,MAAMC,mBAAmB,GAAG,EAAE;AACrC,OAAO,MAAMC,qBAAqB,GAAG,EAAE;AACvC,OAAO,MAAMC,uBAAsC,GACjDL,YAAY,CAAC,kBAAkB,CAAC;AAClC,MAAMM,mBAAiC,GAAG,WAAW;AACrD,MAAMC,wBAAuC,GAAG,SAAS;;AAEzD;AACA,MAAMC,yBAAuC,GAAG,cAAc;AAC9D,MAAMC,uBAAsC,GAAG,UAAU;AACzD,MAAMC,2BAA2B,GAAG,EAAE;AACtC;AACA;AACA;AACA,OAAO,MAAMC,WAAW,gBAAGZ,KAAK,CAACa,UAAU,CACzC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EACpD;EACA,OAAOC,oBAAoB,CACzB;IACE,GAAGW,KAAK;IACRG,aAAa,EAAED,cAAc,GACzBR,wBAAwB,GACxBE,uBAAuB;IAC3BQ,YAAY,EAAEZ,uBAAuB;IACrCa,IAAI,EAAEH,cAAc,GAAGT,mBAAmB,GAAGE,yBAAyB;IACtEW,SAAS,EAAE;MACTC,QAAQ,EAAEjB,mBAAmB;MAC7BkB,UAAU,EAAEN,cAAc,GACtBX,qBAAqB,GACrBM;IACN;EACF,CAAC,EACDI,GACF,CAAC;AACH,CACF,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 import { fontSizeMapping, lineHeightMapping } from "./common";
@@ -10,7 +11,7 @@ export const linkDefaultWeight = "SemiBold";
 /**
  * `Link` typographic style
  */
-export const LabelLink = props => {
+export const LabelLink = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -25,6 +26,6 @@ export const LabelLink = props => {
       lineHeight: props.fontSize ? lineHeightMapping[props.fontSize] : lineHeightMapping.regular,
       textDecorationLine: "underline"
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=LabelLink.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","fontSizeMapping","lineHeightMapping","fontName","legacyFontName","linkLegacyDefaultColor","linkDefaultColor","linkDefaultWeight","LabelLink","props","isExperimental","accessibilityRole","onPress","undefined","defaultWeight","defaultColor","font","fontStyle","fontSize","regular","lineHeight","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":"AAAA,SAASA,uBAAuB,QAAuB,YAAY;AAEnE,SAASC,oBAAoB,QAAQ,WAAW;AAChD,SAIEC,eAAe,EACfC,iBAAiB,QACZ,UAAU;AAWjB,MAAMC,QAAsB,GAAG,kBAAkB;AACjD,MAAMC,cAA4B,GAAG,cAAc;AAEnD,OAAO,MAAMC,sBAAqC,GAAG,MAAM;AAE3D,OAAO,MAAMC,gBAA+B,GAAG,YAAY;AAC3D,OAAO,MAAMC,iBAAgC,GAAG,UAAU;;AAE1D;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAIC,KAAgB,IAAK;EAC7C,MAAM;IAAEC;EAAe,CAAC,GAAGX,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxDW,iBAAiB,EAAEF,KAAK,CAACG,OAAO,GAAG,MAAM,GAAGC,SAAS;IACrD,GAAGJ,KAAK;IACRK,aAAa,EAAEP,iBAAiB;IAChCQ,YAAY,EAAEL,cAAc,GAAGJ,gBAAgB,GAAGD,sBAAsB;IACxEW,IAAI,EAAEN,cAAc,GAAGP,QAAQ,GAAGC,cAAc;IAChDa,SAAS,EAAE;MACTC,QAAQ,EAAET,KAAK,CAACS,QAAQ,GACpBjB,eAAe,CAACQ,KAAK,CAACS,QAAQ,CAAC,GAC/BjB,eAAe,CAACkB,OAAO;MAC3BC,UAAU,EAAEX,KAAK,CAACS,QAAQ,GACtBhB,iBAAiB,CAACO,KAAK,CAACS,QAAQ,CAAC,GACjChB,iBAAiB,CAACiB,OAAO;MAC7BE,kBAAkB,EAAE;IACtB;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","fontSizeMapping","lineHeightMapping","fontName","legacyFontName","linkLegacyDefaultColor","linkDefaultColor","linkDefaultWeight","LabelLink","forwardRef","props","ref","isExperimental","accessibilityRole","onPress","undefined","defaultWeight","defaultColor","font","fontStyle","fontSize","regular","lineHeight","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,uBAAuB,QAAuB,YAAY;AAEnE,SAASC,oBAAoB,QAAQ,WAAW;AAChD,SAIEC,eAAe,EACfC,iBAAiB,QACZ,UAAU;AAWjB,MAAMC,QAAsB,GAAG,kBAAkB;AACjD,MAAMC,cAA4B,GAAG,cAAc;AAEnD,OAAO,MAAMC,sBAAqC,GAAG,MAAM;AAE3D,OAAO,MAAMC,gBAA+B,GAAG,YAAY;AAC3D,OAAO,MAAMC,iBAAgC,GAAG,UAAU;;AAE1D;AACA;AACA;AACA,OAAO,MAAMC,SAAS,gBAAGV,KAAK,CAACW,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzE,MAAM;IAAEC;EAAe,CAAC,GAAGb,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACEa,iBAAiB,EAAEH,KAAK,CAACI,OAAO,GAAG,MAAM,GAAGC,SAAS;IACrD,GAAGL,KAAK;IACRM,aAAa,EAAET,iBAAiB;IAChCU,YAAY,EAAEL,cAAc,GAAGN,gBAAgB,GAAGD,sBAAsB;IACxEa,IAAI,EAAEN,cAAc,GAAGT,QAAQ,GAAGC,cAAc;IAChDe,SAAS,EAAE;MACTC,QAAQ,EAAEV,KAAK,CAACU,QAAQ,GACpBnB,eAAe,CAACS,KAAK,CAACU,QAAQ,CAAC,GAC/BnB,eAAe,CAACoB,OAAO;MAC3BC,UAAU,EAAEZ,KAAK,CAACU,QAAQ,GACtBlB,iBAAiB,CAACQ,KAAK,CAACU,QAAQ,CAAC,GACjClB,iBAAiB,CAACmB,OAAO;MAC7BE,kBAAkB,EAAE;IACtB;EACF,CAAC,EACDZ,GACF,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 const fontName = "TitilliumSansPro";
@@ -16,7 +17,7 @@ const labelDefaultcolor = "blue";
 /**
  * `LabelSmall` typographic style
  */
-export const LabelSmall = props => {
+export const LabelSmall = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -29,6 +30,6 @@ export const LabelSmall = props => {
       fontSize: props.fontSize ? fontSizeMapping[props.fontSize] : fontSizeMapping.regular,
       lineHeight: props.fontSize ? lineHeightMapping[props.fontSize] : lineHeightMapping.regular
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=LabelSmall.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","fontName","legacyFontName","fontSizeMapping","regular","small","lineHeightMapping","labelDefaultWeight","labelDefaultcolor","LabelSmall","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmall.tsx"],"mappings":"AAAA,SAA4BA,uBAAuB,QAAQ,YAAY;AAEvE,SAASC,oBAAoB,QAAQ,WAAW;AAyBhD,MAAMC,QAAoB,GAAG,kBAAkB;AAC/C,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,eAAyC,GAAG;EAChDC,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE;AACT,CAAC;AACD,MAAMC,iBAA2C,GAAG;EAClDF,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE;AACT,CAAC;AACD,MAAME,kBAAkB,GAAG,MAAM;AACjC,MAAMC,iBAAiB,GAAG,MAAM;;AAEhC;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EACpD,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGU,KAAK;IACRE,aAAa,EAAEL,kBAAkB;IACjCM,YAAY,EAAEL,iBAAiB;IAC/BM,IAAI,EAAEH,cAAc,GAAGV,QAAQ,GAAGC,cAAc;IAChDa,SAAS,EAAE;MACTC,QAAQ,EAAEN,KAAK,CAACM,QAAQ,GACpBb,eAAe,CAACO,KAAK,CAACM,QAAQ,CAAC,GAC/Bb,eAAe,CAACC,OAAO;MAC3Ba,UAAU,EAAEP,KAAK,CAACM,QAAQ,GACtBV,iBAAiB,CAACI,KAAK,CAACM,QAAQ,CAAC,GACjCV,iBAAiB,CAACF;IACxB;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","fontName","legacyFontName","fontSizeMapping","regular","small","lineHeightMapping","labelDefaultWeight","labelDefaultcolor","LabelSmall","forwardRef","props","ref","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmall.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAA4BC,uBAAuB,QAAQ,YAAY;AAEvE,SAASC,oBAAoB,QAAQ,WAAW;AAyBhD,MAAMC,QAAoB,GAAG,kBAAkB;AAC/C,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,eAAyC,GAAG;EAChDC,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE;AACT,CAAC;AACD,MAAMC,iBAA2C,GAAG;EAClDF,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE;AACT,CAAC;AACD,MAAME,kBAAkB,GAAG,MAAM;AACjC,MAAMC,iBAAiB,GAAG,MAAM;;AAEhC;AACA;AACA;AACA,OAAO,MAAMC,UAAU,gBAAGX,KAAK,CAACY,UAAU,CACxC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGW,KAAK;IACRG,aAAa,EAAEP,kBAAkB;IACjCQ,YAAY,EAAEP,iBAAiB;IAC/BQ,IAAI,EAAEH,cAAc,GAAGZ,QAAQ,GAAGC,cAAc;IAChDe,SAAS,EAAE;MACTC,QAAQ,EAAEP,KAAK,CAACO,QAAQ,GACpBf,eAAe,CAACQ,KAAK,CAACO,QAAQ,CAAC,GAC/Bf,eAAe,CAACC,OAAO;MAC3Be,UAAU,EAAER,KAAK,CAACO,QAAQ,GACtBZ,iBAAiB,CAACK,KAAK,CAACO,QAAQ,CAAC,GACjCZ,iBAAiB,CAACF;IACxB;EACF,CAAC,EACDQ,GACF,CAAC;AACH,CACF,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 const labelFontSize = 14;
@@ -14,7 +15,7 @@ const legacyDefaultWeight = "SemiBold";
 /**
  * `LabelSmallAlt` typographic style. It's referenced as `LabelSmallReadex` in the design projects.
  */
-export const LabelSmallAlt = props => {
+export const LabelSmallAlt = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -27,6 +28,6 @@ export const LabelSmallAlt = props => {
       fontSize: isExperimental ? labelFontSize : legacyLabelFontSize,
       lineHeight: labelLineHeight
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=LabelSmallAlt.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","labelFontSize","labelLineHeight","fontName","defaultColor","defaultWeight","legacyLabelFontSize","legacyFontName","legacyDefaultWeight","LabelSmallAlt","props","isExperimental","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmallAlt.tsx"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,YAAY;AAGpD,SAASC,oBAAoB,QAAQ,WAAW;AAoBhD,MAAMC,aAAa,GAAG,EAAE;AACxB,MAAMC,eAAe,GAAG,EAAE;AAC1B,MAAMC,QAAoB,GAAG,WAAW;AACxC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,mBAAmB,GAAG,EAAE;AAC9B,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,mBAAkC,GAAG,UAAU;;AAErD;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EAC1D,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGU,KAAK;IACRL,aAAa,EAAEM,cAAc,GAAGN,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY;IACZQ,IAAI,EAAED,cAAc,GAAGR,QAAQ,GAAGI,cAAc;IAChDM,SAAS,EAAE;MACTC,QAAQ,EAAEH,cAAc,GAAGV,aAAa,GAAGK,mBAAmB;MAC9DS,UAAU,EAAEb;IACd;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","labelFontSize","labelLineHeight","fontName","defaultColor","defaultWeight","legacyLabelFontSize","legacyFontName","legacyDefaultWeight","LabelSmallAlt","forwardRef","props","ref","isExperimental","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmallAlt.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,uBAAuB,QAAQ,YAAY;AAGpD,SAASC,oBAAoB,QAAQ,WAAW;AAoBhD,MAAMC,aAAa,GAAG,EAAE;AACxB,MAAMC,eAAe,GAAG,EAAE;AAC1B,MAAMC,QAAoB,GAAG,WAAW;AACxC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,mBAAmB,GAAG,EAAE;AAC9B,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,mBAAkC,GAAG,UAAU;;AAErD;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGX,KAAK,CAACY,UAAU,CAC3C,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGW,KAAK;IACRN,aAAa,EAAEQ,cAAc,GAAGR,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY;IACZU,IAAI,EAAED,cAAc,GAAGV,QAAQ,GAAGI,cAAc;IAChDQ,SAAS,EAAE;MACTC,QAAQ,EAAEH,cAAc,GAAGZ,aAAa,GAAGK,mBAAmB;MAC9DW,UAAU,EAAEf;IACd;EACF,CAAC,EACDU,GACF,CAAC;AACH,CACF,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { StyleProp, Text, TextStyle } from "react-native";
+import { StyleProp, Text, TextStyle, View } from "react-native";
 import { IOColors } from "../../core/IOColors";
 import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
 /**
@@ -23,6 +23,6 @@ type OwnProps = BaseTypographyProps & {
  * @param props
  * @constructor
  */
-export declare const BaseTypography: React.FC<OwnProps>;
+export declare const BaseTypography: React.ForwardRefExoticComponent<Omit<OwnProps, "ref"> & React.RefAttributes<View>>;
 export {};
 //# sourceMappingURL=BaseTypography.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseTypography.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BaseTypography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EACL,YAAY,EACZ,YAAY,EAEb,MAAM,mBAAmB,CAAC;AAE3B;;;GAGG;AACH,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,QAAQ,GAAG,mBAAmB,GAAG;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,IAAI,CAAC,CAAC;AAe7C;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAe7C,CAAC"}
+{"version":3,"file":"BaseTypography.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BaseTypography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EACL,YAAY,EACZ,YAAY,EAEb,MAAM,mBAAmB,CAAC;AAE3B;;;GAGG;AACH,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,QAAQ,GAAG,mBAAmB,GAAG;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,IAAI,CAAC,CAAC;AAe7C;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,oFAezB,CAAC"}

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from "react";
+import { View } from "react-native";
 import { IOColors, IOTheme } from "../../core";
 import { IOFontWeight } from "../../utils/fonts";
-import { ExternalTypographyProps, TypographyProps } from "./common";
+import { TypographyProps } from "./common";
 type PartialAllowedColors = Extract<IOColors, "bluegreyDark" | "white" | "blue" | "bluegrey" | "bluegreyLight">;
 type AllowedColors = PartialAllowedColors | IOTheme["textBody-default"];
 type AllowedWeight = IOFontWeight | "Regular" | "SemiBold";
-type BodyProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
 export declare const bodyFontSize = 16;
 export declare const bodyLineHeight = 24;
 export declare const bodyDefaultColor: AllowedColors;
@@ -13,6 +13,8 @@ export declare const bodyDefaultWeight: AllowedWeight;
 /**
  * `Body` typographic style
  */
-export declare const Body: (props: BodyProps) => import("react").JSX.Element;
+export declare const Body: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<AllowedWeight, AllowedColors> & {
+    style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+}, "ref"> & React.RefAttributes<View>>;
 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":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAA2B,MAAM,YAAY,CAAC;AACxE,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,oBAAoB,GAAG,OAAO,CACjC,QAAQ,EACR,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,eAAe,CACjE,CAAC;AACF,KAAK,aAAa,GAAG,oBAAoB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;AACxE,KAAK,aAAa,GAAG,YAAY,GAAG,SAAS,GAAG,UAAU,CAAC;AAE3D,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAKF,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,gBAAgB,EAAE,aAA0B,CAAC;AAC1D,eAAO,MAAM,iBAAiB,EAAE,aAAyB,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAUpC,CAAC"}
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAA2B,MAAM,YAAY,CAAC;AACxE,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,oBAAoB,GAAG,OAAO,CACjC,QAAQ,EACR,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,eAAe,CACjE,CAAC;AACF,KAAK,aAAa,GAAG,oBAAoB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;AACxE,KAAK,aAAa,GAAG,YAAY,GAAG,SAAS,GAAG,UAAU,CAAC;AAS3D,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,gBAAgB,EAAE,aAA0B,CAAC;AAC1D,eAAO,MAAM,iBAAiB,EAAE,aAAyB,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,IAAI;;sCAaf,CAAC"}

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from "react";
+import { View } from "react-native";
 import type { IOColors } from "../../core/IOColors";
-import { IOFontWeight } from "../../utils/fonts";
-import { ExternalTypographyProps, TypographyProps } from "./common";
+import { TypographyProps } from "./common";
 type AllowedColors = Extract<IOColors, "bluegreyDark" | "bluegrey">;
-type AllowedWeight = Extract<IOFontWeight, "Medium">;
-type BodyMonospaceProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
 /**
  * `BodyMonospace` typographic style
  */
-export declare const BodyMonospace: (props: BodyMonospaceProps) => import("react").JSX.Element;
+export declare const BodyMonospace: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<"Medium", AllowedColors> & {
+    style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+}, "ref"> & React.RefAttributes<View>>;
 export {};
 //# 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":";AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;AACpE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;AAErD,KAAK,kBAAkB,GAAG,uBAAuB,CAC/C,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,aAAa,UAAW,kBAAkB,gCAOnD,CAAC"}
+{"version":3,"file":"BodyMonospace.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BodyMonospace.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGpD,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;AAapE;;GAEG;AACH,eAAO,MAAM,aAAa;;sCAYzB,CAAC"}

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

@@ -1,14 +1,16 @@
-/// <reference types="react" />
+import React from "react";
+import { View } from "react-native";
 import { IOColors } from "../../core/IOColors";
 import { IOFontWeight } from "../../utils/fonts";
-import { ExternalTypographyProps, TypographyProps } from "./common";
+import { TypographyProps } from "./common";
 export type ButtonTextAllowedColors = IOColors;
 type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular" | "Bold">;
-type ButtonTextProps = ExternalTypographyProps<TypographyProps<AllowedWeight, ButtonTextAllowedColors>>;
 export declare const buttonTextFontSize = 16;
 /**
  * `ButtonText` typographic style
  */
-export declare const ButtonText: (props: ButtonTextProps) => import("react").JSX.Element;
+export declare const ButtonText: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<AllowedWeight, "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight"> & {
+    style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+}, "ref"> & React.RefAttributes<View>>;
 export {};
 //# 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":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG/D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;AAC/C,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;AAE5E,KAAK,eAAe,GAAG,uBAAuB,CAC5C,eAAe,CAAC,aAAa,EAAE,uBAAuB,CAAC,CACxD,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAWrC;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW,eAAe,gCAchD,CAAC"}
+{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/ButtonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG/D,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;AAC/C,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;AAM5E,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAWrC;;GAEG;AACH,eAAO,MAAM,UAAU;;sCAmBtB,CAAC"}

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

@@ -1,14 +1,11 @@
-/// <reference types="react" />
-import { IOTheme } from "../../core";
-import { IOFontWeight } from "../../utils/fonts";
-import { ExternalTypographyProps, TypographyProps } from "./common";
-type AllowedColors = IOTheme["textHeading-default"];
-type AllowedWeight = Extract<IOFontWeight, "Regular">;
-type CaptionProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+import React from "react";
+import { View } from "react-native";
+import { TypographyProps } from "./common";
 export declare const captionFontSize = 12;
 /**
  * `Caption` typographic style
  */
-export declare const Caption: (props: CaptionProps) => import("react").JSX.Element;
-export {};
+export declare const Caption: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<"Regular", "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight"> & {
+    style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+}, "ref"> & React.RefAttributes<View>>;
 //# 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":";AAAA,OAAO,EAAE,OAAO,EAA2B,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACpD,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEtD,KAAK,YAAY,GAAG,uBAAuB,CACzC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,eAAe,KAAK,CAAC;AAQlC;;GAEG;AACH,eAAO,MAAM,OAAO,UAAW,YAAY,gCAa1C,CAAC"}
+{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Caption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AASpE,eAAO,MAAM,eAAe,KAAK,CAAC;AAQlC;;GAEG;AACH,eAAO,MAAM,OAAO;;sCAgBlB,CAAC"}

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { IOColors } from "../../core";
+import React from "react";
+import { View } from "react-native";
 import { IOFontWeight } from "../../utils/fonts";
-import { ExternalTypographyProps, TypographyProps } from "./common";
-type AllowedColors = IOColors;
+import { TypographyProps } from "./common";
 type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular">;
-type ChipProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
 /**
  * `Chip` typographic style
  */
-export declare const Chip: (props: ChipProps) => import("react").JSX.Element;
+export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<AllowedWeight, "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight"> & {
+    style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+}, "ref"> & React.RefAttributes<View>>;
 export {};
 //# sourceMappingURL=Chip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Chip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,QAAQ,CAAC;AAC9B,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEnE,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AASF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAUpC,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AAGpE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAanE;;GAEG;AACH,eAAO,MAAM,IAAI;;sCAaf,CAAC"}

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { View } from "react-native";
 import { IOColors } from "../../core";
 import { IOFontWeight } from "../../utils/fonts";
 import { XOR } from "../../utils/types";
@@ -36,6 +37,6 @@ type FactoryProps<WeightPropsType, ColorsPropsType> = TypographyProps<WeightProp
  * or with a factory function to define some custom behaviour using {@link DefaultFactoryProps}
  * @param props
  */
-export declare function useTypographyFactory<WeightPropsType extends IOFontWeight, ColorsPropsType extends IOColors>(props: FactoryProps<WeightPropsType, ColorsPropsType>): React.JSX.Element;
+export declare function useTypographyFactory<WeightPropsType extends IOFontWeight, ColorsPropsType extends IOColors>(props: FactoryProps<WeightPropsType, ColorsPropsType>, ref?: React.ForwardedRef<View>): React.JSX.Element;
 export {};
 //# sourceMappingURL=Factory.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Factory.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAEL,uBAAuB,EACvB,eAAe,EAChB,MAAM,UAAU,CAAC;AAElB;;;GAGG;AACH,KAAK,oBAAoB,CAAC,eAAe,EAAE,eAAe,IAAI;IAC5D,aAAa,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF;;;GAGG;AACH,KAAK,mBAAmB,CAAC,eAAe,EAAE,eAAe,IAAI;IAC3D,kBAAkB,EAAE,CAClB,MAAM,CAAC,EAAE,eAAe,EACxB,KAAK,CAAC,EAAE,eAAe,KACpB,uBAAuB,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;CAChE,CAAC;AAEF;;GAEG;AACH,KAAK,YAAY,CAAC,eAAe,EAAE,eAAe,IAAI,GAAG,CACvD,oBAAoB,CAAC,eAAe,EAAE,eAAe,CAAC,EACtD,mBAAmB,CAAC,eAAe,EAAE,eAAe,CAAC,CACtD,CAAC;AAEF;;;;;GAKG;AACH,KAAK,YAAY,CAAC,eAAe,EAAE,eAAe,IAAI,eAAe,CACnE,eAAe,EACf,eAAe,CAChB,GACC,YAAY,CAAC,eAAe,EAAE,eAAe,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,CAAC;AAiBxE;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,eAAe,SAAS,YAAY,EACpC,eAAe,SAAS,QAAQ,EAChC,KAAK,EAAE,YAAY,CAAC,eAAe,EAAE,eAAe,CAAC,qBAgBtD"}
+{"version":3,"file":"Factory.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAEL,uBAAuB,EACvB,eAAe,EAChB,MAAM,UAAU,CAAC;AAElB;;;GAGG;AACH,KAAK,oBAAoB,CAAC,eAAe,EAAE,eAAe,IAAI;IAC5D,aAAa,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF;;;GAGG;AACH,KAAK,mBAAmB,CAAC,eAAe,EAAE,eAAe,IAAI;IAC3D,kBAAkB,EAAE,CAClB,MAAM,CAAC,EAAE,eAAe,EACxB,KAAK,CAAC,EAAE,eAAe,KACpB,uBAAuB,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;CAChE,CAAC;AAEF;;GAEG;AACH,KAAK,YAAY,CAAC,eAAe,EAAE,eAAe,IAAI,GAAG,CACvD,oBAAoB,CAAC,eAAe,EAAE,eAAe,CAAC,EACtD,mBAAmB,CAAC,eAAe,EAAE,eAAe,CAAC,CACtD,CAAC;AAEF;;;;;GAKG;AACH,KAAK,YAAY,CAAC,eAAe,EAAE,eAAe,IAAI,eAAe,CACnE,eAAe,EACf,eAAe,CAChB,GACC,YAAY,CAAC,eAAe,EAAE,eAAe,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,CAAC;AAiBxE;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,eAAe,SAAS,YAAY,EACpC,eAAe,SAAS,QAAQ,EAEhC,KAAK,EAAE,YAAY,CAAC,eAAe,EAAE,eAAe,CAAC,EACrD,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,qBAiB/B"}

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

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { IOTheme } from "../../core";
+import React from "react";
+import { View } from "react-native";
 import { IOFontWeight } from "../../utils/fonts";
-import { ExternalTypographyProps, TypographyProps } from "./common";
-type AllowedColors = IOTheme["textHeading-default"];
+import { TypographyProps } from "./common";
 type AllowedWeight = Extract<IOFontWeight, "Regular" | "SemiBold">;
-type H1Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
 export declare const h1FontSize = 28;
 export declare const h1LineHeight = 42;
 /**
  * `H1` typographic style
  */
-export declare const H1: (props: H1Props) => import("react").JSX.Element;
+export declare const H1: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<AllowedWeight, "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight"> & {
+    style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+}, "ref"> & React.RefAttributes<View>>;
 export {};
 //# 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":";AAAA,OAAO,EAAE,OAAO,EAA2B,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACpD,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;AAEnE,KAAK,OAAO,GAAG,uBAAuB,CACpC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAW/B;;GAEG;AACH,eAAO,MAAM,EAAE,UAAW,OAAO,gCAahC,CAAC"}
+{"version":3,"file":"H1.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AAGpE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;AAMnE,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAW/B;;GAEG;AACH,eAAO,MAAM,EAAE;;sCAgBb,CAAC"}

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

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { IOTheme } from "../../core";
+import React from "react";
+import { View } from "react-native";
 import { IOFontWeight } from "../../utils/fonts";
-import { ExternalTypographyProps, TypographyProps } from "./common";
-type AllowedColors = IOTheme["textHeading-default"];
+import { TypographyProps } from "./common";
 type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular">;
-type H2Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
 export declare const h2FontSize = 26;
 export declare const h2LineHeight = 39;
 /**
  * `H2` typographic style
  */
-export declare const H2: (props: H2Props) => import("react").JSX.Element;
+export declare const H2: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<AllowedWeight, "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight"> & {
+    style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+}, "ref"> & React.RefAttributes<View>>;
 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":";AAAA,OAAO,EAAE,OAAO,EAA2B,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACpD,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEnE,KAAK,OAAO,GAAG,uBAAuB,CACpC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAW/B;;GAEG;AACH,eAAO,MAAM,EAAE,UAAW,OAAO,gCAahC,CAAC"}
+{"version":3,"file":"H2.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AAGpE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAMnE,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAW/B;;GAEG;AACH,eAAO,MAAM,EAAE;;sCAgBb,CAAC"}

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

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { IOTheme } from "../../core";
+import React from "react";
+import { View } from "react-native";
 import { IOFontWeight } from "../../utils/fonts";
-import { ExternalTypographyProps, TypographyProps } from "./common";
-type AllowedColors = IOTheme["textHeading-default"];
+import { TypographyProps } from "./common";
 type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular">;
-type H3Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
 export declare const h3FontSize = 22;
 export declare const h3LineHeight = 33;
 /**
  * `H3` typographic style
  */
-export declare const H3: (props: H3Props) => import("react").JSX.Element;
+export declare const H3: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<AllowedWeight, "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight"> & {
+    style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+}, "ref"> & React.RefAttributes<View>>;
 export {};
 //# 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":";AAAA,OAAO,EAAE,OAAO,EAA2B,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACpD,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEnE,KAAK,OAAO,GAAG,uBAAuB,CACpC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAGF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAW/B;;GAEG;AACH,eAAO,MAAM,EAAE,UAAW,OAAO,gCAahC,CAAC"}
+{"version":3,"file":"H3.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AAGpE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAOnE,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAW/B;;GAEG;AACH,eAAO,MAAM,EAAE;;sCAgBb,CAAC"}

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

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { IOTheme } from "../../core";
+import React from "react";
+import { View } from "react-native";
 import { IOFontWeight } from "../../utils/fonts";
-import { ExternalTypographyProps, TypographyProps } from "./common";
-type AllowedColors = IOTheme["textHeading-default"];
+import { TypographyProps } from "./common";
 type AllowedWeight = Extract<IOFontWeight, "Regular" | "SemiBold">;
-type H4Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
 export declare const h4FontSize = 20;
 export declare const h4LineHeight = 30;
 /**
  * `H4` typographic style
  */
-export declare const H4: (props: H4Props) => import("react").JSX.Element;
+export declare const H4: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<AllowedWeight, "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight"> & {
+    style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+}, "ref"> & React.RefAttributes<View>>;
 export {};
 //# 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":";AAAA,OAAO,EAAE,OAAO,EAA2B,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACpD,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;AAEnE,KAAK,OAAO,GAAG,uBAAuB,CACpC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAW/B;;GAEG;AACH,eAAO,MAAM,EAAE,UAAW,OAAO,gCAYhC,CAAC"}
+{"version":3,"file":"H4.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H4.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AAGpE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;AAMnE,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAW/B;;GAEG;AACH,eAAO,MAAM,EAAE;;sCAeb,CAAC"}

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

@@ -1,15 +1,12 @@
-/// <reference types="react" />
-import { IOTheme } from "../../core";
-import { IOFontWeight } from "../../utils/fonts";
-import { ExternalTypographyProps, TypographyProps } from "./common";
-type AllowedColors = IOTheme["textHeading-default"];
-type AllowedWeight = Extract<IOFontWeight, "SemiBold">;
-type H5Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+import React from "react";
+import { View } from "react-native";
+import { TypographyProps } from "./common";
 export declare const h5FontSize = 14;
 export declare const h5LineHeight = 16;
 /**
  * `H5` typographic style
  */
-export declare const H5: (props: H5Props) => import("react").JSX.Element;
-export {};
+export declare const H5: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<"SemiBold", "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight"> & {
+    style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+}, "ref"> & React.RefAttributes<View>>;
 //# 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":";AAAA,OAAO,EAAE,OAAO,EAA2B,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACpD,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AAEvD,KAAK,OAAO,GAAG,uBAAuB,CACpC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAM/B;;GAEG;AACH,eAAO,MAAM,EAAE,UAAW,OAAO,gCAehC,CAAC"}
+{"version":3,"file":"H5.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H5.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AASpE,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAM/B;;GAEG;AACH,eAAO,MAAM,EAAE;;sCAkBb,CAAC"}