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

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

@@ -39,14 +39,15 @@ const calculateTextStyle = function (color) {
  * @param props
  * @constructor
  */
-const BaseTypography = props => {
+const BaseTypography = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const fontStyle = (0, _react.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.default.createElement(_reactNative.Text, _extends({
     allowFontScaling: false
   }, props, {
+    ref: ref,
     style: style
   }), props.children);
-};
+});
 exports.BaseTypography = BaseTypography;
 //# sourceMappingURL=BaseTypography.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_IOColors","_fonts","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","calculateTextStyle","color","_len","args","Array","_key","makeFontStyleObject","IOColors","BaseTypography","props","fontStyle","useMemo","weight","isItalic","font","style","createElement","Text","allowFontScaling","children","exports"],"sourceRoot":"../../../../src","sources":["components/typography/BaseTypography.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_IOColors","_fonts","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","calculateTextStyle","color","_len","args","Array","_key","makeFontStyleObject","IOColors","BaseTypography","React","forwardRef","props","ref","fontStyle","useMemo","weight","isItalic","font","style","createElement","Text","allowFontScaling","children","exports"],"sourceRoot":"../../../../src","sources":["components/typography/BaseTypography.tsx"],"mappings":"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"}

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.bodyLineHeight = exports.bodyFontSize = exports.bodyDefaultWeight = exports.bodyDefaultColor = exports.Body = 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 bodyFontSize = 16;
@@ -20,7 +22,7 @@ const bodyDefaultWeight = "Regular";
  * `Body` typographic style
  */
 exports.bodyDefaultWeight = bodyDefaultWeight;
-const Body = props => {
+const Body = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -33,7 +35,7 @@ const Body = props => {
       fontSize: bodyFontSize,
       lineHeight: bodyLineHeight
     }
-  });
-};
+  }, ref);
+});
 exports.Body = Body;
 //# sourceMappingURL=Body.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","fontName","legacyFontName","bodyFontSize","exports","bodyLineHeight","bodyDefaultColor","bodyDefaultWeight","Body","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Body.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAcA,MAAME,QAAoB,GAAG,kBAAkB;AAC/C,MAAMC,cAA0B,GAAG,cAAc;AAE1C,MAAMC,YAAY,GAAG,EAAE;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA;AACxB,MAAME,cAAc,GAAG,EAAE;AAACD,OAAA,CAAAC,cAAA,GAAAA,cAAA;AAC1B,MAAMC,gBAA+B,GAAG,UAAU;AAACF,OAAA,CAAAE,gBAAA,GAAAA,gBAAA;AACnD,MAAMC,iBAAgC,GAAG,SAAS;;AAEzD;AACA;AACA;AAFAH,OAAA,CAAAG,iBAAA,GAAAA,iBAAA;AAGO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACxC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRI,aAAa,EAAEN,iBAAiB;IAChCO,YAAY,EAAER,gBAAgB;IAC9BS,IAAI,EAAEL,cAAc,GAAGT,QAAQ,GAAGC,cAAc;IAChDc,SAAS,EAAE;MAAEC,QAAQ,EAAEd,YAAY;MAAEe,UAAU,EAAEb;IAAe;EAClE,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAI,IAAA,GAAAA,IAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","fontName","legacyFontName","bodyFontSize","exports","bodyLineHeight","bodyDefaultColor","bodyDefaultWeight","Body","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Body.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;AAcjD,MAAMG,QAAoB,GAAG,kBAAkB;AAC/C,MAAMC,cAA0B,GAAG,cAAc;AAE1C,MAAMC,YAAY,GAAG,EAAE;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA;AACxB,MAAME,cAAc,GAAG,EAAE;AAACD,OAAA,CAAAC,cAAA,GAAAA,cAAA;AAC1B,MAAMC,gBAA+B,GAAG,UAAU;AAACF,OAAA,CAAAE,gBAAA,GAAAA,gBAAA;AACnD,MAAMC,iBAAgC,GAAG,SAAS;;AAEzD;AACA;AACA;AAFAH,OAAA,CAAAG,iBAAA,GAAAA,iBAAA;AAGO,MAAMC,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,aAAa,EAAET,iBAAiB;IAChCU,YAAY,EAAEX,gBAAgB;IAC9BY,IAAI,EAAEL,cAAc,GAAGZ,QAAQ,GAAGC,cAAc;IAChDiB,SAAS,EAAE;MAAEC,QAAQ,EAAEjB,YAAY;MAAEkB,UAAU,EAAEhB;IAAe;EAClE,CAAC,EACDO,GACF,CAAC;AACH,CAAC,CAAC;AAACR,OAAA,CAAAI,IAAA,GAAAA,IAAA"}

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

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BodyMonospace = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _Factory = require("./Factory");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const fontName = "DMMono";
 const fontSize = 16;
 const lineHeight = 24;
