@laerdal/life-react-components 3.6.0-dev.1.full → 3.6.1

package/dist/styles/typography.cjs

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UpperCaseTypography = exports.UpperCase = exports.TypographyBase = exports.Typography = exports.QuoteTypography = exports.Quote = exports.NoteTypography = exports.Note = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
@@ -15,18 +13,9 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _ = require(".");
 var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["color", "textStyle", "children", "className"],
-  _excluded2 = ["color", "textStyle", "children", "className"],
-  _excluded3 = ["color", "textStyle", "children", "className"],
-  _excluded4 = ["color", "textStyle", "children", "className"],
-  _excluded5 = ["color", "textStyle", "children", "className"],
-  _excluded6 = ["color", "textStyle", "children", "className"],
-  _excluded7 = ["color", "textStyle", "children", "size", "width"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TypographyBase = (0, _styledComponents["default"])('div')(function (_ref) {
   var $color = _ref.$color,
     lineHeight = _ref.lineHeight,
@@ -82,20 +71,18 @@ var ComponentXL = function ComponentXL(_ref2) {
   var color = _ref2.color,
     textStyle = _ref2.textStyle,
     children = _ref2.children,
-    className = _ref2.className,
-    rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+    className = _ref2.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
     className: className,
     $color: color,
     lineHeight: 28,
     $fontSize: 24,
     $fontWeight: fontWeight,
-    $fontStyle: fontStyle
-  }, rest), {}, {
+    $fontStyle: fontStyle,
     children: children
-  }));
+  });
 };
 exports.ComponentXL = ComponentXL;
 ComponentXL.propTypes = {
@@ -112,20 +99,18 @@ var ComponentL = function ComponentL(_ref3) {
   var color = _ref3.color,
     textStyle = _ref3.textStyle,
     children = _ref3.children,
-    className = _ref3.className,
-    rest = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
+    className = _ref3.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
     className: className,
     $color: color,
     lineHeight: 24,
     $fontSize: 20,
     $fontWeight: fontWeight,
-    $fontStyle: fontStyle
-  }, rest), {}, {
+    $fontStyle: fontStyle,
     children: children
-  }));
+  });
 };
 exports.ComponentL = ComponentL;
 ComponentL.propTypes = {
@@ -142,20 +127,18 @@ var ComponentM = function ComponentM(_ref4) {
   var color = _ref4.color,
     textStyle = _ref4.textStyle,
     children = _ref4.children,
-    className = _ref4.className,
-    rest = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
+    className = _ref4.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
     className: className,
     $color: color,
     lineHeight: 24,
     $fontSize: 18,
     $fontWeight: fontWeight,
-    $fontStyle: fontStyle
-  }, rest), {}, {
+    $fontStyle: fontStyle,
     children: children
-  }));
+  });
 };
 exports.ComponentM = ComponentM;
 ComponentM.propTypes = {
@@ -172,20 +155,18 @@ var ComponentS = function ComponentS(_ref5) {
   var color = _ref5.color,
     textStyle = _ref5.textStyle,
     children = _ref5.children,
-    className = _ref5.className,
-    rest = (0, _objectWithoutProperties2["default"])(_ref5, _excluded4);
+    className = _ref5.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
     className: className,
     $color: color,
     lineHeight: 20,
     $fontSize: 16,
     $fontWeight: fontWeight,
-    $fontStyle: fontStyle
-  }, rest), {}, {
+    $fontStyle: fontStyle,
     children: children
-  }));
+  });
 };
 exports.ComponentS = ComponentS;
 ComponentS.propTypes = {
@@ -202,22 +183,20 @@ var ComponentXS = function ComponentXS(_ref6) {
   var color = _ref6.color,
     textStyle = _ref6.textStyle,
     children = _ref6.children,
-    className = _ref6.className,
-    rest = (0, _objectWithoutProperties2["default"])(_ref6, _excluded5);
+    className = _ref6.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   var textTransform = componentTextTransformation(textStyle);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
     className: className,
     $color: color,
     lineHeight: 16,
     $fontSize: 14,
     $fontWeight: fontWeight,
     $fontStyle: fontStyle,
-    textTransform: textTransform
-  }, rest), {}, {
+    textTransform: textTransform,
     children: children
-  }));
+  });
 };
 exports.ComponentXS = ComponentXS;
 ComponentXS.propTypes = {
@@ -234,22 +213,20 @@ var ComponentXXS = function ComponentXXS(_ref7) {
   var color = _ref7.color,
     textStyle = _ref7.textStyle,
     children = _ref7.children,
-    className = _ref7.className,
-    rest = (0, _objectWithoutProperties2["default"])(_ref7, _excluded6);
+    className = _ref7.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   var textTransform = componentTextTransformation(textStyle);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TypographyBase, {
     className: className,
     $color: color,
     lineHeight: 16,
     $fontSize: 12,
     $fontWeight: fontWeight,
     $fontStyle: fontStyle,
-    textTransform: textTransform
-  }, rest), {}, {
+    textTransform: textTransform,
     children: children
-  }));
+  });
 };
 exports.ComponentXXS = ComponentXXS;
 ComponentXXS.propTypes = {
@@ -263,8 +240,7 @@ var ComponentResponsive = function ComponentResponsive(_ref8) {
     textStyle = _ref8.textStyle,
     children = _ref8.children,
     size = _ref8.size,
-    width = _ref8.width,
-    rest = (0, _objectWithoutProperties2["default"])(_ref8, _excluded7);
+    width = _ref8.width;
   var fontsize = size;
   if (!size) {
     if (width == -1) {
@@ -279,36 +255,36 @@ var ComponentResponsive = function ComponentResponsive(_ref8) {
   }
   switch (fontsize) {
     case _types.Size.XXSmall:
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentXXS, _objectSpread({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentXXS, {
         color: color,
         textStyle: textStyle,
         children: children
-      }, rest));
+      });
     case _types.Size.XSmall:
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentXS, _objectSpread({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentXS, {
         color: color,
         textStyle: textStyle,
         children: children
-      }, rest));
+      });
     case _types.Size.Small:
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentS, _objectSpread({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentS, {
         color: color,
         textStyle: textStyle,
         children: children
-      }, rest));
+      });
     case _types.Size.Medium:
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentM, _objectSpread({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentM, {
         color: color,
         textStyle: textStyle,
         children: children
-      }, rest));
+      });
     case _types.Size.Large:
     default:
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentL, _objectSpread({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentL, {
         color: color,
         textStyle: textStyle,
         children: children
-      }, rest));
+      });
   }
 };
 exports.ComponentResponsive = ComponentResponsive;

