@pagopa/io-app-design-system 1.0.0-0

package/lib/commonjs/components/tag/Tag.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tag = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _fonts = require("../../utils/fonts");
+var _IOColors = require("../../core/IOColors");
+var _icons = require("../icons");
+var _IOShapes = require("../../core/IOShapes");
+var _IOSpacing = require("../../core/IOSpacing");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const mapVariants = {
+  qrCode: {
+    iconColor: "blueIO-500",
+    iconName: "qrCode"
+  },
+  legalMessage: {
+    iconColor: "blueIO-500",
+    iconName: "legalValue"
+  },
+  info: {
+    iconColor: "info-700",
+    iconName: "info"
+  },
+  warning: {
+    iconColor: "warning-700",
+    iconName: "warningFilled"
+  },
+  error: {
+    iconColor: "error-600",
+    iconName: "errorFilled"
+  },
+  success: {
+    iconColor: "success-700",
+    iconName: "success"
+  }
+};
+const IOTagIconMargin = 6;
+const IOTagIconSize = 16;
+const styles = _reactNative.StyleSheet.create({
+  tag: {
+    alignSelf: "flex-start",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    ..._reactNative.Platform.select({
+      android: {
+        textAlignVertical: "center"
+      }
+    }),
+    borderWidth: 1,
+    backgroundColor: _IOColors.IOColors.white,
+    borderColor: _IOColors.IOColors["grey-100"],
+    borderRadius: _IOShapes.IOTagRadius,
+    paddingHorizontal: _IOSpacing.IOTagHSpacing,
+    paddingVertical: _IOSpacing.IOTagVSpacing
+  },
+  iconWrapper: {
+    marginEnd: IOTagIconMargin,
+    flexShrink: 1
+  },
+  label: {
+    fontSize: 12,
+    lineHeight: 16,
+    alignSelf: "center",
+    textTransform: "uppercase",
+    color: _IOColors.IOColors["grey-700"],
+    flexShrink: 1,
+    ...(0, _fonts.makeFontStyleObject)("Regular", false, "ReadexPro")
+  }
+});
+
+/**
+ * Tag component, used mainly for message list and details
+ */
+const Tag = _ref => {
+  let {
+    text,
+    variant,
+    testID
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    testID: testID,
+    style: styles.tag
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.iconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+    name: mapVariants[variant].iconName,
+    color: mapVariants[variant].iconColor,
+    size: IOTagIconSize
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    numberOfLines: 1,
+    ellipsizeMode: "tail",
+    style: styles.label
+  }, text));
+};
+exports.Tag = Tag;
+//# sourceMappingURL=Tag.js.map