@@ -14,7 +16,7 @@ const monospaceDefaultcolor = "bluegrey";
 /**
  * `BodyMonospace` typographic style
  */
-const BodyMonospace = props => (0, _Factory.useTypographyFactory)({
+const BodyMonospace = /*#__PURE__*/_react.default.forwardRef((props, ref) => (0, _Factory.useTypographyFactory)({
   ...props,
   defaultWeight: monospaceDefaultWeight,
   defaultColor: monospaceDefaultcolor,
@@ -23,6 +25,6 @@ const BodyMonospace = props => (0, _Factory.useTypographyFactory)({
     fontSize,
     lineHeight
   }
-});
+}, ref));
 exports.BodyMonospace = BodyMonospace;
 //# sourceMappingURL=BodyMonospace.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_Factory","require","fontName","fontSize","lineHeight","monospaceDefaultWeight","monospaceDefaultcolor","BodyMonospace","props","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","exports"],"sourceRoot":"../../../../src","sources":["components/typography/BodyMonospace.tsx"],"mappings":";;;;;;AAEA,IAAAA,QAAA,GAAAC,OAAA;AAUA,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;AACO,MAAMC,aAAa,GAAIC,KAAyB,IACrD,IAAAC,6BAAoB,EAA+B;EACjD,GAAGD,KAAK;EACRE,aAAa,EAAEL,sBAAsB;EACrCM,YAAY,EAAEL,qBAAqB;EACnCM,IAAI,EAAEV,QAAQ;EACdW,SAAS,EAAE;IAAEV,QAAQ;IAAEC;EAAW;AACpC,CAAC,CAAC;AAACU,OAAA,CAAAP,aAAA,GAAAA,aAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Factory","obj","__esModule","default","fontName","fontSize","lineHeight","monospaceDefaultWeight","monospaceDefaultcolor","BodyMonospace","React","forwardRef","props","ref","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","exports"],"sourceRoot":"../../../../src","sources":["components/typography/BodyMonospace.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAAiD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAUjD,MAAMG,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;AACO,MAAMC,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAC3C,CAACC,KAAK,EAAEC,GAAG,KACT,IAAAC,6BAAoB,EAClB;EACE,GAAGF,KAAK;EACRG,aAAa,EAAER,sBAAsB;EACrCS,YAAY,EAAER,qBAAqB;EACnCS,IAAI,EAAEb,QAAQ;EACdc,SAAS,EAAE;IAAEb,QAAQ;IAAEC;EAAW;AACpC,CAAC,EACDO,GACF,CACJ,CAAC;AAACM,OAAA,CAAAV,aAAA,GAAAA,aAAA"}

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buttonTextFontSize = exports.ButtonText = 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 buttonTextFontSize = 16;
 /* Needed to render `ButtonOutline` and`ButtonLink` because they use
 `AnimatedText` for color transition through Reanimated */
@@ -21,7 +23,7 @@ const legacyTextDefaultWeight = "Bold";
 /**
  * `ButtonText` typographic style
  */
-const ButtonText = props => {
+const ButtonText = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -33,7 +35,7 @@ const ButtonText = props => {
     fontStyle: {
       fontSize: buttonTextFontSize
     }
-  });
-};
+  }, ref);
+});
 exports.ButtonText = ButtonText;
 //# sourceMappingURL=ButtonText.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","buttonTextFontSize","exports","buttonTextDefaultColor","buttonTextFontName","buttonTextDefaultWeight","legacyTextFontName","legacyTextDefaultWeight","ButtonText","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":";;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAUO,MAAME,kBAAkB,GAAG,EAAE;AACpC;AACA;AADAC,OAAA,CAAAD,kBAAA,GAAAA,kBAAA;AAEA,MAAME,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;AACO,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EACpD,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAAyC;IAClE,GAAGH,KAAK;IACRI,aAAa,EAAEH,cAAc,GACzBL,uBAAuB,GACvBE,uBAAuB;IAC3BO,YAAY,EAAEX,sBAAsB;IACpCY,IAAI,EAAEL,cAAc,GAAGN,kBAAkB,GAAGE,kBAAkB;IAC9DU,SAAS,EAAE;MACTC,QAAQ,EAAEhB;IACZ;EACF,CAAC,CAAC;AACJ,CAAC;AAACC,OAAA,CAAAM,UAAA,GAAAA,UAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","buttonTextFontSize","exports","buttonTextDefaultColor","buttonTextFontName","buttonTextDefaultWeight","legacyTextFontName","legacyTextDefaultWeight","ButtonText","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,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;AAU1C,MAAMG,kBAAkB,GAAG,EAAE;AACpC;AACA;AADAC,OAAA,CAAAD,kBAAA,GAAAA,kBAAA;AAEA,MAAME,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;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,EAAEH,cAAc,GACzBR,uBAAuB,GACvBE,uBAAuB;IAC3BU,YAAY,EAAEd,sBAAsB;IACpCe,IAAI,EAAEL,cAAc,GAAGT,kBAAkB,GAAGE,kBAAkB;IAC9Da,SAAS,EAAE;MACTC,QAAQ,EAAEnB;IACZ;EACF,CAAC,EACDW,GACF,CAAC;AACH,CACF,CAAC;AAACV,OAAA,CAAAM,UAAA,GAAAA,UAAA"}

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.captionFontSize = exports.Caption = 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 captionFontSize = 12;
 exports.captionFontSize = captionFontSize;
 const font = "ReadexPro";
