@pagopa/io-app-design-system 1.42.0 → 2.0.0-0

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

@@ -4,40 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h5LineHeight = exports.h5FontSize = exports.H5 = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _core = require("../../core");
-var _Factory = require("./Factory");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _IOText = require("./IOText");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const defaultColor = "textHeading-default";
 const h5FontSize = 14;
 exports.h5FontSize = h5FontSize;
 const h5LineHeight = 16;
-exports.h5LineHeight = h5LineHeight;
-const font = "TitilliumSansPro";
-const defaultColor = "black";
-const defaultWeight = "Semibold";
 
 /**
  * `H5` typographic style
  */
-const H5 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-    isExperimental
-  } = (0, _core.useIOExperimentalDesign)();
-  return (0, _Factory.useTypographyFactory)({
+exports.h5LineHeight = h5LineHeight;
+const H5 = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    color: customColor,
+    ...props
+  } = _ref;
+  const theme = (0, _core.useIOTheme)();
+  const H5Props = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "subheadline" /* iOS only */,
-    defaultWeight,
-    defaultColor,
-    font,
-    fontStyle: {
-      fontSize: h5FontSize,
-      lineHeight: h5LineHeight,
+    dynamicTypeRamp: "subheadline",
+    // iOS only
+    font: "TitilliumSansPro",
+    weight: "Semibold",
+    size: h5FontSize,
+    lineHeight: h5LineHeight,
+    color: customColor ?? theme[defaultColor],
+    textStyle: {
       textTransform: "uppercase",
       letterSpacing: 0.5
     }
-  }, ref);
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, H5Props), props.children);
 });
 exports.H5 = H5;
 //# sourceMappingURL=H5.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h5FontSize","exports","h5LineHeight","font","defaultColor","defaultWeight","H5","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","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,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;IACRK,gBAAgB,EAAEH,cAAc;IAChCI,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,aAAa,CAAC;IAC/BZ,aAAa;IACbD,YAAY;IACZD,IAAI;IACJe,SAAS,EAAE;MACTC,QAAQ,EAAEnB,UAAU;MACpBoB,UAAU,EAAElB,YAAY;MACxBmB,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC,EACDZ,GACF,CAAC;AACH,CAAC,CAAC;AAACT,OAAA,CAAAK,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_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","defaultColor","h5FontSize","exports","h5LineHeight","H5","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","H5Props","dynamicTypeRamp","font","weight","size","lineHeight","textStyle","textTransform","letterSpacing","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":"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"}

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

@@ -4,46 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h6LineHeight = exports.h6FontSize = exports.H6 = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(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
-
+var _IOText = require("./IOText");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const defaultColor = "textHeading-default";
 const h6FontSize = 16;
 exports.h6FontSize = h6FontSize;
 const h6LineHeight = 24;
 exports.h6LineHeight = h6LineHeight;
-const h6DefaultColor = _core.IOThemeLight["textBody-default"];
-const h6DefaultWeight = "Regular";
 const fontName = "ReadexPro";
+const fontWeight = "Regular";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const legacyFontSize = 18;
 const legacyLineHeight = 25;
 const legacyFontName = "TitilliumSansPro";
-const legacyDefaultWeight = "Semibold";
+const legacyFontWeight = "Semibold";
 
 /**
  * `H6` typographic style
  */
-const H6 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const H6 = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    color: customColor,
+    ...props
+  } = _ref;
+  const theme = (0, _core.useIOTheme)();
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
-  return (0, _Factory.useTypographyFactory)({
+  const H6Props = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "headline" /* iOS only */,
-    defaultWeight: isExperimental ? h6DefaultWeight : legacyDefaultWeight,
-    defaultColor: h6DefaultColor,
+    dynamicTypeRamp: "headline",
+    // iOS only
     font: isExperimental ? fontName : legacyFontName,
-    fontStyle: {
-      fontSize: isExperimental ? h6FontSize : legacyFontSize,
-      lineHeight: isExperimental ? h6LineHeight : legacyLineHeight
-    }
-  }, ref);
+    size: isExperimental ? h6FontSize : legacyFontSize,
+    lineHeight: isExperimental ? h6LineHeight : legacyLineHeight,
+    weight: isExperimental ? fontWeight : legacyFontWeight,
+    color: customColor ?? theme[defaultColor]
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, H6Props), props.children);
 });
 exports.H6 = H6;
 //# sourceMappingURL=H6.js.map

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

