@pagopa/io-app-design-system 1.16.1 → 1.17.1

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

@@ -16,7 +16,9 @@ const defaultWeight = "Regular";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const legacyFont = "TitilliumWeb";
-const legacyDefaultWeight = "Bold";
+const legacyDefaultWeight = "SemiBold";
+const legacyH1FontSize = 31;
+const legacyH1LineHeight = 43;
 
 /**
  * `H1` typographic style
@@ -31,8 +33,8 @@ const H1 = props => {
     defaultColor,
     font: isExperimental ? font : legacyFont,
     fontStyle: {
-      fontSize: h1FontSize,
-      lineHeight: h1LineHeight
+      fontSize: isExperimental ? h1FontSize : legacyH1FontSize,
+      lineHeight: isExperimental ? h1LineHeight : legacyH1LineHeight
     }
   });
 };

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_core","require","_Factory","h1FontSize","exports","h1LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH1FontSize","legacyH1LineHeight","H1","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAUO,MAAME,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,kBAAkB,GAAG,EAAE;;AAE7B;AACA;AACA;AACO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRN,aAAa,EAAEO,cAAc,GAAGP,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,UAAU;IACxCS,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGZ,UAAU,GAAGQ,gBAAgB;MACxDS,UAAU,EAAEL,cAAc,GAAGV,YAAY,GAAGO;IAC9C;EACF,CAAC,CAAC;AACJ,CAAC;AAACR,OAAA,CAAAS,EAAA,GAAAA,EAAA"}

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

@@ -16,7 +16,9 @@ const defaultWeight = "Regular";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const legacyFont = "TitilliumWeb";
-const legacyDefaultWeight = "Bold";
+const legacyDefaultWeight = "SemiBold";
+const legacyH2FontSize = 28;
+const legacyH2LineHeight = 40;
 
 /**
  * `H2` typographic style
@@ -31,8 +33,8 @@ const H2 = props => {
     defaultColor,
     font: isExperimental ? font : legacyFont,
     fontStyle: {
-      fontSize: h2FontSize,
-      lineHeight: h2LineHeight
+      fontSize: isExperimental ? h2FontSize : legacyH2FontSize,
+      lineHeight: isExperimental ? h2LineHeight : legacyH2LineHeight
     }
   });
 };

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_core","require","_Factory","h2FontSize","exports","h2LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH2FontSize","legacyH2LineHeight","H2","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAUO,MAAME,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,kBAAkB,GAAG,EAAE;;AAE7B;AACA;AACA;AACO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRN,aAAa,EAAEO,cAAc,GAAGP,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,UAAU;IACxCS,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGZ,UAAU,GAAGQ,gBAAgB;MACxDS,UAAU,EAAEL,cAAc,GAAGV,YAAY,GAAGO;IAC9C;EACF,CAAC,CAAC;AACJ,CAAC;AAACR,OAAA,CAAAS,EAAA,GAAAA,EAAA"}

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

@@ -18,7 +18,9 @@ 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";
+const legacyDefaultWeight = "SemiBold";
+const legacyH3FontSize = 24;
+const legacyH3LineHeight = 34;
 /**
  * `H3` typographic style
  */