@@ -18,7 +20,7 @@ const legacyFont = "TitilliumWeb";
 /**
  * `Caption` typographic style
  */
-const Caption = props => {
+const Caption = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -31,7 +33,7 @@ const Caption = props => {
       fontSize: captionFontSize,
       textTransform: "uppercase"
     }
-  });
-};
+  }, ref);
+});
 exports.Caption = Caption;
 //# sourceMappingURL=Caption.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","captionFontSize","exports","font","defaultColor","defaultWeight","legacyFont","Caption","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","textTransform"],"sourceRoot":"../../../../src","sources":["components/typography/Caption.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAUO,MAAME,eAAe,GAAG,EAAE;AAACC,OAAA,CAAAD,eAAA,GAAAA,eAAA;AAClC,MAAME,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;;AAE7C;AACA;AACA;AACO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC9C,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRH,aAAa;IACbD,YAAY;IACZD,IAAI,EAAEM,cAAc,GAAGN,IAAI,GAAGG,UAAU;IACxCM,SAAS,EAAE;MACTC,QAAQ,EAAEZ,eAAe;MACzBa,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;AACJ,CAAC;AAACZ,OAAA,CAAAK,OAAA,GAAAA,OAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","captionFontSize","exports","font","defaultColor","defaultWeight","legacyFont","Caption","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","textTransform"],"sourceRoot":"../../../../src","sources":["components/typography/Caption.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;AAU1C,MAAMG,eAAe,GAAG,EAAE;AAACC,OAAA,CAAAD,eAAA,GAAAA,eAAA;AAClC,MAAME,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;;AAE7C;AACA;AACA;AACO,MAAMC,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAqB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1E,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRL,aAAa;IACbD,YAAY;IACZD,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,UAAU;IACxCS,SAAS,EAAE;MACTC,QAAQ,EAAEf,eAAe;MACzBgB,aAAa,EAAE;IACjB;EACF,CAAC,EACDN,GACF,CAAC;AACH,CAAC,CAAC;AAACT,OAAA,CAAAK,OAAA,GAAAA,OAAA"}

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Chip = 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 chipFontSize = 12;
 const font = "ReadexPro";
 const defaultColor = "black";