@@ -1 +1 @@
-{"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","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","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;AAOA,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,kBAAkB;AACrD,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,gBAAgB,EAAEH,cAAc;IAChCI,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,UAAU,CAAC;IAC5BC,aAAa,EAAEP,cAAc,GAAGX,eAAe,GAAGK,mBAAmB;IACrEc,YAAY,EAAErB,cAAc;IAC5BsB,IAAI,EAAET,cAAc,GAAGV,QAAQ,GAAGG,cAAc;IAChDiB,SAAS,EAAE;MACTC,QAAQ,EAAEX,cAAc,GAAGhB,UAAU,GAAGO,cAAc;MACtDqB,UAAU,EAAEZ,cAAc,GAAGd,YAAY,GAAGM;IAC9C;EACF,CAAC,EACDO,GACF,CAAC;AACH,CAAC,CAAC;AAACd,OAAA,CAAAU,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_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","defaultColor","h6FontSize","exports","h6LineHeight","fontName","fontWeight","legacyFontSize","legacyLineHeight","legacyFontName","legacyFontWeight","H6","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","isExperimental","useIOExperimentalDesign","H6Props","dynamicTypeRamp","font","size","lineHeight","weight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAAsE,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAEtE,MAAMI,YAA2B,GAAG,qBAAqB;AAElD,MAAMC,UAAsB,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AAClC,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,QAAsB,GAAG,WAAW;AAC1C,MAAMC,UAAwB,GAAG,SAAS;;AAE1C;AACA,MAAMC,cAA0B,GAAG,EAAE;AACrC,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,cAA4B,GAAG,kBAAkB;AACvD,MAAMC,gBAA8B,GAAG,UAAU;;AAEjD;AACA;AACA;AACO,MAAMC,EAAE,gBAAG,IAAAC,iBAAU,EAC1B,CAAAC,IAAA,EAAmCC,GAAwB,KAAK;EAAA,IAA/D;IAAEC,KAAK,EAAEC,WAAW;IAAE,GAAGC;EAAM,CAAC,GAAAJ,IAAA;EAC/B,MAAMK,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAC1B,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,MAAMC,OAAoB,GAAG;IAC3B,GAAGL,KAAK;IACRM,eAAe,EAAE,UAAU;IAAE;IAC7BC,IAAI,EAAEJ,cAAc,GAAGf,QAAQ,GAAGI,cAAc;IAChDgB,IAAI,EAAEL,cAAc,GAAGlB,UAAU,GAAGK,cAAc;IAClDmB,UAAU,EAAEN,cAAc,GAAGhB,YAAY,GAAGI,gBAAgB;IAC5DmB,MAAM,EAAEP,cAAc,GAAGd,UAAU,GAAGI,gBAAgB;IACtDK,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAACjB,YAAY;EAC1C,CAAC;EAED,oBACEpC,MAAA,CAAAY,OAAA,CAAAmD,aAAA,CAAC3D,OAAA,CAAA4D,MAAM,EAAArC,QAAA;IAACsB,GAAG,EAAEA;EAAI,GAAKQ,OAAO,GAC1BL,KAAK,CAACa,QACD,CAAC;AAEb,CACF,CAAC;AAAC3B,OAAA,CAAAQ,EAAA,GAAAA,EAAA"}

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

@@ -4,41 +4,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.heroLineHeight = exports.heroFontSize = exports.Hero = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _core = require("../../core");
-var _Factory = require("./Factory");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _IOText = require("./IOText");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const defaultColor = "textHeading-default";
 const heroFontSize = 32;
 exports.heroFontSize = heroFontSize;
 const heroLineHeight = 48;
 exports.heroLineHeight = heroLineHeight;
 const fontName = "ReadexPro";
-const defaultColor = "black";
-const defaultWeight = "Regular";
+const fontWeight = "Regular";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyFont = "TitilliumSansPro";
-const legacyWeight = "Semibold";
 const legacyHeroFontSize = 35;
 const legacyHeroLineHeight = 49;
