@pagopa/io-app-design-system 4.4.4 → 5.0.0-1

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","useIOTheme","IOText","defaultColor","fontName","fontWeight","legacyFontName","legacyFontWeight","h5FontSize","h5LineHeight","H5","color","customColor","props","ref","theme","isExperimental","H5Props","dynamicTypeRamp","font","weight","size","lineHeight","textStyle","textTransform","letterSpacing","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAAkBC,uBAAuB,EAAEC,UAAU,QAAQ,YAAY;AAEzE,SAASC,MAAM,QAA4C,UAAU;AAErE,MAAMC,YAA2B,GAAG,qBAAqB;AAEzD,MAAMC,QAAsB,GAAG,UAAU;AACzC,MAAMC,UAAwB,GAAG,UAAU;AAE3C,MAAMC,cAA4B,GAAG,kBAAkB;AACvD,MAAMC,gBAA8B,GAAG,UAAU;AAEjD,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGX,UAAU,CAC1B,CAAC;EAAEY,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGd,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEe;EAAe,CAAC,GAAGhB,uBAAuB,CAAC,CAAC;EAEpD,MAAMiB,OAAoB,GAAG;IAC3B,GAAGJ,KAAK;IACRK,eAAe,EAAE,aAAa;IAAE;IAChCC,IAAI,EAAEH,cAAc,GAAGZ,QAAQ,GAAGE,cAAc;IAChDc,MAAM,EAAEJ,cAAc,GAAGX,UAAU,GAAGE,gBAAgB;IACtDc,IAAI,EAAEb,UAAU;IAChBc,UAAU,EAAEb,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAACZ,YAAY,CAAC;IACzCoB,SAAS,EAAE;MACTC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC;EAED,oBACE3B,KAAA,CAAA4B,aAAA,CAACxB,MAAM,EAAAyB,QAAA;IAACb,GAAG,EAAEA;EAAI,GAAKG,OAAO,GAC1BJ,KAAK,CAACe,QACD,CAAC;AAEb,CACF,CAAC"}
+{"version":3,"names":["React","forwardRef","useIONewTypeface","useIOTheme","IOText","h5FontSize","h5LineHeight","H5","color","customColor","props","ref","theme","newTypefaceEnabled","H5Props","dynamicTypeRamp","font","weight","size","lineHeight","textStyle","textTransform","letterSpacing","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,YAAY;AAEzD,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGN,UAAU,CAC1B,CAAC;EAAEO,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGT,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEU;EAAmB,CAAC,GAAGX,gBAAgB,CAAC,CAAC;EAEjD,MAAMY,OAAoB,GAAG;IAC3B,GAAGJ,KAAK;IACRK,eAAe,EAAE,aAAa;IAAE;IAChCC,IAAI,EAAEH,kBAAkB,GAAG,UAAU,GAAG,kBAAkB;IAC1DI,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEb,UAAU;IAChBc,UAAU,EAAEb,YAAY;IACxBE,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB,CAAC;IAClDQ,SAAS,EAAE;MACTC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC;EAED,oBACEtB,KAAA,CAAAuB,aAAA,CAACnB,MAAM,EAAAoB,QAAA;IAACb,GAAG,EAAEA;EAAI,GAAKG,OAAO,GAC1BJ,KAAK,CAACe,QACD,CAAC;AAEb,CACF,CAAC"}

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

@@ -1,15 +1,12 @@
 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); }
 import React, { forwardRef } from "react";