@@ -16,7 +18,7 @@ const legacyFont = "TitilliumWeb";
 /**
  * `Chip` typographic style
  */
-const Chip = props => {
+const Chip = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -28,7 +30,7 @@ const Chip = props => {
     fontStyle: {
       fontSize: chipFontSize
     }
-  });
-};
+  }, ref);
+});
 exports.Chip = Chip;
 //# sourceMappingURL=Chip.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","chipFontSize","font","defaultColor","defaultWeight","legacyFont","Chip","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","exports"],"sourceRoot":"../../../../src","sources":["components/typography/Chip.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAUA,MAAME,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;AACO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACxC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRH,aAAa;IACbD,YAAY;IACZD,IAAI,EAAEM,cAAc,GAAGN,IAAI,GAAGG,UAAU;IACxCM,SAAS,EAAE;MAAEC,QAAQ,EAAEX;IAAa;EACtC,CAAC,CAAC;AACJ,CAAC;AAACY,OAAA,CAAAP,IAAA,GAAAA,IAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","chipFontSize","font","defaultColor","defaultWeight","legacyFont","Chip","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","exports"],"sourceRoot":"../../../../src","sources":["components/typography/Chip.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;AAUjD,MAAMG,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;AACO,MAAMC,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRL,aAAa;IACbD,YAAY;IACZD,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,UAAU;IACxCS,SAAS,EAAE;MAAEC,QAAQ,EAAEd;IAAa;EACtC,CAAC,EACDS,GACF,CAAC;AACH,CAAC,CAAC;AAACM,OAAA,CAAAV,IAAA,GAAAA,IAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_BaseTypography","_common","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","isDefaultFactoryProps","props","weightColorFactory","undefined","useTypographyFactory","weight","color","useMemo","calculateWeightColor","defaultWeight","defaultColor","createElement","BaseTypography"],"sourceRoot":"../../../../src","sources":["components/typography/Factory.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_BaseTypography","_common","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","isDefaultFactoryProps","props","weightColorFactory","undefined","useTypographyFactory","ref","weight","color","useMemo","calculateWeightColor","defaultWeight","defaultColor","createElement","BaseTypography"],"sourceRoot":"../../../../src","sources":["components/typography/Factory.tsx"],"mappings":"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"}

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h1LineHeight = exports.h1FontSize = exports.H1 = 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 h1FontSize = 28;
 exports.h1FontSize = h1FontSize;
 const h1LineHeight = 42;
@@ -23,7 +25,7 @@ const legacyH1LineHeight = 43;
 /**
  * `H1` typographic style
  */
-const H1 = props => {
+const H1 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -36,7 +38,7 @@ const H1 = props => {
       fontSize: isExperimental ? h1FontSize : legacyH1FontSize,
       lineHeight: isExperimental ? h1LineHeight : legacyH1LineHeight
     }
-  });
-};
+  }, ref);
+});
 exports.H1 = H1;
 //# sourceMappingURL=H1.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","h1FontSize","exports","h1LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH1FontSize","legacyH1LineHeight","H1","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAUO,MAAME,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,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;AACO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRN,aAAa,EAAEO,cAAc,GAAGP,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,UAAU;IACxCS,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGZ,UAAU,GAAGQ,gBAAgB;MACxDS,UAAU,EAAEL,cAAc,GAAGV,YAAY,GAAGO;IAC9C;EACF,CAAC,CAAC;AACJ,CAAC;AAACR,OAAA,CAAAS,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h1FontSize","exports","h1LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH1FontSize","legacyH1LineHeight","H1","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H1.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;AAU1C,MAAMG,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,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;AACO,MAAMC,EAAE,gBAAGC,cAAK,CAACC,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRR,aAAa,EAAEU,cAAc,GAAGV,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAEY,cAAc,GAAGZ,IAAI,GAAGG,UAAU;IACxCY,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGf,UAAU,GAAGQ,gBAAgB;MACxDY,UAAU,EAAEL,cAAc,GAAGb,YAAY,GAAGO;IAC9C;EACF,CAAC,EACDK,GACF,CAAC;AACH,CAAC,CAAC;AAACb,OAAA,CAAAS,EAAA,GAAAA,EAAA"}

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h2LineHeight = exports.h2FontSize = exports.H2 = 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 h2FontSize = 26;
 exports.h2FontSize = h2FontSize;
 const h2LineHeight = 39;