+const legacyFontName = "TitilliumSansPro";
+const legacyFontWeight = "Semibold";
 
 /**
  * `Hero` typographic style
  */
-const Hero = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Hero = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    color: customColor,
+    ...props
+  } = _ref;
+  const theme = (0, _core.useIOTheme)();
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
-  return (0, _Factory.useTypographyFactory)({
+  const HeroProps = {
     ...props,
-    defaultWeight: isExperimental ? defaultWeight : legacyWeight,
-    defaultColor,
-    font: isExperimental ? fontName : legacyFont,
-    fontStyle: {
-      fontSize: isExperimental ? heroFontSize : legacyHeroFontSize,
-      lineHeight: isExperimental ? heroLineHeight : legacyHeroLineHeight
-    }
-  }, ref);
+    font: isExperimental ? fontName : legacyFontName,
+    weight: isExperimental ? fontWeight : legacyFontWeight,
+    size: isExperimental ? heroFontSize : legacyHeroFontSize,
+    lineHeight: isExperimental ? heroLineHeight : legacyHeroLineHeight,
+    color: customColor ?? theme[defaultColor]
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, HeroProps), props.children);
 });
 exports.Hero = Hero;
 //# sourceMappingURL=Hero.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","heroFontSize","exports","heroLineHeight","fontName","defaultColor","defaultWeight","legacyFont","legacyWeight","legacyHeroFontSize","legacyHeroLineHeight","Hero","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","font","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,QAAoB,GAAG,WAAW;AACxC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,kBAAkB;AACjD,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;IACZc,IAAI,EAAEH,cAAc,GAAGZ,QAAQ,GAAGG,UAAU;IAC5Ca,SAAS,EAAE;MACTC,QAAQ,EAAEL,cAAc,GAAGf,YAAY,GAAGQ,kBAAkB;MAC5Da,UAAU,EAAEN,cAAc,GAAGb,cAAc,GAAGO;IAChD;EACF,CAAC,EACDK,GACF,CAAC;AACH,CAAC,CAAC;AAACb,OAAA,CAAAS,IAAA,GAAAA,IAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_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","defaultColor","heroFontSize","exports","heroLineHeight","fontName","fontWeight","legacyHeroFontSize","legacyHeroLineHeight","legacyFontName","legacyFontWeight","Hero","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","isExperimental","useIOExperimentalDesign","HeroProps","font","weight","size","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.tsx"],"mappings":"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"}

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

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IOText = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _core = require("../../core");
+var _accessibility = require("../../utils/accessibility");
+var _fonts = require("../../utils/fonts");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * We exclude all of the following props when we define a new
+ * typographic style in which all of these visual attributes
+ * are already defined.
+ */
+
+/**
+ * The specific properties needed to calculate the font style using {@link makeFontStyleObject} (these information
+ * cannot be included in the default StyleProp<TextStyle>
+ */
+
+/**
+ * Extend `TypographicStyleProps` with extra props for styles that
+ * can be used as links
+ */
+
+/**
+ * Decorate the function {@link makeFontStyleObject} with the additional color calculation.
+ * @param color A value key from {@link IOColors}, transformed here in {@link ColorValue}
+ * @param args the args of the function {@link makeFontStyleObject}
+ */
+const calculateTextStyle = function (color) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+  return {
+    ...(0, _fonts.makeFontStyleObject)(...args),
+    color: _core.IOColors[color]
+  };
+};
+
+/**
+ * `IOText` is the core Typography component used to render a text.
+ * It accepts all the default text style `StyleProp<TextStyle>` (excluding the ones already applied) in addition with {@link IOTextBaseProps}
+ * used to calculate at runtime the platform-dependent styles.
+ * @param props
+ * @constructor
+ */
+const IOText = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    color,
+    size,
+    font,
+    lineHeight,
+    weight,
+    fontStyle,
+    textStyle,
+    style,
+    children,
+    ...props
+  } = _ref;
+  const theme = (0, _core.useIOTheme)();
+  const boldEnabled = (0, _accessibility.useBoldTextEnabled)();
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
+  const computedStyleObj = (0, _react.useMemo)(() => calculateTextStyle(color ?? theme["textBody-default"], size, font, lineHeight, weight, fontStyle, boldEnabled), [color, theme, size, font, lineHeight, weight, fontStyle, boldEnabled]);
+
+  /* In some cases, for example when we use color transitions with
+  `reanimated` we need to manage chromatic values as `ColorValue`
+  or `string` (not `IOColors`). So we keep a way to override
+  the the `color' attribute without giving the ability to
+  override all other all other typographic attributes
+  through the `style' prop. */
+  const fontStyleObj = style !== null && style !== void 0 && style.color ? [{
+    ...computedStyleObj,
+    color: style === null || style === void 0 ? void 0 : style.color
+  }] : computedStyleObj;
+
+  /* Some typographic styles like `H5` have certain `TextStyle` properties
+   like `textTransform` or `letterSpacing` that we want to apply to the text.
+   We use the `textStyle` prop to pass these properties to the `IOText`
+   component and preserve the ability to define the `style` prop as well.
+   The `style` prop is the last one to be applied, so we can properly
+   override the `color` attribute.
+   */
+  const styleObj = style ? [textStyle ?? {}, fontStyleObj ?? {}, style] : [textStyle ?? {}, fontStyleObj ?? {}];
+
+  /* Accessible typography based on the `fontScale` parameter */
+  const accessibleFontSizeProps = {
+    allowFontScaling: isExperimental,
+    maxFontSizeMultiplier: 1.25
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Text, _extends({
+    ref: ref,
+    style: styleObj
+  }, props, accessibleFontSizeProps), children);
+});
+exports.IOText = IOText;
+//# sourceMappingURL=IOText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_accessibility","_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","IOText","forwardRef","_ref","ref","size","font","lineHeight","weight","fontStyle","textStyle","style","children","props","theme","useIOTheme","boldEnabled","useBoldTextEnabled","isExperimental","useIOExperimentalDesign","computedStyleObj","useMemo","fontStyleObj","styleObj","accessibleFontSizeProps","allowFontScaling","maxFontSizeMultiplier","createElement","Text","exports"],"sourceRoot":"../../../../src","sources":["components/typography/IOText.tsx"],"mappings":"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"}

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

