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

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

@@ -4,39 +4,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.captionFontSize = exports.Caption = 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 = "textBody-default";
 const captionFontSize = 12;
 exports.captionFontSize = captionFontSize;
-const font = "ReadexPro";
-const defaultColor = "black";
-const defaultWeight = "Regular";
+const fontName = "ReadexPro";
+const fontWeight = "Regular";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyFont = "TitilliumSansPro";
+const legacyFontName = "TitilliumSansPro";
 
 /**
  * `Caption` typographic style
  */
-const Caption = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Caption = /*#__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 CaptionProps = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "caption1" /* iOS only */,
-    defaultWeight,
-    defaultColor,
-    font: isExperimental ? font : legacyFont,
-    fontStyle: {
-      fontSize: captionFontSize,
-      textTransform: "uppercase"
+    dynamicTypeRamp: "caption1",
+    // iOS only
+    font: isExperimental ? fontName : legacyFontName,
+    size: captionFontSize,
+    weight: fontWeight,
+    color: customColor ?? theme[defaultColor],
+    textStyle: {
+      textTransform: "uppercase",
+      letterSpacing: 0.5
     }
-  }, ref);
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, CaptionProps), props.children);
 });
 exports.Caption = Caption;
 //# sourceMappingURL=Caption.js.map

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

@@ -1 +1 @@
-{"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","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","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,kBAAkB;;AAEjD;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;IACRK,gBAAgB,EAAEH,cAAc;IAChCI,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,UAAU,CAAC;IAC5Bb,aAAa;IACbD,YAAY;IACZD,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,UAAU;IACxCa,SAAS,EAAE;MACTC,QAAQ,EAAEnB,eAAe;MACzBoB,aAAa,EAAE;IACjB;EACF,CAAC,EACDV,GACF,CAAC;AACH,CAAC,CAAC;AAACT,OAAA,CAAAK,OAAA,GAAAA,OAAA"}
+{"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","captionFontSize","exports","fontName","fontWeight","legacyFontName","Caption","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","isExperimental","useIOExperimentalDesign","CaptionProps","dynamicTypeRamp","font","size","weight","textStyle","textTransform","letterSpacing","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/Caption.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,kBAAkB;AAE/C,MAAMC,eAA2B,GAAG,EAAE;AAACC,OAAA,CAAAD,eAAA,GAAAA,eAAA;AAC9C,MAAME,QAAsB,GAAG,WAAW;AAC1C,MAAMC,UAAwB,GAAG,SAAS;;AAE1C;AACA,MAAMC,cAA4B,GAAG,kBAAkB;;AAEvD;AACA;AACA;AACO,MAAMC,OAAO,gBAAG,IAAAC,iBAAU,EAC/B,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,YAAyB,GAAG;IAChC,GAAGL,KAAK;IACRM,eAAe,EAAE,UAAU;IAAE;IAC7BC,IAAI,EAAEJ,cAAc,GAAGZ,QAAQ,GAAGE,cAAc;IAChDe,IAAI,EAAEnB,eAAe;IACrBoB,MAAM,EAAEjB,UAAU;IAClBM,KAAK,EAAEC,WAAW,IAAIE,KAAK,CAACb,YAAY,CAAC;IACzCsB,SAAS,EAAE;MACTC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC;EAED,oBACE5D,MAAA,CAAAY,OAAA,CAAAiD,aAAA,CAACzD,OAAA,CAAA0D,MAAM,EAAAnC,QAAA;IAACkB,GAAG,EAAEA;EAAI,GAAKQ,YAAY,GAC/BL,KAAK,CAACe,QACD,CAAC;AAEb,CACF,CAAC;AAACzB,OAAA,CAAAI,OAAA,GAAAA,OAAA"}

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

@@ -4,36 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Chip = 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 chipFontSize = 12;
-const font = "ReadexPro";
-const defaultColor = "black";
-const defaultWeight = "Regular";
-
+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 fontName = "ReadexPro";
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyFont = "TitilliumSansPro";
+const legacyFontName = "TitilliumSansPro";
 /**
  * `Chip` typographic style
  */