@@ -23,7 +25,7 @@ const legacyH2LineHeight = 40;
 /**
  * `H2` typographic style
  */
-const H2 = props => {
+const H2 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -36,7 +38,7 @@ const H2 = props => {
       fontSize: isExperimental ? h2FontSize : legacyH2FontSize,
       lineHeight: isExperimental ? h2LineHeight : legacyH2LineHeight
     }
-  });
-};
+  }, ref);
+});
 exports.H2 = H2;
 //# sourceMappingURL=H2.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","h2FontSize","exports","h2LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH2FontSize","legacyH2LineHeight","H2","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAUO,MAAME,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,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;AACO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRN,aAAa,EAAEO,cAAc,GAAGP,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,UAAU;IACxCS,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGZ,UAAU,GAAGQ,gBAAgB;MACxDS,UAAU,EAAEL,cAAc,GAAGV,YAAY,GAAGO;IAC9C;EACF,CAAC,CAAC;AACJ,CAAC;AAACR,OAAA,CAAAS,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h2FontSize","exports","h2LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH2FontSize","legacyH2LineHeight","H2","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H2.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;AAU1C,MAAMG,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,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;AACO,MAAMC,EAAE,gBAAGC,cAAK,CAACC,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRR,aAAa,EAAEU,cAAc,GAAGV,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAEY,cAAc,GAAGZ,IAAI,GAAGG,UAAU;IACxCY,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGf,UAAU,GAAGQ,gBAAgB;MACxDY,UAAU,EAAEL,cAAc,GAAGb,YAAY,GAAGO;IAC9C;EACF,CAAC,EACDK,GACF,CAAC;AACH,CAAC,CAAC;AAACb,OAAA,CAAAS,EAAA,GAAAA,EAAA"}

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h3LineHeight = exports.h3FontSize = exports.H3 = 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 }; }
 /* Common typographic styles */
 const h3FontSize = 22;
 exports.h3FontSize = h3FontSize;
@@ -24,7 +26,7 @@ const legacyH3LineHeight = 34;
 /**
  * `H3` typographic style
  */
-const H3 = props => {
+const H3 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -37,7 +39,7 @@ const H3 = props => {
       fontSize: isExperimental ? h3FontSize : legacyH3FontSize,
       lineHeight: isExperimental ? h3LineHeight : legacyH3LineHeight
     }
-  });
-};
+  }, ref);
+});
 exports.H3 = H3;
 //# sourceMappingURL=H3.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","h3FontSize","exports","h3LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","legacyH3FontSize","legacyH3LineHeight","H3","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAUA;AACO,MAAME,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,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;AACO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,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;IAC5CU,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGb,UAAU,GAAGS,gBAAgB;MACxDS,UAAU,EAAEL,cAAc,GAAGX,YAAY,GAAGQ;IAC9C;EACF,CAAC,CAAC;AACJ,CAAC;AAACT,OAAA,CAAAU,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h3FontSize","exports","h3LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","legacyH3FontSize","legacyH3LineHeight","H3","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H3.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;AAUjD;AACO,MAAMG,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,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;AACO,MAAMC,EAAE,gBAAGC,cAAK,CAACC,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRT,aAAa,EAAEW,cAAc,GAAGX,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEY,cAAc,GAAGZ,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAEa,cAAc,GAAGb,IAAI,GAAGG,cAAc;IAC5Ca,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGhB,UAAU,GAAGS,gBAAgB;MACxDY,UAAU,EAAEL,cAAc,GAAGd,YAAY,GAAGQ;IAC9C;EACF,CAAC,EACDK,GACF,CAAC;AACH,CAAC,CAAC;AAACd,OAAA,CAAAU,EAAA,GAAAA,EAAA"}

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h4LineHeight = exports.h4FontSize = exports.H4 = 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 h4FontSize = 20;
 exports.h4FontSize = h4FontSize;
 const h4LineHeight = 30;
@@ -23,7 +25,7 @@ const legacyH4FontSize = 22;
 /**
  * `H4` typographic style
  */