@@ -4,39 +4,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Label = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(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 font = "TitilliumSansPro";
-const labelDefaultWeight = "Bold";
-const labelDefaultcolor = "black";
-
+var _IOText = require("./IOText");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /**
- * `Label` typographic style
+ * `LabelSmall` typographic style
  */
-const Label = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+const Label = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-    fontSize,
+    weight: customWeight,
+    color: customColor,
+    asLink,
     ...props
   } = _ref;
-  const {
-    isExperimental
-  } = (0, _core.useIOExperimentalDesign)();
-  return (0, _Factory.useTypographyFactory)({
+  const theme = (0, _core.useIOTheme)();
+  const defaultColor = asLink ? theme["interactiveElem-default"] : theme["textBody-tertiary"];
+  const LabelProps = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "footnote" /* iOS only */,
-    defaultWeight: labelDefaultWeight,
-    defaultColor: labelDefaultcolor,
-    font,
-    fontStyle: {
-      fontSize: fontSize ? _common.fontSizeMapping[fontSize] : _common.fontSizeMapping.regular,
-      lineHeight: fontSize ? _common.lineHeightMapping[fontSize] : _common.lineHeightMapping.regular
-    }
-  }, ref);
+    font: "TitilliumSansPro",
+    weight: customWeight ?? "Bold",
+    size: 16,
+    lineHeight: 24,
+    color: customColor ?? defaultColor,
+    ...(asLink ? {
+      accessibilityRole: "link",
+      textStyle: {
+        textDecorationLine: "underline"
+      }
+    } : {})
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, LabelProps), props.children);
 });
 exports.Label = Label;
 //# sourceMappingURL=Label.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","_common","obj","__esModule","default","font","labelDefaultWeight","labelDefaultcolor","Label","React","forwardRef","_ref","ref","fontSize","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","defaultWeight","defaultColor","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;AAOA,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,IAAgB,GAAG,kBAAkB;AAC3C,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,gBAAgB,EAAEH,cAAc;IAChCI,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,UAAU,CAAC;IAC5BC,aAAa,EAAEhB,kBAAkB;IACjCiB,YAAY,EAAEhB,iBAAiB;IAC/BF,IAAI;IACJmB,SAAS,EAAE;MACTX,QAAQ,EAAEA,QAAQ,GACdY,uBAAe,CAACZ,QAAQ,CAAC,GACzBY,uBAAe,CAACC,OAAO;MAC3BC,UAAU,EAAEd,QAAQ,GAChBe,yBAAiB,CAACf,QAAQ,CAAC,GAC3Be,yBAAiB,CAACF;IACxB;EACF,CAAC,EACDd,GACF,CAAC;AACH,CACF,CAAC;AAACiB,OAAA,CAAArB,KAAA,GAAAA,KAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_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","Label","forwardRef","_ref","ref","weight","customWeight","color","customColor","asLink","props","theme","useIOTheme","defaultColor","LabelProps","font","size","lineHeight","accessibilityRole","textStyle","textDecorationLine","createElement","IOText","children","exports"],"sourceRoot":"../../../../src","sources":["components/typography/Label.tsx"],"mappings":"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"}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LabelMini = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _core = require("../../core");
