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

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).

package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap

@@ -102,29 +102,29 @@ exports[`Test Typography Components H1 Snapshot 1`] = `
   allowFontScaling={false}
   color="black"
   defaultColor="black"
-  defaultWeight="Bold"
+  defaultWeight="SemiBold"
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 28,
-      "lineHeight": 42,
+      "fontSize": 31,
+      "lineHeight": 43,
     }
   }
   style={
     [
       {
-        "fontSize": 28,
-        "lineHeight": 42,
+        "fontSize": 31,
+        "lineHeight": 43,
       },
       {
         "color": "#0E0F13",
         "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "700",
+        "fontWeight": "600",
       },
     ]
   }
-  weight="Bold"
+  weight="SemiBold"
 >
   Text
 </Text>
@@ -135,29 +135,29 @@ exports[`Test Typography Components H1 Snapshot 2`] = `
   allowFontScaling={false}
   color="white"
   defaultColor="black"
-  defaultWeight="Bold"
+  defaultWeight="SemiBold"
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 28,
-      "lineHeight": 42,
+      "fontSize": 31,
+      "lineHeight": 43,
     }
   }
   style={
     [
       {
-        "fontSize": 28,
-        "lineHeight": 42,
+        "fontSize": 31,
+        "lineHeight": 43,
       },
       {
         "color": "#FFFFFF",
         "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "700",
+        "fontWeight": "600",
       },
     ]
   }
-  weight="Bold"
+  weight="SemiBold"
 >
   Text
 </Text>
@@ -168,29 +168,29 @@ exports[`Test Typography Components H2 Snapshot 1`] = `
   allowFontScaling={false}
   color="black"
   defaultColor="black"
-  defaultWeight="Bold"
+  defaultWeight="SemiBold"
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 26,
-      "lineHeight": 39,
+      "fontSize": 28,
+      "lineHeight": 40,
     }
   }
   style={
     [
       {
-        "fontSize": 26,
-        "lineHeight": 39,
+        "fontSize": 28,
+        "lineHeight": 40,
       },
       {
         "color": "#0E0F13",
         "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "700",
+        "fontWeight": "600",
       },
     ]
   }
-  weight="Bold"
+  weight="SemiBold"
 >
   Text
 </Text>
@@ -201,29 +201,29 @@ exports[`Test Typography Components H3 Snapshot 1`] = `
   allowFontScaling={false}
   color="bluegreyDark"
   defaultColor="bluegreyDark"
-  defaultWeight="Bold"
+  defaultWeight="SemiBold"
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 22,
-      "lineHeight": 33,
+      "fontSize": 24,
+      "lineHeight": 34,
     }
   }
   style={
     [
       {
-        "fontSize": 22,
-        "lineHeight": 33,
+        "fontSize": 24,
+        "lineHeight": 34,
       },
       {
         "color": "#17324D",
         "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "700",
+        "fontWeight": "600",
       },
     ]
   }
-  weight="Bold"
+  weight="SemiBold"
 >
   Text
 </Text>
@@ -234,29 +234,29 @@ exports[`Test Typography Components H3 Snapshot 2`] = `
   allowFontScaling={false}
   color="bluegreyLight"
   defaultColor="bluegreyDark"
-  defaultWeight="Bold"
+  defaultWeight="SemiBold"
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 22,
-      "lineHeight": 33,
+      "fontSize": 24,
+      "lineHeight": 34,
     }
   }
   style={
     [
       {
-        "fontSize": 22,
-        "lineHeight": 33,
+        "fontSize": 24,
+        "lineHeight": 34,
       },
       {
         "color": "#CCD4DC",
         "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "700",
+        "fontWeight": "600",
       },
     ]
   }
-  weight="Bold"
+  weight="SemiBold"
 >
   Text
 </Text>
@@ -267,29 +267,29 @@ exports[`Test Typography Components H3 Snapshot 3`] = `
   allowFontScaling={false}
   color="white"
   defaultColor="bluegreyDark"
