@laerdal/life-react-components 2.0.1-dev.9.full → 2.1.0-dev.7

package/dist/styles/typography.cjs

@@ -1,42 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ParagraphXlStyling = exports.ParagraphXSStyling = exports.ParagraphXS = exports.ParagraphXL = exports.ParagraphTextStyle = exports.ParagraphSStyling = exports.ParagraphS = exports.ParagraphMStyling = exports.ParagraphM = exports.ParagraphLStyling = exports.ParagraphL = exports.HeadlineXXSStyling = exports.HeadlineXXS = exports.HeadlineXSStyling = exports.HeadlineXS = exports.HeadlineXLStyling = exports.HeadlineXL = exports.HeadlineSStyling = exports.HeadlineS = exports.HeadlineMStyling = exports.HeadlineM = exports.HeadlineLStyling = exports.HeadlineL = exports.ComponentXXSStyling = exports.ComponentXXS = exports.ComponentXSStyling = exports.ComponentXS = exports.ComponentXLStyling = exports.ComponentXL = exports.ComponentTextStyle = exports.ComponentSStyling = exports.ComponentS = exports.ComponentResponsive = exports.ComponentMStyling = exports.ComponentM = exports.ComponentLStyling = exports.ComponentL = void 0;
-
+exports.TypographyBase = exports.ParagraphXlStyling = exports.ParagraphXSStyling = exports.ParagraphXS = exports.ParagraphXL = exports.ParagraphTextStyle = exports.ParagraphSStyling = exports.ParagraphS = exports.ParagraphMStyling = exports.ParagraphM = exports.ParagraphLStyling = exports.ParagraphL = exports.HeadlineXXSStyling = exports.HeadlineXXS = exports.HeadlineXSStyling = exports.HeadlineXS = exports.HeadlineXLStyling = exports.HeadlineXL = exports.HeadlineSStyling = exports.HeadlineS = exports.HeadlineMStyling = exports.HeadlineM = exports.HeadlineLStyling = exports.HeadlineL = exports.ComponentXXSStyling = exports.ComponentXXS = exports.ComponentXSStyling = exports.ComponentXS = exports.ComponentXLStyling = exports.ComponentXL = exports.ComponentTextStyle = exports.ComponentSStyling = exports.ComponentS = exports.ComponentResponsive = exports.ComponentMStyling = exports.ComponentM = exports.ComponentLStyling = exports.ComponentL = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _ = require(".");
-
 var _types = require("../types");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-
 var TypographyBase = (0, _styledComponents.default)('div')(function (_ref) {
   var $color = _ref.$color,
-      lineHeight = _ref.lineHeight,
-      $fontSize = _ref.$fontSize,
-      $fontWeight = _ref.$fontWeight,
-      $fontStyle = _ref.$fontStyle,
-      textTransform = _ref.textTransform,
-      textDecorationLine = _ref.textDecorationLine;
+    lineHeight = _ref.lineHeight,
+    $fontSize = _ref.$fontSize,
+    $fontWeight = _ref.$fontWeight,
+    $fontStyle = _ref.$fontStyle,
+    textTransform = _ref.textTransform,
+    textDecorationLine = _ref.textDecorationLine;
   return {
     fontSize: $fontSize,
     fontWeight: $fontWeight,
@@ -47,15 +34,14 @@ var TypographyBase = (0, _styledComponents.default)('div')(function (_ref) {
     color: $color ? $color : _.COLORS.black
   };
 });
-
+exports.TypographyBase = TypographyBase;
 var HeadlineBaseStyling = function HeadlineBaseStyling(fontSize, lineHeight, color) {
   return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: 700;\n    color: ", ";\n  "])), fontSize, lineHeight, color);
 };
-
 var HeadlineBase = (0, _styledComponents.default)(TypographyBase)(function (_ref2) {
   var $color = _ref2.$color,
-      lineHeight = _ref2.lineHeight,
-      fontSize = _ref2.fontSize;
+    lineHeight = _ref2.lineHeight,
+    fontSize = _ref2.fontSize;
   return {
     fontSize: fontSize,
     fontWeight: 700,
@@ -63,11 +49,9 @@ var HeadlineBase = (0, _styledComponents.default)(TypographyBase)(function (_ref
     color: $color
   };
 });
-
 var HeadlineXLStyling = function HeadlineXLStyling(color) {
   return HeadlineBaseStyling('48px', '64px', color);
 };
-
 exports.HeadlineXLStyling = HeadlineXLStyling;
 var HeadlineXL = (0, _styledComponents.default)(HeadlineBase)(function (_ref3) {
   var $color = _ref3.$color;
@@ -78,11 +62,9 @@ var HeadlineXL = (0, _styledComponents.default)(HeadlineBase)(function (_ref3) {
   };
 });
 exports.HeadlineXL = HeadlineXL;
-
 var HeadlineLStyling = function HeadlineLStyling(color) {
   return HeadlineBaseStyling('40px', '52px', color);
 };
-
 exports.HeadlineLStyling = HeadlineLStyling;
 var HeadlineL = (0, _styledComponents.default)(HeadlineBase)(function (_ref4) {
   var $color = _ref4.$color;
@@ -93,11 +75,9 @@ var HeadlineL = (0, _styledComponents.default)(HeadlineBase)(function (_ref4) {
   };
 });
 exports.HeadlineL = HeadlineL;
-
 var HeadlineMStyling = function HeadlineMStyling(color) {
   return HeadlineBaseStyling('32px', '40px', color);
 };
-
 exports.HeadlineMStyling = HeadlineMStyling;
 var HeadlineM = (0, _styledComponents.default)(HeadlineBase)(function (_ref5) {
   var $color = _ref5.$color;
@@ -108,11 +88,9 @@ var HeadlineM = (0, _styledComponents.default)(HeadlineBase)(function (_ref5) {
   };
 });
 exports.HeadlineM = HeadlineM;
-
 var HeadlineSStyling = function HeadlineSStyling(color) {
   return HeadlineBaseStyling('28px', '36px', color);
 };
-
 exports.HeadlineSStyling = HeadlineSStyling;
 var HeadlineS = (0, _styledComponents.default)(HeadlineBase)(function (_ref6) {
   var $color = _ref6.$color;
@@ -123,11 +101,9 @@ var HeadlineS = (0, _styledComponents.default)(HeadlineBase)(function (_ref6) {
   };
 });
 exports.HeadlineS = HeadlineS;
-
 var HeadlineXSStyling = function HeadlineXSStyling(color) {
   return HeadlineBaseStyling('24px', '32px', color);
 };
-
 exports.HeadlineXSStyling = HeadlineXSStyling;
 var HeadlineXS = (0, _styledComponents.default)(HeadlineBase)(function (_ref7) {
   var $color = _ref7.$color;
@@ -138,11 +114,9 @@ var HeadlineXS = (0, _styledComponents.default)(HeadlineBase)(function (_ref7) {
   };
 });
 exports.HeadlineXS = HeadlineXS;
-
 var HeadlineXXSStyling = function HeadlineXXSStyling(color) {
   return HeadlineBaseStyling('20px', '24px', color);
 };
-
 exports.HeadlineXXSStyling = HeadlineXXSStyling;
 var HeadlineXXS = (0, _styledComponents.default)(HeadlineBase)(function (_ref8) {
   var $color = _ref8.$color;
@@ -159,48 +133,38 @@ var ParagraphBase = (0, _styledComponents.default)(TypographyBase)(_templateObje
 }, ParagraphStyling);
 var ParagraphTextStyle;
 exports.ParagraphTextStyle = ParagraphTextStyle;
-
 (function (ParagraphTextStyle) {
   ParagraphTextStyle[ParagraphTextStyle["Regular"] = 1] = "Regular";
   ParagraphTextStyle[ParagraphTextStyle["Bold"] = 2] = "Bold";
   ParagraphTextStyle[ParagraphTextStyle["Italic"] = 3] = "Italic";
   ParagraphTextStyle[ParagraphTextStyle["Underline"] = 4] = "Underline";
 })(ParagraphTextStyle || (exports.ParagraphTextStyle = ParagraphTextStyle = {}));
-
 var paragraphFontWeight = function paragraphFontWeight(textStyle) {
   var fontWeight = 400;
-
   if (textStyle === ParagraphTextStyle.Bold) {
     fontWeight = 700;
   }
-
   return fontWeight;
 };
-
 var paragraphFontStyle = function paragraphFontStyle(textStyle) {
   var fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';
   return fontStyle;
 };
-
 var paragraphTextDecorationLine = function paragraphTextDecorationLine(textStyle) {
   var textDecoration = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';
   return textDecoration;
 };
-
 var ParagraphBaseStyling = function ParagraphBaseStyling(fontSize, lineHeight, textStyle, color) {
   return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    color: ", ";\n  "])), fontSize, paragraphFontWeight(textStyle), lineHeight, paragraphFontStyle(textStyle), color);
 };
-
 var ParagraphXlStyling = function ParagraphXlStyling(textStyle, color) {
   return ParagraphBaseStyling('24px', '36px', textStyle, color);
 };
-
 exports.ParagraphXlStyling = ParagraphXlStyling;
-
 var ParagraphXL = function ParagraphXL(_ref9) {
   var color = _ref9.color,
-      textStyle = _ref9.textStyle,
-      children = _ref9.children;
+    textStyle = _ref9.textStyle,
+    children = _ref9.children;
   var fontWeight = paragraphFontWeight(textStyle);
   var fontStyle = paragraphFontStyle(textStyle);
   var textDecorationLine = paragraphTextDecorationLine(textStyle);
@@ -215,24 +179,20 @@ var ParagraphXL = function ParagraphXL(_ref9) {
     children: children
   });
 };
-
 exports.ParagraphXL = ParagraphXL;
 ParagraphXL.propTypes = {
   color: _propTypes.default.string,
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
   children: _propTypes.default.node
 };
-
 var ParagraphLStyling = function ParagraphLStyling(textStyle, color) {
   return ParagraphBaseStyling('20px', '32px', textStyle, color);
 };
-
 exports.ParagraphLStyling = ParagraphLStyling;
-
 var ParagraphL = function ParagraphL(_ref10) {
   var color = _ref10.color,
-      textStyle = _ref10.textStyle,
-      children = _ref10.children;
+    textStyle = _ref10.textStyle,
+    children = _ref10.children;
   var fontWeight = paragraphFontWeight(textStyle);
   var fontStyle = paragraphFontStyle(textStyle);
   var textDecorationLine = paragraphTextDecorationLine(textStyle);
@@ -247,24 +207,20 @@ var ParagraphL = function ParagraphL(_ref10) {
     children: children
   });
 };
-
 exports.ParagraphL = ParagraphL;
 ParagraphL.propTypes = {
   color: _propTypes.default.string,
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
   children: _propTypes.default.node
 };
-
 var ParagraphMStyling = function ParagraphMStyling(textStyle, color) {
   return ParagraphBaseStyling('18px', '28px', textStyle, color);
 };
-
 exports.ParagraphMStyling = ParagraphMStyling;
-
 var ParagraphM = function ParagraphM(_ref11) {
   var color = _ref11.color,
-      textStyle = _ref11.textStyle,
-      children = _ref11.children;
+    textStyle = _ref11.textStyle,
+    children = _ref11.children;
   var fontWeight = paragraphFontWeight(textStyle);
   var fontStyle = paragraphFontStyle(textStyle);
   var textDecorationLine = paragraphTextDecorationLine(textStyle);
@@ -279,24 +235,20 @@ var ParagraphM = function ParagraphM(_ref11) {
     children: children
   });
 };
-
 exports.ParagraphM = ParagraphM;
 ParagraphM.propTypes = {
   color: _propTypes.default.string,
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
   children: _propTypes.default.node
 };
-
 var ParagraphSStyling = function ParagraphSStyling(textStyle, color) {
   return ParagraphBaseStyling('16px', '24px', textStyle, color);
 };
-
 exports.ParagraphSStyling = ParagraphSStyling;
-
 var ParagraphS = function ParagraphS(_ref12) {
   var color = _ref12.color,
-      textStyle = _ref12.textStyle,
-      children = _ref12.children;
+    textStyle = _ref12.textStyle,
+    children = _ref12.children;
   var fontWeight = paragraphFontWeight(textStyle);
   var fontStyle = paragraphFontStyle(textStyle);
   var textDecorationLine = paragraphTextDecorationLine(textStyle);
@@ -311,24 +263,20 @@ var ParagraphS = function ParagraphS(_ref12) {
     children: children
   });
 };
-
 exports.ParagraphS = ParagraphS;
 ParagraphS.propTypes = {
   color: _propTypes.default.string,
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
   children: _propTypes.default.node
 };
-
 var ParagraphXSStyling = function ParagraphXSStyling(textStyle, color) {
   return ParagraphBaseStyling('14px', '20px', textStyle, color);
 };
-
 exports.ParagraphXSStyling = ParagraphXSStyling;
-
 var ParagraphXS = function ParagraphXS(_ref13) {
   var color = _ref13.color,
-      textStyle = _ref13.textStyle,
-      children = _ref13.children;
+    textStyle = _ref13.textStyle,
+    children = _ref13.children;
   var fontWeight = paragraphFontWeight(textStyle);
   var fontStyle = paragraphFontStyle(textStyle);
   var textDecorationLine = paragraphTextDecorationLine(textStyle);
@@ -343,7 +291,6 @@ var ParagraphXS = function ParagraphXS(_ref13) {
     children: children
   });
 };
-
 exports.ParagraphXS = ParagraphXS;
 ParagraphXS.propTypes = {
   color: _propTypes.default.string,
@@ -352,49 +299,39 @@ ParagraphXS.propTypes = {
 };
 var ComponentTextStyle;
 exports.ComponentTextStyle = ComponentTextStyle;
-
 (function (ComponentTextStyle) {
   ComponentTextStyle[ComponentTextStyle["Regular"] = 1] = "Regular";
   ComponentTextStyle[ComponentTextStyle["Bold"] = 2] = "Bold";
   ComponentTextStyle[ComponentTextStyle["Italic"] = 3] = "Italic";
   ComponentTextStyle[ComponentTextStyle["UppercaseBold"] = 4] = "UppercaseBold";
 })(ComponentTextStyle || (exports.ComponentTextStyle = ComponentTextStyle = {}));
-
 var componentFontWeight = function componentFontWeight(textStyle) {
   var fontWeight = 400;
-
   if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {
     fontWeight = 700;
   }
-
   return fontWeight;
 };
-
 var componentFontStyle = function componentFontStyle(textStyle) {
   var fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';
   return fontStyle;
 };
-
 var componentTextTransformation = function componentTextTransformation(textStyle) {
   var fontStyle = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';
   return fontStyle;
 };
-
 var ComponentStyling = function ComponentStyling(fontSize, lineHeight, textStyle, color) {
   return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), color === null ? '' : "color: ".concat(color || _.COLORS.black, ";"));
 };
-
 var ComponentXLStyling = function ComponentXLStyling(textStyle, color) {
   return ComponentStyling('24px', '28px', textStyle, color);
 };
-
 exports.ComponentXLStyling = ComponentXLStyling;
-
 var ComponentXL = function ComponentXL(_ref14) {
   var color = _ref14.color,
-      textStyle = _ref14.textStyle,
-      children = _ref14.children,
-      className = _ref14.className;
+    textStyle = _ref14.textStyle,
+    children = _ref14.children,
+    className = _ref14.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
@@ -407,7 +344,6 @@ var ComponentXL = function ComponentXL(_ref14) {
     children: children
   });
 };
-
 exports.ComponentXL = ComponentXL;
 ComponentXL.propTypes = {
   color: _propTypes.default.string,
@@ -415,18 +351,15 @@ ComponentXL.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
   children: _propTypes.default.node
 };
-
 var ComponentLStyling = function ComponentLStyling(textStyle, color) {
   return ComponentStyling('20px', '24px', textStyle, color);
 };
-
 exports.ComponentLStyling = ComponentLStyling;
-
 var ComponentL = function ComponentL(_ref15) {
   var color = _ref15.color,
-      textStyle = _ref15.textStyle,
-      children = _ref15.children,
-      className = _ref15.className;
+    textStyle = _ref15.textStyle,
+    children = _ref15.children,
+    className = _ref15.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
@@ -439,7 +372,6 @@ var ComponentL = function ComponentL(_ref15) {
     children: children
   });
 };
-
 exports.ComponentL = ComponentL;
 ComponentL.propTypes = {
   color: _propTypes.default.string,
@@ -447,18 +379,15 @@ ComponentL.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
   children: _propTypes.default.node
 };
-
 var ComponentMStyling = function ComponentMStyling(textStyle, color) {
   return ComponentStyling('18px', '24px', textStyle, color);
 };
-
 exports.ComponentMStyling = ComponentMStyling;
-
 var ComponentM = function ComponentM(_ref16) {
   var color = _ref16.color,
-      textStyle = _ref16.textStyle,
-      children = _ref16.children,
-      className = _ref16.className;
+    textStyle = _ref16.textStyle,
+    children = _ref16.children,
+    className = _ref16.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
@@ -471,7 +400,6 @@ var ComponentM = function ComponentM(_ref16) {
     children: children
   });
 };
-
 exports.ComponentM = ComponentM;
 ComponentM.propTypes = {
   color: _propTypes.default.string,
@@ -479,18 +407,15 @@ ComponentM.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
   children: _propTypes.default.node
 };
-
 var ComponentSStyling = function ComponentSStyling(textStyle, color) {
   return ComponentStyling('16px', '20px', textStyle, color);
 };
-
 exports.ComponentSStyling = ComponentSStyling;
-
 var ComponentS = function ComponentS(_ref17) {
   var color = _ref17.color,
-      textStyle = _ref17.textStyle,
-      children = _ref17.children,
-      className = _ref17.className;
+    textStyle = _ref17.textStyle,
+    children = _ref17.children,
+    className = _ref17.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
@@ -503,7 +428,6 @@ var ComponentS = function ComponentS(_ref17) {
     children: children
   });
 };