-const H4 = props => {
+const H4 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -36,7 +38,7 @@ const H4 = props => {
       fontSize: isExperimental ? h4FontSize : legacyH4FontSize,
       lineHeight: h4LineHeight
     }
-  });
-};
+  }, ref);
+});
 exports.H4 = H4;
 //# sourceMappingURL=H4.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","h4FontSize","exports","h4LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","legacyH4FontSize","H4","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAUO,MAAME,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,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;AACO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,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;IAC5CS,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGZ,UAAU,GAAGS,gBAAgB;MACxDQ,UAAU,EAAEf;IACd;EACF,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAS,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h4FontSize","exports","h4LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","legacyH4FontSize","H4","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H4.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;AAU1C,MAAMG,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,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;AACO,MAAMC,EAAE,gBAAGC,cAAK,CAACC,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,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;IAC5CY,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGf,UAAU,GAAGS,gBAAgB;MACxDW,UAAU,EAAElB;IACd;EACF,CAAC,EACDY,GACF,CAAC;AACH,CAAC,CAAC;AAACb,OAAA,CAAAS,EAAA,GAAAA,EAAA"}

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h5LineHeight = exports.h5FontSize = exports.H5 = 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 h5FontSize = 14;
 exports.h5FontSize = h5FontSize;
 const h5LineHeight = 16;
@@ -18,7 +20,7 @@ const defaultWeight = "SemiBold";
 /**
  * `H5` typographic style
  */
-const H5 = props => {
+const H5 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -33,7 +35,7 @@ const H5 = props => {
       textTransform: "uppercase",
       letterSpacing: 0.5
     }
-  });
-};
+  }, ref);
+});
 exports.H5 = H5;
 //# sourceMappingURL=H5.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","h5FontSize","exports","h5LineHeight","font","legacyFont","defaultColor","defaultWeight","H5","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight","textTransform","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAUO,MAAME,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,IAAgB,GAAG,kBAAkB;AAC3C,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,UAAU;;AAE/C;AACA;AACA;AACO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRF,aAAa;IACbD,YAAY;IACZF,IAAI,EAAEM,cAAc,GAAGN,IAAI,GAAGC,UAAU;IACxCQ,SAAS,EAAE;MACTC,QAAQ,EAAEb,UAAU;MACpBc,UAAU,EAAEZ,YAAY;MACxBa,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;AACJ,CAAC;AAACf,OAAA,CAAAM,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h5FontSize","exports","h5LineHeight","font","legacyFont","defaultColor","defaultWeight","H5","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight","textTransform","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/typography/H5.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;AAU1C,MAAMG,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,IAAgB,GAAG,kBAAkB;AAC3C,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,UAAU;;AAE/C;AACA;AACA;AACO,MAAMC,EAAE,gBAAGC,cAAK,CAACC,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRJ,aAAa;IACbD,YAAY;IACZF,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGC,UAAU;IACxCW,SAAS,EAAE;MACTC,QAAQ,EAAEhB,UAAU;MACpBiB,UAAU,EAAEf,YAAY;MACxBgB,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC,EACDR,GACF,CAAC;AACH,CAAC,CAAC;AAACV,OAAA,CAAAM,EAAA,GAAAA,EAAA"}

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h6LineHeight = exports.h6FontSize = exports.H6 = 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 }; }
 // when the weight is bold, only these color are allowed
 
 const h6FontSize = 16;
@@ -25,7 +27,7 @@ const legacyDefaultWeight = "SemiBold";
 /**
  * `H6` typographic style
  */