-const Chip = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Chip = /*#__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 ChipProps = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "caption2" /* iOS only */,
-    defaultWeight,
-    defaultColor,
-    font: isExperimental ? font : legacyFont,
-    fontStyle: {
-      fontSize: chipFontSize
-    }
-  }, ref);
+    dynamicTypeRamp: "caption2",
+    // iOS only
+    font: isExperimental ? fontName : legacyFontName,
+    weight: "Regular",
+    size: 12,
+    color: customColor ?? theme["textBody-default"]
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, ChipProps), props.children);
 });
 exports.Chip = Chip;
 //# sourceMappingURL=Chip.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","chipFontSize","font","defaultColor","defaultWeight","legacyFont","Chip","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","fontStyle","fontSize","exports"],"sourceRoot":"../../../../src","sources":["components/typography/Chip.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAMA,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,kBAAkB;AACjD;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;IACRK,gBAAgB,EAAEH,cAAc;IAChCI,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,UAAU,CAAC;IAC5Bb,aAAa;IACbD,YAAY;IACZD,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,UAAU;IACxCa,SAAS,EAAE;MAAEC,QAAQ,EAAElB;IAAa;EACtC,CAAC,EACDS,GACF,CAAC;AACH,CAAC,CAAC;AAACU,OAAA,CAAAd,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","fontName","legacyFontName","Chip","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","isExperimental","useIOExperimentalDesign","ChipProps","dynamicTypeRamp","font","weight","size","createElement","IOText","children","exports"],"sourceRoot":"../../../../src","sources":["components/typography/Chip.tsx"],"mappings":"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"}

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

@@ -44,6 +44,7 @@ function isDefaultFactoryProps(props) {
  * The default values can be calculated specifying some fallback values using {@link DefaultArgumentProps}
  * or with a factory function to define some custom behaviour using {@link DefaultFactoryProps}
  * @param props
+ * @deprecated Use `IOText` instead. Or use the new typographic styles that use it.
  */
 function useTypographyFactory(props, ref) {
   // Use different strategy to calculate the default values, based on DefaultProps

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","ref","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,44 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h1LineHeight = exports.h1FontSize = exports.H1 = 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 h1FontSize = 28;
 exports.h1FontSize = h1FontSize;
 const h1LineHeight = 42;
 exports.h1LineHeight = h1LineHeight;
 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 legacyDefaultWeight = "Semibold";
 const legacyH1FontSize = 31;
 const legacyH1LineHeight = 43;
+const legacyFontName = "TitilliumSansPro";
+const legacyFontWeight = "Semibold";
 
 /**
  * `H1` typographic style
  */
-const H1 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const H1 = /*#__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 H1Props = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "largeTitle" /* iOS only */,
-    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
-    defaultColor,
-    font: isExperimental ? fontName : legacyFont,
-    fontStyle: {
-      fontSize: isExperimental ? h1FontSize : legacyH1FontSize,
-      lineHeight: isExperimental ? h1LineHeight : legacyH1LineHeight
-    }
-  }, ref);
+    dynamicTypeRamp: "largeTitle",
+    // iOS only
+    font: isExperimental ? fontName : legacyFontName,
+    weight: isExperimental ? fontWeight : legacyFontWeight,
+    size: isExperimental ? h1FontSize : legacyH1FontSize,
+    lineHeight: isExperimental ? h1LineHeight : legacyH1LineHeight,
+    color: customColor ?? theme[defaultColor]
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, H1Props), props.children);
 });
 exports.H1 = H1;
 //# sourceMappingURL=H1.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h1FontSize","exports","h1LineHeight","fontName","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH1FontSize","legacyH1LineHeight","H1","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","font","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,QAAoB,GAAG,WAAW;AACxC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,kBAAkB;AACjD,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;IACRK,gBAAgB,EAAEH,cAAc;IAChCI,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,YAAY,CAAC;IAC9BhB,aAAa,EAAEU,cAAc,GAAGV,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZkB,IAAI,EAAEP,cAAc,GAAGZ,QAAQ,GAAGG,UAAU;IAC5CiB,SAAS,EAAE;MACTC,QAAQ,EAAET,cAAc,GAAGf,UAAU,GAAGQ,gBAAgB;MACxDiB,UAAU,EAAEV,cAAc,GAAGb,YAAY,GAAGO;IAC9C;EACF,CAAC,EACDK,GACF,CAAC;AACH,CAAC,CAAC;AAACb,OAAA,CAAAS,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","h1FontSize","exports","h1LineHeight","fontName","fontWeight","legacyH1FontSize","legacyH1LineHeight","legacyFontName","legacyFontWeight","H1","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","isExperimental","useIOExperimentalDesign","H1Props","dynamicTypeRamp","font","weight","size","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":"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"}

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