-import { useIOExperimentalDesign, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../core";
 import { IOText } from "./IOText";
-const defaultColor = "textHeading-default";
 export const h6FontSize = 16;
 export const h6LineHeight = 24;
-const fontName = "Titillio";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const legacyFontSize = 17;
-const legacyFontName = "TitilliumSansPro";
 
 /**
  * `H6` typographic style
@@ -20,17 +17,17 @@ export const H6 = /*#__PURE__*/forwardRef(({
 }, ref) => {
   const theme = useIOTheme();
   const {
-    isExperimental
-  } = useIOExperimentalDesign();
+    newTypefaceEnabled
+  } = useIONewTypeface();
   const H6Props = {
     ...props,
     dynamicTypeRamp: "headline",
     // iOS only
-    font: isExperimental ? fontName : legacyFontName,
-    size: isExperimental ? h6FontSize : legacyFontSize,
-    lineHeight: h6LineHeight,
+    font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
     weight: "Semibold",
-    color: customColor ?? theme[defaultColor]
+    size: newTypefaceEnabled ? h6FontSize : legacyFontSize,
+    lineHeight: h6LineHeight,
+    color: customColor ?? theme["textHeading-default"]
   };
   return /*#__PURE__*/React.createElement(IOText, _extends({
     ref: ref

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","useIOTheme","IOText","defaultColor","h6FontSize","h6LineHeight","fontName","legacyFontSize","legacyFontName","H6","color","customColor","props","ref","theme","isExperimental","H6Props","dynamicTypeRamp","font","size","lineHeight","weight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAAkBC,uBAAuB,EAAEC,UAAU,QAAQ,YAAY;AAEzE,SAASC,MAAM,QAA4C,UAAU;AAErE,MAAMC,YAA2B,GAAG,qBAAqB;AAEzD,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,QAAsB,GAAG,UAAU;;AAEzC;AACA,MAAMC,cAA0B,GAAG,EAAE;AACrC,MAAMC,cAA4B,GAAG,kBAAkB;;AAEvD;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGV,UAAU,CAC1B,CAAC;EAAEW,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGb,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEc;EAAe,CAAC,GAAGf,uBAAuB,CAAC,CAAC;EAEpD,MAAMgB,OAAoB,GAAG;IAC3B,GAAGJ,KAAK;IACRK,eAAe,EAAE,UAAU;IAAE;IAC7BC,IAAI,EAAEH,cAAc,GAAGT,QAAQ,GAAGE,cAAc;IAChDW,IAAI,EAAEJ,cAAc,GAAGX,UAAU,GAAGG,cAAc;IAClDa,UAAU,EAAEf,YAAY;IACxBgB,MAAM,EAAE,UAAU;IAClBX,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAACX,YAAY;EAC1C,CAAC;EAED,oBACEL,KAAA,CAAAwB,aAAA,CAACpB,MAAM,EAAAqB,QAAA;IAACV,GAAG,EAAEA;EAAI,GAAKG,OAAO,GAC1BJ,KAAK,CAACY,QACD,CAAC;AAEb,CACF,CAAC"}
+{"version":3,"names":["React","forwardRef","useIONewTypeface","useIOTheme","IOText","h6FontSize","h6LineHeight","legacyFontSize","H6","color","customColor","props","ref","theme","newTypefaceEnabled","H6Props","dynamicTypeRamp","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,YAAY;AAEzD,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,UAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA,MAAMC,cAA0B,GAAG,EAAE;;AAErC;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGP,UAAU,CAC1B,CAAC;EAAEQ,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGV,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEW;EAAmB,CAAC,GAAGZ,gBAAgB,CAAC,CAAC;EAEjD,MAAMa,OAAoB,GAAG;IAC3B,GAAGJ,KAAK;IACRK,eAAe,EAAE,UAAU;IAAE;IAC7BC,IAAI,EAAEH,kBAAkB,GAAG,UAAU,GAAG,kBAAkB;IAC1DI,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEL,kBAAkB,GAAGT,UAAU,GAAGE,cAAc;IACtDa,UAAU,EAAEd,YAAY;IACxBG,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACEb,KAAA,CAAAqB,aAAA,CAACjB,MAAM,EAAAkB,QAAA;IAACV,GAAG,EAAEA;EAAI,GAAKG,OAAO,GAC1BJ,KAAK,CAACY,QACD,CAAC;AAEb,CACF,CAAC"}

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

@@ -1,18 +1,9 @@
 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); }
 import React, { forwardRef } from "react";
-import { useIOExperimentalDesign, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../core";
 import { IOText } from "./IOText";
-const defaultColor = "textHeading-default";
 export const heroFontSize = 32;
 export const heroLineHeight = 48;
-const fontName = "Titillio";
-const fontWeight = "Semibold";
-
-// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyHeroFontSize = 35;
-const legacyHeroLineHeight = 49;
-const legacyFontName = "TitilliumSansPro";
-const legacyFontWeight = "Semibold";
 
 /**
  * `Hero` typographic style
@@ -23,15 +14,15 @@ export const Hero = /*#__PURE__*/forwardRef(({
 }, ref) => {
   const theme = useIOTheme();
   const {
-    isExperimental
-  } = useIOExperimentalDesign();
+    newTypefaceEnabled
+  } = useIONewTypeface();
   const HeroProps = {
     ...props,
-    font: isExperimental ? fontName : legacyFontName,
-    weight: isExperimental ? fontWeight : legacyFontWeight,
-    size: isExperimental ? heroFontSize : legacyHeroFontSize,
-    lineHeight: isExperimental ? heroLineHeight : legacyHeroLineHeight,
-    color: customColor ?? theme[defaultColor]
+    font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
+    weight: "Semibold",
+    size: 32,
+    lineHeight: 48,
+    color: customColor ?? theme["textHeading-default"]
   };
   return /*#__PURE__*/React.createElement(IOText, _extends({
     ref: ref

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","useIOTheme","IOText","defaultColor","heroFontSize","heroLineHeight","fontName","fontWeight","legacyHeroFontSize","legacyHeroLineHeight","legacyFontName","legacyFontWeight","Hero","color","customColor","props","ref","theme","isExperimental","HeroProps","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAAkBC,uBAAuB,EAAEC,UAAU,QAAQ,YAAY;AAEzE,SAASC,MAAM,QAA4C,UAAU;AAErE,MAAMC,YAA2B,GAAG,qBAAqB;AAEzD,OAAO,MAAMC,YAAwB,GAAG,EAAE;AAC1C,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,MAAMC,QAAsB,GAAG,UAAU;AACzC,MAAMC,UAAwB,GAAG,UAAU;;AAE3C;AACA,MAAMC,kBAA8B,GAAG,EAAE;AACzC,MAAMC,oBAAoB,GAAG,EAAE;AAC/B,MAAMC,cAA4B,GAAG,kBAAkB;AACvD,MAAMC,gBAA8B,GAAG,UAAU;;AAEjD;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGb,UAAU,CAC5B,CAAC;EAAEc,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGhB,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEiB;EAAe,CAAC,GAAGlB,uBAAuB,CAAC,CAAC;EAEpD,MAAMmB,SAAsB,GAAG;IAC7B,GAAGJ,KAAK;IACRK,IAAI,EAAEF,cAAc,GAAGZ,QAAQ,GAAGI,cAAc;IAChDW,MAAM,EAAEH,cAAc,GAAGX,UAAU,GAAGI,gBAAgB;IACtDW,IAAI,EAAEJ,cAAc,GAAGd,YAAY,GAAGI,kBAAkB;IACxDe,UAAU,EAAEL,cAAc,GAAGb,cAAc,GAAGI,oBAAoB;IAClEI,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAACd,YAAY;EAC1C,CAAC;EAED,oBACEL,KAAA,CAAA0B,aAAA,CAACtB,MAAM,EAAAuB,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,SAAS,GAC5BJ,KAAK,CAACW,QACD,CAAC;AAEb,CACF,CAAC"}
+{"version":3,"names":["React","forwardRef","useIONewTypeface","useIOTheme","IOText","heroFontSize","heroLineHeight","Hero","color","customColor","props","ref","theme","newTypefaceEnabled","HeroProps","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,YAAY;AAEzD,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,YAAwB,GAAG,EAAE;AAC1C,OAAO,MAAMC,cAAc,GAAG,EAAE;;AAEhC;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGN,UAAU,CAC5B,CAAC;EAAEO,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGT,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEU;EAAmB,CAAC,GAAGX,gBAAgB,CAAC,CAAC;EAEjD,MAAMY,SAAsB,GAAG;IAC7B,GAAGJ,KAAK;IACRK,IAAI,EAAEF,kBAAkB,GAAG,UAAU,GAAG,kBAAkB;IAC1DG,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdV,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACEZ,KAAA,CAAAmB,aAAA,CAACf,MAAM,EAAAgB,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,SAAS,GAC5BJ,KAAK,CAACW,QACD,CAAC;AAEb,CACF,CAAC"}

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

@@ -1,11 +1,9 @@
 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); }
 import React, { forwardRef } from "react";
-import { useIOExperimentalDesign, useIOTheme } from "../../core";
+import { useIONewTypeface, useIOTheme } from "../../core";
 import { IOText } from "./IOText";
 const fontName = "Titillio";
-const fontWeight = "Semibold";
 const legacyFontName = "TitilliumSansPro";
-const legacyFontWeight = "Semibold";
 
 /**
  * `LabelMini` typographic style
@@ -18,14 +16,14 @@ export const LabelMini = /*#__PURE__*/forwardRef(({
 }, ref) => {
   const theme = useIOTheme();
   const {
-    isExperimental
-  } = useIOExperimentalDesign();
+    newTypefaceEnabled
+  } = useIONewTypeface();
   const defaultColor = asLink ? theme["interactiveElem-default"] : theme["textBody-tertiary"];
   const LabelMiniProps = {
     ...props,
     dynamicTypeRamp: "footnote" /* iOS only */,
-    font: isExperimental ? fontName : legacyFontName,
-    weight: customWeight ? customWeight : isExperimental ? fontWeight : legacyFontWeight,
+    font: newTypefaceEnabled ? fontName : legacyFontName,
+    weight: customWeight ? customWeight : "Semibold",
     size: 12,
     lineHeight: 18,
     color: customColor ?? defaultColor,

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","useIOTheme","IOText","fontName","fontWeight","legacyFontName","legacyFontWeight","LabelMini","weight","customWeight","color","customColor","asLink","props","ref","theme","isExperimental","defaultColor","LabelMiniProps","dynamicTypeRamp","font","size","lineHeight","accessibilityRole","textStyle","textDecorationLine","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/LabelMini.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,uBAAuB,EAAEC,UAAU,QAAQ,YAAY;AAEhE,SACEC,MAAM,QAID,UAAU;AAMjB,MAAMC,QAAsB,GAAG,UAAU;AACzC,MAAMC,UAAwB,GAAG,UAAU;AAE3C,MAAMC,cAA4B,GAAG,kBAAkB;AACvD,MAAMC,gBAA8B,GAAG,UAAU;;AAEjD;AACA;AACA;AACA,OAAO,MAAMC,SAAS,gBAAGR,UAAU,CACjC,CACE;EAAES,MAAM,EAAEC,YAAY;EAAEC,KAAK,EAAEC,WAAW;EAAEC,MAAM;EAAE,GAAGC;AAAM,CAAC,EAC9DC,GAAwB,KACrB;EACH,MAAMC,KAAK,GAAGd,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEe;EAAe,CAAC,GAAGhB,uBAAuB,CAAC,CAAC;EAEpD,MAAMiB,YAAY,GAAGL,MAAM,GACvBG,KAAK,CAAC,yBAAyB,CAAC,GAChCA,KAAK,CAAC,mBAAmB,CAAC;EAE9B,MAAMG,cAA2B,GAAG;IAClC,GAAGL,KAAK;IACRM,eAAe,EAAE,UAAU,CAAC;IAC5BC,IAAI,EAAEJ,cAAc,GAAGb,QAAQ,GAAGE,cAAc;IAChDG,MAAM,EAAEC,YAAY,GAChBA,YAAY,GACZO,cAAc,GACdZ,UAAU,GACVE,gBAAgB;IACpBe,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdZ,KAAK,EAAEC,WAAW,IAAIM,YAAY;IAClC,IAAIL,MAAM,GACN;MACEW,iBAAiB,EAAE,MAAM;MACzBC,SAAS,EAAE;QAAEC,kBAAkB,EAAE;MAAY;IAC/C,CAAC,GACD,CAAC,CAAC;EACR,CAAC;EAED,oBACE3B,KAAA,CAAA4B,aAAA,CAACxB,MAAM,EAAAyB,QAAA;IAACb,GAAG,EAAEA;EAAI,GAAKI,cAAc,GACjCL,KAAK,CAACe,QACD,CAAC;AAEb,CACF,CAAC"}
+{"version":3,"names":["React","forwardRef","useIONewTypeface","useIOTheme","IOText","fontName","legacyFontName","LabelMini","weight","customWeight","color","customColor","asLink","props","ref","theme","newTypefaceEnabled","defaultColor","LabelMiniProps","dynamicTypeRamp","font","size","lineHeight","accessibilityRole","textStyle","textDecorationLine","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/LabelMini.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,YAAY;AAEzD,SACEC,MAAM,QAID,UAAU;AAMjB,MAAMC,QAAsB,GAAG,UAAU;AACzC,MAAMC,cAA4B,GAAG,kBAAkB;;AAEvD;AACA;AACA;AACA,OAAO,MAAMC,SAAS,gBAAGN,UAAU,CACjC,CACE;EAAEO,MAAM,EAAEC,YAAY;EAAEC,KAAK,EAAEC,WAAW;EAAEC,MAAM;EAAE,GAAGC;AAAM,CAAC,EAC9DC,GAAwB,KACrB;EACH,MAAMC,KAAK,GAAGZ,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEa;EAAmB,CAAC,GAAGd,gBAAgB,CAAC,CAAC;EAEjD,MAAMe,YAAY,GAAGL,MAAM,GACvBG,KAAK,CAAC,yBAAyB,CAAC,GAChCA,KAAK,CAAC,mBAAmB,CAAC;EAE9B,MAAMG,cAA2B,GAAG;IAClC,GAAGL,KAAK;IACRM,eAAe,EAAE,UAAU,CAAC;IAC5BC,IAAI,EAAEJ,kBAAkB,GAAGX,QAAQ,GAAGC,cAAc;IACpDE,MAAM,EAAEC,YAAY,GAAGA,YAAY,GAAG,UAAU;IAChDY,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdZ,KAAK,EAAEC,WAAW,IAAIM,YAAY;IAClC,IAAIL,MAAM,GACN;MACEW,iBAAiB,EAAE,MAAM;MACzBC,SAAS,EAAE;QAAEC,kBAAkB,EAAE;MAAY;IAC/C,CAAC,GACD,CAAC,CAAC;EACR,CAAC;EAED,oBACEzB,KAAA,CAAA0B,aAAA,CAACtB,MAAM,EAAAuB,QAAA;IAACb,GAAG,EAAEA;EAAI,GAAKI,cAAc,GACjCL,KAAK,CAACe,QACD,CAAC;AAEb,CACF,CAAC"}

package/lib/module/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap

@@ -10,7 +10,7 @@ exports[`ComposedBodyFromArray should match snapshot, empty body, auto text alig
       {},
       {
         "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -34,7 +34,7 @@ exports[`ComposedBodyFromArray should match snapshot, empty body, center text al
       {},
       {
         "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -58,7 +58,7 @@ exports[`ComposedBodyFromArray should match snapshot, empty body, default text a
       {},
       {
         "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -82,7 +82,7 @@ exports[`ComposedBodyFromArray should match snapshot, empty body, justify text a
       {},
       {
         "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -106,7 +106,7 @@ exports[`ComposedBodyFromArray should match snapshot, empty body, left text alig
       {},
       {
         "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -130,7 +130,7 @@ exports[`ComposedBodyFromArray should match snapshot, empty body, right text ali
       {},
       {
         "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -154,7 +154,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, auto
       {},
       {
         "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -175,7 +175,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, auto
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "400",
@@ -195,7 +195,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, auto
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "700",
@@ -215,7 +215,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, auto
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "300",
@@ -235,7 +235,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, auto
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "500",
@@ -255,7 +255,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, auto
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "600",
@@ -279,7 +279,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, cente
       {},
       {
         "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -300,7 +300,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, cente
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "400",
@@ -320,7 +320,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, cente
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "700",
@@ -340,7 +340,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, cente
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "300",
@@ -360,7 +360,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, cente
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "500",
@@ -380,7 +380,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, cente
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "600",
@@ -404,7 +404,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, defau
       {},
       {
         "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -425,7 +425,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, defau
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "400",
@@ -445,7 +445,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, defau
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "700",
@@ -465,7 +465,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, defau
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "300",
@@ -485,7 +485,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, defau
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "500",
@@ -505,7 +505,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, defau
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "600",
@@ -529,7 +529,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, justi
       {},
       {
         "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -550,7 +550,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, justi
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "400",
@@ -570,7 +570,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, justi
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "700",
@@ -590,7 +590,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, justi
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "300",
@@ -610,7 +610,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, justi
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "500",
@@ -630,7 +630,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, justi
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "600",
@@ -654,7 +654,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, left
       {},
       {
         "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -675,7 +675,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, left
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "400",
@@ -695,7 +695,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, left
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "700",
@@ -715,7 +715,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, left
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "300",
@@ -735,7 +735,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, left
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "500",
@@ -755,7 +755,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, left
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "600",
@@ -779,7 +779,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, right
       {},
       {
         "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
+        "fontFamily": "Titillio",
         "fontSize": 16,
         "fontStyle": "normal",
         "fontWeight": "400",
@@ -800,7 +800,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, right
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "400",
@@ -820,7 +820,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, right
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "700",
@@ -840,7 +840,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, right
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "300",
@@ -860,7 +860,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, right
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "500",
@@ -880,7 +880,7 @@ exports[`ComposedBodyFromArray should match snapshot, multiple items body, right
         {},
         {
           "color": "#555C70",
-          "fontFamily": "Titillium Sans Pro",
+          "fontFamily": "Titillio",
           "fontSize": 16,
           "fontStyle": "normal",
           "fontWeight": "600",