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

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.labelHeaderLineHeight = exports.labelHeaderFontSize = exports.labelHeaderDefaultColor = exports.LabelHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _core = require("../../core");
 var _Factory = require("./Factory");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const labelHeaderFontSize = 14;
 exports.labelHeaderFontSize = labelHeaderFontSize;
 const labelHeaderLineHeight = 18;
@@ -22,7 +24,7 @@ const legacyLabelHeaderLineHeight = 20;
 /**
  * `LabelHeader` typographic style
  */
-const LabelHeader = props => {
+const LabelHeader = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -36,7 +38,7 @@ const LabelHeader = props => {
       fontSize: labelHeaderFontSize,
       lineHeight: isExperimental ? labelHeaderLineHeight : legacyLabelHeaderLineHeight
     }
-  });
-};
+  }, ref);
+});
 exports.LabelHeader = LabelHeader;
 //# sourceMappingURL=LabelHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","labelHeaderFontSize","exports","labelHeaderLineHeight","labelHeaderDefaultColor","IOThemeLight","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","legacyLabelHeaderWeight","legacyLabelHeaderLineHeight","LabelHeader","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAeO,MAAME,mBAAmB,GAAG,EAAE;AAACC,OAAA,CAAAD,mBAAA,GAAAA,mBAAA;AAC/B,MAAME,qBAAqB,GAAG,EAAE;AAACD,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AACjC,MAAMC,uBAAsC,GACjDC,kBAAY,CAAC,kBAAkB,CAAC;AAACH,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AACnC,MAAME,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;AACO,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EACtD,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD;EACA,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRI,aAAa,EAAEH,cAAc,GACzBN,wBAAwB,GACxBE,uBAAuB;IAC3BQ,YAAY,EAAEb,uBAAuB;IACrCc,IAAI,EAAEL,cAAc,GAAGP,mBAAmB,GAAGE,yBAAyB;IACtEW,SAAS,EAAE;MACTC,QAAQ,EAAEnB,mBAAmB;MAC7BoB,UAAU,EAAER,cAAc,GACtBV,qBAAqB,GACrBO;IACN;EACF,CAAC,CAAC;AACJ,CAAC;AAACR,OAAA,CAAAS,WAAA,GAAAA,WAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","labelHeaderFontSize","exports","labelHeaderLineHeight","labelHeaderDefaultColor","IOThemeLight","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","legacyLabelHeaderWeight","legacyLabelHeaderLineHeight","LabelHeader","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAe1C,MAAMG,mBAAmB,GAAG,EAAE;AAACC,OAAA,CAAAD,mBAAA,GAAAA,mBAAA;AAC/B,MAAME,qBAAqB,GAAG,EAAE;AAACD,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AACjC,MAAMC,uBAAsC,GACjDC,kBAAY,CAAC,kBAAkB,CAAC;AAACH,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AACnC,MAAME,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;AACO,MAAMC,WAAW,gBAAGC,cAAK,CAACC,UAAU,CACzC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD;EACA,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,aAAa,EAAEH,cAAc,GACzBT,wBAAwB,GACxBE,uBAAuB;IAC3BW,YAAY,EAAEhB,uBAAuB;IACrCiB,IAAI,EAAEL,cAAc,GAAGV,mBAAmB,GAAGE,yBAAyB;IACtEc,SAAS,EAAE;MACTC,QAAQ,EAAEtB,mBAAmB;MAC7BuB,UAAU,EAAER,cAAc,GACtBb,qBAAqB,GACrBO;IACN;EACF,CAAC,EACDK,GACF,CAAC;AACH,CACF,CAAC;AAACb,OAAA,CAAAS,WAAA,GAAAA,WAAA"}

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

@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.linkLegacyDefaultColor = exports.linkDefaultWeight = exports.linkDefaultColor = exports.LabelLink = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _core = require("../../core");
 var _Factory = require("./Factory");
 var _common = require("./common");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const fontName = "TitilliumSansPro";
 const legacyFontName = "TitilliumWeb";
 const linkLegacyDefaultColor = "blue";
@@ -19,7 +21,7 @@ const linkDefaultWeight = "SemiBold";
  * `Link` typographic style
  */
 exports.linkDefaultWeight = linkDefaultWeight;