package/dist/styles/typography.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"typography.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_","_types","_jsxRuntime","_excluded","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","TypographyBase","styled","_ref","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","COLORS","black","exports","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","css","_taggedTemplateLiteral2","props","concat","getColor","theme","ComponentXLStyling","ComponentXL","_ref2","children","className","rest","_objectWithoutProperties2","jsx","propTypes","_propTypes","string","oneOf","node","ComponentLStyling","ComponentL","_ref3","ComponentMStyling","ComponentM","_ref4","ComponentSStyling","ComponentS","_ref5","ComponentXSStyling","ComponentXS","_ref6","ComponentXXSStyling","ComponentXXS","_ref7","ComponentResponsive","_ref8","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\ninterface ITypographyBase {\r\n  $color?: string;\r\n  lineHeight: number;\r\n  $fontSize: number;\r\n  $fontWeight: number;\r\n  $fontStyle?: string;\r\n  textTransform?: Property.TextTransform;\r\n  textDecorationLine?: Property.TextDecorationLine;\r\n}\r\n\r\nexport const TypographyBase = styled('div')<ITypographyBase>(({\r\n                                                                $color,\r\n                                                                lineHeight,\r\n                                                                $fontSize,\r\n                                                                $fontWeight,\r\n                                                                $fontStyle,\r\n                                                                textTransform,\r\n                                                                textDecorationLine\r\n                                                              }) => ({\r\n  fontSize: $fontSize,\r\n  fontWeight: $fontWeight,\r\n  lineHeight: lineHeight + 'px',\r\n  textTransform: textTransform ? textTransform : 'none',\r\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n  color: $color ? $color : COLORS.black,\r\n}));\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width, \r\n                                                                                                         ...rest\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"typography.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_","_types","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TypographyBase","styled","_ref","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","COLORS","black","exports","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","css","_taggedTemplateLiteral2","props","concat","getColor","theme","ComponentXLStyling","ComponentXL","_ref2","children","className","jsx","propTypes","_propTypes","string","oneOf","node","ComponentLStyling","ComponentL","_ref3","ComponentMStyling","ComponentM","_ref4","ComponentSStyling","ComponentS","_ref5","ComponentXSStyling","ComponentXS","_ref6","ComponentXXSStyling","ComponentXXS","_ref7","ComponentResponsive","_ref8","size","width","fontsize","Size","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\ninterface ITypographyBase {\r\n  $color?: string;\r\n  lineHeight: number;\r\n  $fontSize: number;\r\n  $fontWeight: number;\r\n  $fontStyle?: string;\r\n  textTransform?: Property.TextTransform;\r\n  textDecorationLine?: Property.TextDecorationLine;\r\n}\r\n\r\nexport const TypographyBase = styled('div')<ITypographyBase>(({\r\n                                                                $color,\r\n                                                                lineHeight,\r\n                                                                $fontSize,\r\n                                                                $fontWeight,\r\n                                                                $fontStyle,\r\n                                                                textTransform,\r\n                                                                textDecorationLine\r\n                                                              }) => ({\r\n  fontSize: $fontSize,\r\n  fontWeight: $fontWeight,\r\n  lineHeight: lineHeight + 'px',\r\n  textTransform: textTransform ? textTransform : 'none',\r\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\r\n  color: $color ? $color : COLORS.black,\r\n}));\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/styles/typography.d.ts

