@pagopa/io-app-design-system 1.7.1 → 1.9.0

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

@@ -3,30 +3,33 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.h1LineHeight = exports.h1FontSize = exports.h1DefaultWeight = exports.h1DefaultColor = exports.H1 = void 0;
+exports.h1LineHeight = exports.h1FontSize = exports.H1 = void 0;
+var _core = require("../../core");
 var _Factory = require("./Factory");
-const h1FontSize = 26;
+const h1FontSize = 28;
 exports.h1FontSize = h1FontSize;
-const h1LineHeight = 32;
+const h1LineHeight = 42;
 exports.h1LineHeight = h1LineHeight;
-const h1DefaultColor = "bluegreyDark";
-exports.h1DefaultColor = h1DefaultColor;
-const h1DefaultWeight = "Bold";
+const font = "ReadexPro";
+const defaultColor = "black";
+const defaultWeight = "Regular";
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyFont = "TitilliumWeb";
+const legacyDefaultWeight = "Bold";
 
 /**
- * Typography component to render H1 text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Bold`, color: `bluegreyDark`
- * @param props
- * @constructor
+ * `H1` typographic style
  */
-exports.h1DefaultWeight = h1DefaultWeight;
 const H1 = props => {
-  const fontName = "TitilliumWeb";
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
   return (0, _Factory.useTypographyFactory)({
     ...props,
-    defaultWeight: h1DefaultWeight,
-    defaultColor: h1DefaultColor,
-    font: fontName,
+    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
+    defaultColor,
+    font: isExperimental ? font : legacyFont,
     fontStyle: {
       fontSize: h1FontSize,
       lineHeight: h1LineHeight

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

@@ -1 +1 @@
-{"version":3,"names":["_Factory","require","h1FontSize","exports","h1LineHeight","h1DefaultColor","h1DefaultWeight","H1","props","fontName","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":";;;;;;AAOA,IAAAA,QAAA,GAAAC,OAAA;AAiBO,MAAMC,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AACxB,MAAMC,cAA6B,GAAG,cAAc;AAACF,OAAA,CAAAE,cAAA,GAAAA,cAAA;AACrD,MAAMC,eAA8B,GAAG,MAAM;;AAEpD;AACA;AACA;AACA;AACA;AACA;AALAH,OAAA,CAAAG,eAAA,GAAAA,eAAA;AAMO,MAAMC,EAAsB,GAAGC,KAAK,IAAI;EAC7C,MAAMC,QAAoB,GAAG,cAAc;EAC3C,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGF,KAAK;IACRG,aAAa,EAAEL,eAAe;IAC9BM,YAAY,EAAEP,cAAc;IAC5BQ,IAAI,EAAEJ,QAAQ;IACdK,SAAS,EAAE;MAAEC,QAAQ,EAAEb,UAAU;MAAEc,UAAU,EAAEZ;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAI,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_core","require","_Factory","h1FontSize","exports","h1LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","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,MAAM;;AAEjD;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;IACRJ,aAAa,EAAEK,cAAc,GAAGL,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAEO,cAAc,GAAGP,IAAI,GAAGG,UAAU;IACxCO,SAAS,EAAE;MAAEC,QAAQ,EAAEd,UAAU;MAAEe,UAAU,EAAEb;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAO,EAAA,GAAAA,EAAA"}

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

@@ -3,30 +3,33 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.h2LineHeight = exports.h2FontSize = exports.h2DefaultWeight = exports.h2DefaultColor = exports.H2 = void 0;
+exports.h2LineHeight = exports.h2FontSize = exports.H2 = void 0;
+var _core = require("../../core");
 var _Factory = require("./Factory");
-const h2FontSize = 20;
+const h2FontSize = 26;
 exports.h2FontSize = h2FontSize;
-const h2LineHeight = 24;
+const h2LineHeight = 39;
 exports.h2LineHeight = h2LineHeight;
-const h2DefaultColor = "bluegreyDark";
-exports.h2DefaultColor = h2DefaultColor;
-const h2DefaultWeight = "Bold";
+const font = "ReadexPro";
+const defaultColor = "black";
+const defaultWeight = "Regular";
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyFont = "TitilliumWeb";
+const legacyDefaultWeight = "Bold";
 
 /**
- * Typography component to render `H2` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Bold`, color: `bluegreyDark`
- * @param props
- * @constructor
+ * `H2` typographic style
  */
-exports.h2DefaultWeight = h2DefaultWeight;
 const H2 = props => {
-  const fontName = "TitilliumWeb";
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
   return (0, _Factory.useTypographyFactory)({
     ...props,
-    defaultWeight: h2DefaultWeight,
-    defaultColor: h2DefaultColor,
-    font: fontName,
+    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
+    defaultColor,
+    font: isExperimental ? font : legacyFont,
     fontStyle: {
       fontSize: h2FontSize,
       lineHeight: h2LineHeight

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

@@ -1 +1 @@
-{"version":3,"names":["_Factory","require","h2FontSize","exports","h2LineHeight","h2DefaultColor","h2DefaultWeight","H2","props","fontName","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":";;;;;;AAOA,IAAAA,QAAA,GAAAC,OAAA;AAiBO,MAAMC,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AACxB,MAAMC,cAA6B,GAAG,cAAc;AAACF,OAAA,CAAAE,cAAA,GAAAA,cAAA;AACrD,MAAMC,eAA8B,GAAG,MAAM;;AAEpD;AACA;AACA;AACA;AACA;AACA;AALAH,OAAA,CAAAG,eAAA,GAAAA,eAAA;AAMO,MAAMC,EAAsB,GAAGC,KAAK,IAAI;EAC7C,MAAMC,QAAoB,GAAG,cAAc;EAC3C,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGF,KAAK;IACRG,aAAa,EAAEL,eAAe;IAC9BM,YAAY,EAAEP,cAAc;IAC5BQ,IAAI,EAAEJ,QAAQ;IACdK,SAAS,EAAE;MAAEC,QAAQ,EAAEb,UAAU;MAAEc,UAAU,EAAEZ;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAI,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_core","require","_Factory","h2FontSize","exports","h2LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","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,MAAM;;AAEjD;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;IACRJ,aAAa,EAAEK,cAAc,GAAGL,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAEO,cAAc,GAAGP,IAAI,GAAGG,UAAU;IACxCO,SAAS,EAAE;MAAEC,QAAQ,EAAEd,UAAU;MAAEe,UAAU,EAAEb;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAO,EAAA,GAAAA,EAAA"}

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

@@ -4,32 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h3LineHeight = exports.h3FontSize = exports.H3 = void 0;
+var _core = require("../../core");
 var _Factory = require("./Factory");
 /* Common typographic styles */
 const h3FontSize = 22;
 exports.h3FontSize = h3FontSize;
 const h3LineHeight = 33;
-/* New typographic styles */
 exports.h3LineHeight = h3LineHeight;
-const h3FontName = "ReadexPro";
-const h3DefaultColor = "black";
-const h3DefaultWeight = "Regular";
+const font = "ReadexPro";
+const defaultColor = "black";
+const defaultWeight = "Regular";
 
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyFontName = "TitilliumWeb";
+const legacyDefaultColor = "bluegreyDark";
+const legacyDefaultWeight = "Bold";
 /**
- * Typography component to render `H2` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Bold`, color: `bluegreyDark`
- * @param props
- * @constructor
+ * `H3` typographic style
  */
-const H3 = props => (0, _Factory.useTypographyFactory)({
-  ...props,
-  defaultWeight: h3DefaultWeight,
-  defaultColor: h3DefaultColor,
-  font: h3FontName,
-  fontStyle: {
-    fontSize: h3FontSize,
-    lineHeight: h3LineHeight
-  }
-});
+const H3 = props => {
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
+  return (0, _Factory.useTypographyFactory)({
+    ...props,
+    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
+    defaultColor: isExperimental ? defaultColor : legacyDefaultColor,
+    font: isExperimental ? font : legacyFontName,
+    fontStyle: {
+      fontSize: h3FontSize,
+      lineHeight: h3LineHeight
+    }
+  });
+};
 exports.H3 = H3;
 //# sourceMappingURL=H3.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_Factory","require","h3FontSize","exports","h3LineHeight","h3FontName","h3DefaultColor","h3DefaultWeight","H3","props","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":";;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AASA;AACO,MAAMC,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAC9B;AAAAD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AACA,MAAMC,UAAwB,GAAG,WAAW;AAC5C,MAAMC,cAA6B,GAAG,OAAO;AAC7C,MAAMC,eAA8B,GAAG,SAAS;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,EAAqC,GAAGC,KAAK,IACxD,IAAAC,6BAAoB,EAA+B;EACjD,GAAGD,KAAK;EACRE,aAAa,EAAEJ,eAAe;EAC9BK,YAAY,EAAEN,cAAc;EAC5BO,IAAI,EAAER,UAAU;EAChBS,SAAS,EAAE;IAAEC,QAAQ,EAAEb,UAAU;IAAEc,UAAU,EAAEZ;EAAa;AAC9D,CAAC,CAAC;AAACD,OAAA,CAAAK,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_core","require","_Factory","h3FontSize","exports","h3LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","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,MAAM;AACjD;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;IACRL,aAAa,EAAEM,cAAc,GAAGN,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEO,cAAc,GAAGP,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAEQ,cAAc,GAAGR,IAAI,GAAGG,cAAc;IAC5CQ,SAAS,EAAE;MAAEC,QAAQ,EAAEf,UAAU;MAAEgB,UAAU,EAAEd;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAQ,EAAA,GAAAA,EAAA"}

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

@@ -4,29 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h4LineHeight = exports.h4FontSize = exports.H4 = void 0;
+var _core = require("../../core");
 var _Factory = require("./Factory");
-/* Common typographic styles */
 const h4FontSize = 20;
 exports.h4FontSize = h4FontSize;
-const h4LineHeight = 24;
+const h4LineHeight = 30;
+exports.h4LineHeight = h4LineHeight;
+const font = "ReadexPro";
+const defaultColor = "black";
+const defaultWeight = "Regular";
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyFontName = "TitilliumWeb";
+const legacyDefaultColor = "bluegreyDark";
+const legacyDefaultWeight = "SemiBold";
 
 /**
- * Typography component to render `H4` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Regular/SemiBold`, color: `black/bluegreyDark` if design system is enabled or not
- * @param props
- * @constructor
+ * `H4` typographic style
  */
-exports.h4LineHeight = h4LineHeight;
 const H4 = props => {
-  /* New typographic styles */
-  const font = "ReadexPro";
-  const defaultColor = "black";
-  const defaultWeight = "Regular";
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
   return (0, _Factory.useTypographyFactory)({
     ...props,
-    defaultWeight,
-    defaultColor,
-    font,
+    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
+    defaultColor: isExperimental ? defaultColor : legacyDefaultColor,
+    font: isExperimental ? font : legacyFontName,
     fontStyle: {
       fontSize: h4FontSize,
       lineHeight: h4LineHeight

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

@@ -1 +1 @@
-{"version":3,"names":["_Factory","require","h4FontSize","exports","h4LineHeight","H4","props","font","defaultColor","defaultWeight","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAUA;AACO,MAAMC,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA;AACA;AACA;AALAD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAMO,MAAMC,EAAsB,GAAGC,KAAK,IAAI;EAC7C;EACA,MAAMC,IAAgB,GAAG,WAAW;EACpC,MAAMC,YAA2B,GAAG,OAAO;EAC3C,MAAMC,aAA4B,GAAG,SAAS;EAE9C,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGJ,KAAK;IACRG,aAAa;IACbD,YAAY;IACZD,IAAI;IACJI,SAAS,EAAE;MAAEC,QAAQ,EAAEV,UAAU;MAAEW,UAAU,EAAET;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAE,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_core","require","_Factory","h4FontSize","exports","h4LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","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;;AAErD;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;IACRL,aAAa,EAAEM,cAAc,GAAGN,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEO,cAAc,GAAGP,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAEQ,cAAc,GAAGR,IAAI,GAAGG,cAAc;IAC5CQ,SAAS,EAAE;MAAEC,QAAQ,EAAEf,UAAU;MAAEgB,UAAU,EAAEd;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAQ,EAAA,GAAAA,EAAA"}

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

@@ -3,44 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.h5FontSize = exports.h5DefaultWeight = exports.h5DefaultColor = exports.H5 = void 0;
+exports.h5LineHeight = exports.h5FontSize = exports.H5 = void 0;
 var _Factory = require("./Factory");
-// these colors are allowed only when the weight is SemiBold
-
-// when the weight is bold, only the white color is allowed
-
-// all the possible colors
-
-// all the possible weight
-
-// these are the properties allowed only if weight is undefined or SemiBold
-
-// these are the properties allowed only if weight is Bold
-
 const h5FontSize = 14;
 exports.h5FontSize = h5FontSize;
-const h5DefaultColor = "bluegreyDark";
-exports.h5DefaultColor = h5DefaultColor;
-const h5DefaultWeight = "SemiBold";
+const h5LineHeight = 16;
+exports.h5LineHeight = h5LineHeight;
+const font = "TitilliumWeb";
+const defaultColor = "black";
+const defaultWeight = "SemiBold";
 
 /**
- * Typography component to render `H5` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `SemiBold`, color: `bluegreyDark`
- * @param props
- * @constructor
+ * `H5` typographic style
  */
-exports.h5DefaultWeight = h5DefaultWeight;
-const H5 = props => {
-  const fontName = "TitilliumWeb";
-  return (0, _Factory.useTypographyFactory)({
-    ...props,
-    defaultWeight: h5DefaultWeight,
-    defaultColor: h5DefaultColor,
-    font: fontName,
-    fontStyle: {
-      fontSize: h5FontSize
-    }
-  });
-};
+const H5 = props => (0, _Factory.useTypographyFactory)({
+  ...props,
+  defaultWeight,
+  defaultColor,
+  font,
+  fontStyle: {
+    fontSize: h5FontSize,
+    lineHeight: h5LineHeight,
+    textTransform: "uppercase",
+    letterSpacing: 0.5
+  }
+});
 exports.H5 = H5;
 //# sourceMappingURL=H5.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_Factory","require","h5FontSize","exports","h5DefaultColor","h5DefaultWeight","H5","props","fontName","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAGA;;AAMA;;AAYA;;AAGA;;AAGA;;AAMA;;AAUO,MAAMC,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,cAA6B,GAAG,cAAc;AAACD,OAAA,CAAAC,cAAA,GAAAA,cAAA;AACrD,MAAMC,eAA8B,GAAG,UAAU;;AAExD;AACA;AACA;AACA;AACA;AACA;AALAF,OAAA,CAAAE,eAAA,GAAAA,eAAA;AAMO,MAAMC,EAAsB,GAAGC,KAAK,IAAI;EAC7C,MAAMC,QAAoB,GAAG,cAAc;EAC3C,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGF,KAAK;IACRG,aAAa,EAAEL,eAAe;IAC9BM,YAAY,EAAEP,cAAc;IAC5BQ,IAAI,EAAEJ,QAAQ;IACdK,SAAS,EAAE;MAAEC,QAAQ,EAAEZ;IAAW;EACpC,CAAC,CAAC;AACJ,CAAC;AAACC,OAAA,CAAAG,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_Factory","require","h5FontSize","exports","h5LineHeight","font","defaultColor","defaultWeight","H5","props","useTypographyFactory","fontStyle","fontSize","lineHeight","textTransform","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":";;;;;;AAEA,IAAAA,QAAA,GAAAC,OAAA;AAUO,MAAMC,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,cAAc;AACvC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,UAAU;;AAE/C;AACA;AACA;AACO,MAAMC,EAAE,GAAIC,KAAc,IAC/B,IAAAC,6BAAoB,EAA+B;EACjD,GAAGD,KAAK;EACRF,aAAa;EACbD,YAAY;EACZD,IAAI;EACJM,SAAS,EAAE;IACTC,QAAQ,EAAEV,UAAU;IACpBW,UAAU,EAAET,YAAY;IACxBU,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAACZ,OAAA,CAAAK,EAAA,GAAAA,EAAA"}

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

@@ -3,33 +3,35 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.h6LineHeight = exports.h6FontSize = exports.h6DefaultWeight = exports.h6DefaultColor = exports.H6 = void 0;
-var _IOColors = require("../../core/IOColors");
+exports.h6LineHeight = exports.h6FontSize = exports.H6 = void 0;
+var _core = require("../../core");
 var _Factory = require("./Factory");
 // when the weight is bold, only these color are allowed
 
 const h6FontSize = 16;
 exports.h6FontSize = h6FontSize;
-const h6LineHeight = 20;
+const h6LineHeight = 24;
 exports.h6LineHeight = h6LineHeight;
-const h6DefaultColor = _IOColors.IOThemeLight["textBody-default"];
-exports.h6DefaultColor = h6DefaultColor;
+const h6DefaultColor = _core.IOThemeLight["textBody-default"];
 const h6DefaultWeight = "Regular";
+const fontName = "ReadexPro";
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyFontName = "TitilliumWeb";
+const legacyDefaultWeight = "SemiBold";
 
 /**
- * Typography component to render `H6` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Regular`, color: `black`
- * @param props
- * @constructor
+ * `H6` typographic style
  */
-exports.h6DefaultWeight = h6DefaultWeight;
 const H6 = props => {
-  const fontName = "ReadexPro";
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
   return (0, _Factory.useTypographyFactory)({
     ...props,
-    defaultWeight: h6DefaultWeight,
+    defaultWeight: isExperimental ? h6DefaultWeight : legacyDefaultWeight,
     defaultColor: h6DefaultColor,
-    font: fontName,
+    font: isExperimental ? fontName : legacyFontName,
     fontStyle: {
       fontSize: h6FontSize,
       lineHeight: h6LineHeight

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

@@ -1 +1 @@
-{"version":3,"names":["_IOColors","require","_Factory","h6FontSize","exports","h6LineHeight","h6DefaultColor","IOThemeLight","h6DefaultWeight","H6","props","fontName","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":";;;;;;AACA,IAAAA,SAAA,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;AACxB,MAAMC,cAA6B,GAAGC,sBAAY,CAAC,kBAAkB,CAAC;AAACH,OAAA,CAAAE,cAAA,GAAAA,cAAA;AACvE,MAAME,eAA8B,GAAG,SAAS;;AAEvD;AACA;AACA;AACA;AACA;AACA;AALAJ,OAAA,CAAAI,eAAA,GAAAA,eAAA;AAMO,MAAMC,EAAsB,GAAGC,KAAK,IAAI;EAC7C,MAAMC,QAAoB,GAAG,WAAW;EACxC,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGF,KAAK;IACRG,aAAa,EAAEL,eAAe;IAC9BM,YAAY,EAAER,cAAc;IAC5BS,IAAI,EAAEJ,QAAQ;IACdK,SAAS,EAAE;MAAEC,QAAQ,EAAEd,UAAU;MAAEe,UAAU,EAAEb;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAK,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_core","require","_Factory","h6FontSize","exports","h6LineHeight","h6DefaultColor","IOThemeLight","h6DefaultWeight","fontName","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,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,GAAGN,eAAe,GAAGG,mBAAmB;IACrEO,YAAY,EAAEZ,cAAc;IAC5Ba,IAAI,EAAEL,cAAc,GAAGL,QAAQ,GAAGC,cAAc;IAChDU,SAAS,EAAE;MAAEC,QAAQ,EAAElB,UAAU;MAAEmB,UAAU,EAAEjB;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAQ,EAAA,GAAAA,EAAA"}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.heroLineHeight = exports.heroFontSize = exports.Hero = void 0;
+var _core = require("../../core");
+var _Factory = require("./Factory");
+const heroFontSize = 32;
+exports.heroFontSize = heroFontSize;
+const heroLineHeight = 48;
+exports.heroLineHeight = heroLineHeight;
+const font = "ReadexPro";
+const defaultColor = "black";
+const defaultWeight = "Regular";
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyFont = "TitilliumWeb";
+/**
+ * `Hero` typographic style
+ */
+const Hero = props => {
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
+  return (0, _Factory.useTypographyFactory)({
+    ...props,
+    defaultWeight,
+    defaultColor,
+    font: isExperimental ? font : legacyFont,
+    fontStyle: {
+      fontSize: heroFontSize,
+      lineHeight: heroLineHeight
+    }
+  });
+};
+exports.Hero = Hero;
+//# sourceMappingURL=Hero.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_Factory","heroFontSize","exports","heroLineHeight","font","defaultColor","defaultWeight","legacyFont","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;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,EAAEb,YAAY;MAAEc,UAAU,EAAEZ;IAAe;EAClE,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAM,IAAA,GAAAA,IAAA"}

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

@@ -5,24 +5,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Label = void 0;
 var _Factory = require("./Factory");
+var _common = require("./common");
+const fontName = "TitilliumWeb";
+const labelDefaultWeight = "Bold";
+const labelDefaultcolor = "black";
+
 /**
- * Typography component to render `Label` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Bold`, color: `blue`
- * @param props`
- * @constructor
+ * `Label` typographic style
  */
-const Label = props => {
-  const fontName = "TitilliumWeb";
-  const fontSize = 16;
-  const labelDefaultWeight = "Bold";
-  const labelDefaultcolor = "blue";
+const Label = _ref => {
+  let {
+    fontSize,
+    ...props
+  } = _ref;
   return (0, _Factory.useTypographyFactory)({
     ...props,
     defaultWeight: labelDefaultWeight,
     defaultColor: labelDefaultcolor,
     font: fontName,
     fontStyle: {
-      fontSize
+      fontSize: fontSize ? _common.fontSizeMapping[fontSize] : _common.fontSizeMapping.regular,
+      lineHeight: fontSize ? _common.lineHeightMapping[fontSize] : _common.lineHeightMapping.regular
     }
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_Factory","require","Label","props","fontName","fontSize","labelDefaultWeight","labelDefaultcolor","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","exports"],"sourceRoot":"../../../../src","sources":["components/typography/Label.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAaA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,KAAyB,GAAGC,KAAK,IAAI;EAChD,MAAMC,QAAoB,GAAG,cAAc;EAC3C,MAAMC,QAAQ,GAAG,EAAE;EACnB,MAAMC,kBAAkB,GAAG,MAAM;EACjC,MAAMC,iBAAiB,GAAG,MAAM;EAEhC,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGL,KAAK;IACRM,aAAa,EAAEH,kBAAkB;IACjCI,YAAY,EAAEH,iBAAiB;IAC/BI,IAAI,EAAEP,QAAQ;IACdQ,SAAS,EAAE;MAAEP;IAAS;EACxB,CAAC,CAAC;AACJ,CAAC;AAACQ,OAAA,CAAAX,KAAA,GAAAA,KAAA"}
+{"version":3,"names":["_Factory","require","_common","fontName","labelDefaultWeight","labelDefaultcolor","Label","_ref","fontSize","props","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSizeMapping","regular","lineHeight","lineHeightMapping","exports"],"sourceRoot":"../../../../src","sources":["components/typography/Label.tsx"],"mappings":";;;;;;AAEA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAeA,MAAME,QAAoB,GAAG,cAAc;AAC3C,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,iBAAiB,GAAG,OAAO;;AAEjC;AACA;AACA;AACO,MAAMC,KAAK,GAAGC,IAAA;EAAA,IAAC;IAAEC,QAAQ;IAAE,GAAGC;EAAkB,CAAC,GAAAF,IAAA;EAAA,OACtD,IAAAG,6BAAoB,EAA+B;IACjD,GAAGD,KAAK;IACRE,aAAa,EAAEP,kBAAkB;IACjCQ,YAAY,EAAEP,iBAAiB;IAC/BQ,IAAI,EAAEV,QAAQ;IACdW,SAAS,EAAE;MACTN,QAAQ,EAAEA,QAAQ,GAAGO,uBAAe,CAACP,QAAQ,CAAC,GAAGO,uBAAe,CAACC,OAAO;MACxEC,UAAU,EAAET,QAAQ,GAChBU,yBAAiB,CAACV,QAAQ,CAAC,GAC3BU,yBAAiB,CAACF;IACxB;EACF,CAAC,CAAC;AAAA;AAACG,OAAA,CAAAb,KAAA,GAAAA,KAAA"}

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

@@ -6,32 +6,35 @@ Object.defineProperty(exports, "__esModule", {
 exports.labelHeaderLineHeight = exports.labelHeaderFontSize = exports.labelHeaderDefaultColor = exports.LabelHeader = void 0;
 var _core = require("../../core");
 var _Factory = require("./Factory");
-/* Common typographic styles */
 const labelHeaderFontSize = 14;
 exports.labelHeaderFontSize = labelHeaderFontSize;
 const labelHeaderLineHeight = 18;
 exports.labelHeaderLineHeight = labelHeaderLineHeight;
 const labelHeaderDefaultColor = _core.IOThemeLight["textBody-default"];
-/* New typographic styles */
 exports.labelHeaderDefaultColor = labelHeaderDefaultColor;
 const labelHeaderFontName = "ReadexPro";
 const labelHeaderDefaultWeight = "Regular";
 
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyLabelHeaderFontName = "TitilliumWeb";
+
 /**
- * Typography component to render `LabelHeader` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Regular`, color: `bluegreyDark`
- * @param props
- * @constructor
+ * `LabelHeader` typographic style
  */
-const LabelHeader = props => (0, _Factory.useTypographyFactory)({
-  ...props,
-  defaultWeight: labelHeaderDefaultWeight,
-  defaultColor: labelHeaderDefaultColor,
-  font: labelHeaderFontName,
-  fontStyle: {
-    fontSize: labelHeaderFontSize,
-    lineHeight: labelHeaderLineHeight
-  }
-});
+const LabelHeader = props => {
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
+  return (0, _Factory.useTypographyFactory)({
+    ...props,
+    defaultWeight: labelHeaderDefaultWeight,
+    defaultColor: labelHeaderDefaultColor,
+    font: isExperimental ? legacyLabelHeaderFontName : labelHeaderFontName,
+    fontStyle: {
+      fontSize: labelHeaderFontSize,
+      lineHeight: labelHeaderLineHeight
+    }
+  });
+};
 exports.LabelHeader = LabelHeader;
 //# sourceMappingURL=LabelHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","labelHeaderFontSize","exports","labelHeaderLineHeight","labelHeaderDefaultColor","IOThemeLight","labelHeaderFontName","labelHeaderDefaultWeight","LabelHeader","props","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":";;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAeA;AACO,MAAME,mBAAmB,GAAG,EAAE;AAACC,OAAA,CAAAD,mBAAA,GAAAA,mBAAA;AAC/B,MAAME,qBAAqB,GAAG,EAAE;AAACD,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AACjC,MAAMC,uBAAsC,GACjDC,kBAAY,CAAC,kBAAkB,CAAC;AAClC;AAAAH,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AACA,MAAME,mBAAiC,GAAG,WAAW;AACrD,MAAMC,wBAAuC,GAAG,SAAS;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,WAA8C,GAAGC,KAAK,IACjE,IAAAC,6BAAoB,EAA+B;EACjD,GAAGD,KAAK;EACRE,aAAa,EAAEJ,wBAAwB;EACvCK,YAAY,EAAER,uBAAuB;EACrCS,IAAI,EAAEP,mBAAmB;EACzBQ,SAAS,EAAE;IACTC,QAAQ,EAAEd,mBAAmB;IAC7Be,UAAU,EAAEb;EACd;AACF,CAAC,CAAC;AAACD,OAAA,CAAAM,WAAA,GAAAA,WAAA"}
+{"version":3,"names":["_core","require","_Factory","labelHeaderFontSize","exports","labelHeaderLineHeight","labelHeaderDefaultColor","IOThemeLight","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","LabelHeader","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAeO,MAAME,mBAAmB,GAAG,EAAE;AAACC,OAAA,CAAAD,mBAAA,GAAAA,mBAAA;AAC/B,MAAME,qBAAqB,GAAG,EAAE;AAACD,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AACjC,MAAMC,uBAAsC,GACjDC,kBAAY,CAAC,kBAAkB,CAAC;AAACH,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AACnC,MAAME,mBAAiC,GAAG,WAAW;AACrD,MAAMC,wBAAuC,GAAG,SAAS;;AAEzD;AACA,MAAMC,yBAAuC,GAAG,cAAc;;AAE9D;AACA;AACA;AACO,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EACtD,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRI,aAAa,EAAEP,wBAAwB;IACvCQ,YAAY,EAAEX,uBAAuB;IACrCY,IAAI,EAAEL,cAAc,GAAGH,yBAAyB,GAAGF,mBAAmB;IACtEW,SAAS,EAAE;MACTC,QAAQ,EAAEjB,mBAAmB;MAC7BkB,UAAU,EAAEhB;IACd;EACF,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAO,WAAA,GAAAA,WAAA"}

package/lib/commonjs/components/typography/{Link.js → LabelLink.js}

@@ -3,34 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.linkDefaultWeight = exports.linkDefaultColor = exports.Link = void 0;
+exports.linkDefaultWeight = exports.linkDefaultColor = exports.LabelLink = void 0;
+var _common = require("./common");
 var _Factory = require("./Factory");
 const fontName = "TitilliumWeb";
-const fontSizeMapping = {
-  regular: 16,
-  small: 14
-};
 const linkDefaultColor = "blueIO-500";
 exports.linkDefaultColor = linkDefaultColor;
-const linkDefaultWeight = "Bold";
+const linkDefaultWeight = "SemiBold";
 
 /**
- * Typography component to render `Link` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `SemiBold`, color: `blue`
- * @param props`
- * @constructor
+ * `Link` typographic style
  */
 exports.linkDefaultWeight = linkDefaultWeight;
-const Link = props => (0, _Factory.useTypographyFactory)({
+const LabelLink = props => (0, _Factory.useTypographyFactory)({
   accessibilityRole: props.onPress ? "link" : undefined,
   ...props,
   defaultWeight: linkDefaultWeight,
   defaultColor: linkDefaultColor,
   font: fontName,
   fontStyle: {
-    fontSize: props.fontSize ? fontSizeMapping[props.fontSize] : fontSizeMapping.regular,
+    fontSize: props.fontSize ? _common.fontSizeMapping[props.fontSize] : _common.fontSizeMapping.regular,
+    lineHeight: props.fontSize ? _common.lineHeightMapping[props.fontSize] : _common.lineHeightMapping.regular,
     textDecorationLine: "underline"
   }
 });
-exports.Link = Link;
-//# sourceMappingURL=Link.js.map
+exports.LabelLink = LabelLink;
+//# sourceMappingURL=LabelLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_common","require","_Factory","fontName","linkDefaultColor","exports","linkDefaultWeight","LabelLink","props","useTypographyFactory","accessibilityRole","onPress","undefined","defaultWeight","defaultColor","font","fontStyle","fontSize","fontSizeMapping","regular","lineHeight","lineHeightMapping","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":";;;;;;AAEA,IAAAA,OAAA,GAAAC,OAAA;AAOA,IAAAC,QAAA,GAAAD,OAAA;AAWA,MAAME,QAAsB,GAAG,cAAc;AAEtC,MAAMC,gBAA+B,GAAG,YAAY;AAACC,OAAA,CAAAD,gBAAA,GAAAA,gBAAA;AACrD,MAAME,iBAAgC,GAAG,UAAU;;AAE1D;AACA;AACA;AAFAD,OAAA,CAAAC,iBAAA,GAAAA,iBAAA;AAGO,MAAMC,SAAS,GAAIC,KAAgB,IACxC,IAAAC,6BAAoB,EAA+B;EACjDC,iBAAiB,EAAEF,KAAK,CAACG,OAAO,GAAG,MAAM,GAAGC,SAAS;EACrD,GAAGJ,KAAK;EACRK,aAAa,EAAEP,iBAAiB;EAChCQ,YAAY,EAAEV,gBAAgB;EAC9BW,IAAI,EAAEZ,QAAQ;EACda,SAAS,EAAE;IACTC,QAAQ,EAAET,KAAK,CAACS,QAAQ,GACpBC,uBAAe,CAACV,KAAK,CAACS,QAAQ,CAAC,GAC/BC,uBAAe,CAACC,OAAO;IAC3BC,UAAU,EAAEZ,KAAK,CAACS,QAAQ,GACtBI,yBAAiB,CAACb,KAAK,CAACS,QAAQ,CAAC,GACjCI,yBAAiB,CAACF,OAAO;IAC7BG,kBAAkB,EAAE;EACtB;AACF,CAAC,CAAC;AAACjB,OAAA,CAAAE,SAAA,GAAAA,SAAA"}