-const H6 = props => {
+const H6 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -38,7 +40,7 @@ const H6 = props => {
       fontSize: isExperimental ? h6FontSize : legacyFontSize,
       lineHeight: isExperimental ? h6LineHeight : legacyLineHeight
     }
-  });
-};
+  }, ref);
+});
 exports.H6 = H6;
 //# sourceMappingURL=H6.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","h6FontSize","exports","h6LineHeight","h6DefaultColor","IOThemeLight","h6DefaultWeight","fontName","legacyFontSize","legacyLineHeight","legacyFontName","legacyDefaultWeight","H6","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAGA;;AAQO,MAAME,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,cAA6B,GAAGC,kBAAY,CAAC,kBAAkB,CAAC;AACtE,MAAMC,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;AACO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRI,aAAa,EAAEH,cAAc,GAAGR,eAAe,GAAGK,mBAAmB;IACrEO,YAAY,EAAEd,cAAc;IAC5Be,IAAI,EAAEL,cAAc,GAAGP,QAAQ,GAAGG,cAAc;IAChDU,SAAS,EAAE;MACTC,QAAQ,EAAEP,cAAc,GAAGb,UAAU,GAAGO,cAAc;MACtDc,UAAU,EAAER,cAAc,GAAGX,YAAY,GAAGM;IAC9C;EACF,CAAC,CAAC;AACJ,CAAC;AAACP,OAAA,CAAAU,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h6FontSize","exports","h6LineHeight","h6DefaultColor","IOThemeLight","h6DefaultWeight","fontName","legacyFontSize","legacyLineHeight","legacyFontName","legacyDefaultWeight","H6","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H6.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;AAGjD;;AAQO,MAAMG,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,cAA6B,GAAGC,kBAAY,CAAC,kBAAkB,CAAC;AACtE,MAAMC,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;AACO,MAAMC,EAAE,gBAAGC,cAAK,CAACC,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,aAAa,EAAEH,cAAc,GAAGX,eAAe,GAAGK,mBAAmB;IACrEU,YAAY,EAAEjB,cAAc;IAC5BkB,IAAI,EAAEL,cAAc,GAAGV,QAAQ,GAAGG,cAAc;IAChDa,SAAS,EAAE;MACTC,QAAQ,EAAEP,cAAc,GAAGhB,UAAU,GAAGO,cAAc;MACtDiB,UAAU,EAAER,cAAc,GAAGd,YAAY,GAAGM;IAC9C;EACF,CAAC,EACDO,GACF,CAAC;AACH,CAAC,CAAC;AAACd,OAAA,CAAAU,EAAA,GAAAA,EAAA"}

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

@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.heroLineHeight = exports.heroFontSize = exports.Hero = 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 heroFontSize = 32;
 exports.heroFontSize = heroFontSize;
 const heroLineHeight = 48;
@@ -23,7 +25,7 @@ const legacyHeroLineHeight = 49;
 /**
  * `Hero` typographic style
  */
-const Hero = props => {
+const Hero = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -36,7 +38,7 @@ const Hero = props => {
       fontSize: isExperimental ? heroFontSize : legacyHeroFontSize,
       lineHeight: isExperimental ? heroLineHeight : legacyHeroLineHeight
     }
-  });
-};
+  }, ref);
+});
 exports.Hero = Hero;
 //# sourceMappingURL=Hero.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","heroFontSize","exports","heroLineHeight","font","defaultColor","defaultWeight","legacyFont","legacyWeight","legacyHeroFontSize","legacyHeroLineHeight","Hero","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAUO,MAAME,YAAY,GAAG,EAAE;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA;AACxB,MAAME,cAAc,GAAG,EAAE;AAACD,OAAA,CAAAC,cAAA,GAAAA,cAAA;AACjC,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;AACO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACxC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRN,aAAa,EAAEO,cAAc,GAAGP,aAAa,GAAGE,YAAY;IAC5DH,YAAY;IACZD,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,UAAU;IACxCS,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGZ,YAAY,GAAGQ,kBAAkB;MAC5DS,UAAU,EAAEL,cAAc,GAAGV,cAAc,GAAGO;IAChD;EACF,CAAC,CAAC;AACJ,CAAC;AAACR,OAAA,CAAAS,IAAA,GAAAA,IAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","heroFontSize","exports","heroLineHeight","font","defaultColor","defaultWeight","legacyFont","legacyWeight","legacyHeroFontSize","legacyHeroLineHeight","Hero","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.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;AAU1C,MAAMG,YAAY,GAAG,EAAE;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA;AACxB,MAAME,cAAc,GAAG,EAAE;AAACD,OAAA,CAAAC,cAAA,GAAAA,cAAA;AACjC,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;AACO,MAAMC,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRR,aAAa,EAAEU,cAAc,GAAGV,aAAa,GAAGE,YAAY;IAC5DH,YAAY;IACZD,IAAI,EAAEY,cAAc,GAAGZ,IAAI,GAAGG,UAAU;IACxCY,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGf,YAAY,GAAGQ,kBAAkB;MAC5DY,UAAU,EAAEL,cAAc,GAAGb,cAAc,GAAGO;IAChD;EACF,CAAC,EACDK,GACF,CAAC;AACH,CAAC,CAAC;AAACb,OAAA,CAAAS,IAAA,GAAAA,IAAA"}

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

