@pagopa/io-app-design-system 1.7.0 → 1.8.0

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

@@ -1,37 +1,23 @@
 import { useTypographyFactory } from "./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
-
 export const h5FontSize = 14;
-export const h5DefaultColor = "bluegreyDark";
-export const h5DefaultWeight = "SemiBold";
+export const h5LineHeight = 16;
+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
  */
-export const H5 = props => {
-  const fontName = "TitilliumWeb";
-  return useTypographyFactory({
-    ...props,
-    defaultWeight: h5DefaultWeight,
-    defaultColor: h5DefaultColor,
-    font: fontName,
-    fontStyle: {
-      fontSize: h5FontSize
-    }
-  });
-};
+export const H5 = props => useTypographyFactory({
+  ...props,
+  defaultWeight,
+  defaultColor,
+  font,
+  fontStyle: {
+    fontSize: h5FontSize,
+    lineHeight: h5LineHeight,
+    textTransform: "uppercase",
+    letterSpacing: 0.5
+  }
+});
 //# sourceMappingURL=H5.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useTypographyFactory","h5FontSize","h5DefaultColor","h5DefaultWeight","H5","props","fontName","defaultWeight","defaultColor","font","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":"AAGA,SAASA,oBAAoB,QAAQ,WAAW;;AAGhD;;AAMA;;AAYA;;AAGA;;AAGA;;AAMA;;AAUA,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,cAA6B,GAAG,cAAc;AAC3D,OAAO,MAAMC,eAA8B,GAAG,UAAU;;AAExD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,EAAsB,GAAGC,KAAK,IAAI;EAC7C,MAAMC,QAAoB,GAAG,cAAc;EAC3C,OAAON,oBAAoB,CAA+B;IACxD,GAAGK,KAAK;IACRE,aAAa,EAAEJ,eAAe;IAC9BK,YAAY,EAAEN,cAAc;IAC5BO,IAAI,EAAEH,QAAQ;IACdI,SAAS,EAAE;MAAEC,QAAQ,EAAEV;IAAW;EACpC,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["useTypographyFactory","h5FontSize","h5LineHeight","font","defaultColor","defaultWeight","H5","props","fontStyle","fontSize","lineHeight","textTransform","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":"AAEA,SAASA,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,cAAc;AACvC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,UAAU;;AAE/C;AACA;AACA;AACA,OAAO,MAAMC,EAAE,GAAIC,KAAc,IAC/BP,oBAAoB,CAA+B;EACjD,GAAGO,KAAK;EACRF,aAAa;EACbD,YAAY;EACZD,IAAI;EACJK,SAAS,EAAE;IACTC,QAAQ,EAAER,UAAU;IACpBS,UAAU,EAAER,YAAY;IACxBS,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

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