@@ -4,44 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h2LineHeight = exports.h2FontSize = exports.H2 = 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 h2FontSize = 26;
 exports.h2FontSize = h2FontSize;
 const h2LineHeight = 39;
 exports.h2LineHeight = h2LineHeight;
 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 legacyDefaultWeight = "Semibold";
 const legacyH2FontSize = 28;
 const legacyH2LineHeight = 40;
+const legacyFontName = "TitilliumSansPro";
+const legacyFontWeight = "Semibold";
 
 /**
  * `H2` typographic style
  */
-const H2 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const H2 = /*#__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 H2Props = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "title1" /* iOS only */,
-    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
-    defaultColor,
-    font: isExperimental ? fontName : legacyFont,
-    fontStyle: {
-      fontSize: isExperimental ? h2FontSize : legacyH2FontSize,
-      lineHeight: isExperimental ? h2LineHeight : legacyH2LineHeight
-    }
-  }, ref);
+    dynamicTypeRamp: "title1",
+    // iOS only
+    font: isExperimental ? fontName : legacyFontName,
+    size: isExperimental ? h2FontSize : legacyH2FontSize,
+    weight: isExperimental ? fontWeight : legacyFontWeight,
+    color: customColor ?? theme[defaultColor],
+    lineHeight: isExperimental ? h2LineHeight : legacyH2LineHeight
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, H2Props), props.children);
 });
 exports.H2 = H2;
 //# sourceMappingURL=H2.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h2FontSize","exports","h2LineHeight","fontName","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH2FontSize","legacyH2LineHeight","H2","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","font","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,QAAoB,GAAG,WAAW;AACxC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,kBAAkB;AACjD,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;IACRK,gBAAgB,EAAEH,cAAc;IAChCI,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,QAAQ,CAAC;IAC1BhB,aAAa,EAAEU,cAAc,GAAGV,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZkB,IAAI,EAAEP,cAAc,GAAGZ,QAAQ,GAAGG,UAAU;IAC5CiB,SAAS,EAAE;MACTC,QAAQ,EAAET,cAAc,GAAGf,UAAU,GAAGQ,gBAAgB;MACxDiB,UAAU,EAAEV,cAAc,GAAGb,YAAY,GAAGO;IAC9C;EACF,CAAC,EACDK,GACF,CAAC;AACH,CAAC,CAAC;AAACb,OAAA,CAAAS,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","h2FontSize","exports","h2LineHeight","fontName","fontWeight","legacyH2FontSize","legacyH2LineHeight","legacyFontName","legacyFontWeight","H2","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","isExperimental","useIOExperimentalDesign","H2Props","dynamicTypeRamp","font","size","weight","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":"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"}

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

@@ -4,43 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h3LineHeight = exports.h3FontSize = exports.H3 = 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";
+
 /* Common typographic styles */
 const h3FontSize = 22;
 exports.h3FontSize = h3FontSize;
 const h3LineHeight = 33;
 exports.h3LineHeight = h3LineHeight;
 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 legacyFontName = "TitilliumSansPro";
-const legacyDefaultColor = "bluegreyDark";
-const legacyDefaultWeight = "Semibold";
+const legacyFontWeight = "Semibold";
+
 /**
  * `H3` typographic style
  */
-const H3 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const H3 = /*#__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 H3Props = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "title2" /* iOS only */,
-    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
-    defaultColor: isExperimental ? defaultColor : legacyDefaultColor,
+    dynamicTypeRamp: "title2",
+    // iOS only
     font: isExperimental ? fontName : legacyFontName,