-
 exports.ComponentS = ComponentS;
 ComponentS.propTypes = {
   color: _propTypes.default.string,
@@ -511,18 +435,15 @@ ComponentS.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
   children: _propTypes.default.node
 };
-
 var ComponentXSStyling = function ComponentXSStyling(textStyle, color) {
   return ComponentStyling('14px', '16px', textStyle, color);
 };
-
 exports.ComponentXSStyling = ComponentXSStyling;
-
 var ComponentXS = function ComponentXS(_ref18) {
   var color = _ref18.color,
-      textStyle = _ref18.textStyle,
-      children = _ref18.children,
-      className = _ref18.className;
+    textStyle = _ref18.textStyle,
+    children = _ref18.children,
+    className = _ref18.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   var textTransform = componentTextTransformation(textStyle);
@@ -537,7 +458,6 @@ var ComponentXS = function ComponentXS(_ref18) {
     children: children
   });
 };
-
 exports.ComponentXS = ComponentXS;
 ComponentXS.propTypes = {
   color: _propTypes.default.string,
@@ -545,18 +465,15 @@ ComponentXS.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
   children: _propTypes.default.node
 };
-
 var ComponentXXSStyling = function ComponentXXSStyling(textStyle, color) {
   return ComponentStyling('12px', '16px', textStyle, color);
 };