-const LabelLink = props => {
+const LabelLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -34,7 +36,7 @@ const LabelLink = props => {
       lineHeight: props.fontSize ? _common.lineHeightMapping[props.fontSize] : _common.lineHeightMapping.regular,
       textDecorationLine: "underline"
     }
-  });
-};
+  }, ref);
+});
 exports.LabelLink = LabelLink;
 //# sourceMappingURL=LabelLink.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","_common","fontName","legacyFontName","linkLegacyDefaultColor","exports","linkDefaultColor","linkDefaultWeight","LabelLink","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","accessibilityRole","onPress","undefined","defaultWeight","defaultColor","font","fontStyle","fontSize","fontSizeMapping","regular","lineHeight","lineHeightMapping","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAiBA,MAAMG,QAAsB,GAAG,kBAAkB;AACjD,MAAMC,cAA4B,GAAG,cAAc;AAE5C,MAAMC,sBAAqC,GAAG,MAAM;AAACC,OAAA,CAAAD,sBAAA,GAAAA,sBAAA;AAErD,MAAME,gBAA+B,GAAG,YAAY;AAACD,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AACrD,MAAMC,iBAAgC,GAAG,UAAU;;AAE1D;AACA;AACA;AAFAF,OAAA,CAAAE,iBAAA,GAAAA,iBAAA;AAGO,MAAMC,SAAS,GAAIC,KAAgB,IAAK;EAC7C,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxDC,iBAAiB,EAAEJ,KAAK,CAACK,OAAO,GAAG,MAAM,GAAGC,SAAS;IACrD,GAAGN,KAAK;IACRO,aAAa,EAAET,iBAAiB;IAChCU,YAAY,EAAEP,cAAc,GAAGJ,gBAAgB,GAAGF,sBAAsB;IACxEc,IAAI,EAAER,cAAc,GAAGR,QAAQ,GAAGC,cAAc;IAChDgB,SAAS,EAAE;MACTC,QAAQ,EAAEX,KAAK,CAACW,QAAQ,GACpBC,uBAAe,CAACZ,KAAK,CAACW,QAAQ,CAAC,GAC/BC,uBAAe,CAACC,OAAO;MAC3BC,UAAU,EAAEd,KAAK,CAACW,QAAQ,GACtBI,yBAAiB,CAACf,KAAK,CAACW,QAAQ,CAAC,GACjCI,yBAAiB,CAACF,OAAO;MAC7BG,kBAAkB,EAAE;IACtB;EACF,CAAC,CAAC;AACJ,CAAC;AAACpB,OAAA,CAAAG,SAAA,GAAAA,SAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","_common","obj","__esModule","default","fontName","legacyFontName","linkLegacyDefaultColor","exports","linkDefaultColor","linkDefaultWeight","LabelLink","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","accessibilityRole","onPress","undefined","defaultWeight","defaultColor","font","fontStyle","fontSize","fontSizeMapping","regular","lineHeight","lineHeightMapping","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAMkB,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAWlB,MAAMG,QAAsB,GAAG,kBAAkB;AACjD,MAAMC,cAA4B,GAAG,cAAc;AAE5C,MAAMC,sBAAqC,GAAG,MAAM;AAACC,OAAA,CAAAD,sBAAA,GAAAA,sBAAA;AAErD,MAAME,gBAA+B,GAAG,YAAY;AAACD,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AACrD,MAAMC,iBAAgC,GAAG,UAAU;;AAE1D;AACA;AACA;AAFAF,OAAA,CAAAE,iBAAA,GAAAA,iBAAA;AAGO,MAAMC,SAAS,gBAAGC,cAAK,CAACC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACEC,iBAAiB,EAAEL,KAAK,CAACM,OAAO,GAAG,MAAM,GAAGC,SAAS;IACrD,GAAGP,KAAK;IACRQ,aAAa,EAAEZ,iBAAiB;IAChCa,YAAY,EAAEP,cAAc,GAAGP,gBAAgB,GAAGF,sBAAsB;IACxEiB,IAAI,EAAER,cAAc,GAAGX,QAAQ,GAAGC,cAAc;IAChDmB,SAAS,EAAE;MACTC,QAAQ,EAAEZ,KAAK,CAACY,QAAQ,GACpBC,uBAAe,CAACb,KAAK,CAACY,QAAQ,CAAC,GAC/BC,uBAAe,CAACC,OAAO;MAC3BC,UAAU,EAAEf,KAAK,CAACY,QAAQ,GACtBI,yBAAiB,CAAChB,KAAK,CAACY,QAAQ,CAAC,GACjCI,yBAAiB,CAACF,OAAO;MAC7BG,kBAAkB,EAAE;IACtB;EACF,CAAC,EACDhB,GACF,CAAC;AACH,CAAC,CAAC;AAACP,OAAA,CAAAG,SAAA,GAAAA,SAAA"}

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LabelSmall = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _core = require("../../core");
 var _Factory = require("./Factory");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const fontName = "TitilliumSansPro";
 const legacyFontName = "TitilliumWeb";
 const fontSizeMapping = {
@@ -22,7 +24,7 @@ const labelDefaultcolor = "blue";
 /**
  * `LabelSmall` typographic style
  */
-const LabelSmall = props => {
+const LabelSmall = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -35,7 +37,7 @@ const LabelSmall = props => {
       fontSize: props.fontSize ? fontSizeMapping[props.fontSize] : fontSizeMapping.regular,
       lineHeight: props.fontSize ? lineHeightMapping[props.fontSize] : lineHeightMapping.regular
     }
-  });
-};
+  }, ref);
+});
 exports.LabelSmall = LabelSmall;
 //# sourceMappingURL=LabelSmall.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","fontName","legacyFontName","fontSizeMapping","regular","small","lineHeightMapping","labelDefaultWeight","labelDefaultcolor","LabelSmall","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight","exports"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmall.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAyBA,MAAME,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;AACO,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EACpD,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRI,aAAa,EAAEP,kBAAkB;IACjCQ,YAAY,EAAEP,iBAAiB;IAC/BQ,IAAI,EAAEL,cAAc,GAAGV,QAAQ,GAAGC,cAAc;IAChDe,SAAS,EAAE;MACTC,QAAQ,EAAER,KAAK,CAACQ,QAAQ,GACpBf,eAAe,CAACO,KAAK,CAACQ,QAAQ,CAAC,GAC/Bf,eAAe,CAACC,OAAO;MAC3Be,UAAU,EAAET,KAAK,CAACQ,QAAQ,GACtBZ,iBAAiB,CAACI,KAAK,CAACQ,QAAQ,CAAC,GACjCZ,iBAAiB,CAACF;IACxB;EACF,CAAC,CAAC;AACJ,CAAC;AAACgB,OAAA,CAAAX,UAAA,GAAAA,UAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","fontName","legacyFontName","fontSizeMapping","regular","small","lineHeightMapping","labelDefaultWeight","labelDefaultcolor","LabelSmall","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight","exports"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmall.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAyBjD,MAAMG,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;AACO,MAAMC,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACxC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,aAAa,EAAEV,kBAAkB;IACjCW,YAAY,EAAEV,iBAAiB;IAC/BW,IAAI,EAAEL,cAAc,GAAGb,QAAQ,GAAGC,cAAc;IAChDkB,SAAS,EAAE;MACTC,QAAQ,EAAET,KAAK,CAACS,QAAQ,GACpBlB,eAAe,CAACS,KAAK,CAACS,QAAQ,CAAC,GAC/BlB,eAAe,CAACC,OAAO;MAC3BkB,UAAU,EAAEV,KAAK,CAACS,QAAQ,GACtBf,iBAAiB,CAACM,KAAK,CAACS,QAAQ,CAAC,GACjCf,iBAAiB,CAACF;IACxB;EACF,CAAC,EACDS,GACF,CAAC;AACH,CACF,CAAC;AAACU,OAAA,CAAAd,UAAA,GAAAA,UAAA"}

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LabelSmallAlt = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _core = require("../../core");
 var _Factory = require("./Factory");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const labelFontSize = 14;
 const labelLineHeight = 21;
 const fontName = "ReadexPro";