@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Label = 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 labelDefaultWeight = "Bold";
@@ -15,7 +17,7 @@ const labelDefaultcolor = "black";
 /**
  * `Label` typographic style
  */
-const Label = _ref => {
+const Label = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
     fontSize,
     ...props
@@ -32,7 +34,7 @@ const Label = _ref => {
       fontSize: fontSize ? _common.fontSizeMapping[fontSize] : _common.fontSizeMapping.regular,
       lineHeight: fontSize ? _common.lineHeightMapping[fontSize] : _common.lineHeightMapping.regular
     }
-  });
-};
+  }, ref);
+});
 exports.Label = Label;
 //# sourceMappingURL=Label.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","_common","fontName","legacyFontName","labelDefaultWeight","labelDefaultcolor","Label","_ref","fontSize","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSizeMapping","regular","lineHeight","lineHeightMapping","exports"],"sourceRoot":"../../../../src","sources":["components/typography/Label.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAMA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAeA,MAAMG,QAAoB,GAAG,kBAAkB;AAC/C,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,iBAAiB,GAAG,OAAO;;AAEjC;AACA;AACA;AACO,MAAMC,KAAK,GAAGC,IAAA,IAAwC;EAAA,IAAvC;IAAEC,QAAQ;IAAE,GAAGC;EAAkB,CAAC,GAAAF,IAAA;EACtD,MAAM;IAAEG;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRI,aAAa,EAAET,kBAAkB;IACjCU,YAAY,EAAET,iBAAiB;IAC/BU,IAAI,EAAEL,cAAc,GAAGR,QAAQ,GAAGC,cAAc;IAChDa,SAAS,EAAE;MACTR,QAAQ,EAAEA,QAAQ,GAAGS,uBAAe,CAACT,QAAQ,CAAC,GAAGS,uBAAe,CAACC,OAAO;MACxEC,UAAU,EAAEX,QAAQ,GAChBY,yBAAiB,CAACZ,QAAQ,CAAC,GAC3BY,yBAAiB,CAACF;IACxB;EACF,CAAC,CAAC;AACJ,CAAC;AAACG,OAAA,CAAAf,KAAA,GAAAA,KAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","_common","obj","__esModule","default","fontName","legacyFontName","labelDefaultWeight","labelDefaultcolor","Label","React","forwardRef","_ref","ref","fontSize","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSizeMapping","regular","lineHeight","lineHeightMapping","exports"],"sourceRoot":"../../../../src","sources":["components/typography/Label.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAMA,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;AASlB,MAAMG,QAAoB,GAAG,kBAAkB;AAC/C,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,iBAAiB,GAAG,OAAO;;AAEjC;AACA;AACA;AACO,MAAMC,KAAK,gBAAGC,cAAK,CAACC,UAAU,CACnC,CAAAC,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAAhC;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAAH,IAAA;EACrB,MAAM;IAAEI;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGH,KAAK;IACRI,aAAa,EAAEZ,kBAAkB;IACjCa,YAAY,EAAEZ,iBAAiB;IAC/Ba,IAAI,EAAEL,cAAc,GAAGX,QAAQ,GAAGC,cAAc;IAChDgB,SAAS,EAAE;MACTR,QAAQ,EAAEA,QAAQ,GACdS,uBAAe,CAACT,QAAQ,CAAC,GACzBS,uBAAe,CAACC,OAAO;MAC3BC,UAAU,EAAEX,QAAQ,GAChBY,yBAAiB,CAACZ,QAAQ,CAAC,GAC3BY,yBAAiB,CAACF;IACxB;EACF,CAAC,EACDX,GACF,CAAC;AACH,CACF,CAAC;AAACc,OAAA,CAAAlB,KAAA,GAAAA,KAAA"}