-    fontStyle: {
-      fontSize: h3FontSize,
-      lineHeight: h3LineHeight
-    }
-  }, ref);
+    weight: isExperimental ? fontWeight : legacyFontWeight,
+    size: h3FontSize,
+    lineHeight: h3LineHeight,
+    color: customColor ?? theme[defaultColor]
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, H3Props), props.children);
 });
 exports.H3 = H3;
 //# sourceMappingURL=H3.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h3FontSize","exports","h3LineHeight","fontName","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","H3","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","font","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,QAAoB,GAAG,WAAW;AACxC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,cAA0B,GAAG,kBAAkB;AACrD,MAAMC,kBAAiC,GAAG,cAAc;AACxD,MAAMC,mBAAkC,GAAG,UAAU;AACrD;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,QAAQ,CAAC;IAC1Bf,aAAa,EAAES,cAAc,GAAGT,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEU,cAAc,GAAGV,YAAY,GAAGG,kBAAkB;IAChEc,IAAI,EAAEP,cAAc,GAAGX,QAAQ,GAAGG,cAAc;IAChDgB,SAAS,EAAE;MACTC,QAAQ,EAAEvB,UAAU;MACpBwB,UAAU,EAAEtB;IACd;EACF,CAAC,EACDW,GACF,CAAC;AACH,CAAC,CAAC;AAACZ,OAAA,CAAAQ,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","h3FontSize","exports","h3LineHeight","fontName","fontWeight","legacyFontName","legacyFontWeight","H3","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","isExperimental","useIOExperimentalDesign","H3Props","dynamicTypeRamp","font","weight","size","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":"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"}

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

@@ -4,43 +4,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h4LineHeight = exports.h4FontSize = exports.H4 = 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 h4FontSize = 20;
 exports.h4FontSize = h4FontSize;
 const h4LineHeight = 24;
 exports.h4LineHeight = h4LineHeight;
-const font = "ReadexPro";
-const defaultColor = "black";
-const defaultWeight = "Regular";
+const fontName = "ReadexPro";
+const fontWeight = "Regular";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const legacyFontName = "TitilliumSansPro";
-const legacyDefaultColor = "bluegreyDark";
-const legacyDefaultWeight = "Semibold";
+const legacyFontWeight = "Semibold";
 
 /**
  * `H4` typographic style
  */
-const H4 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const H4 = /*#__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 H4Props = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "title3" /* iOS only */,
-    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
-    defaultColor: isExperimental ? defaultColor : legacyDefaultColor,
-    font: isExperimental ? font : legacyFontName,
-    fontStyle: {
-      fontSize: h4FontSize,
-      lineHeight: h4LineHeight
-    }
-  }, ref);
+    dynamicTypeRamp: "title3",
+    // iOS only
+    font: isExperimental ? fontName : legacyFontName,
+    size: h4FontSize,
+    weight: isExperimental ? fontWeight : legacyFontWeight,
+    color: customColor ?? theme[defaultColor],
+    lineHeight: h4LineHeight
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, H4Props), props.children);
 });
 exports.H4 = H4;
 //# sourceMappingURL=H4.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h4FontSize","exports","h4LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","H4","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","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,kBAAkB;AACrD,MAAMC,kBAAiC,GAAG,cAAc;AACxD,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;EACpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,gBAAgB,EAAEH,cAAc;IAChCI,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,QAAQ,CAAC;IAC1Bf,aAAa,EAAES,cAAc,GAAGT,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEU,cAAc,GAAGV,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAEW,cAAc,GAAGX,IAAI,GAAGG,cAAc;IAC5Ce,SAAS,EAAE;MACTC,QAAQ,EAAEtB,UAAU;MACpBuB,UAAU,EAAErB;IACd;EACF,CAAC,EACDW,GACF,CAAC;AACH,CAAC,CAAC;AAACZ,OAAA,CAAAQ,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","h4FontSize","exports","h4LineHeight","fontName","fontWeight","legacyFontName","legacyFontWeight","H4","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","isExperimental","useIOExperimentalDesign","H4Props","dynamicTypeRamp","font","size","weight","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":"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"}