-
 exports.ComponentXXSStyling = ComponentXXSStyling;
-
 var ComponentXXS = function ComponentXXS(_ref19) {
   var color = _ref19.color,
-      textStyle = _ref19.textStyle,
-      children = _ref19.children,
-      className = _ref19.className;
+    textStyle = _ref19.textStyle,
+    children = _ref19.children,
+    className = _ref19.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   var textTransform = componentTextTransformation(textStyle);
@@ -571,7 +488,6 @@ var ComponentXXS = function ComponentXXS(_ref19) {
     children: children
   });
 };
-
 exports.ComponentXXS = ComponentXXS;
 ComponentXXS.propTypes = {
   color: _propTypes.default.string,
@@ -579,15 +495,13 @@ ComponentXXS.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4]),
   children: _propTypes.default.node
 };
-
 var ComponentResponsive = function ComponentResponsive(_ref20) {
   var color = _ref20.color,
-      textStyle = _ref20.textStyle,
-      children = _ref20.children,
-      size = _ref20.size,
-      width = _ref20.width;
+    textStyle = _ref20.textStyle,
+    children = _ref20.children,
+    size = _ref20.size,
+    width = _ref20.width;
   var fontsize = size;
-
   if (!size) {
     if (width == -1) {
       fontsize = _types.Size.Medium;
@@ -599,7 +513,6 @@ var ComponentResponsive = function ComponentResponsive(_ref20) {
       fontsize = _types.Size.Large;
     }
   }
-
   switch (fontsize) {
     case _types.Size.XXSmall:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentXXS, {
@@ -607,28 +520,24 @@ var ComponentResponsive = function ComponentResponsive(_ref20) {
         textStyle: textStyle,
         children: children
       });
-
     case _types.Size.XSmall:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentXS, {
         color: color,
         textStyle: textStyle,
         children: children
       });
-
     case _types.Size.Small:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentS, {
         color: color,
         textStyle: textStyle,
         children: children
       });
-
     case _types.Size.Medium:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentM, {
         color: color,
         textStyle: textStyle,
         children: children
       });
-
     case _types.Size.Large:
     default:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentL, {
@@ -638,7 +547,6 @@ var ComponentResponsive = function ComponentResponsive(_ref20) {
       });
   }
 };
-
 exports.ComponentResponsive = ComponentResponsive;
 ComponentResponsive.propTypes = {
   color: _propTypes.default.string,