@@ -20,7 +22,7 @@ const legacyDefaultWeight = "SemiBold";
 /**
  * `LabelSmallAlt` typographic style. It's referenced as `LabelSmallReadex` in the design projects.
  */
-const LabelSmallAlt = props => {
+const LabelSmallAlt = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -33,7 +35,7 @@ const LabelSmallAlt = props => {
       fontSize: isExperimental ? labelFontSize : legacyLabelFontSize,
       lineHeight: labelLineHeight
     }
-  });
-};
+  }, ref);
+});
 exports.LabelSmallAlt = LabelSmallAlt;
 //# sourceMappingURL=LabelSmallAlt.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","labelFontSize","labelLineHeight","fontName","defaultColor","defaultWeight","legacyLabelFontSize","legacyFontName","legacyDefaultWeight","LabelSmallAlt","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","font","fontStyle","fontSize","lineHeight","exports"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmallAlt.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AAoBA,MAAME,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;AACO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EAC1D,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRL,aAAa,EAAEM,cAAc,GAAGN,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY;IACZU,IAAI,EAAEH,cAAc,GAAGR,QAAQ,GAAGI,cAAc;IAChDQ,SAAS,EAAE;MACTC,QAAQ,EAAEL,cAAc,GAAGV,aAAa,GAAGK,mBAAmB;MAC9DW,UAAU,EAAEf;IACd;EACF,CAAC,CAAC;AACJ,CAAC;AAACgB,OAAA,CAAAT,aAAA,GAAAA,aAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","labelFontSize","labelLineHeight","fontName","defaultColor","defaultWeight","legacyLabelFontSize","legacyFontName","legacyDefaultWeight","LabelSmallAlt","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","font","fontStyle","fontSize","lineHeight","exports"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmallAlt.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAGA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAoBjD,MAAMG,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;AACO,MAAMC,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAC3C,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRP,aAAa,EAAES,cAAc,GAAGT,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY;IACZa,IAAI,EAAEH,cAAc,GAAGX,QAAQ,GAAGI,cAAc;IAChDW,SAAS,EAAE;MACTC,QAAQ,EAAEL,cAAc,GAAGb,aAAa,GAAGK,mBAAmB;MAC9Dc,UAAU,EAAElB;IACd;EACF,CAAC,EACDW,GACF,CAAC;AACH,CACF,CAAC;AAACQ,OAAA,CAAAZ,aAAA,GAAAA,aAAA"}

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