@@ -17,7 +17,7 @@ declare enum ComponentTextStyle {
     Italic = 3,
     UppercaseBold = 4
 }
-type ComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {
+type ComponentProps = {
     color?: string;
     className?: string;
     textStyle?: ComponentTextStyle;

package/dist/styles/typography.js

@@ -1,17 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _excluded = ["color", "textStyle", "children", "className"],
-  _excluded2 = ["color", "textStyle", "children", "className"],
-  _excluded3 = ["color", "textStyle", "children", "className"],
-  _excluded4 = ["color", "textStyle", "children", "className"],
-  _excluded5 = ["color", "textStyle", "children", "className"],
-  _excluded6 = ["color", "textStyle", "children", "className"],
-  _excluded7 = ["color", "textStyle", "children", "size", "width"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { COLORS } from '.';
@@ -69,20 +58,18 @@ var ComponentXL = function ComponentXL(_ref2) {
   var color = _ref2.color,
     textStyle = _ref2.textStyle,
     children = _ref2.children,
-    className = _ref2.className,
-    rest = _objectWithoutProperties(_ref2, _excluded);
+    className = _ref2.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
-  return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(TypographyBase, {
     className: className,
     $color: color,
     lineHeight: 28,
     $fontSize: 24,
     $fontWeight: fontWeight,
-    $fontStyle: fontStyle
-  }, rest), {}, {
+    $fontStyle: fontStyle,
     children: children
-  }));
+  });
 };
 ComponentXL.propTypes = {
   color: _pt.string,
@@ -97,20 +84,18 @@ var ComponentL = function ComponentL(_ref3) {
   var color = _ref3.color,
     textStyle = _ref3.textStyle,
     children = _ref3.children,
-    className = _ref3.className,
-    rest = _objectWithoutProperties(_ref3, _excluded2);
+    className = _ref3.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
-  return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(TypographyBase, {
     className: className,
     $color: color,
     lineHeight: 24,
     $fontSize: 20,
     $fontWeight: fontWeight,
-    $fontStyle: fontStyle
-  }, rest), {}, {
+    $fontStyle: fontStyle,
     children: children
-  }));
+  });
 };
 ComponentL.propTypes = {
   color: _pt.string,
@@ -125,20 +110,18 @@ var ComponentM = function ComponentM(_ref4) {
   var color = _ref4.color,
     textStyle = _ref4.textStyle,
     children = _ref4.children,
-    className = _ref4.className,
-    rest = _objectWithoutProperties(_ref4, _excluded3);
+    className = _ref4.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
-  return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(TypographyBase, {
     className: className,
     $color: color,
     lineHeight: 24,
     $fontSize: 18,
     $fontWeight: fontWeight,
-    $fontStyle: fontStyle
-  }, rest), {}, {
+    $fontStyle: fontStyle,
     children: children
-  }));
+  });
 };
 ComponentM.propTypes = {
   color: _pt.string,
@@ -153,20 +136,18 @@ var ComponentS = function ComponentS(_ref5) {
   var color = _ref5.color,
     textStyle = _ref5.textStyle,
     children = _ref5.children,
-    className = _ref5.className,
-    rest = _objectWithoutProperties(_ref5, _excluded4);
+    className = _ref5.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
-  return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(TypographyBase, {
     className: className,
     $color: color,
     lineHeight: 20,
     $fontSize: 16,
     $fontWeight: fontWeight,
-    $fontStyle: fontStyle
-  }, rest), {}, {
+    $fontStyle: fontStyle,
     children: children
-  }));
+  });
 };
 ComponentS.propTypes = {
   color: _pt.string,
@@ -181,22 +162,20 @@ var ComponentXS = function ComponentXS(_ref6) {
   var color = _ref6.color,
     textStyle = _ref6.textStyle,
     children = _ref6.children,
-    className = _ref6.className,
-    rest = _objectWithoutProperties(_ref6, _excluded5);
+    className = _ref6.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   var textTransform = componentTextTransformation(textStyle);
-  return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(TypographyBase, {
     className: className,
     $color: color,
     lineHeight: 16,
     $fontSize: 14,
     $fontWeight: fontWeight,
     $fontStyle: fontStyle,
-    textTransform: textTransform
-  }, rest), {}, {
+    textTransform: textTransform,
     children: children
-  }));
+  });
 };
 ComponentXS.propTypes = {
   color: _pt.string,
@@ -211,22 +190,20 @@ var ComponentXXS = function ComponentXXS(_ref7) {
   var color = _ref7.color,
     textStyle = _ref7.textStyle,
     children = _ref7.children,
-    className = _ref7.className,
-    rest = _objectWithoutProperties(_ref7, _excluded6);
+    className = _ref7.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   var textTransform = componentTextTransformation(textStyle);
-  return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(TypographyBase, {
     className: className,
     $color: color,
     lineHeight: 16,
     $fontSize: 12,
     $fontWeight: fontWeight,
     $fontStyle: fontStyle,
-    textTransform: textTransform
-  }, rest), {}, {
+    textTransform: textTransform,
     children: children
-  }));
+  });
 };
 ComponentXXS.propTypes = {
   color: _pt.string,
@@ -239,8 +216,7 @@ var ComponentResponsive = function ComponentResponsive(_ref8) {
     textStyle = _ref8.textStyle,
     children = _ref8.children,
     size = _ref8.size,
-    width = _ref8.width,
-    rest = _objectWithoutProperties(_ref8, _excluded7);
+    width = _ref8.width;
   var fontsize = size;
   if (!size) {
     if (width == -1) {
@@ -255,36 +231,36 @@ var ComponentResponsive = function ComponentResponsive(_ref8) {
   }
   switch (fontsize) {
     case Size.XXSmall:
-      return /*#__PURE__*/_jsx(ComponentXXS, _objectSpread({
+      return /*#__PURE__*/_jsx(ComponentXXS, {
         color: color,
         textStyle: textStyle,
         children: children
-      }, rest));
+      });
     case Size.XSmall:
-      return /*#__PURE__*/_jsx(ComponentXS, _objectSpread({
+      return /*#__PURE__*/_jsx(ComponentXS, {
         color: color,
         textStyle: textStyle,
         children: children
-      }, rest));
+      });
     case Size.Small:
-      return /*#__PURE__*/_jsx(ComponentS, _objectSpread({
+      return /*#__PURE__*/_jsx(ComponentS, {
         color: color,
         textStyle: textStyle,
         children: children
-      }, rest));
+      });
     case Size.Medium:
-      return /*#__PURE__*/_jsx(ComponentM, _objectSpread({
+      return /*#__PURE__*/_jsx(ComponentM, {
         color: color,
         textStyle: textStyle,
         children: children
-      }, rest));
+      });
     case Size.Large:
     default:
-      return /*#__PURE__*/_jsx(ComponentL, _objectSpread({
+      return /*#__PURE__*/_jsx(ComponentL, {
         color: color,
         textStyle: textStyle,
         children: children
-      }, rest));
+      });
   }
 };
 ComponentResponsive.propTypes = {