@@ -1,26 +1,30 @@
-import { IOThemeLight } from "../../core/IOColors";
+import { IOThemeLight, useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 
 // when the weight is bold, only these color are allowed
 
 export const h6FontSize = 16;
-export const h6LineHeight = 20;
-export const h6DefaultColor = IOThemeLight["textBody-default"];
-export const h6DefaultWeight = "Regular";
+export const h6LineHeight = 24;
+const h6DefaultColor = 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
  */
 export const H6 = props => {
-  const fontName = "ReadexPro";
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
   return useTypographyFactory({
     ...props,
-    defaultWeight: h6DefaultWeight,
+    defaultWeight: isExperimental ? h6DefaultWeight : legacyDefaultWeight,
     defaultColor: h6DefaultColor,
-    font: fontName,
+    font: isExperimental ? fontName : legacyFontName,
     fontStyle: {
       fontSize: h6FontSize,
       lineHeight: h6LineHeight

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

@@ -1 +1 @@
-{"version":3,"names":["IOThemeLight","useTypographyFactory","h6FontSize","h6LineHeight","h6DefaultColor","h6DefaultWeight","H6","props","fontName","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":"AACA,SAAkBA,YAAY,QAAQ,qBAAqB;AAE3D,SAASC,oBAAoB,QAAQ,WAAW;;AAGhD;;AAQA,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAA6B,GAAGJ,YAAY,CAAC,kBAAkB,CAAC;AAC7E,OAAO,MAAMK,eAA8B,GAAG,SAAS;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,EAAsB,GAAGC,KAAK,IAAI;EAC7C,MAAMC,QAAoB,GAAG,WAAW;EACxC,OAAOP,oBAAoB,CAA+B;IACxD,GAAGM,KAAK;IACRE,aAAa,EAAEJ,eAAe;IAC9BK,YAAY,EAAEN,cAAc;IAC5BO,IAAI,EAAEH,QAAQ;IACdI,SAAS,EAAE;MAAEC,QAAQ,EAAEX,UAAU;MAAEY,UAAU,EAAEX;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["IOThemeLight","useIOExperimentalDesign","useTypographyFactory","h6FontSize","h6LineHeight","h6DefaultColor","h6DefaultWeight","fontName","legacyFontName","legacyDefaultWeight","H6","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":"AAAA,SAAkBA,YAAY,EAAEC,uBAAuB,QAAQ,YAAY;AAE3E,SAASC,oBAAoB,QAAQ,WAAW;;AAGhD;;AAQA,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,cAA6B,GAAGL,YAAY,CAAC,kBAAkB,CAAC;AACtE,MAAMM,eAA8B,GAAG,SAAS;AAChD,MAAMC,QAAoB,GAAG,WAAW;;AAExC;AACA,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,mBAAkC,GAAG,UAAU;;AAErD;AACA;AACA;AACA,OAAO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGX,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGS,KAAK;IACRE,aAAa,EAAED,cAAc,GAAGN,eAAe,GAAGG,mBAAmB;IACrEK,YAAY,EAAET,cAAc;IAC5BU,IAAI,EAAEH,cAAc,GAAGL,QAAQ,GAAGC,cAAc;IAChDQ,SAAS,EAAE;MAAEC,QAAQ,EAAEd,UAAU;MAAEe,UAAU,EAAEd;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,29 @@
+import { useIOExperimentalDesign } from "../../core";
+import { useTypographyFactory } from "./Factory";
+export const heroFontSize = 32;
+export const heroLineHeight = 48;
+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
+ */
+export const Hero = props => {
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
+  return useTypographyFactory({
+    ...props,
+    defaultWeight,
+    defaultColor,
+    font: isExperimental ? font : legacyFont,
+    fontStyle: {
+      fontSize: heroFontSize,
+      lineHeight: heroLineHeight
+    }
+  });
+};
+//# sourceMappingURL=Hero.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","heroFontSize","heroLineHeight","font","defaultColor","defaultWeight","legacyFont","Hero","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.tsx"],"mappings":"AAAA,SAASA,uBAAuB,QAAiB,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACxC,MAAM;IAAEC;EAAe,CAAC,GAAGV,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGQ,KAAK;IACRH,aAAa;IACbD,YAAY;IACZD,IAAI,EAAEM,cAAc,GAAGN,IAAI,GAAGG,UAAU;IACxCI,SAAS,EAAE;MAAEC,QAAQ,EAAEV,YAAY;MAAEW,UAAU,EAAEV;IAAe;EAClE,CAAC,CAAC;AACJ,CAAC"}

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

@@ -1,22 +1,25 @@
 import { useTypographyFactory } from "./Factory";
+import { fontSizeMapping, lineHeightMapping } from "./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
  */
-export const Label = props => {
-  const fontName = "TitilliumWeb";
-  const fontSize = 16;
-  const labelDefaultWeight = "Bold";
-  const labelDefaultcolor = "blue";
+export const Label = _ref => {
+  let {
+    fontSize,
+    ...props
+  } = _ref;
   return useTypographyFactory({
     ...props,
     defaultWeight: labelDefaultWeight,
     defaultColor: labelDefaultcolor,
     font: fontName,
     fontStyle: {
-      fontSize
+      fontSize: fontSize ? fontSizeMapping[fontSize] : fontSizeMapping.regular,
+      lineHeight: fontSize ? lineHeightMapping[fontSize] : lineHeightMapping.regular
     }
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["useTypographyFactory","Label","props","fontName","fontSize","labelDefaultWeight","labelDefaultcolor","defaultWeight","defaultColor","font","fontStyle"],"sourceRoot":"../../../../src","sources":["components/typography/Label.tsx"],"mappings":"AAGA,SAASA,oBAAoB,QAAQ,WAAW;AAahD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,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,OAAON,oBAAoB,CAA+B;IACxD,GAAGE,KAAK;IACRK,aAAa,EAAEF,kBAAkB;IACjCG,YAAY,EAAEF,iBAAiB;IAC/BG,IAAI,EAAEN,QAAQ;IACdO,SAAS,EAAE;MAAEN;IAAS;EACxB,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["useTypographyFactory","fontSizeMapping","lineHeightMapping","fontName","labelDefaultWeight","labelDefaultcolor","Label","_ref","fontSize","props","defaultWeight","defaultColor","font","fontStyle","regular","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Label.tsx"],"mappings":"AAEA,SAASA,oBAAoB,QAAQ,WAAW;AAChD,SAIEC,eAAe,EACfC,iBAAiB,QACZ,UAAU;AASjB,MAAMC,QAAoB,GAAG,cAAc;AAC3C,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,iBAAiB,GAAG,OAAO;;AAEjC;AACA;AACA;AACA,OAAO,MAAMC,KAAK,GAAGC,IAAA;EAAA,IAAC;IAAEC,QAAQ;IAAE,GAAGC;EAAkB,CAAC,GAAAF,IAAA;EAAA,OACtDP,oBAAoB,CAA+B;IACjD,GAAGS,KAAK;IACRC,aAAa,EAAEN,kBAAkB;IACjCO,YAAY,EAAEN,iBAAiB;IAC/BO,IAAI,EAAET,QAAQ;IACdU,SAAS,EAAE;MACTL,QAAQ,EAAEA,QAAQ,GAAGP,eAAe,CAACO,QAAQ,CAAC,GAAGP,eAAe,CAACa,OAAO;MACxEC,UAAU,EAAEP,QAAQ,GAChBN,iBAAiB,CAACM,QAAQ,CAAC,GAC3BN,iBAAiB,CAACY;IACxB;EACF,CAAC,CAAC;AAAA"}

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

@@ -1,27 +1,30 @@
-import { IOThemeLight } from "../../core";
+import { IOThemeLight, useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
-/* Common typographic styles */
 export const labelHeaderFontSize = 14;
 export const labelHeaderLineHeight = 18;
 export const labelHeaderDefaultColor = IOThemeLight["textBody-default"];
-/* New typographic styles */
 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
  */
-export const LabelHeader = props => useTypographyFactory({
-  ...props,
-  defaultWeight: labelHeaderDefaultWeight,
-  defaultColor: labelHeaderDefaultColor,
-  font: labelHeaderFontName,
-  fontStyle: {
-    fontSize: labelHeaderFontSize,
-    lineHeight: labelHeaderLineHeight
-  }
-});
+export const LabelHeader = props => {
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
+  return useTypographyFactory({
+    ...props,
+    defaultWeight: labelHeaderDefaultWeight,
+    defaultColor: labelHeaderDefaultColor,
+    font: isExperimental ? legacyLabelHeaderFontName : labelHeaderFontName,
+    fontStyle: {
+      fontSize: labelHeaderFontSize,
+      lineHeight: labelHeaderLineHeight
+    }
+  });
+};
 //# sourceMappingURL=LabelHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["IOThemeLight","useTypographyFactory","labelHeaderFontSize","labelHeaderLineHeight","labelHeaderDefaultColor","labelHeaderFontName","labelHeaderDefaultWeight","LabelHeader","props","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":"AAEA,SAAkBA,YAAY,QAAQ,YAAY;AAClD,SAASC,oBAAoB,QAAQ,WAAW;AAehD;AACA,OAAO,MAAMC,mBAAmB,GAAG,EAAE;AACrC,OAAO,MAAMC,qBAAqB,GAAG,EAAE;AACvC,OAAO,MAAMC,uBAAsC,GACjDJ,YAAY,CAAC,kBAAkB,CAAC;AAClC;AACA,MAAMK,mBAAiC,GAAG,WAAW;AACrD,MAAMC,wBAAuC,GAAG,SAAS;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAA8C,GAAGC,KAAK,IACjEP,oBAAoB,CAA+B;EACjD,GAAGO,KAAK;EACRC,aAAa,EAAEH,wBAAwB;EACvCI,YAAY,EAAEN,uBAAuB;EACrCO,IAAI,EAAEN,mBAAmB;EACzBO,SAAS,EAAE;IACTC,QAAQ,EAAEX,mBAAmB;IAC7BY,UAAU,EAAEX;EACd;AACF,CAAC,CAAC"}
+{"version":3,"names":["IOThemeLight","useIOExperimentalDesign","useTypographyFactory","labelHeaderFontSize","labelHeaderLineHeight","labelHeaderDefaultColor","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","LabelHeader","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":"AACA,SAAkBA,YAAY,EAAEC,uBAAuB,QAAQ,YAAY;AAC3E,SAASC,oBAAoB,QAAQ,WAAW;AAehD,OAAO,MAAMC,mBAAmB,GAAG,EAAE;AACrC,OAAO,MAAMC,qBAAqB,GAAG,EAAE;AACvC,OAAO,MAAMC,uBAAsC,GACjDL,YAAY,CAAC,kBAAkB,CAAC;AAClC,MAAMM,mBAAiC,GAAG,WAAW;AACrD,MAAMC,wBAAuC,GAAG,SAAS;;AAEzD;AACA,MAAMC,yBAAuC,GAAG,cAAc;;AAE9D;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EACtD,MAAM;IAAEC;EAAe,CAAC,GAAGV,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGQ,KAAK;IACRE,aAAa,EAAEL,wBAAwB;IACvCM,YAAY,EAAER,uBAAuB;IACrCS,IAAI,EAAEH,cAAc,GAAGH,yBAAyB,GAAGF,mBAAmB;IACtES,SAAS,EAAE;MACTC,QAAQ,EAAEb,mBAAmB;MAC7Bc,UAAU,EAAEb;IACd;EACF,CAAC,CAAC;AACJ,CAAC"}

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

@@ -1,19 +1,13 @@
+import { fontSizeMapping, lineHeightMapping } from "./common";
 import { useTypographyFactory } from "./Factory";
 const fontName = "TitilliumWeb";
-const fontSizeMapping = {
-  regular: 16,
-  small: 14
-};
 export const linkDefaultColor = "blueIO-500";
-export const linkDefaultWeight = "Bold";
+export 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
  */
-export const Link = props => useTypographyFactory({
+export const LabelLink = props => useTypographyFactory({
   accessibilityRole: props.onPress ? "link" : undefined,
   ...props,
   defaultWeight: linkDefaultWeight,
@@ -21,7 +15,8 @@ export const Link = props => useTypographyFactory({
   font: fontName,
   fontStyle: {
     fontSize: props.fontSize ? fontSizeMapping[props.fontSize] : fontSizeMapping.regular,
+    lineHeight: props.fontSize ? lineHeightMapping[props.fontSize] : lineHeightMapping.regular,
     textDecorationLine: "underline"
   }
 });
-//# sourceMappingURL=Link.js.map
+//# sourceMappingURL=LabelLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["fontSizeMapping","lineHeightMapping","useTypographyFactory","fontName","linkDefaultColor","linkDefaultWeight","LabelLink","props","accessibilityRole","onPress","undefined","defaultWeight","defaultColor","font","fontStyle","fontSize","regular","lineHeight","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":"AAEA,SAIEA,eAAe,EACfC,iBAAiB,QACZ,UAAU;AACjB,SAASC,oBAAoB,QAAQ,WAAW;AAWhD,MAAMC,QAAsB,GAAG,cAAc;AAE7C,OAAO,MAAMC,gBAA+B,GAAG,YAAY;AAC3D,OAAO,MAAMC,iBAAgC,GAAG,UAAU;;AAE1D;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAIC,KAAgB,IACxCL,oBAAoB,CAA+B;EACjDM,iBAAiB,EAAED,KAAK,CAACE,OAAO,GAAG,MAAM,GAAGC,SAAS;EACrD,GAAGH,KAAK;EACRI,aAAa,EAAEN,iBAAiB;EAChCO,YAAY,EAAER,gBAAgB;EAC9BS,IAAI,EAAEV,QAAQ;EACdW,SAAS,EAAE;IACTC,QAAQ,EAAER,KAAK,CAACQ,QAAQ,GACpBf,eAAe,CAACO,KAAK,CAACQ,QAAQ,CAAC,GAC/Bf,eAAe,CAACgB,OAAO;IAC3BC,UAAU,EAAEV,KAAK,CAACQ,QAAQ,GACtBd,iBAAiB,CAACM,KAAK,CAACQ,QAAQ,CAAC,GACjCd,iBAAiB,CAACe,OAAO;IAC7BE,kBAAkB,EAAE;EACtB;AACF,CAAC,CAAC"}

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

@@ -1,26 +1,22 @@
 import { useTypographyFactory } from "./Factory";
+const fontName = "TitilliumWeb";
+const fontSizeMapping = {
+  regular: 14,
+  small: 12
+};
+const labelDefaultWeight = "Bold";
+const labelDefaultcolor = "blue";
+
 /**
- * Typography component to render `LabelSmall` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Bold`, color: `blue`
- * @param props`
- * @constructor
+ * `LabelSmall` typographic style
  */
-export const LabelSmall = props => {
-  const fontName = "TitilliumWeb";
-  const fontSizeMapping = {
-    regular: 14,
-    small: 12
-  };
-  const labelDefaultWeight = "Bold";
-  const labelDefaultcolor = "blue";
-  return useTypographyFactory({
-    ...props,
-    defaultWeight: labelDefaultWeight,
-    defaultColor: labelDefaultcolor,
-    font: fontName,
-    fontStyle: {
-      fontSize: props.fontSize ? fontSizeMapping[props.fontSize] : fontSizeMapping.regular
-    }
-  });
-};
+export const LabelSmall = props => useTypographyFactory({
+  ...props,
+  defaultWeight: labelDefaultWeight,
+  defaultColor: labelDefaultcolor,
+  font: fontName,
+  fontStyle: {
+    fontSize: props.fontSize ? fontSizeMapping[props.fontSize] : fontSizeMapping.regular
+  }
+});
 //# sourceMappingURL=LabelSmall.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useTypographyFactory","LabelSmall","props","fontName","fontSizeMapping","regular","small","labelDefaultWeight","labelDefaultcolor","defaultWeight","defaultColor","font","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmall.tsx"],"mappings":"AAGA,SAASA,oBAAoB,QAAQ,WAAW;AAsBhD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAA8B,GAAGC,KAAK,IAAI;EACrD,MAAMC,QAAoB,GAAG,cAAc;EAC3C,MAAMC,eAAyC,GAAG;IAAEC,OAAO,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAG,CAAC;EAC5E,MAAMC,kBAAkB,GAAG,MAAM;EACjC,MAAMC,iBAAiB,GAAG,MAAM;EAEhC,OAAOR,oBAAoB,CAA+B;IACxD,GAAGE,KAAK;IACRO,aAAa,EAAEF,kBAAkB;IACjCG,YAAY,EAAEF,iBAAiB;IAC/BG,IAAI,EAAER,QAAQ;IACdS,SAAS,EAAE;MACTC,QAAQ,EAAEX,KAAK,CAACW,QAAQ,GACpBT,eAAe,CAACF,KAAK,CAACW,QAAQ,CAAC,GAC/BT,eAAe,CAACC;IACtB;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["useTypographyFactory","fontName","fontSizeMapping","regular","small","labelDefaultWeight","labelDefaultcolor","LabelSmall","props","defaultWeight","defaultColor","font","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmall.tsx"],"mappings":"AAEA,SAASA,oBAAoB,QAAQ,WAAW;AAuBhD,MAAMC,QAAoB,GAAG,cAAc;AAC3C,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;AACA,OAAO,MAAMC,UAAU,GAAIC,KAAsB,IAC/CR,oBAAoB,CAA+B;EACjD,GAAGQ,KAAK;EACRC,aAAa,EAAEJ,kBAAkB;EACjCK,YAAY,EAAEJ,iBAAiB;EAC/BK,IAAI,EAAEV,QAAQ;EACdW,SAAS,EAAE;IACTC,QAAQ,EAAEL,KAAK,CAACK,QAAQ,GACpBX,eAAe,CAACM,KAAK,CAACK,QAAQ,CAAC,GAC/BX,eAAe,CAACC;EACtB;AACF,CAAC,CAAC"}