@@ -32,13 +32,14 @@ const calculateTextStyle = function (color) {
  * @param props
  * @constructor
  */
-export const BaseTypography = props => {
+export const BaseTypography = /*#__PURE__*/React.forwardRef((props, ref) => {
   const fontStyle = useMemo(() => calculateTextStyle(props.color, props.weight, props.isItalic, props.font), [props.color, props.weight, props.isItalic, props.font]);
   const style = props.style ? [props.style, props.fontStyle, fontStyle] : [props.fontStyle, fontStyle];
   return /*#__PURE__*/React.createElement(Text, _extends({
     allowFontScaling: false
   }, props, {
+    ref: ref,
     style: style
   }), props.children);
-};
+});
 //# sourceMappingURL=BaseTypography.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Text","IOColors","makeFontStyleObject","calculateTextStyle","color","_len","arguments","length","args","Array","_key","BaseTypography","props","fontStyle","weight","isItalic","font","style","createElement","_extends","allowFontScaling","children"],"sourceRoot":"../../../../src","sources":["components/typography/BaseTypography.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAAoBC,IAAI,QAAmB,cAAc;AACzD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAGEC,mBAAmB,QACd,mBAAmB;;AAE1B;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAG,SAAAA,CACzBC,KAAe;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EACZC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;EAAA;EAAA,OACH;IACJ,GAAGR,mBAAmB,CAAC,GAAGM,IAAI,CAAC;IAC/BJ,KAAK,EAAEH,QAAQ,CAACG,KAAK;EACvB,CAAC;AAAA,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMO,cAAkC,GAAGC,KAAK,IAAI;EACzD,MAAMC,SAAS,GAAGd,OAAO,CACvB,MACEI,kBAAkB,CAACS,KAAK,CAACR,KAAK,EAAEQ,KAAK,CAACE,MAAM,EAAEF,KAAK,CAACG,QAAQ,EAAEH,KAAK,CAACI,IAAI,CAAC,EAC3E,CAACJ,KAAK,CAACR,KAAK,EAAEQ,KAAK,CAACE,MAAM,EAAEF,KAAK,CAACG,QAAQ,EAAEH,KAAK,CAACI,IAAI,CACxD,CAAC;EACD,MAAMC,KAAK,GAAGL,KAAK,CAACK,KAAK,GACrB,CAACL,KAAK,CAACK,KAAK,EAAEL,KAAK,CAACC,SAAS,EAAEA,SAAS,CAAC,GACzC,CAACD,KAAK,CAACC,SAAS,EAAEA,SAAS,CAAC;EAEhC,oBACEf,KAAA,CAAAoB,aAAA,CAAClB,IAAI,EAAAmB,QAAA;IAACC,gBAAgB,EAAE;EAAM,GAAKR,KAAK;IAAEK,KAAK,EAAEA;EAAM,IACpDL,KAAK,CAACS,QACH,CAAC;AAEX,CAAC"}
+{"version":3,"names":["React","useMemo","Text","IOColors","makeFontStyleObject","calculateTextStyle","color","_len","arguments","length","args","Array","_key","BaseTypography","forwardRef","props","ref","fontStyle","weight","isItalic","font","style","createElement","_extends","allowFontScaling","children"],"sourceRoot":"../../../../src","sources":["components/typography/BaseTypography.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAAoBC,IAAI,QAAyB,cAAc;AAC/D,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAGEC,mBAAmB,QACd,mBAAmB;;AAE1B;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAG,SAAAA,CACzBC,KAAe;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EACZC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;EAAA;EAAA,OACH;IACJ,GAAGR,mBAAmB,CAAC,GAAGM,IAAI,CAAC;IAC/BJ,KAAK,EAAEH,QAAQ,CAACG,KAAK;EACvB,CAAC;AAAA,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMO,cAAc,gBAAGb,KAAK,CAACc,UAAU,CAAiB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC7E,MAAMC,SAAS,GAAGhB,OAAO,CACvB,MACEI,kBAAkB,CAACU,KAAK,CAACT,KAAK,EAAES,KAAK,CAACG,MAAM,EAAEH,KAAK,CAACI,QAAQ,EAAEJ,KAAK,CAACK,IAAI,CAAC,EAC3E,CAACL,KAAK,CAACT,KAAK,EAAES,KAAK,CAACG,MAAM,EAAEH,KAAK,CAACI,QAAQ,EAAEJ,KAAK,CAACK,IAAI,CACxD,CAAC;EACD,MAAMC,KAAK,GAAGN,KAAK,CAACM,KAAK,GACrB,CAACN,KAAK,CAACM,KAAK,EAAEN,KAAK,CAACE,SAAS,EAAEA,SAAS,CAAC,GACzC,CAACF,KAAK,CAACE,SAAS,EAAEA,SAAS,CAAC;EAEhC,oBACEjB,KAAA,CAAAsB,aAAA,CAACpB,IAAI,EAAAqB,QAAA;IAACC,gBAAgB,EAAE;EAAM,GAAKT,KAAK;IAAEC,GAAG,EAAEA,GAAI;IAACK,KAAK,EAAEA;EAAM,IAC9DN,KAAK,CAACU,QACH,CAAC;AAEX,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 const fontName = "TitilliumSansPro";
@@ -10,7 +11,7 @@ export const bodyDefaultWeight = "Regular";
 /**
  * `Body` typographic style
  */
-export const Body = props => {
+export const Body = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -23,6 +24,6 @@ export const Body = props => {
       fontSize: bodyFontSize,
       lineHeight: bodyLineHeight
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=Body.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","fontName","legacyFontName","bodyFontSize","bodyLineHeight","bodyDefaultColor","bodyDefaultWeight","Body","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Body.tsx"],"mappings":"AAAA,SAA4BA,uBAAuB,QAAQ,YAAY;AAEvE,SAASC,oBAAoB,QAAQ,WAAW;AAchD,MAAMC,QAAoB,GAAG,kBAAkB;AAC/C,MAAMC,cAA0B,GAAG,cAAc;AAEjD,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,OAAO,MAAMC,gBAA+B,GAAG,UAAU;AACzD,OAAO,MAAMC,iBAAgC,GAAG,SAAS;;AAEzD;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACxC,MAAM;IAAEC;EAAe,CAAC,GAAGV,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGQ,KAAK;IACRE,aAAa,EAAEJ,iBAAiB;IAChCK,YAAY,EAAEN,gBAAgB;IAC9BO,IAAI,EAAEH,cAAc,GAAGR,QAAQ,GAAGC,cAAc;IAChDW,SAAS,EAAE;MAAEC,QAAQ,EAAEX,YAAY;MAAEY,UAAU,EAAEX;IAAe;EAClE,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","fontName","legacyFontName","bodyFontSize","bodyLineHeight","bodyDefaultColor","bodyDefaultWeight","Body","forwardRef","props","ref","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Body.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAA4BC,uBAAuB,QAAQ,YAAY;AAEvE,SAASC,oBAAoB,QAAQ,WAAW;AAchD,MAAMC,QAAoB,GAAG,kBAAkB;AAC/C,MAAMC,cAA0B,GAAG,cAAc;AAEjD,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,OAAO,MAAMC,gBAA+B,GAAG,UAAU;AACzD,OAAO,MAAMC,iBAAgC,GAAG,SAAS;;AAEzD;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGT,KAAK,CAACU,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGS,KAAK;IACRG,aAAa,EAAEN,iBAAiB;IAChCO,YAAY,EAAER,gBAAgB;IAC9BS,IAAI,EAAEH,cAAc,GAAGV,QAAQ,GAAGC,cAAc;IAChDa,SAAS,EAAE;MAAEC,QAAQ,EAAEb,YAAY;MAAEc,UAAU,EAAEb;IAAe;EAClE,CAAC,EACDM,GACF,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useTypographyFactory } from "./Factory";
 const fontName = "DMMono";
 const fontSize = 16;
@@ -8,7 +9,7 @@ const monospaceDefaultcolor = "bluegrey";
 /**
  * `BodyMonospace` typographic style
  */
-export const BodyMonospace = props => useTypographyFactory({
+export const BodyMonospace = /*#__PURE__*/React.forwardRef((props, ref) => useTypographyFactory({
   ...props,
   defaultWeight: monospaceDefaultWeight,
   defaultColor: monospaceDefaultcolor,
@@ -17,5 +18,5 @@ export const BodyMonospace = props => useTypographyFactory({
     fontSize,
     lineHeight
   }
-});
+}, ref));
 //# sourceMappingURL=BodyMonospace.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useTypographyFactory","fontName","fontSize","lineHeight","monospaceDefaultWeight","monospaceDefaultcolor","BodyMonospace","props","defaultWeight","defaultColor","font","fontStyle"],"sourceRoot":"../../../../src","sources":["components/typography/BodyMonospace.tsx"],"mappings":"AAEA,SAASA,oBAAoB,QAAQ,WAAW;AAUhD,MAAMC,QAAoB,GAAG,QAAQ;AACrC,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,sBAAsB,GAAG,QAAQ;AACvC,MAAMC,qBAAqB,GAAG,UAAU;;AAExC;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IACrDP,oBAAoB,CAA+B;EACjD,GAAGO,KAAK;EACRC,aAAa,EAAEJ,sBAAsB;EACrCK,YAAY,EAAEJ,qBAAqB;EACnCK,IAAI,EAAET,QAAQ;EACdU,SAAS,EAAE;IAAET,QAAQ;IAAEC;EAAW;AACpC,CAAC,CAAC"}
+{"version":3,"names":["React","useTypographyFactory","fontName","fontSize","lineHeight","monospaceDefaultWeight","monospaceDefaultcolor","BodyMonospace","forwardRef","props","ref","defaultWeight","defaultColor","font","fontStyle"],"sourceRoot":"../../../../src","sources":["components/typography/BodyMonospace.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,MAAMC,QAAoB,GAAG,QAAQ;AACrC,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,sBAAsB,GAAG,QAAQ;AACvC,MAAMC,qBAAqB,GAAG,UAAU;;AAExC;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGP,KAAK,CAACQ,UAAU,CAC3C,CAACC,KAAK,EAAEC,GAAG,KACTT,oBAAoB,CAClB;EACE,GAAGQ,KAAK;EACRE,aAAa,EAAEN,sBAAsB;EACrCO,YAAY,EAAEN,qBAAqB;EACnCO,IAAI,EAAEX,QAAQ;EACdY,SAAS,EAAE;IAAEX,QAAQ;IAAEC;EAAW;AACpC,CAAC,EACDM,GACF,CACJ,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 export const buttonTextFontSize = 16;
@@ -14,7 +15,7 @@ const legacyTextDefaultWeight = "Bold";
 /**
  * `ButtonText` typographic style
  */
-export const ButtonText = props => {
+export const ButtonText = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -26,6 +27,6 @@ export const ButtonText = props => {
     fontStyle: {
       fontSize: buttonTextFontSize
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=ButtonText.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","buttonTextFontSize","buttonTextDefaultColor","buttonTextFontName","buttonTextDefaultWeight","legacyTextFontName","legacyTextDefaultWeight","ButtonText","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":"AAEA,SAASA,uBAAuB,QAAQ,YAAY;AACpD,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AACpC;AACA;AACA,MAAMC,sBAA+C,GAAG,OAAO;AAC/D,MAAMC,kBAAgC,GAAG,WAAW;AACpD,MAAMC,uBAAsC,GAAG,SAAS;;AAExD;AACA,MAAMC,kBAAgC,GAAG,cAAc;AACvD,MAAMC,uBAAsC,GAAG,MAAM;;AAErD;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EACpD,MAAM;IAAEC;EAAe,CAAC,GAAGV,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAAyC;IAClE,GAAGQ,KAAK;IACRE,aAAa,EAAED,cAAc,GACzBL,uBAAuB,GACvBE,uBAAuB;IAC3BK,YAAY,EAAET,sBAAsB;IACpCU,IAAI,EAAEH,cAAc,GAAGN,kBAAkB,GAAGE,kBAAkB;IAC9DQ,SAAS,EAAE;MACTC,QAAQ,EAAEb;IACZ;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","buttonTextFontSize","buttonTextDefaultColor","buttonTextFontName","buttonTextDefaultWeight","legacyTextFontName","legacyTextDefaultWeight","ButtonText","forwardRef","props","ref","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,SAASC,uBAAuB,QAAQ,YAAY;AACpD,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AACpC;AACA;AACA,MAAMC,sBAA+C,GAAG,OAAO;AAC/D,MAAMC,kBAAgC,GAAG,WAAW;AACpD,MAAMC,uBAAsC,GAAG,SAAS;;AAExD;AACA,MAAMC,kBAAgC,GAAG,cAAc;AACvD,MAAMC,uBAAsC,GAAG,MAAM;;AAErD;AACA;AACA;AACA,OAAO,MAAMC,UAAU,gBAAGT,KAAK,CAACU,UAAU,CACxC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGS,KAAK;IACRG,aAAa,EAAED,cAAc,GACzBP,uBAAuB,GACvBE,uBAAuB;IAC3BO,YAAY,EAAEX,sBAAsB;IACpCY,IAAI,EAAEH,cAAc,GAAGR,kBAAkB,GAAGE,kBAAkB;IAC9DU,SAAS,EAAE;MACTC,QAAQ,EAAEf;IACZ;EACF,CAAC,EACDS,GACF,CAAC;AACH,CACF,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 export const captionFontSize = 12;
@@ -11,7 +12,7 @@ const legacyFont = "TitilliumWeb";
 /**
  * `Caption` typographic style
  */
-export const Caption = props => {
+export const Caption = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -24,6 +25,6 @@ export const Caption = props => {
       fontSize: captionFontSize,
       textTransform: "uppercase"
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=Caption.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","captionFontSize","font","defaultColor","defaultWeight","legacyFont","Caption","props","isExperimental","fontStyle","fontSize","textTransform"],"sourceRoot":"../../../../src","sources":["components/typography/Caption.tsx"],"mappings":"AAAA,SAAkBA,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;;AAE7C;AACA;AACA;AACA,OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC9C,MAAM;IAAEC;EAAe,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGO,KAAK;IACRH,aAAa;IACbD,YAAY;IACZD,IAAI,EAAEM,cAAc,GAAGN,IAAI,GAAGG,UAAU;IACxCI,SAAS,EAAE;MACTC,QAAQ,EAAET,eAAe;MACzBU,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","captionFontSize","font","defaultColor","defaultWeight","legacyFont","Caption","forwardRef","props","ref","isExperimental","fontStyle","fontSize","textTransform"],"sourceRoot":"../../../../src","sources":["components/typography/Caption.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;;AAE7C;AACA;AACA;AACA,OAAO,MAAMC,OAAO,gBAAGR,KAAK,CAACS,UAAU,CAAqB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1E,MAAM;IAAEC;EAAe,CAAC,GAAGX,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGQ,KAAK;IACRJ,aAAa;IACbD,YAAY;IACZD,IAAI,EAAEQ,cAAc,GAAGR,IAAI,GAAGG,UAAU;IACxCM,SAAS,EAAE;MACTC,QAAQ,EAAEX,eAAe;MACzBY,aAAa,EAAE;IACjB;EACF,CAAC,EACDJ,GACF,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 const chipFontSize = 12;
@@ -10,7 +11,7 @@ const legacyFont = "TitilliumWeb";
 /**
  * `Chip` typographic style
  */
-export const Chip = props => {
+export const Chip = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -22,6 +23,6 @@ export const Chip = props => {
     fontStyle: {
       fontSize: chipFontSize
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=Chip.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","chipFontSize","font","defaultColor","defaultWeight","legacyFont","Chip","props","isExperimental","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/Chip.tsx"],"mappings":"AAAA,SAAmBA,uBAAuB,QAAQ,YAAY;AAE9D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,MAAMC,YAAY,GAAG,EAAE;AACvB,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACxC,MAAM;IAAEC;EAAe,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGO,KAAK;IACRH,aAAa;IACbD,YAAY;IACZD,IAAI,EAAEM,cAAc,GAAGN,IAAI,GAAGG,UAAU;IACxCI,SAAS,EAAE;MAAEC,QAAQ,EAAET;IAAa;EACtC,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","chipFontSize","font","defaultColor","defaultWeight","legacyFont","Chip","forwardRef","props","ref","isExperimental","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/Chip.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAmBC,uBAAuB,QAAQ,YAAY;AAE9D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,MAAMC,YAAY,GAAG,EAAE;AACvB,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGR,KAAK,CAACS,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEC;EAAe,CAAC,GAAGX,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGQ,KAAK;IACRJ,aAAa;IACbD,YAAY;IACZD,IAAI,EAAEQ,cAAc,GAAGR,IAAI,GAAGG,UAAU;IACxCM,SAAS,EAAE;MAAEC,QAAQ,EAAEX;IAAa;EACtC,CAAC,EACDQ,GACF,CAAC;AACH,CAAC,CAAC"}

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

@@ -38,7 +38,7 @@ function isDefaultFactoryProps(props) {
  * or with a factory function to define some custom behaviour using {@link DefaultFactoryProps}
  * @param props
  */
-export function useTypographyFactory(props) {
+export function useTypographyFactory(props, ref) {
   // Use different strategy to calculate the default values, based on DefaultProps
   const {
     weight,
@@ -47,6 +47,8 @@ export function useTypographyFactory(props) {
   return /*#__PURE__*/React.createElement(BaseTypography, _extends({
     weight: weight,
     color: color
-  }, props));
+  }, props, {
+    ref: ref
+  }));
 }
 //# sourceMappingURL=Factory.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","BaseTypography","calculateWeightColor","isDefaultFactoryProps","props","weightColorFactory","undefined","useTypographyFactory","weight","color","defaultWeight","defaultColor","createElement","_extends"],"sourceRoot":"../../../../src","sources":["components/typography/Factory.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAItC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SACEC,oBAAoB,QAGf,UAAU;;AAEjB;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;;AAQA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA,SAASC,qBAAqBA,CAC5BC,KAE0D,EACM;EAChE,OACGA,KAAK,CACHC,kBAAkB,KAAKC,SAAS;AAEvC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAGlCH,KAAqD,EAAE;EACvD;EACA,MAAM;IAAEI,MAAM;IAAEC;EAAM,CAAC,GAAGT,OAAO,CAC/B,MACEG,qBAAqB,CAACC,KAAK,CAAC,GACxBA,KAAK,CAACC,kBAAkB,CAACD,KAAK,CAACI,MAAM,EAAEJ,KAAK,CAACK,KAAK,CAAC,GACnDP,oBAAoB,CAClBE,KAAK,CAACM,aAAa,EACnBN,KAAK,CAACO,YAAY,EAClBP,KAAK,CAACI,MAAM,EACZJ,KAAK,CAACK,KACR,CAAC,EACP,CAACL,KAAK,CACR,CAAC;EAED,oBAAOL,KAAA,CAAAa,aAAA,CAACX,cAAc,EAAAY,QAAA;IAACL,MAAM,EAAEA,MAAO;IAACC,KAAK,EAAEA;EAAM,GAAKL,KAAK,CAAG,CAAC;AACpE"}
+{"version":3,"names":["React","useMemo","BaseTypography","calculateWeightColor","isDefaultFactoryProps","props","weightColorFactory","undefined","useTypographyFactory","ref","weight","color","defaultWeight","defaultColor","createElement","_extends"],"sourceRoot":"../../../../src","sources":["components/typography/Factory.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAKtC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SACEC,oBAAoB,QAGf,UAAU;;AAEjB;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;;AAQA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA,SAASC,qBAAqBA,CAC5BC,KAE0D,EACM;EAChE,OACGA,KAAK,CACHC,kBAAkB,KAAKC,SAAS;AAEvC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAIlCH,KAAqD,EACrDI,GAA8B,EAC9B;EACA;EACA,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGV,OAAO,CAC/B,MACEG,qBAAqB,CAACC,KAAK,CAAC,GACxBA,KAAK,CAACC,kBAAkB,CAACD,KAAK,CAACK,MAAM,EAAEL,KAAK,CAACM,KAAK,CAAC,GACnDR,oBAAoB,CAClBE,KAAK,CAACO,aAAa,EACnBP,KAAK,CAACQ,YAAY,EAClBR,KAAK,CAACK,MAAM,EACZL,KAAK,CAACM,KACR,CAAC,EACP,CAACN,KAAK,CACR,CAAC;EAED,oBAAOL,KAAA,CAAAc,aAAA,CAACZ,cAAc,EAAAa,QAAA;IAACL,MAAM,EAAEA,MAAO;IAACC,KAAK,EAAEA;EAAM,GAAKN,KAAK;IAAEI,GAAG,EAAEA;EAAI,EAAE,CAAC;AAC9E"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 export const h1FontSize = 28;
@@ -15,7 +16,7 @@ const legacyH1LineHeight = 43;
 /**
  * `H1` typographic style
  */
-export const H1 = props => {
+export const H1 = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -28,6 +29,6 @@ export const H1 = props => {
       fontSize: isExperimental ? h1FontSize : legacyH1FontSize,
       lineHeight: isExperimental ? h1LineHeight : legacyH1LineHeight
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=H1.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","h1FontSize","h1LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH1FontSize","legacyH1LineHeight","H1","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":"AAAA,SAAkBA,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,kBAAkB,GAAG,EAAE;;AAE7B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGb,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGW,KAAK;IACRN,aAAa,EAAEO,cAAc,GAAGP,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,UAAU;IACxCO,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGX,UAAU,GAAGO,gBAAgB;MACxDO,UAAU,EAAEH,cAAc,GAAGV,YAAY,GAAGO;IAC9C;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","h1FontSize","h1LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH1FontSize","legacyH1LineHeight","H1","forwardRef","props","ref","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,kBAAkB,GAAG,EAAE;;AAE7B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGZ,KAAK,CAACa,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAGf,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGY,KAAK;IACRP,aAAa,EAAES,cAAc,GAAGT,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAEW,cAAc,GAAGX,IAAI,GAAGG,UAAU;IACxCS,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGb,UAAU,GAAGO,gBAAgB;MACxDS,UAAU,EAAEH,cAAc,GAAGZ,YAAY,GAAGO;IAC9C;EACF,CAAC,EACDI,GACF,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 export const h2FontSize = 26;
@@ -15,7 +16,7 @@ const legacyH2LineHeight = 40;
 /**
  * `H2` typographic style
  */
-export const H2 = props => {
+export const H2 = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -28,6 +29,6 @@ export const H2 = props => {
       fontSize: isExperimental ? h2FontSize : legacyH2FontSize,
       lineHeight: isExperimental ? h2LineHeight : legacyH2LineHeight
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=H2.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","h2FontSize","h2LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH2FontSize","legacyH2LineHeight","H2","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":"AAAA,SAAkBA,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,kBAAkB,GAAG,EAAE;;AAE7B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGb,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGW,KAAK;IACRN,aAAa,EAAEO,cAAc,GAAGP,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,UAAU;IACxCO,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGX,UAAU,GAAGO,gBAAgB;MACxDO,UAAU,EAAEH,cAAc,GAAGV,YAAY,GAAGO;IAC9C;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","h2FontSize","h2LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH2FontSize","legacyH2LineHeight","H2","forwardRef","props","ref","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,kBAAkB,GAAG,EAAE;;AAE7B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGZ,KAAK,CAACa,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAGf,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGY,KAAK;IACRP,aAAa,EAAES,cAAc,GAAGT,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAEW,cAAc,GAAGX,IAAI,GAAGG,UAAU;IACxCS,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGb,UAAU,GAAGO,gBAAgB;MACxDS,UAAU,EAAEH,cAAc,GAAGZ,YAAY,GAAGO;IAC9C;EACF,CAAC,EACDI,GACF,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 /* Common typographic styles */
@@ -16,7 +17,7 @@ const legacyH3LineHeight = 34;
 /**
  * `H3` typographic style
  */
-export const H3 = props => {
+export const H3 = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -29,6 +30,6 @@ export const H3 = props => {
       fontSize: isExperimental ? h3FontSize : legacyH3FontSize,
       lineHeight: isExperimental ? h3LineHeight : legacyH3LineHeight
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=H3.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","h3FontSize","h3LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","legacyH3FontSize","legacyH3LineHeight","H3","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":"AAAA,SAAkBA,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD;AACA,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAiC,GAAG,cAAc;AACxD,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,kBAAkB,GAAG,EAAE;AAC7B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGY,KAAK;IACRP,aAAa,EAAEQ,cAAc,GAAGR,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAES,cAAc,GAAGT,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAEU,cAAc,GAAGV,IAAI,GAAGG,cAAc;IAC5CQ,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGZ,UAAU,GAAGQ,gBAAgB;MACxDO,UAAU,EAAEH,cAAc,GAAGX,YAAY,GAAGQ;IAC9C;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","h3FontSize","h3LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","legacyH3FontSize","legacyH3LineHeight","H3","forwardRef","props","ref","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD;AACA,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAiC,GAAG,cAAc;AACxD,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,kBAAkB,GAAG,EAAE;AAC7B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGb,KAAK,CAACc,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAGhB,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGa,KAAK;IACRR,aAAa,EAAEU,cAAc,GAAGV,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEW,cAAc,GAAGX,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAEY,cAAc,GAAGZ,IAAI,GAAGG,cAAc;IAC5CU,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGd,UAAU,GAAGQ,gBAAgB;MACxDS,UAAU,EAAEH,cAAc,GAAGb,YAAY,GAAGQ;IAC9C;EACF,CAAC,EACDI,GACF,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 export const h4FontSize = 20;
@@ -15,7 +16,7 @@ const legacyH4FontSize = 22;
 /**
  * `H4` typographic style
  */
-export const H4 = props => {
+export const H4 = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -28,6 +29,6 @@ export const H4 = props => {
       fontSize: isExperimental ? h4FontSize : legacyH4FontSize,
       lineHeight: h4LineHeight
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=H4.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","h4FontSize","h4LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","legacyH4FontSize","H4","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":"AAAA,SAAkBA,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAiC,GAAG,cAAc;AACxD,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;;AAE3B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGb,uBAAuB,CAAC,CAAC;EACpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGW,KAAK;IACRN,aAAa,EAAEO,cAAc,GAAGP,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEQ,cAAc,GAAGR,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,cAAc;IAC5CO,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGX,UAAU,GAAGQ,gBAAgB;MACxDM,UAAU,EAAEb;IACd;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","h4FontSize","h4LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","legacyH4FontSize","H4","forwardRef","props","ref","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAiC,GAAG,cAAc;AACxD,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;;AAE3B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGZ,KAAK,CAACa,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAGf,uBAAuB,CAAC,CAAC;EACpD,OAAOC,oBAAoB,CACzB;IACE,GAAGY,KAAK;IACRP,aAAa,EAAES,cAAc,GAAGT,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEU,cAAc,GAAGV,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAEW,cAAc,GAAGX,IAAI,GAAGG,cAAc;IAC5CS,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGb,UAAU,GAAGQ,gBAAgB;MACxDQ,UAAU,EAAEf;IACd;EACF,CAAC,EACDW,GACF,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 export const h5FontSize = 14;
@@ -10,7 +11,7 @@ const defaultWeight = "SemiBold";
 /**
  * `H5` typographic style
  */
-export const H5 = props => {
+export const H5 = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -25,6 +26,6 @@ export const H5 = props => {
       textTransform: "uppercase",
       letterSpacing: 0.5
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=H5.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","h5FontSize","h5LineHeight","font","legacyFont","defaultColor","defaultWeight","H5","props","isExperimental","fontStyle","fontSize","lineHeight","textTransform","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":"AAAA,SAAkBA,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,kBAAkB;AAC3C,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,UAAU;;AAE/C;AACA;AACA;AACA,OAAO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGV,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGQ,KAAK;IACRF,aAAa;IACbD,YAAY;IACZF,IAAI,EAAEM,cAAc,GAAGN,IAAI,GAAGC,UAAU;IACxCM,SAAS,EAAE;MACTC,QAAQ,EAAEV,UAAU;MACpBW,UAAU,EAAEV,YAAY;MACxBW,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","h5FontSize","h5LineHeight","font","legacyFont","defaultColor","defaultWeight","H5","forwardRef","props","ref","isExperimental","fontStyle","fontSize","lineHeight","textTransform","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,kBAAkB;AAC3C,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,UAAU;;AAE/C;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGT,KAAK,CAACU,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGS,KAAK;IACRH,aAAa;IACbD,YAAY;IACZF,IAAI,EAAEQ,cAAc,GAAGR,IAAI,GAAGC,UAAU;IACxCQ,SAAS,EAAE;MACTC,QAAQ,EAAEZ,UAAU;MACpBa,UAAU,EAAEZ,YAAY;MACxBa,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC,EACDN,GACF,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { IOThemeLight, useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 
@@ -18,7 +19,7 @@ const legacyDefaultWeight = "SemiBold";
 /**
  * `H6` typographic style
  */
-export const H6 = props => {
+export const H6 = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -31,6 +32,6 @@ export const H6 = props => {
       fontSize: isExperimental ? h6FontSize : legacyFontSize,
       lineHeight: isExperimental ? h6LineHeight : legacyLineHeight
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=H6.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["IOThemeLight","useIOExperimentalDesign","useTypographyFactory","h6FontSize","h6LineHeight","h6DefaultColor","h6DefaultWeight","fontName","legacyFontSize","legacyLineHeight","legacyFontName","legacyDefaultWeight","H6","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":"AAAA,SAAkBA,YAAY,EAAEC,uBAAuB,QAAQ,YAAY;AAE3E,SAASC,oBAAoB,QAAQ,WAAW;;AAGhD;;AAQA,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,cAA6B,GAAGL,YAAY,CAAC,kBAAkB,CAAC;AACtE,MAAMM,eAA8B,GAAG,SAAS;AAChD,MAAMC,QAAoB,GAAG,WAAW;;AAExC;AACA,MAAMC,cAAc,GAAG,EAAE;AACzB,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,mBAAkC,GAAG,UAAU;;AAErD;AACA;AACA;AACA,OAAO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGb,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGW,KAAK;IACRE,aAAa,EAAED,cAAc,GAAGR,eAAe,GAAGK,mBAAmB;IACrEK,YAAY,EAAEX,cAAc;IAC5BY,IAAI,EAAEH,cAAc,GAAGP,QAAQ,GAAGG,cAAc;IAChDQ,SAAS,EAAE;MACTC,QAAQ,EAAEL,cAAc,GAAGX,UAAU,GAAGK,cAAc;MACtDY,UAAU,EAAEN,cAAc,GAAGV,YAAY,GAAGK;IAC9C;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["React","IOThemeLight","useIOExperimentalDesign","useTypographyFactory","h6FontSize","h6LineHeight","h6DefaultColor","h6DefaultWeight","fontName","legacyFontSize","legacyLineHeight","legacyFontName","legacyDefaultWeight","H6","forwardRef","props","ref","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,YAAY,EAAEC,uBAAuB,QAAQ,YAAY;AAE3E,SAASC,oBAAoB,QAAQ,WAAW;;AAGhD;;AAQA,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,cAA6B,GAAGL,YAAY,CAAC,kBAAkB,CAAC;AACtE,MAAMM,eAA8B,GAAG,SAAS;AAChD,MAAMC,QAAoB,GAAG,WAAW;;AAExC;AACA,MAAMC,cAAc,GAAG,EAAE;AACzB,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,mBAAkC,GAAG,UAAU;;AAErD;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGb,KAAK,CAACc,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAGf,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGY,KAAK;IACRG,aAAa,EAAED,cAAc,GAAGV,eAAe,GAAGK,mBAAmB;IACrEO,YAAY,EAAEb,cAAc;IAC5Bc,IAAI,EAAEH,cAAc,GAAGT,QAAQ,GAAGG,cAAc;IAChDU,SAAS,EAAE;MACTC,QAAQ,EAAEL,cAAc,GAAGb,UAAU,GAAGK,cAAc;MACtDc,UAAU,EAAEN,cAAc,GAAGZ,YAAY,GAAGK;IAC9C;EACF,CAAC,EACDM,GACF,CAAC;AACH,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 export const heroFontSize = 32;
@@ -15,7 +16,7 @@ const legacyHeroLineHeight = 49;
 /**
  * `Hero` typographic style
  */
-export const Hero = props => {
+export const Hero = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -28,6 +29,6 @@ export const Hero = props => {
       fontSize: isExperimental ? heroFontSize : legacyHeroFontSize,
       lineHeight: isExperimental ? heroLineHeight : legacyHeroLineHeight
     }
-  });
-};
+  }, ref);
+});
 //# sourceMappingURL=Hero.js.map