-  defaultWeight="Bold"
+  defaultWeight="SemiBold"
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 22,
-      "lineHeight": 33,
+      "fontSize": 24,
+      "lineHeight": 34,
     }
   }
   style={
     [
       {
-        "fontSize": 22,
-        "lineHeight": 33,
+        "fontSize": 24,
+        "lineHeight": 34,
       },
       {
         "color": "#FFFFFF",
         "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "700",
+        "fontWeight": "600",
       },
     ]
   }
-  weight="Bold"
+  weight="SemiBold"
 >
   Text
 </Text>
@@ -300,29 +300,29 @@ exports[`Test Typography Components H3 Snapshot 4`] = `
   allowFontScaling={false}
   color="white"
   defaultColor="bluegreyDark"
-  defaultWeight="Bold"
+  defaultWeight="SemiBold"
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 22,
-      "lineHeight": 33,
+      "fontSize": 24,
+      "lineHeight": 34,
     }
   }
   style={
     [
       {
-        "fontSize": 22,
-        "lineHeight": 33,
+        "fontSize": 24,
+        "lineHeight": 34,
       },
       {
         "color": "#FFFFFF",
         "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "700",
+        "fontWeight": "600",
       },
     ]
   }
-  weight="Bold"
+  weight="SemiBold"
 >
   Text
 </Text>
@@ -333,29 +333,29 @@ exports[`Test Typography Components H3 Snapshot 5`] = `
   allowFontScaling={false}
   color="bluegreyDark"
   defaultColor="bluegreyDark"
-  defaultWeight="Bold"
+  defaultWeight="SemiBold"
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 22,
-      "lineHeight": 33,
+      "fontSize": 24,
+      "lineHeight": 34,
     }
   }
   style={
     [
       {
-        "fontSize": 22,
-        "lineHeight": 33,
+        "fontSize": 24,
+        "lineHeight": 34,
       },
       {
         "color": "#17324D",
         "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "700",
+        "fontWeight": "600",
       },
     ]
   }
-  weight="Bold"
+  weight="SemiBold"
 >
   Text
 </Text>