+var _IOText = require("./IOText");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * `LabelMini` typographic style
+ */
+const LabelMini = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    weight: customWeight,
+    color: customColor,
+    asLink,
+    ...props
+  } = _ref;
+  const theme = (0, _core.useIOTheme)();
+  const defaultColor = asLink ? theme["interactiveElem-default"] : theme["textBody-tertiary"];
+  const LabelMiniProps = {
+    ...props,
+    dynamicTypeRamp: "footnote" /* iOS only */,
+    font: "TitilliumSansPro",
+    weight: customWeight ?? "Bold",
+    size: 12,
+    lineHeight: 18,
+    color: customColor ?? defaultColor,
+    ...(asLink ? {
+      accessibilityRole: "link",
+      textStyle: {
+        textDecorationLine: "underline"
+      }
+    } : {})
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, LabelMiniProps), props.children);
+});
+exports.LabelMini = LabelMini;
+//# sourceMappingURL=LabelMini.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_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","LabelMini","forwardRef","_ref","ref","weight","customWeight","color","customColor","asLink","props","theme","useIOTheme","defaultColor","LabelMiniProps","dynamicTypeRamp","font","size","lineHeight","accessibilityRole","textStyle","textDecorationLine","createElement","IOText","children","exports"],"sourceRoot":"../../../../src","sources":["components/typography/LabelMini.tsx"],"mappings":"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"}

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

@@ -4,42 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LabelSmall = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _core = require("../../core");
-var _Factory = require("./Factory");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const font = "TitilliumSansPro";
-const fontSizeMapping = {
-  regular: 14,
-  small: 12
-};
-const lineHeightMapping = {
-  regular: 21,
-  small: 18
-};
-const labelDefaultWeight = "Bold";
-const labelDefaultcolor = "blue";
-
+var _IOText = require("./IOText");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /**
  * `LabelSmall` typographic style
  */
-const LabelSmall = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-    isExperimental
-  } = (0, _core.useIOExperimentalDesign)();
-  return (0, _Factory.useTypographyFactory)({
+const LabelSmall = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    weight: customWeight,
+    color: customColor,
+    asLink,
+    ...props
+  } = _ref;
+  const theme = (0, _core.useIOTheme)();
+  const defaultColor = asLink ? theme["interactiveElem-default"] : theme["textBody-tertiary"];
+  const LabelSmallProps = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
     dynamicTypeRamp: "footnote" /* iOS only */,
-    defaultWeight: labelDefaultWeight,
-    defaultColor: labelDefaultcolor,
-    font,
-    fontStyle: {
-      fontSize: props.fontSize ? fontSizeMapping[props.fontSize] : fontSizeMapping.regular,
-      lineHeight: props.fontSize ? lineHeightMapping[props.fontSize] : lineHeightMapping.regular
-    }
-  }, ref);
+    font: "TitilliumSansPro",
+    weight: customWeight ?? "Bold",
+    size: 14,
+    lineHeight: 21,
+    color: customColor ?? defaultColor,
+    ...(asLink ? {
+      accessibilityRole: "link",
+      textStyle: {
+        textDecorationLine: "underline"
+      }
+    } : {})
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, LabelSmallProps), props.children);
 });
 exports.LabelSmall = LabelSmall;
 //# sourceMappingURL=LabelSmall.js.map