@@ -32,8 +34,8 @@ const H3 = props => {
     defaultColor: isExperimental ? defaultColor : legacyDefaultColor,
     font: isExperimental ? font : legacyFontName,
     fontStyle: {
-      fontSize: h3FontSize,
-      lineHeight: h3LineHeight
+      fontSize: isExperimental ? h3FontSize : legacyH3FontSize,
+      lineHeight: isExperimental ? h3LineHeight : legacyH3LineHeight
     }
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","h3FontSize","exports","h3LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","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"}
+{"version":3,"names":["_core","require","_Factory","h3FontSize","exports","h3LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","legacyH3FontSize","legacyH3LineHeight","H3","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAUA;AACO,MAAME,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAiC,GAAG,cAAc;AACxD,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,kBAAkB,GAAG,EAAE;AAC7B;AACA;AACA;AACO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRP,aAAa,EAAEQ,cAAc,GAAGR,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAES,cAAc,GAAGT,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAEU,cAAc,GAAGV,IAAI,GAAGG,cAAc;IAC5CU,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGb,UAAU,GAAGS,gBAAgB;MACxDS,UAAU,EAAEL,cAAc,GAAGX,YAAY,GAAGQ;IAC9C;EACF,CAAC,CAAC;AACJ,CAAC;AAACT,OAAA,CAAAU,EAAA,GAAAA,EAAA"}

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

@@ -18,6 +18,7 @@ const defaultWeight = "Regular";
 const legacyFontName = "TitilliumWeb";
 const legacyDefaultColor = "bluegreyDark";
 const legacyDefaultWeight = "SemiBold";
+const legacyH4FontSize = 22;
 
 /**
  * `H4` typographic style
@@ -32,7 +33,7 @@ const H4 = props => {
     defaultColor: isExperimental ? defaultColor : legacyDefaultColor,
     font: isExperimental ? font : legacyFontName,
     fontStyle: {
-      fontSize: h4FontSize,
+      fontSize: isExperimental ? h4FontSize : legacyH4FontSize,
       lineHeight: h4LineHeight
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","h4FontSize","exports","h4LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","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"}
+{"version":3,"names":["_core","require","_Factory","h4FontSize","exports","h4LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","legacyH4FontSize","H4","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAUO,MAAME,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAiC,GAAG,cAAc;AACxD,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;;AAE3B;AACA;AACA;AACO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRN,aAAa,EAAEO,cAAc,GAAGP,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEQ,cAAc,GAAGR,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,cAAc;IAC5CS,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGZ,UAAU,GAAGS,gBAAgB;MACxDQ,UAAU,EAAEf;IACd;EACF,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAS,EAAA,GAAAA,EAAA"}

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

@@ -17,6 +17,8 @@ const h6DefaultWeight = "Regular";
 const fontName = "ReadexPro";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyFontSize = 18;
+const legacyLineHeight = 25;
 const legacyFontName = "TitilliumWeb";
 const legacyDefaultWeight = "SemiBold";
 
@@ -33,8 +35,8 @@ const H6 = props => {
     defaultColor: h6DefaultColor,
     font: isExperimental ? fontName : legacyFontName,
     fontStyle: {
-      fontSize: h6FontSize,
-      lineHeight: h6LineHeight
+      fontSize: isExperimental ? h6FontSize : legacyFontSize,
+      lineHeight: isExperimental ? h6LineHeight : legacyLineHeight
     }
   });
 };

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_core","require","_Factory","h6FontSize","exports","h6LineHeight","h6DefaultColor","IOThemeLight","h6DefaultWeight","fontName","legacyFontSize","legacyLineHeight","legacyFontName","legacyDefaultWeight","H6","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAGA;;AAQO,MAAME,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,cAA6B,GAAGC,kBAAY,CAAC,kBAAkB,CAAC;AACtE,MAAMC,eAA8B,GAAG,SAAS;AAChD,MAAMC,QAAoB,GAAG,WAAW;;AAExC;AACA,MAAMC,cAAc,GAAG,EAAE;AACzB,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,mBAAkC,GAAG,UAAU;;AAErD;AACA;AACA;AACO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRI,aAAa,EAAEH,cAAc,GAAGR,eAAe,GAAGK,mBAAmB;IACrEO,YAAY,EAAEd,cAAc;IAC5Be,IAAI,EAAEL,cAAc,GAAGP,QAAQ,GAAGG,cAAc;IAChDU,SAAS,EAAE;MACTC,QAAQ,EAAEP,cAAc,GAAGb,UAAU,GAAGO,cAAc;MACtDc,UAAU,EAAER,cAAc,GAAGX,YAAY,GAAGM;IAC9C;EACF,CAAC,CAAC;AACJ,CAAC;AAACP,OAAA,CAAAU,EAAA,GAAAA,EAAA"}

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

@@ -16,6 +16,10 @@ const defaultWeight = "Regular";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const legacyFont = "TitilliumWeb";
+const legacyWeight = "SemiBold";
+const legacyHeroFontSize = 35;
+const legacyHeroLineHeight = 49;
+
 /**
  * `Hero` typographic style
  */
@@ -25,12 +29,12 @@ const Hero = props => {
   } = (0, _core.useIOExperimentalDesign)();
   return (0, _Factory.useTypographyFactory)({
     ...props,
-    defaultWeight,
+    defaultWeight: isExperimental ? defaultWeight : legacyWeight,
     defaultColor,
     font: isExperimental ? font : legacyFont,
     fontStyle: {
-      fontSize: heroFontSize,
-      lineHeight: heroLineHeight
+      fontSize: isExperimental ? heroFontSize : legacyHeroFontSize,
+      lineHeight: isExperimental ? heroLineHeight : legacyHeroLineHeight
     }
   });
 };

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

@@ -1 +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"}
+{"version":3,"names":["_core","require","_Factory","heroFontSize","exports","heroLineHeight","font","defaultColor","defaultWeight","legacyFont","legacyWeight","legacyHeroFontSize","legacyHeroLineHeight","Hero","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAUO,MAAME,YAAY,GAAG,EAAE;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA;AACxB,MAAME,cAAc,GAAG,EAAE;AAACD,OAAA,CAAAC,cAAA,GAAAA,cAAA;AACjC,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,kBAAkB,GAAG,EAAE;AAC7B,MAAMC,oBAAoB,GAAG,EAAE;;AAE/B;AACA;AACA;AACO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACxC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRN,aAAa,EAAEO,cAAc,GAAGP,aAAa,GAAGE,YAAY;IAC5DH,YAAY;IACZD,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,UAAU;IACxCS,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGZ,YAAY,GAAGQ,kBAAkB;MAC5DS,UAAU,EAAEL,cAAc,GAAGV,cAAc,GAAGO;IAChD;EACF,CAAC,CAAC;AACJ,CAAC;AAACR,OAAA,CAAAS,IAAA,GAAAA,IAAA"}

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

@@ -11,6 +11,10 @@ const fontSizeMapping = {
   regular: 14,
   small: 12
 };
+const lineHeightMapping = {
+  regular: 21,
+  small: 18
+};
 const labelDefaultWeight = "Bold";
 const labelDefaultcolor = "blue";
 
@@ -27,7 +31,8 @@ const LabelSmall = props => {
     defaultColor: labelDefaultcolor,
     font: isExperimental && props.font !== undefined ? props.font : defaultFontName,
     fontStyle: {
-      fontSize: props.fontSize ? fontSizeMapping[props.fontSize] : fontSizeMapping.regular
+      fontSize: props.fontSize ? fontSizeMapping[props.fontSize] : fontSizeMapping.regular,
+      lineHeight: props.fontSize ? lineHeightMapping[props.fontSize] : lineHeightMapping.regular
     }
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","defaultFontName","fontSizeMapping","regular","small","labelDefaultWeight","labelDefaultcolor","LabelSmall","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","undefined","fontStyle","fontSize","exports"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmall.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AAyBA,MAAME,eAA2B,GAAG,cAAc;AAClD,MAAMC,eAAyC,GAAG;EAChDC,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE;AACT,CAAC;AACD,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,iBAAiB,GAAG,MAAM;;AAEhC;AACA;AACA;AACO,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EACpD,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRI,aAAa,EAAEP,kBAAkB;IACjCQ,YAAY,EAAEP,iBAAiB;IAC/BQ,IAAI,EACFL,cAAc,IAAID,KAAK,CAACM,IAAI,KAAKC,SAAS,GAAGP,KAAK,CAACM,IAAI,GAAGb,eAAe;IAC3Ee,SAAS,EAAE;MACTC,QAAQ,EAAET,KAAK,CAACS,QAAQ,GACpBf,eAAe,CAACM,KAAK,CAACS,QAAQ,CAAC,GAC/Bf,eAAe,CAACC;IACtB;EACF,CAAC,CAAC;AACJ,CAAC;AAACe,OAAA,CAAAX,UAAA,GAAAA,UAAA"}
+{"version":3,"names":["_core","require","_Factory","defaultFontName","fontSizeMapping","regular","small","lineHeightMapping","labelDefaultWeight","labelDefaultcolor","LabelSmall","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","undefined","fontStyle","fontSize","lineHeight","exports"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmall.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AAyBA,MAAME,eAA2B,GAAG,cAAc;AAClD,MAAMC,eAAyC,GAAG;EAChDC,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE;AACT,CAAC;AACD,MAAMC,iBAA2C,GAAG;EAClDF,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE;AACT,CAAC;AACD,MAAME,kBAAkB,GAAG,MAAM;AACjC,MAAMC,iBAAiB,GAAG,MAAM;;AAEhC;AACA;AACA;AACO,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EACpD,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRI,aAAa,EAAEP,kBAAkB;IACjCQ,YAAY,EAAEP,iBAAiB;IAC/BQ,IAAI,EACFL,cAAc,IAAID,KAAK,CAACM,IAAI,KAAKC,SAAS,GAAGP,KAAK,CAACM,IAAI,GAAGd,eAAe;IAC3EgB,SAAS,EAAE;MACTC,QAAQ,EAAET,KAAK,CAACS,QAAQ,GACpBhB,eAAe,CAACO,KAAK,CAACS,QAAQ,CAAC,GAC/BhB,eAAe,CAACC,OAAO;MAC3BgB,UAAU,EAAEV,KAAK,CAACS,QAAQ,GACtBb,iBAAiB,CAACI,KAAK,CAACS,QAAQ,CAAC,GACjCb,iBAAiB,CAACF;IACxB;EACF,CAAC,CAAC;AACJ,CAAC;AAACiB,OAAA,CAAAZ,UAAA,GAAAA,UAAA"}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LabelSmallAlt = void 0;
+var _core = require("../../core");
+var _Factory = require("./Factory");
+const labelFontSize = 14;
+const labelLineHeight = 21;
+const fontName = "ReadexPro";
+const defaultColor = "black";
+const defaultWeight = "Regular";
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyLabelFontSize = 16;
+const legacyFontName = "TitilliumWeb";
+const legacyDefaultWeight = "SemiBold";
+
+/**
+ * `LabelSmallAlt` typographic style. It's referenced as `LabelSmallReadex` in the design projects.
+ */
+const LabelSmallAlt = props => {
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
+  return (0, _Factory.useTypographyFactory)({
+    ...props,
+    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
+    defaultColor,
+    font: isExperimental ? fontName : legacyFontName,
+    fontStyle: {
+      fontSize: isExperimental ? labelFontSize : legacyLabelFontSize,
+      lineHeight: labelLineHeight
+    }
+  });
+};
+exports.LabelSmallAlt = LabelSmallAlt;
+//# sourceMappingURL=LabelSmallAlt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_Factory","labelFontSize","labelLineHeight","fontName","defaultColor","defaultWeight","legacyLabelFontSize","legacyFontName","legacyDefaultWeight","LabelSmallAlt","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","font","fontStyle","fontSize","lineHeight","exports"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmallAlt.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AAoBA,MAAME,aAAa,GAAG,EAAE;AACxB,MAAMC,eAAe,GAAG,EAAE;AAC1B,MAAMC,QAAoB,GAAG,WAAW;AACxC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,mBAAmB,GAAG,EAAE;AAC9B,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,mBAAkC,GAAG,UAAU;;AAErD;AACA;AACA;AACO,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EAC1D,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRL,aAAa,EAAEM,cAAc,GAAGN,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY;IACZU,IAAI,EAAEH,cAAc,GAAGR,QAAQ,GAAGI,cAAc;IAChDQ,SAAS,EAAE;MACTC,QAAQ,EAAEL,cAAc,GAAGV,aAAa,GAAGK,mBAAmB;MAC9DW,UAAU,EAAEf;IACd;EACF,CAAC,CAAC;AACJ,CAAC;AAACgB,OAAA,CAAAT,aAAA,GAAAA,aAAA"}

package/lib/commonjs/components/typography/README.md

@@ -0,0 +1,23 @@
+# Typography
+
+## Handling font files
+
+The application uses the font _Titillium Web_. Fonts are handled differently than Android and iOS. To use the font, `TitilliumWeb-SemiBoldItalic` example, you must apply the following properties for Android:
+
+```css
+{
+  fontFamily: 'TitilliumWeb-SemiBoldItalic'
+}
+```
+
+while in iOS the code to be applied is:
+
+```css
+{
+  fontFamily: 'Titillium Web',
+  fontWeight: '600',
+  fontStyle: 'italic'
+}
+```
+
+To manage fonts and variants more easily, we have created utility functions within the file [fonts.ts](../../utils/fonts.ts).