@@ -370,14 +370,14 @@ exports[`Test Typography Components H4 Snapshot 1`] = `
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 20,
+      "fontSize": 22,
       "lineHeight": 30,
     }
   }
   style={
     [
       {
-        "fontSize": 20,
+        "fontSize": 22,
         "lineHeight": 30,
       },
       {
@@ -403,14 +403,14 @@ exports[`Test Typography Components H4 Snapshot 2`] = `
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 20,
+      "fontSize": 22,
       "lineHeight": 30,
     }
   }
   style={
     [
       {
-        "fontSize": 20,
+        "fontSize": 22,
         "lineHeight": 30,
       },
       {
@@ -436,14 +436,14 @@ exports[`Test Typography Components H4 Snapshot 3`] = `
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 20,
+      "fontSize": 22,
       "lineHeight": 30,
     }
   }
   style={
     [
       {
-        "fontSize": 20,
+        "fontSize": 22,
         "lineHeight": 30,
       },
       {
@@ -469,14 +469,14 @@ exports[`Test Typography Components H4 Snapshot 4`] = `
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 20,
+      "fontSize": 22,
       "lineHeight": 30,
     }
   }
   style={
     [
       {
-        "fontSize": 20,
+        "fontSize": 22,
         "lineHeight": 30,
       },
       {
@@ -502,14 +502,14 @@ exports[`Test Typography Components H4 Snapshot 5`] = `
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 20,
+      "fontSize": 22,
       "lineHeight": 30,
     }
   }
   style={
     [
       {
-        "fontSize": 20,
+        "fontSize": 22,
         "lineHeight": 30,
       },
       {
@@ -535,14 +535,14 @@ exports[`Test Typography Components H4 Snapshot 6`] = `
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 20,
+      "fontSize": 22,
       "lineHeight": 30,
     }
   }
   style={
     [
       {
-        "fontSize": 20,
+        "fontSize": 22,
         "lineHeight": 30,
       },
       {
@@ -568,14 +568,14 @@ exports[`Test Typography Components H4 Snapshot 7`] = `
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 20,
+      "fontSize": 22,
       "lineHeight": 30,
     }
   }
   style={
     [
       {
-        "fontSize": 20,
+        "fontSize": 22,
         "lineHeight": 30,
       },
       {
@@ -749,15 +749,15 @@ exports[`Test Typography Components H6 Snapshot 1`] = `
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 16,
-      "lineHeight": 24,
+      "fontSize": 18,
+      "lineHeight": 25,
     }
   }
   style={
     [
       {
-        "fontSize": 16,
-        "lineHeight": 24,
+        "fontSize": 18,
+        "lineHeight": 25,
       },
       {
         "color": "#0E0F13",
@@ -849,12 +849,14 @@ exports[`Test Typography Components LabelSmall Snapshot 1`] = `
   fontStyle={
     {
       "fontSize": 14,
+      "lineHeight": 21,
     }
   }
   style={
     [
       {
         "fontSize": 14,
+        "lineHeight": 21,
       },
       {
         "color": "#0073E6",
@@ -880,12 +882,14 @@ exports[`Test Typography Components LabelSmall Snapshot 2`] = `
   fontStyle={
     {
       "fontSize": 14,
+      "lineHeight": 21,
     }
   }
   style={
     [
       {
         "fontSize": 14,
+        "lineHeight": 21,
       },
       {
         "color": "#0073E6",
@@ -911,12 +915,14 @@ exports[`Test Typography Components LabelSmall Snapshot 3`] = `
   fontStyle={
     {
       "fontSize": 14,
+      "lineHeight": 21,
     }
   }
   style={
     [
       {
         "fontSize": 14,
+        "lineHeight": 21,
       },
       {
         "color": "#475A6D",
@@ -942,12 +948,14 @@ exports[`Test Typography Components LabelSmall Snapshot 4`] = `
   fontStyle={
     {
       "fontSize": 14,
+      "lineHeight": 21,
     }
   }
   style={
     [
       {
         "fontSize": 14,
+        "lineHeight": 21,
       },
       {
         "color": "#C02927",
@@ -973,12 +981,14 @@ exports[`Test Typography Components LabelSmall Snapshot 5`] = `
   fontStyle={
     {
       "fontSize": 14,
+      "lineHeight": 21,
     }
   }
   style={
     [
       {
         "fontSize": 14,
+        "lineHeight": 21,
       },
       {
         "color": "#FFFFFF",

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

@@ -168,6 +168,17 @@ Object.keys(_LabelSmall).forEach(function (key) {
     }
   });
 });
+var _LabelSmallAlt = require("./LabelSmallAlt");
+Object.keys(_LabelSmallAlt).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LabelSmallAlt[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LabelSmallAlt[key];
+    }
+  });
+});
 var _LabelLink = require("./LabelLink");
 Object.keys(_LabelLink).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -1 +1 @@
-{"version":3,"names":["_BaseTypography","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Body","_Caption","_Chip","_ButtonText","_Factory","_H","_H2","_H3","_H4","_H5","_H6","_Hero","_Label","_LabelSmall","_LabelLink","_BodyMonospace","_common"],"sourceRoot":"../../../../src","sources":["components/typography/index.tsx"],"mappings":"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"}
+{"version":3,"names":["_BaseTypography","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Body","_Caption","_Chip","_ButtonText","_Factory","_H","_H2","_H3","_H4","_H5","_H6","_Hero","_Label","_LabelSmall","_LabelSmallAlt","_LabelLink","_BodyMonospace","_common"],"sourceRoot":"../../../../src","sources":["components/typography/index.tsx"],"mappings":"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"}

package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap

@@ -78,15 +78,15 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
         font="TitilliumWeb"
         fontStyle={
           {
-            "fontSize": 16,
-            "lineHeight": 24,
+            "fontSize": 18,
+            "lineHeight": 25,
           }
         }
         style={
           [
             {
-              "fontSize": 16,
-              "lineHeight": 24,
+              "fontSize": 18,
+              "lineHeight": 25,
             },
             {
               "color": "#031344",