package/lib/commonjs/components/tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_fonts","_IOColors","_icons","_IOShapes","_IOSpacing","obj","__esModule","default","mapVariants","qrCode","iconColor","iconName","legalMessage","info","warning","error","success","IOTagIconMargin","IOTagIconSize","styles","StyleSheet","create","tag","alignSelf","flexDirection","alignItems","justifyContent","Platform","select","android","textAlignVertical","borderWidth","backgroundColor","IOColors","white","borderColor","borderRadius","IOTagRadius","paddingHorizontal","IOTagHSpacing","paddingVertical","IOTagVSpacing","iconWrapper","marginEnd","flexShrink","label","fontSize","lineHeight","textTransform","color","makeFontStyleObject","Tag","_ref","text","variant","testID","createElement","View","style","Icon","name","size","Text","numberOfLines","ellipsizeMode","exports"],"sourceRoot":"../../../../src","sources":["components/tag/Tag.tsx"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Tag = require("./Tag");
+Object.keys(_Tag).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tag[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Tag[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Tag","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/tag/index.tsx"],"mappings":";;;;;AAAA,IAAAA,IAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,IAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,IAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,IAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseTypography = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _IOColors = require("../../core/IOColors");
+var _fonts = require("../../utils/fonts");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+/**
+ * The specific properties needed to calculate the font style using {@link makeFontStyleObject} (these information
+ * cannot be included in the default StyleProp<TextStyle>
+ */
+
+/**
+ * Decorate the function {@link makeFontStyleObject} with the additional color calculation.
+ * @param color A value key from {@link IOColors}, transformed here in {@link ColorValue}
+ * @param args the args of the function {@link makeFontStyleObject}
+ */
+const calculateTextStyle = function (color) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+  return {
+    ...(0, _fonts.makeFontStyleObject)(...args),
+    color: _IOColors.IOColors[color]
+  };
+};
+
+/**
+ * `BaseTypography` is the core Typography component used to render a text.
+ * It accepts all the default text style `StyleProp<TextStyle>` in addition with {@link BaseTypographyProps}
+ * used to calculate at runtime the platform-dependent styles.
+ * This component shouldn't be used in the application but only to compose others `Typography elements`.
+ * @param props
+ * @constructor
+ */
+const BaseTypography = props => {
+  const fontStyle = (0, _react.useMemo)(() => calculateTextStyle(props.color, props.weight, props.isItalic, props.font), [props.color, props.weight, props.isItalic, props.font]);
+  const style = props.style ? [props.style, props.fontStyle, fontStyle] : [props.fontStyle, fontStyle];
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Text, _extends({}, props, {
+    style: style
+  }), props.children);
+};
+exports.BaseTypography = BaseTypography;
+//# sourceMappingURL=BaseTypography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_IOColors","_fonts","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","calculateTextStyle","color","_len","args","Array","_key","makeFontStyleObject","IOColors","BaseTypography","props","fontStyle","useMemo","weight","isItalic","font","style","createElement","Text","children","exports"],"sourceRoot":"../../../../src","sources":["components/typography/BaseTypography.tsx"],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.bodyLineHeight = exports.bodyFontSize = exports.bodyDefaultWeight = exports.bodyDefaultColor = exports.Body = void 0;
+var _Factory = require("./Factory");
+const fontName = "TitilliumWeb";
+const bodyFontSize = 16;
+exports.bodyFontSize = bodyFontSize;
+const bodyLineHeight = 24;
+exports.bodyLineHeight = bodyLineHeight;
+const bodyDefaultColor = "bluegrey";
+exports.bodyDefaultColor = bodyDefaultColor;
+const bodyDefaultWeight = "Regular";
+
+/**
+ * Typography component to render `Body` text with font size {@link fontSize} and fontFamily {@link fontName}.
+ * default values (if not defined) are weight: `Regular`, color: `bluegrey`
+ * @param props`
+ * @constructor
+ */
+exports.bodyDefaultWeight = bodyDefaultWeight;
+const Body = props => (0, _Factory.useTypographyFactory)({
+  ...props,
+  defaultWeight: bodyDefaultWeight,
+  defaultColor: bodyDefaultColor,
+  font: fontName,
+  fontStyle: {
+    fontSize: bodyFontSize,
+    lineHeight: bodyLineHeight
+  }
+});
+exports.Body = Body;
+//# sourceMappingURL=Body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Factory","require","fontName","bodyFontSize","exports","bodyLineHeight","bodyDefaultColor","bodyDefaultWeight","Body","props","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Body.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAcA,MAAMC,QAAoB,GAAG,cAAc;AACpC,MAAMC,YAAY,GAAG,EAAE;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA;AACxB,MAAME,cAAc,GAAG,EAAE;AAACD,OAAA,CAAAC,cAAA,GAAAA,cAAA;AAC1B,MAAMC,gBAA+B,GAAG,UAAU;AAACF,OAAA,CAAAE,gBAAA,GAAAA,gBAAA;AACnD,MAAMC,iBAAgC,GAAG,SAAS;;AAEzD;AACA;AACA;AACA;AACA;AACA;AALAH,OAAA,CAAAG,iBAAA,GAAAA,iBAAA;AAMO,MAAMC,IAAuC,GAAGC,KAAK,IACxD,IAAAC,6BAAoB,EAA+B;EAC/C,GAAGD,KAAK;EACRE,aAAa,EAAEJ,iBAAiB;EAChCK,YAAY,EAAEN,gBAAgB;EAC9BO,IAAI,EAAEX,QAAQ;EACdY,SAAS,EAAE;IAAEC,QAAQ,EAAEZ,YAAY;IAAEa,UAAU,EAAEX;EAAe;AACpE,CAAC,CAAC;AAACD,OAAA,CAAAI,IAAA,GAAAA,IAAA"}

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTypographyFactory = useTypographyFactory;
+var _react = _interopRequireWildcard(require("react"));
+var _BaseTypography = require("./BaseTypography");
+var _common = require("./common");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+/**
+ * Using the DefaultArgumentProps is possible to define a default fallback value for  weight and color
+ * that will be used when the fields weight and color will be undefined.
+ */
+
+/**
+ * Using the DefaultFactoryProps is possible to define a custom factory to calculate the default value for
+ * weight and color, thus allowing to implement more sophisticated strategies.
+ */
+
+/**
+ * Only one type of default props strategy is allowed
+ */
+
+/**
+ * The factory props will include:
+ * - One of the two DefaultProps
+ * - The props of {@link BaseTypographyProps} without weight and color
+ * - The default {@link TypographyProps}
+ */
+
+/**
+ * Calculate if the props is of type {@link DefaultFactoryProps}
+ * @param props
+ */
+function isDefaultFactoryProps(props) {
+  return props.weightColorFactory !== undefined;
+}
+
+/**
+ * Build a {@link BaseTypography} component, calculating the default values for weight and color if undefined.
+ * The default values can be calculated specifying some fallback values using {@link DefaultArgumentProps}
+ * or with a factory function to define some custom behaviour using {@link DefaultFactoryProps}
+ * @param props
+ */
+function useTypographyFactory(props) {
+  // Use different strategy to calculate the default values, based on DefaultProps
+  const {
+    weight,
+    color
+  } = (0, _react.useMemo)(() => isDefaultFactoryProps(props) ? props.weightColorFactory(props.weight, props.color) : (0, _common.calculateWeightColor)(props.defaultWeight, props.defaultColor, props.weight, props.color), [props]);
+  return /*#__PURE__*/_react.default.createElement(_BaseTypography.BaseTypography, _extends({
+    weight: weight,
+    color: color
+  }, props));
+}
+//# sourceMappingURL=Factory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_BaseTypography","_common","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","isDefaultFactoryProps","props","weightColorFactory","undefined","useTypographyFactory","weight","color","useMemo","calculateWeightColor","defaultWeight","defaultColor","createElement","BaseTypography"],"sourceRoot":"../../../../src","sources":["components/typography/Factory.tsx"],"mappings":"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"}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.h1LineHeight = exports.h1FontSize = exports.h1DefaultWeight = exports.h1DefaultColor = exports.H1 = void 0;
+var _Factory = require("./Factory");
+const h1FontSize = 26;
+exports.h1FontSize = h1FontSize;
+const h1LineHeight = 32;
+exports.h1LineHeight = h1LineHeight;
+const h1DefaultColor = "bluegreyDark";
+exports.h1DefaultColor = h1DefaultColor;
+const h1DefaultWeight = "Bold";
+
+/**
+ * Typography component to render H1 text with font size {@link fontSize} and fontFamily {@link fontName}.
+ * default values(if not defined) are weight: `Bold`, color: `bluegreyDark`
+ * @param props
+ * @constructor
+ */
+exports.h1DefaultWeight = h1DefaultWeight;
+const H1 = props => {
+  const fontName = "TitilliumWeb";
+  return (0, _Factory.useTypographyFactory)({
+    ...props,
+    defaultWeight: h1DefaultWeight,
+    defaultColor: h1DefaultColor,
+    font: fontName,
+    fontStyle: {
+      fontSize: h1FontSize,
+      lineHeight: h1LineHeight
+    }
+  });
+};
+exports.H1 = H1;
+//# sourceMappingURL=H1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Factory","require","h1FontSize","exports","h1LineHeight","h1DefaultColor","h1DefaultWeight","H1","props","fontName","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":";;;;;;AAOA,IAAAA,QAAA,GAAAC,OAAA;AAiBO,MAAMC,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AACxB,MAAMC,cAA6B,GAAG,cAAc;AAACF,OAAA,CAAAE,cAAA,GAAAA,cAAA;AACrD,MAAMC,eAA8B,GAAG,MAAM;;AAEpD;AACA;AACA;AACA;AACA;AACA;AALAH,OAAA,CAAAG,eAAA,GAAAA,eAAA;AAMO,MAAMC,EAAsB,GAAIC,KAAK,IAAK;EAC7C,MAAMC,QAAoB,GAAG,cAAc;EAC3C,OAAO,IAAAC,6BAAoB,EAA+B;IACtD,GAAGF,KAAK;IACRG,aAAa,EAAEL,eAAe;IAC9BM,YAAY,EAAEP,cAAc;IAC5BQ,IAAI,EAAEJ,QAAQ;IACdK,SAAS,EAAE;MAAEC,QAAQ,EAAEb,UAAU;MAAEc,UAAU,EAAEZ;IAAa;EAChE,CAAC,CAAC;AACN,CAAC;AAACD,OAAA,CAAAI,EAAA,GAAAA,EAAA"}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.h2LineHeight = exports.h2FontSize = exports.h2DefaultWeight = exports.h2DefaultColor = exports.H2 = void 0;
+var _Factory = require("./Factory");
+const h2FontSize = 20;
+exports.h2FontSize = h2FontSize;
+const h2LineHeight = 24;
+exports.h2LineHeight = h2LineHeight;
+const h2DefaultColor = "bluegreyDark";
+exports.h2DefaultColor = h2DefaultColor;
+const h2DefaultWeight = "Bold";
+
+/**
+ * Typography component to render `H2` text with font size {@link fontSize} and fontFamily {@link fontName}.
+ * default values(if not defined) are weight: `Bold`, color: `bluegreyDark`
+ * @param props
+ * @constructor
+ */
+exports.h2DefaultWeight = h2DefaultWeight;
+const H2 = props => {
+  const fontName = "TitilliumWeb";
+  return (0, _Factory.useTypographyFactory)({
+    ...props,
+    defaultWeight: h2DefaultWeight,
+    defaultColor: h2DefaultColor,
+    font: fontName,
+    fontStyle: {
+      fontSize: h2FontSize,
+      lineHeight: h2LineHeight
+    }
+  });
+};
+exports.H2 = H2;
+//# sourceMappingURL=H2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Factory","require","h2FontSize","exports","h2LineHeight","h2DefaultColor","h2DefaultWeight","H2","props","fontName","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":";;;;;;AAOA,IAAAA,QAAA,GAAAC,OAAA;AAiBO,MAAMC,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AACxB,MAAMC,cAA6B,GAAG,cAAc;AAACF,OAAA,CAAAE,cAAA,GAAAA,cAAA;AACrD,MAAMC,eAA8B,GAAG,MAAM;;AAEpD;AACA;AACA;AACA;AACA;AACA;AALAH,OAAA,CAAAG,eAAA,GAAAA,eAAA;AAMO,MAAMC,EAAsB,GAAIC,KAAK,IAAK;EAC7C,MAAMC,QAAoB,GAAG,cAAc;EAC3C,OAAO,IAAAC,6BAAoB,EAA+B;IACtD,GAAGF,KAAK;IACRG,aAAa,EAAEL,eAAe;IAC9BM,YAAY,EAAEP,cAAc;IAC5BQ,IAAI,EAAEJ,QAAQ;IACdK,SAAS,EAAE;MAAEC,QAAQ,EAAEb,UAAU;MAAEc,UAAU,EAAEZ;IAAa;EAChE,CAAC,CAAC;AACN,CAAC;AAACD,OAAA,CAAAI,EAAA,GAAAA,EAAA"}

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

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.h3LineHeight = exports.h3FontSize = exports.calculateH3WeightColor = exports.H3 = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Factory = require("./Factory");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// these colors are allowed only when the weight is SemiBold
+
+// when the weight is bold, only the white color is allowed
+
+// all the possible colors
+
+// all the possible weight
+
+// these are the properties allowed only if weight is undefined or SemiBold
+
+// these are the properties allowed only if weight is Bold
+
+const h3FontSize = 18;
+exports.h3FontSize = h3FontSize;
+const h3LineHeight = 22;
+
+/**
+ * A custom function to calculate the values if no weight or color is provided.
+ * The choose of the default color depends on the weight, for this reason cannot be used
+ * the default calculateWeightColor with fallback if undefined.
+ * @param weight
+ * @param color
+ */
+exports.h3LineHeight = h3LineHeight;
+const calculateH3WeightColor = (weight, color) => {
+  const newWeight = weight ?? "SemiBold";
+  const newColor = color !== undefined ? color : newWeight === "SemiBold" ? "bluegreyDark" : "white";
+  return {
+    weight: newWeight,
+    color: newColor
+  };
+};
+
+/**
+ * Typography component to render `H3` text with font size {@link fontSize} and fontFamily {@link fontName}.
+ * default values(if not defined) are weight: `SemiBold`, color: `bluegreyDark`
+ * @param props
+ * @constructor
+ */
+exports.calculateH3WeightColor = calculateH3WeightColor;
+const H3 = props => {
+  const fontName = "TitilliumWeb";
+  const weightColorFactory = _react.default.useCallback(() => calculateH3WeightColor(props.weight, props.color), [props.weight, props.color]);
+  return (0, _Factory.useTypographyFactory)({
+    ...props,
+    weightColorFactory,
+    font: fontName,
+    fontStyle: {
+      fontSize: h3FontSize,
+      lineHeight: h3LineHeight
+    }
+  });
+};
+exports.H3 = H3;
+//# sourceMappingURL=H3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Factory","obj","__esModule","default","h3FontSize","exports","h3LineHeight","calculateH3WeightColor","weight","color","newWeight","newColor","undefined","H3","props","fontName","weightColorFactory","React","useCallback","useTypographyFactory","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AAAiD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGjD;;AAYA;;AAYA;;AAMA;;AAGA;;AAMA;;AAUO,MAAMG,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AANAD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAOO,MAAMC,sBAAsB,GAAGA,CAClCC,MAAsB,EACtBC,KAAqB,KACmC;EACxD,MAAMC,SAAS,GAAGF,MAAM,IAAI,UAAU;EACtC,MAAMG,QAAQ,GACVF,KAAK,KAAKG,SAAS,GACbH,KAAK,GACLC,SAAS,KAAK,UAAU,GACpB,cAAc,GACd,OAAO;EACrB,OAAO;IACHF,MAAM,EAAEE,SAAS;IACjBD,KAAK,EAAEE;EACX,CAAC;AACL,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AALAN,OAAA,CAAAE,sBAAA,GAAAA,sBAAA;AAMO,MAAMM,EAAsB,GAAIC,KAAK,IAAK;EAC7C,MAAMC,QAAoB,GAAG,cAAc;EAC3C,MAAMC,kBAAkB,GAAGC,cAAK,CAACC,WAAW,CACxC,MAAMX,sBAAsB,CAACO,KAAK,CAACN,MAAM,EAAEM,KAAK,CAACL,KAAK,CAAC,EACvD,CAACK,KAAK,CAACN,MAAM,EAAEM,KAAK,CAACL,KAAK,CAC9B,CAAC;EACD,OAAO,IAAAU,6BAAoB,EAA+B;IACtD,GAAGL,KAAK;IACRE,kBAAkB;IAClBI,IAAI,EAAEL,QAAQ;IACdM,SAAS,EAAE;MAAEC,QAAQ,EAAElB,UAAU;MAAEmB,UAAU,EAAEjB;IAAa;EAChE,CAAC,CAAC;AACN,CAAC;AAACD,OAAA,CAAAQ,EAAA,GAAAA,EAAA"}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.h4LineHeight = exports.h4FontSize = exports.H4 = void 0;
+var _Factory = require("./Factory");
+/* Common typographic styles */
+const h4FontSize = 20;
+exports.h4FontSize = h4FontSize;
+const h4LineHeight = 24;
+
+/**
+ * Typography component to render `H4` text with font size {@link fontSize} and fontFamily {@link fontName}.
+ * default values(if not defined) are weight: `Regular/SemiBold`, color: `black/bluegreyDark` if design system is enabled or not
+ * @param props
+ * @constructor
+ */
+exports.h4LineHeight = h4LineHeight;
+const H4 = props => {
+  /* New typographic styles */
+  const font = "ReadexPro";
+  const defaultColor = "black";
+  const defaultWeight = "Regular";
+  return (0, _Factory.useTypographyFactory)({
+    ...props,
+    defaultWeight,
+    defaultColor,
+    font,
+    fontStyle: {
+      fontSize: h4FontSize,
+      lineHeight: h4LineHeight
+    }
+  });
+};
+exports.H4 = H4;
+//# sourceMappingURL=H4.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Factory","require","h4FontSize","exports","h4LineHeight","H4","props","font","defaultColor","defaultWeight","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAUA;AACO,MAAMC,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA;AACA;AACA;AALAD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAMO,MAAMC,EAAsB,GAAGC,KAAK,IAAI;EAC3C;EACA,MAAMC,IAAgB,GAAG,WAAW;EACpC,MAAMC,YAA2B,GAAG,OAAO;EAC3C,MAAMC,aAA4B,GAAG,SAAS;EAE9C,OAAO,IAAAC,6BAAoB,EAA+B;IACtD,GAAGJ,KAAK;IACRG,aAAa;IACbD,YAAY;IACZD,IAAI;IACJI,SAAS,EAAE;MAAEC,QAAQ,EAAEV,UAAU;MAAEW,UAAU,EAAET;IAAa;EAChE,CAAC,CAAC;AACN,CAAC;AAACD,OAAA,CAAAE,EAAA,GAAAA,EAAA"}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.h5FontSize = exports.h5DefaultWeight = exports.h5DefaultColor = exports.H5 = void 0;
+var _Factory = require("./Factory");
+// these colors are allowed only when the weight is SemiBold
+
+// when the weight is bold, only the white color is allowed
+
+// all the possible colors
+
+// all the possible weight
+
+// these are the properties allowed only if weight is undefined or SemiBold
+
+// these are the properties allowed only if weight is Bold
+
+const h5FontSize = 14;
+exports.h5FontSize = h5FontSize;
+const h5DefaultColor = "bluegreyDark";
+exports.h5DefaultColor = h5DefaultColor;
+const h5DefaultWeight = "SemiBold";
+
+/**
+ * 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
+ */
+exports.h5DefaultWeight = h5DefaultWeight;
+const H5 = props => {
+  const fontName = "TitilliumWeb";
+  return (0, _Factory.useTypographyFactory)({
+    ...props,
+    defaultWeight: h5DefaultWeight,
+    defaultColor: h5DefaultColor,
+    font: fontName,
+    fontStyle: {
+      fontSize: h5FontSize
+    }
+  });
+};
+exports.H5 = H5;
+//# sourceMappingURL=H5.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Factory","require","h5FontSize","exports","h5DefaultColor","h5DefaultWeight","H5","props","fontName","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAGA;;AAMA;;AAYA;;AAGA;;AAGA;;AAMA;;AAUO,MAAMC,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,cAA6B,GAAG,cAAc;AAACD,OAAA,CAAAC,cAAA,GAAAA,cAAA;AACrD,MAAMC,eAA8B,GAAG,UAAU;;AAExD;AACA;AACA;AACA;AACA;AACA;AALAF,OAAA,CAAAE,eAAA,GAAAA,eAAA;AAMO,MAAMC,EAAsB,GAAIC,KAAK,IAAK;EAC7C,MAAMC,QAAoB,GAAG,cAAc;EAC3C,OAAO,IAAAC,6BAAoB,EAA+B;IACtD,GAAGF,KAAK;IACRG,aAAa,EAAEL,eAAe;IAC9BM,YAAY,EAAEP,cAAc;IAC5BQ,IAAI,EAAEJ,QAAQ;IACdK,SAAS,EAAE;MAAEC,QAAQ,EAAEZ;IAAW;EACtC,CAAC,CAAC;AACN,CAAC;AAACC,OAAA,CAAAG,EAAA,GAAAA,EAAA"}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.h6LineHeight = exports.h6FontSize = exports.h6DefaultWeight = exports.h6DefaultColor = exports.H6 = void 0;
+var _IOColors = require("../../core/IOColors");
+var _Factory = require("./Factory");
+// when the weight is bold, only these color are allowed
+
+const h6FontSize = 16;
+exports.h6FontSize = h6FontSize;
+const h6LineHeight = 20;
+exports.h6LineHeight = h6LineHeight;
+const h6DefaultColor = _IOColors.IOThemeLight["textBody-default"];
+exports.h6DefaultColor = h6DefaultColor;
+const h6DefaultWeight = "Regular";
+
+/**
+ * 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
+ */
+exports.h6DefaultWeight = h6DefaultWeight;
+const H6 = props => {
+  const fontName = "ReadexPro";
+  return (0, _Factory.useTypographyFactory)({
+    ...props,
+    defaultWeight: h6DefaultWeight,
+    defaultColor: h6DefaultColor,
+    font: fontName,
+    fontStyle: {
+      fontSize: h6FontSize,
+      lineHeight: h6LineHeight
+    }
+  });
+};
+exports.H6 = H6;
+//# sourceMappingURL=H6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_IOColors","require","_Factory","h6FontSize","exports","h6LineHeight","h6DefaultColor","IOThemeLight","h6DefaultWeight","H6","props","fontName","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAGA;;AAQO,MAAME,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AACxB,MAAMC,cAA6B,GAAGC,sBAAY,CAAC,kBAAkB,CAAC;AAACH,OAAA,CAAAE,cAAA,GAAAA,cAAA;AACvE,MAAME,eAA8B,GAAG,SAAS;;AAEvD;AACA;AACA;AACA;AACA;AACA;AALAJ,OAAA,CAAAI,eAAA,GAAAA,eAAA;AAMO,MAAMC,EAAsB,GAAIC,KAAK,IAAK;EAC7C,MAAMC,QAAoB,GAAG,WAAW;EACxC,OAAO,IAAAC,6BAAoB,EAA+B;IACtD,GAAGF,KAAK;IACRG,aAAa,EAAEL,eAAe;IAC9BM,YAAY,EAAER,cAAc;IAC5BS,IAAI,EAAEJ,QAAQ;IACdK,SAAS,EAAE;MAAEC,QAAQ,EAAEd,UAAU;MAAEe,UAAU,EAAEb;IAAa;EAChE,CAAC,CAAC;AACN,CAAC;AAACD,OAAA,CAAAK,EAAA,GAAAA,EAAA"}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Label = void 0;
+var _Factory = require("./Factory");
+/**
+ * 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
+ */
+const Label = props => {
+  const fontName = "TitilliumWeb";
+  const fontSize = 16;
+  const labelDefaultWeight = "Bold";
+  const labelDefaultcolor = "blue";
+  return (0, _Factory.useTypographyFactory)({
+    ...props,
+    defaultWeight: labelDefaultWeight,
+    defaultColor: labelDefaultcolor,
+    font: fontName,
+    fontStyle: {
+      fontSize
+    }
+  });
+};
+exports.Label = Label;
+//# sourceMappingURL=Label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Factory","require","Label","props","fontName","fontSize","labelDefaultWeight","labelDefaultcolor","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","exports"],"sourceRoot":"../../../../src","sources":["components/typography/Label.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAaA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,KAAyB,GAAIC,KAAK,IAAK;EAChD,MAAMC,QAAoB,GAAG,cAAc;EAC3C,MAAMC,QAAQ,GAAG,EAAE;EACnB,MAAMC,kBAAkB,GAAG,MAAM;EACjC,MAAMC,iBAAiB,GAAG,MAAM;EAEhC,OAAO,IAAAC,6BAAoB,EAA+B;IACtD,GAAGL,KAAK;IACRM,aAAa,EAAEH,kBAAkB;IACjCI,YAAY,EAAEH,iBAAiB;IAC/BI,IAAI,EAAEP,QAAQ;IACdQ,SAAS,EAAE;MAAEP;IAAS;EAC1B,CAAC,CAAC;AACN,CAAC;AAACQ,OAAA,CAAAX,KAAA,GAAAA,KAAA"}